Mimic the new folder structure

README.md

@@ -73,7 +73,7 @@ function Component() {
 }
 ```
 
-### \<JetConfirmsPassword />
+### \<ConfirmsPassword />
 
 [Source](https://github.com/ozziexsh/laravel-jetstream-react/blob/main/src/stubs/resources/js/Jetstream/ConfirmsPassword.tsx)
 
@@ -82,17 +82,17 @@ Make the user confirm their password via a modal before calling a function
 If their password was confirmed recently (time configured via laravel config) it skips the modal and just calls the function
 
 ```javascript
-import JetConfirmsPassword from '@/Jetstream/ConfirmsPassword';
+import ConfirmsPassword from '@/Components/ConfirmsPassword';
 
 function Component() {
   function changeEmail() {
     // only gets called if the password has been verified
   }
 
   return (
-    <JetConfirmsPassword onConfirm={changeEmail}>
-      <JetButton>Update Email</JetButton>
-    </JetConfirmsPassword>  
+    <ConfirmsPassword onConfirm={changeEmail}>
+      <PrimaryButton>Update Email</PrimaryButton>
+    </ConfirmsPassword>
   );
 }
 ```

src/commands/install.ts

@@ -152,7 +152,9 @@ export default class Install extends Command {
     this.moveStub('resources/js', 'resources/js');
 
     if (!flags.teams) {
-      this.removeTeams();
+      fs.rmSync(path.join(process.cwd(), 'resources', 'js', 'Pages', 'Teams'), {
+        recursive: true,
+      });
     }
 
     if (!flags.ssr) {
@@ -185,13 +187,4 @@ export default class Install extends Command {
       .map(([key, value]) => `"${key}@${value}"`)
       .join(' ');
   }
-
-  private removeTeams() {
-    fs.rmSync(path.join(process.cwd(), 'resources', 'js', 'Pages', 'Teams'), {
-      recursive: true,
-    });
-    fs.rmSync(path.join(process.cwd(), 'resources', 'js', 'Domains', 'Teams'), {
-      recursive: true,
-    });
-  }
 }

src/stubs/resources/js/Jetstream/ActionMessage.tsx → src/stubs/resources/js/Components/ActionMessage.tsx

@@ -6,7 +6,7 @@ interface Props {
   className?: string;
 }
 
-export default function JetActionMessage({
+export default function ActionMessage({
   on,
   className,
   children,

src/stubs/resources/js/Jetstream/ActionSection.tsx → src/stubs/resources/js/Components/ActionSection.tsx

@@ -1,19 +1,19 @@
 import React, { PropsWithChildren } from 'react';
-import JetSectionTitle from '@/Jetstream/SectionTitle';
+import SectionTitle from '@/Components/SectionTitle';
 
 interface Props {
   title: string;
   description: string;
 }
 
-export default function JetActionSection({
+export default function ActionSection({
   title,
   description,
   children,
 }: PropsWithChildren<Props>) {
   return (
     <div className="md:grid md:grid-cols-3 md:gap-6">
-      <JetSectionTitle title={title} description={description} />
+      <SectionTitle title={title} description={description} />
 
       <div className="mt-5 md:mt-0 md:col-span-2">
         <div className="px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg">

src/stubs/resources/js/Jetstream/ApplicationLogo.tsx → src/stubs/resources/js/Components/ApplicationLogo.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export default function JetApplicationLogo({
+export default function ApplicationLogo({
   className,
 }: {
   className?: string;

src/stubs/resources/js/Jetstream/ApplicationMark.tsx → src/stubs/resources/js/Components/ApplicationMark.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export default function JetApplicationMark(
+export default function ApplicationMark(
   props: React.SVGProps<SVGSVGElement>,
 ) {
   return (

src/stubs/resources/js/Jetstream/AuthenticationCard.tsx → src/stubs/resources/js/Components/AuthenticationCard.tsx

@@ -1,13 +1,13 @@
 import React, { PropsWithChildren } from 'react';
-import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo';
 
-export default function JetAuthenticationCard({
+export default function AuthenticationCard({
   children,
 }: PropsWithChildren<Record<string, unknown>>) {
   return (
     <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
       <div>
-        <JetAuthenticationCardLogo />
+        <AuthenticationCardLogo />
       </div>
 
       <div className="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">

src/stubs/resources/js/Jetstream/AuthenticationCardLogo.tsx → src/stubs/resources/js/Components/AuthenticationCardLogo.tsx

@@ -1,7 +1,7 @@
 import { InertiaLink } from '@inertiajs/inertia-react';
 import React from 'react';
 
-export default function JetAuthenticationCardLogo() {
+export default function AuthenticationCardLogo() {
   return (
     <InertiaLink href="/">
       <svg

src/stubs/resources/js/Jetstream/Banner.tsx → src/stubs/resources/js/Components/Banner.tsx

@@ -3,7 +3,7 @@ import { usePage } from '@inertiajs/inertia-react';
 import classNames from 'classnames';
 import React, { useState } from 'react';
 
-export default function JetBanner() {
+export default function Banner() {
   const [show, setShow] = useState(true);
   const { props } = usePage<Page<{ jetstream: any }>>();
   const style = props.jetstream.flash?.bannerStyle || 'success';

src/stubs/resources/js/Jetstream/Checkbox.tsx → src/stubs/resources/js/Components/Checkbox.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import React from 'react';
 
-export default function JetCheckbox(
+export default function Checkbox(
   props: React.DetailedHTMLProps<
     React.InputHTMLAttributes<HTMLInputElement>,
     HTMLInputElement

src/stubs/resources/js/Jetstream/ConfirmationModal.tsx → src/stubs/resources/js/Components/ConfirmationModal.tsx

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
-import JetModal, { ModalProps } from '@/Jetstream/Modal';
+import Modal, { ModalProps } from '@/Components/Modal';
 
-JetConfirmationModal.Content = function JetConfirmationModalContent({
+ConfirmationModal.Content = function ConfirmationModalContent({
   title,
   children,
 }: PropsWithChildren<{ title: string }>) {
@@ -34,15 +34,15 @@ JetConfirmationModal.Content = function JetConfirmationModalContent({
   );
 };
 
-JetConfirmationModal.Footer = function JetConfirmationModalFooter({
+ConfirmationModal.Footer = function ConfirmationModalFooter({
   children,
 }: PropsWithChildren<Record<string, unknown>>) {
   return <div className="px-6 py-4 bg-gray-100 text-right">{children}</div>;
 };
 
-export default function JetConfirmationModal({
+export default function ConfirmationModal({
   children,
   ...props
 }: PropsWithChildren<ModalProps>) {
-  return <JetModal {...props}>{children}</JetModal>;
+  return <Modal {...props}>{children}</Modal>;
 }

src/stubs/resources/js/Jetstream/ConfirmsPassword.tsx → src/stubs/resources/js/Components/ConfirmsPassword.tsx

@@ -2,11 +2,11 @@ import axios from 'axios';
 import classNames from 'classnames';
 import React, { PropsWithChildren, useRef, useState } from 'react';
 import useRoute from '@/Hooks/useRoute';
-import JetButton from '@/Jetstream/Button';
-import JetDialogModal from '@/Jetstream/DialogModal';
-import JetInput from '@/Jetstream/Input';
-import JetInputError from '@/Jetstream/InputError';
-import JetSecondaryButton from '@/Jetstream/SecondaryButton';
+import DialogModal from '@/Components/DialogModal';
+import InputError from '@/Components/InputError';
+import PrimaryButton from '@/Components/PrimaryButton';
+import TextInput from '@/Components/TextInput';
+import SecondaryButton from '@/Components/SecondaryButton';
 
 interface Props {
   title?: string;
@@ -15,7 +15,7 @@ interface Props {
   onConfirm(): void;
 }
 
-export default function JetConfirmsPassword({
+export default function ConfirmsPassword({
   title = 'Confirm Password',
   content = 'For your security, please confirm your password to continue.',
   button = 'Confirm',
@@ -73,12 +73,12 @@ export default function JetConfirmsPassword({
     <span>
       <span onClick={startConfirmingPassword}>{children}</span>
 
-      <JetDialogModal isOpen={confirmingPassword} onClose={closeModal}>
-        <JetDialogModal.Content title={title}>
+      <DialogModal isOpen={confirmingPassword} onClose={closeModal}>
+        <DialogModal.Content title={title}>
           {content}
 
           <div className="mt-4">
-            <JetInput
+            <TextInput
               type="password"
               className="mt-1 block w-3/4"
               placeholder="Password"
@@ -88,22 +88,22 @@ export default function JetConfirmsPassword({
               }
             />
 
-            <JetInputError message={form.error} className="mt-2" />
+            <InputError message={form.error} className="mt-2" />
           </div>
-        </JetDialogModal.Content>
+        </DialogModal.Content>
 
-        <JetDialogModal.Footer>
-          <JetSecondaryButton onClick={closeModal}>Cancel</JetSecondaryButton>
+        <DialogModal.Footer>
+          <SecondaryButton onClick={closeModal}>Cancel</SecondaryButton>
 
-          <JetButton
+          <PrimaryButton
             className={classNames('ml-2', { 'opacity-25': form.processing })}
             onClick={confirmPassword}
             disabled={form.processing}
           >
             {button}
-          </JetButton>
-        </JetDialogModal.Footer>
-      </JetDialogModal>
+          </PrimaryButton>
+        </DialogModal.Footer>
+      </DialogModal>
     </span>
   );
 }

src/stubs/resources/js/Jetstream/DangerButton.tsx → src/stubs/resources/js/Components/DangerButton.tsx

@@ -6,7 +6,7 @@ type Props = React.DetailedHTMLProps<
   HTMLButtonElement
 >;
 
-export default function JetDangerButton({
+export default function DangerButton({
   children,
   ...props
 }: PropsWithChildren<Props>) {

src/stubs/resources/js/Jetstream/DialogModal.tsx → src/stubs/resources/js/Components/DialogModal.tsx

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
-import JetModal, { ModalProps } from '@/Jetstream/Modal';
+import Modal, { ModalProps } from '@/Components/Modal';
 
-JetDialogModal.Content = function JetDialogModalContent({
+DialogModal.Content = function DialogModalContent({
   title,
   children,
 }: PropsWithChildren<{ title: string }>) {
@@ -14,15 +14,15 @@ JetDialogModal.Content = function JetDialogModalContent({
   );
 };
 
-JetDialogModal.Footer = function JetDialogModalFooter({
+DialogModal.Footer = function DialogModalFooter({
   children,
 }: PropsWithChildren<Record<string, unknown>>) {
   return <div className="px-6 py-4 bg-gray-100 text-right">{children}</div>;
 };
 
-export default function JetDialogModal({
+export default function DialogModal({
   children,
   ...modalProps
 }: PropsWithChildren<ModalProps>) {
-  return <JetModal {...modalProps}>{children}</JetModal>;
+  return <Modal {...modalProps}>{children}</Modal>;
 }

src/stubs/resources/js/Jetstream/Dropdown.tsx → src/stubs/resources/js/Components/Dropdown.tsx

@@ -9,7 +9,7 @@ interface Props {
   renderTrigger(): JSX.Element;
 }
 
-export default function JetDropdown({
+export default function Dropdown({
   align = 'right',
   width = '48',
   contentClasses = 'py-1 bg-white',

src/stubs/resources/js/Jetstream/DropdownLink.tsx → src/stubs/resources/js/Components/DropdownLink.tsx

@@ -6,7 +6,7 @@ interface Props {
   href?: string;
 }
 
-export default function JetDropdownLink({
+export default function DropdownLink({
   as,
   href,
   children,

src/stubs/resources/js/Jetstream/FormSection.tsx → src/stubs/resources/js/Components/FormSection.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import React, { PropsWithChildren } from 'react';
-import JetSectionTitle from '@/Jetstream/SectionTitle';
+import SectionTitle from '@/Components/SectionTitle';
 
 interface Props {
   title: string;
@@ -9,7 +9,7 @@ interface Props {
   onSubmit(): void;
 }
 
-export default function JetFormSection({
+export default function FormSection({
   onSubmit,
   renderActions,
   title,
@@ -20,7 +20,7 @@ export default function JetFormSection({
 
   return (
     <div className="md:grid md:grid-cols-3 md:gap-6">
-      <JetSectionTitle title={title} description={description} />
+      <SectionTitle title={title} description={description} />
 
       <div className="mt-5 md:mt-0 md:col-span-2">
         <form

src/stubs/resources/js/Jetstream/InputError.tsx → src/stubs/resources/js/Components/InputError.tsx

@@ -5,7 +5,7 @@ interface Props {
   className?: string;
 }
 
-export default function JetInputError({
+export default function InputError({
   message,
   className,
   children,

src/stubs/resources/js/Jetstream/Label.tsx → src/stubs/resources/js/Components/InputLabel.tsx

@@ -5,7 +5,7 @@ interface Props {
   htmlFor?: string;
 }
 
-export default function JetLabel({
+export default function InputLabel({
   value,
   htmlFor,
   children,

src/stubs/resources/js/Jetstream/Modal.tsx → src/stubs/resources/js/Components/Modal.tsx

@@ -9,7 +9,7 @@ export interface ModalProps {
   maxWidth?: string;
 }
 
-export default function JetModal({
+export default function Modal({
   isOpen,
   onClose,
   maxWidth = '2xl',

src/stubs/resources/js/Jetstream/NavLink.tsx → src/stubs/resources/js/Components/NavLink.tsx

@@ -6,7 +6,7 @@ interface Props {
   active?: boolean;
 }
 
-export default function JetNavLink({
+export default function NavLink({
   active,
   href,
   children,

src/stubs/resources/js/Jetstream/Button.tsx → src/stubs/resources/js/Components/PrimaryButton.tsx

@@ -6,7 +6,7 @@ type Props = React.DetailedHTMLProps<
   HTMLButtonElement
 >;
 
-export default function JetButton({
+export default function PrimaryButton({
   children,
   ...props
 }: PropsWithChildren<Props>) {

src/stubs/resources/js/Jetstream/ResponsiveNavLink.tsx → src/stubs/resources/js/Components/ResponsiveNavLink.tsx

@@ -13,7 +13,7 @@ type Props =
       href: string;
     };
 
-export default function JetResponsiveNavLink({
+export default function ResponsiveNavLink({
   active,
   href,
   children,

src/stubs/resources/js/Jetstream/SecondaryButton.tsx → src/stubs/resources/js/Components/SecondaryButton.tsx

@@ -6,7 +6,7 @@ type Props = React.DetailedHTMLProps<
   HTMLButtonElement
 >;
 
-export default function JetSecondaryButton({
+export default function SecondaryButton({
   children,
   ...props
 }: PropsWithChildren<Props>) {