kaze 1.4.0 → 2.0.1

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: kaze
 version: !ruby/object:Gem::Version
-  version: 1.4.0
+  version: 2.0.1
 platform: ruby
 authors:
 - Cuong Giang
@@ -101,6 +101,7 @@ files:
 - stubs/default/config/routes.rb
 - stubs/default/db/migrate/20240101000000_create_users.rb
 - stubs/default/test/factories/users.rb
+- stubs/default/test/integration/appearance_test.rb
 - stubs/default/test/integration/auth/authentication_test.rb
 - stubs/default/test/integration/auth/email_verification_test.rb
 - stubs/default/test/integration/auth/password_reset_test.rb
@@ -111,19 +112,22 @@ files:
 - stubs/hotwire/app/assets/tailwind/application.css
 - stubs/hotwire/app/components/application_logo_component.rb
 - stubs/hotwire/app/components/auth_session_status_component.rb
+- stubs/hotwire/app/components/breadcrumbs_component.rb
 - stubs/hotwire/app/components/danger_button_component.rb
 - stubs/hotwire/app/components/dropdown_component.html.erb
 - stubs/hotwire/app/components/dropdown_component.rb
 - stubs/hotwire/app/components/dropdown_link_component.rb
+- stubs/hotwire/app/components/heading_component.rb
+- stubs/hotwire/app/components/icon_component.rb
 - stubs/hotwire/app/components/input_error_component.rb
 - stubs/hotwire/app/components/input_label_component.rb
 - stubs/hotwire/app/components/modal_component.html.erb
 - stubs/hotwire/app/components/modal_component.rb
-- stubs/hotwire/app/components/nav_link_component.rb
 - stubs/hotwire/app/components/primary_button_component.rb
-- stubs/hotwire/app/components/responsive_nav_link_component.rb
 - stubs/hotwire/app/components/secondary_button_component.rb
+- stubs/hotwire/app/components/sidebar_menu_button_component.rb
 - stubs/hotwire/app/components/text_input_component.rb
+- stubs/hotwire/app/components/user_avatar_component.rb
 - stubs/hotwire/app/controllers/application_controller.rb
 - stubs/hotwire/app/controllers/auth/authenticated_session_controller.rb
 - stubs/hotwire/app/controllers/auth/email_verification_notification_controller.rb
@@ -134,10 +138,12 @@ files:
 - stubs/hotwire/app/controllers/concerns/authenticate.rb
 - stubs/hotwire/app/controllers/concerns/redirect_if_authenticated.rb
 - stubs/hotwire/app/controllers/concerns/set_current_auth.rb
+- stubs/hotwire/app/controllers/concerns/sidebar_state.rb
 - stubs/hotwire/app/controllers/concerns/validate_signature.rb
 - stubs/hotwire/app/controllers/dashboard_controller.rb
-- stubs/hotwire/app/controllers/password_controller.rb
-- stubs/hotwire/app/controllers/profile_controller.rb
+- stubs/hotwire/app/controllers/settings/appearance_controller.rb
+- stubs/hotwire/app/controllers/settings/password_controller.rb
+- stubs/hotwire/app/controllers/settings/profile_controller.rb
 - stubs/hotwire/app/controllers/welcome_controller.rb
 - stubs/hotwire/app/javascript/alpinejs.stub
 - stubs/hotwire/app/javascript/application.js
@@ -148,16 +154,21 @@ files:
 - stubs/hotwire/app/views/auth/verify_email.html.erb
 - stubs/hotwire/app/views/dashboard/index.html.erb
 - stubs/hotwire/app/views/layouts/_appearance.html.erb
-- stubs/hotwire/app/views/layouts/_navigation.html.erb
+- stubs/hotwire/app/views/layouts/_settings.html.erb
+- stubs/hotwire/app/views/layouts/_sidebar.html.erb
+- stubs/hotwire/app/views/layouts/_sidebar_header.html.erb
+- stubs/hotwire/app/views/layouts/_sidebar_user.html.erb
 - stubs/hotwire/app/views/layouts/application.html.erb
 - stubs/hotwire/app/views/layouts/guest.html.erb
-- stubs/hotwire/app/views/profile/destroy.turbo_stream.erb
-- stubs/hotwire/app/views/profile/edit.html.erb
-- stubs/hotwire/app/views/profile/partials/_confirm_user_deletion_modal.html.erb
-- stubs/hotwire/app/views/profile/partials/_delete_user_form.html.erb
-- stubs/hotwire/app/views/profile/partials/_update_appearance_form.html.erb
-- stubs/hotwire/app/views/profile/partials/_update_password_form.html.erb
-- stubs/hotwire/app/views/profile/partials/_update_profile_information_form.html.erb
+- stubs/hotwire/app/views/settings/appearance/_update_appearance_form.html.erb
+- stubs/hotwire/app/views/settings/appearance/edit.html.erb
+- stubs/hotwire/app/views/settings/password/_update_password_form.html.erb
+- stubs/hotwire/app/views/settings/password/edit.html.erb
+- stubs/hotwire/app/views/settings/profile/_confirm_user_deletion_modal.html.erb
+- stubs/hotwire/app/views/settings/profile/_delete_user_form.html.erb
+- stubs/hotwire/app/views/settings/profile/_update_profile_information_form.html.erb
+- stubs/hotwire/app/views/settings/profile/destroy.turbo_stream.erb
+- stubs/hotwire/app/views/settings/profile/edit.html.erb
 - stubs/hotwire/app/views/welcome/index.html.erb
 - stubs/hotwire/config/importmap.rb
 - stubs/inertia-common/app/controllers/application_controller.rb
@@ -174,86 +185,200 @@ files:
 - stubs/inertia-common/app/controllers/concerns/validate_signature.rb
 - stubs/inertia-common/app/controllers/concerns/verify_csrf_token.rb
 - stubs/inertia-common/app/controllers/dashboard_controller.rb
-- stubs/inertia-common/app/controllers/password_controller.rb
-- stubs/inertia-common/app/controllers/profile_controller.rb
+- stubs/inertia-common/app/controllers/settings/appearance_controller.rb
+- stubs/inertia-common/app/controllers/settings/password_controller.rb
+- stubs/inertia-common/app/controllers/settings/profile_controller.rb
 - stubs/inertia-common/app/controllers/welcome_controller.rb
 - stubs/inertia-common/bin/vite
 - stubs/inertia-common/config/initializers/inertia_rails.rb
 - stubs/inertia-common/config/vite.json
+- stubs/inertia-common/test/integration/appearance_test.rb
 - stubs/inertia-common/test/integration/password_update_test.rb
 - stubs/inertia-common/test/integration/profile_test.rb
 - stubs/inertia-react-ts/app/assets/tailwind/application.css
+- stubs/inertia-react-ts/app/javascript/Components/AppLogo.tsx
+- stubs/inertia-react-ts/app/javascript/Components/AppShell.tsx
+- stubs/inertia-react-ts/app/javascript/Components/AppSidebar.tsx
+- stubs/inertia-react-ts/app/javascript/Components/AppSidebarHeader.tsx
 - stubs/inertia-react-ts/app/javascript/Components/ApplicationLogo.tsx
-- stubs/inertia-react-ts/app/javascript/Components/Checkbox.tsx
-- stubs/inertia-react-ts/app/javascript/Components/DangerButton.tsx
-- stubs/inertia-react-ts/app/javascript/Components/Dropdown.tsx
+- stubs/inertia-react-ts/app/javascript/Components/Breadcrumbs.tsx
+- stubs/inertia-react-ts/app/javascript/Components/Heading.tsx
 - stubs/inertia-react-ts/app/javascript/Components/InputError.tsx
-- stubs/inertia-react-ts/app/javascript/Components/InputLabel.tsx
-- stubs/inertia-react-ts/app/javascript/Components/Modal.tsx
-- stubs/inertia-react-ts/app/javascript/Components/NavLink.tsx
-- stubs/inertia-react-ts/app/javascript/Components/PrimaryButton.tsx
-- stubs/inertia-react-ts/app/javascript/Components/ResponsiveNavLink.tsx
-- stubs/inertia-react-ts/app/javascript/Components/SecondaryButton.tsx
-- stubs/inertia-react-ts/app/javascript/Components/TextInput.tsx
+- stubs/inertia-react-ts/app/javascript/Components/NavFooter.tsx
+- stubs/inertia-react-ts/app/javascript/Components/NavMain.tsx
+- stubs/inertia-react-ts/app/javascript/Components/NavUser.tsx
+- stubs/inertia-react-ts/app/javascript/Components/UserInfo.tsx
+- stubs/inertia-react-ts/app/javascript/Components/UserMenuContent.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/avatar.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/breadcrumb.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/button.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/checkbox.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/dialog.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/dropdown-menu.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/input.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/label.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/separator.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/sheet.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/sidebar.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/skeleton.tsx
+- stubs/inertia-react-ts/app/javascript/Components/ui/tooltip.tsx
 - stubs/inertia-react-ts/app/javascript/Layouts/AuthenticatedLayout.tsx
 - stubs/inertia-react-ts/app/javascript/Layouts/GuestLayout.tsx
+- stubs/inertia-react-ts/app/javascript/Layouts/SettingsLayout.tsx
 - stubs/inertia-react-ts/app/javascript/Pages/Auth/ForgotPassword.tsx
 - stubs/inertia-react-ts/app/javascript/Pages/Auth/Login.tsx
 - stubs/inertia-react-ts/app/javascript/Pages/Auth/Register.tsx
 - stubs/inertia-react-ts/app/javascript/Pages/Auth/ResetPassword.tsx
 - stubs/inertia-react-ts/app/javascript/Pages/Auth/VerifyEmail.tsx
 - stubs/inertia-react-ts/app/javascript/Pages/Dashboard.tsx
-- stubs/inertia-react-ts/app/javascript/Pages/Profile/Edit.tsx
-- stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/DeleteUserForm.tsx
-- stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdateAppearanceForm.tsx
-- stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdatePasswordForm.tsx
-- stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.tsx
+- stubs/inertia-react-ts/app/javascript/Pages/Settings/Appearance.tsx
+- stubs/inertia-react-ts/app/javascript/Pages/Settings/Partials/DeleteUserForm.tsx
+- stubs/inertia-react-ts/app/javascript/Pages/Settings/Partials/UpdateAppearanceForm.tsx
+- stubs/inertia-react-ts/app/javascript/Pages/Settings/Partials/UpdatePasswordForm.tsx
+- stubs/inertia-react-ts/app/javascript/Pages/Settings/Partials/UpdateProfileInformationForm.tsx
+- stubs/inertia-react-ts/app/javascript/Pages/Settings/Password.tsx
+- stubs/inertia-react-ts/app/javascript/Pages/Settings/Profile.tsx
 - stubs/inertia-react-ts/app/javascript/Pages/Welcome.tsx
 - stubs/inertia-react-ts/app/javascript/entrypoints/application.tsx
 - stubs/inertia-react-ts/app/javascript/entrypoints/bootstrap.ts
+- stubs/inertia-react-ts/app/javascript/hooks/use-initials.tsx
+- stubs/inertia-react-ts/app/javascript/hooks/use-mobile-navigation.tsx
+- stubs/inertia-react-ts/app/javascript/hooks/use-mobile.tsx
 - stubs/inertia-react-ts/app/javascript/lib/appearance.ts
+- stubs/inertia-react-ts/app/javascript/lib/utils.ts
 - stubs/inertia-react-ts/app/javascript/types/global.d.ts
 - stubs/inertia-react-ts/app/javascript/types/index.d.ts
 - stubs/inertia-react-ts/app/javascript/types/vite-env.d.ts
 - stubs/inertia-react-ts/app/views/layouts/application.html.erb
+- stubs/inertia-react-ts/components.json
 - stubs/inertia-react-ts/package.json
 - stubs/inertia-react-ts/tsconfig.json
 - stubs/inertia-react-ts/vite.config.ts
 - stubs/inertia-vue-ts/app/assets/tailwind/application.css
+- stubs/inertia-vue-ts/app/javascript/Components/AppLogo.vue
+- stubs/inertia-vue-ts/app/javascript/Components/AppShell.vue
+- stubs/inertia-vue-ts/app/javascript/Components/AppSidebar.vue
+- stubs/inertia-vue-ts/app/javascript/Components/AppSidebarHeader.vue
 - stubs/inertia-vue-ts/app/javascript/Components/ApplicationLogo.vue
-- stubs/inertia-vue-ts/app/javascript/Components/Checkbox.vue
-- stubs/inertia-vue-ts/app/javascript/Components/DangerButton.vue
-- stubs/inertia-vue-ts/app/javascript/Components/Dropdown.vue
-- stubs/inertia-vue-ts/app/javascript/Components/DropdownLink.vue
+- stubs/inertia-vue-ts/app/javascript/Components/Breadcrumbs.vue
+- stubs/inertia-vue-ts/app/javascript/Components/Heading.vue
 - stubs/inertia-vue-ts/app/javascript/Components/InputError.vue
-- stubs/inertia-vue-ts/app/javascript/Components/InputLabel.vue
-- stubs/inertia-vue-ts/app/javascript/Components/Modal.vue
-- stubs/inertia-vue-ts/app/javascript/Components/NavLink.vue
-- stubs/inertia-vue-ts/app/javascript/Components/PrimaryButton.vue
-- stubs/inertia-vue-ts/app/javascript/Components/ResponsiveNavLink.vue
-- stubs/inertia-vue-ts/app/javascript/Components/SecondaryButton.vue
-- stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
+- stubs/inertia-vue-ts/app/javascript/Components/NavFooter.vue
+- stubs/inertia-vue-ts/app/javascript/Components/NavMain.vue
+- stubs/inertia-vue-ts/app/javascript/Components/NavUser.vue
+- stubs/inertia-vue-ts/app/javascript/Components/UserInfo.vue
+- stubs/inertia-vue-ts/app/javascript/Components/UserMenuContent.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/avatar/Avatar.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/avatar/AvatarFallback.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/avatar/AvatarImage.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/avatar/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/Breadcrumb.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/BreadcrumbEllipsis.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/BreadcrumbItem.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/BreadcrumbLink.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/BreadcrumbList.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/BreadcrumbPage.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/BreadcrumbSeparator.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/breadcrumb/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/button/Button.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/button/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/checkbox/Checkbox.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/checkbox/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/Dialog.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogClose.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogContent.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogDescription.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogFooter.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogHeader.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogOverlay.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogTitle.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/DialogTrigger.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dialog/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/DropdownMenu.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/DropdownMenuContent.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/DropdownMenuGroup.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/DropdownMenuItem.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/DropdownMenuLabel.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/DropdownMenuSeparator.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/DropdownMenuTrigger.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/dropdown-menu/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/input/Input.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/input/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/label/Label.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/label/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/separator/Separator.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/separator/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/Sheet.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetClose.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetContent.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetDescription.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetFooter.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetHeader.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetOverlay.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetTitle.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/SheetTrigger.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sheet/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/Sidebar.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarContent.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarFooter.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarGroup.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarGroupAction.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarGroupContent.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarGroupLabel.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarHeader.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarInput.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarInset.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenu.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuAction.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuBadge.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuButton.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuButtonChild.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuItem.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuSkeleton.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuSub.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuSubButton.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarMenuSubItem.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarProvider.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarRail.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarSeparator.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/SidebarTrigger.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/sidebar/utils.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/skeleton/Skeleton.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/skeleton/index.ts
+- stubs/inertia-vue-ts/app/javascript/Components/ui/tooltip/Tooltip.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/tooltip/TooltipContent.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/tooltip/TooltipProvider.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/tooltip/TooltipTrigger.vue
+- stubs/inertia-vue-ts/app/javascript/Components/ui/tooltip/index.ts
 - stubs/inertia-vue-ts/app/javascript/Layouts/AuthenticatedLayout.vue
 - stubs/inertia-vue-ts/app/javascript/Layouts/GuestLayout.vue
+- stubs/inertia-vue-ts/app/javascript/Layouts/SettingsLayout.vue
 - stubs/inertia-vue-ts/app/javascript/Pages/Auth/ForgotPassword.vue
 - stubs/inertia-vue-ts/app/javascript/Pages/Auth/Login.vue
 - stubs/inertia-vue-ts/app/javascript/Pages/Auth/Register.vue
 - stubs/inertia-vue-ts/app/javascript/Pages/Auth/ResetPassword.vue
 - stubs/inertia-vue-ts/app/javascript/Pages/Auth/VerifyEmail.vue
 - stubs/inertia-vue-ts/app/javascript/Pages/Dashboard.vue
-- stubs/inertia-vue-ts/app/javascript/Pages/Profile/Edit.vue
-- stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/DeleteUserForm.vue
-- stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdateAppearanceForm.vue
-- stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdatePasswordForm.vue
-- stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.vue
+- stubs/inertia-vue-ts/app/javascript/Pages/Settings/Appearance.vue
+- stubs/inertia-vue-ts/app/javascript/Pages/Settings/Partials/DeleteUserForm.vue
+- stubs/inertia-vue-ts/app/javascript/Pages/Settings/Partials/UpdateAppearanceForm.vue
+- stubs/inertia-vue-ts/app/javascript/Pages/Settings/Partials/UpdatePasswordForm.vue
+- stubs/inertia-vue-ts/app/javascript/Pages/Settings/Partials/UpdateProfileInformationForm.vue
+- stubs/inertia-vue-ts/app/javascript/Pages/Settings/Password.vue
+- stubs/inertia-vue-ts/app/javascript/Pages/Settings/Profile.vue
 - stubs/inertia-vue-ts/app/javascript/Pages/Welcome.vue
+- stubs/inertia-vue-ts/app/javascript/composables/useInitials.ts
 - stubs/inertia-vue-ts/app/javascript/entrypoints/application.ts
 - stubs/inertia-vue-ts/app/javascript/entrypoints/bootstrap.ts
 - stubs/inertia-vue-ts/app/javascript/lib/appearance.ts
+- stubs/inertia-vue-ts/app/javascript/lib/utils.ts
 - stubs/inertia-vue-ts/app/javascript/types/global.d.ts
 - stubs/inertia-vue-ts/app/javascript/types/index.d.ts
 - stubs/inertia-vue-ts/app/javascript/types/vite-env.d.ts
+- stubs/inertia-vue-ts/app/javascript/types/vue-shims.d.ts
 - stubs/inertia-vue-ts/app/views/layouts/application.html.erb
+- stubs/inertia-vue-ts/components.json
 - stubs/inertia-vue-ts/package.json
 - stubs/inertia-vue-ts/tsconfig.json
 - stubs/inertia-vue-ts/vite.config.ts

data/stubs/hotwire/app/components/nav_link_component.rb

@@ -1,15 +0,0 @@
-class NavLinkComponent < ViewComponent::Base
-  erb_template <<~ERB
-    <a <%= sanitize @attributes.join(" ") %>>
-      <%= content %>
-    </a>
-  ERB
-
-  def initialize(attributes = {})
-    classes = attributes[:active] \
-      ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 dark:border-indigo-600 text-sm font-medium leading-5 text-gray-900 dark:text-gray-100 focus:outline-hidden focus:border-indigo-700 transition duration-150 ease-in-out' \
-      : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-hidden focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out'
-    attributes[:class] = "#{classes}#{" #{attributes[:class]}" if attributes[:class]}"
-    @attributes = attributes.without(:active).map { |key, attribute| "#{key}=\"#{attribute}\"" }
-  end
-end

data/stubs/hotwire/app/components/responsive_nav_link_component.rb

@@ -1,15 +0,0 @@
-class ResponsiveNavLinkComponent < ViewComponent::Base
-  erb_template <<~ERB
-    <a <%= sanitize @attributes.join(" ") %>>
-      <%= content %>
-    </a>
-  ERB
-
-  def initialize(attributes = {})
-    classes = attributes[:active] \
-      ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 dark:border-indigo-600 text-start text-base font-medium text-indigo-700 dark:text-indigo-300 bg-indigo-50 dark:bg-indigo-900/50 focus:outline-hidden focus:text-indigo-800 dark:focus:text-indigo-200 focus:bg-indigo-100 dark:focus:bg-indigo-900 focus:border-indigo-700 dark:focus:border-indigo-300 transition duration-150 ease-in-out' \
-      : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-hidden focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out'
-    attributes[:class] = "#{classes}#{" #{attributes[:class]}" if attributes[:class]}"
-    @attributes = attributes.without(:active).map { |key, attribute| "#{key}=\"#{attribute}\"" }
-  end
-end

data/stubs/hotwire/app/controllers/password_controller.rb

@@ -1,13 +0,0 @@
-class PasswordController < ApplicationController
-  skip_ensure_email_is_verified
-
-  def update
-    @update_password_form = UpdatePasswordForm.new(params.permit(:current_password, :password, :password_confirmation))
-
-    return render partial: 'profile/partials/update_password_form', status: :unprocessable_entity if @update_password_form.invalid?
-
-    Current.auth.user.update(password: @update_password_form.password)
-
-    redirect_back_or_to profile_edit_path, flash: { status: 'password-updated' }
-  end
-end

data/stubs/hotwire/app/views/layouts/_navigation.html.erb

@@ -1,82 +0,0 @@
-<nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
-  <!-- Primary Navigation Menu -->
-  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-    <div class="flex justify-between h-16">
-      <div class="flex">
-        <!-- Logo -->
-        <div class="shrink-0 flex items-center">
-          <a href="/">
-            <%= render(ApplicationLogoComponent.new({ class: "block h-9 w-auto fill-current text-red-800 dark:text-red-200" })) %>
-          </a>
-        </div>
-        <!-- Navigation Links -->
-        <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
-          <%= render(NavLinkComponent.new({ href: dashboard_path, active: current_page?(dashboard_path) })) do %>
-            Dashboard
-          <% end %>
-        </div>
-      </div>
-      <!-- Settings Dropdown -->
-      <div class="hidden sm:flex sm:items-center sm:ms-6">
-        <%= render DropdownComponent.new do |component| %>
-          <% component.with_trigger(classes: "") do %>
-            <button class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-hidden transition ease-in-out duration-150">
-              <div><%= Current.auth.user.name %></div>
-              <div class="ms-1">
-                <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-                  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
-                </svg>
-              </div>
-            </button>
-          <% end %>
-          <%= render(DropdownLinkComponent.new({ href: profile_edit_path })) do %>
-            Profile
-          <% end %>
-          <!-- Authentication -->
-          <form method="POST" action="<%= logout_path %>">
-            <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
-            <%= render(DropdownLinkComponent.new({ href: logout_path, onclick: "event.preventDefault();this.closest('form').submit()" })) do %>
-              Log Out
-            <% end %>
-          </form>
-        <% end %>
-      </div>
-      <!-- Hamburger -->
-      <div class="-me-2 flex items-center sm:hidden">
-        <button x-on:click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-hidden focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out">
-          <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
-            <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
-            <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-  <!-- Responsive Navigation Menu -->
-  <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
-    <div class="pt-2 pb-3 space-y-1">
-      <%= render(ResponsiveNavLinkComponent.new({ href: dashboard_path, active: current_page?(dashboard_path) })) do %>
-        Dashboard
-      <% end %>
-    </div>
-    <!-- Responsive Settings Options -->
-    <div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
-      <div class="px-4">
-        <div class="font-medium text-base text-gray-800 dark:text-gray-200"><%= Current.auth.user.name %></div>
-        <div class="font-medium text-sm text-gray-500"><%= Current.auth.user.email %></div>
-      </div>
-      <div class="mt-3 space-y-1">
-        <%= render(ResponsiveNavLinkComponent.new({ href: profile_edit_path })) do %>
-          Profile
-        <% end %>
-        <!-- Authentication -->
-        <form method="POST" action="<%= logout_path %>">
-          <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
-          <%= render(ResponsiveNavLinkComponent.new({ href: logout_path, onclick: "event.preventDefault();this.closest('form').submit()" })) do %>
-            Log Out
-          <% end %>
-        </form>
-      </div>
-    </div>
-  </div>
-</nav>

data/stubs/hotwire/app/views/profile/edit.html.erb

@@ -1,29 +0,0 @@
-<% content_for(:header) do %>
-  <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
-    Profile
-  </h2>
-<% end %>
-<div class="py-12">
-  <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
-    <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg">
-      <div class="max-w-xl">
-        <%= render "profile/partials/update_appearance_form" %>
-      </div>
-    </div>
-    <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg">
-      <div class="max-w-xl">
-        <%= render "profile/partials/update_profile_information_form" %>
-      </div>
-    </div>
-    <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg">
-      <div class="max-w-xl">
-        <%= render "profile/partials/update_password_form" %>
-      </div>
-    </div>
-    <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg">
-      <div class="max-w-xl">
-        <%= render "profile/partials/delete_user_form" %>
-      </div>
-    </div>
-  </div>
-</div>

data/stubs/hotwire/app/views/profile/partials/_delete_user_form.html.erb

@@ -1,14 +0,0 @@
-<section class="space-y-6">
-  <header>
-    <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-      Delete Account
-    </h2>
-    <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
-      Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.
-    </p>
-  </header>
-  <%= render(DangerButtonComponent.new({"x-data": "", "x-on:click.prevent": "$dispatch('open-modal', 'confirm-user-deletion')"})) do %>
-    Delete Account
-  <% end %>
-</section>
-<%= render 'profile/partials/confirm_user_deletion_modal' %>

data/stubs/hotwire/app/views/profile/partials/_update_appearance_form.html.erb

@@ -1,39 +0,0 @@
-<section
-  x-data="{
-    preference: localStorage.getItem('appearance') || 'system',
-    select(value) {
-      this.preference = value
-      localStorage.setItem('appearance', value)
-      window.applyAppearance()
-    }
-  }"
->
-  <header>
-    <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-      Appearance
-    </h2>
-
-    <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
-      Choose how the application looks to you. System follows your device setting.
-    </p>
-  </header>
-
-  <div class="mt-6 inline-flex rounded-lg bg-gray-100 p-1 dark:bg-gray-900">
-    <template x-for="option in [
-      { value: 'light', label: 'Light' },
-      { value: 'dark', label: 'Dark' },
-      { value: 'system', label: 'System' }
-    ]" :key="option.value">
-      <button
-        type="button"
-        @click="select(option.value)"
-        :aria-pressed="preference === option.value"
-        class="rounded-md px-4 py-1.5 text-sm font-medium transition focus:outline-hidden focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800"
-        :class="preference === option.value
-          ? 'bg-white text-gray-900 shadow-xs dark:bg-gray-700 dark:text-gray-100'
-          : 'text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100'"
-        x-text="option.label"
-      ></button>
-    </template>
-  </div>
-</section>

data/stubs/inertia-common/app/controllers/password_controller.rb

@@ -1,13 +0,0 @@
-class PasswordController < ApplicationController
-  skip_ensure_email_is_verified
-
-  def update
-    form = UpdatePasswordForm.new(params.permit(:current_password, :password, :password_confirmation))
-
-    return redirect_to profile_edit_path, inertia: { errors: form.error_messages } if form.invalid?
-
-    Current.auth.user.update(password: form.password)
-
-    redirect_back_or_to profile_edit_path
-  end
-end

data/stubs/inertia-react-ts/app/javascript/Components/Checkbox.tsx

@@ -1,11 +0,0 @@
-import { InputHTMLAttributes } from 'react'
-
-export default function Checkbox({ className = '', ...props }: InputHTMLAttributes<HTMLInputElement>) {
-  return (
-    <input
-      {...props}
-      type="checkbox"
-      className={`rounded-sm dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-xs focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800 ${className}`}
-    />
-  )
-}

data/stubs/inertia-react-ts/app/javascript/Components/DangerButton.tsx

@@ -1,20 +0,0 @@
-import { ButtonHTMLAttributes } from 'react'
-
-export default function DangerButton({
-  className = '',
-  disabled,
-  children,
-  ...props
-}: ButtonHTMLAttributes<HTMLButtonElement>) {
-  return (
-    <button
-      {...props}
-      className={`inline-flex items-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-hidden focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ${
-        disabled && 'opacity-25'
-      } ${className}`}
-      disabled={disabled}
-    >
-      {children}
-    </button>
-  )
-}