├── public
    ├── favicon.ico
    ├── robots.txt
    ├── index.php
    └── .htaccess
├── database
    ├── .gitignore
    ├── seeders
    │   └── DatabaseSeeder.php
    ├── migrations
    │   ├── 0001_01_01_000001_create_cache_table.php
    │   ├── 0001_01_01_000000_create_users_table.php
    │   └── 0001_01_01_000002_create_jobs_table.php
    └── factories
    │   └── UserFactory.php
├── bootstrap
    ├── cache
    │   └── .gitignore
    ├── providers.php
    └── app.php
├── storage
    ├── logs
    │   └── .gitignore
    ├── app
    │   ├── public
    │   │   └── .gitignore
    │   └── .gitignore
    └── framework
    │   ├── testing
    │       └── .gitignore
    │   ├── views
    │       └── .gitignore
    │   ├── cache
    │       ├── data
    │       │   └── .gitignore
    │       └── .gitignore
    │   ├── sessions
    │       └── .gitignore
    │   └── .gitignore
├── .rnd
├── resources
    ├── js
    │   ├── types
    │   │   ├── vite-env.d.ts
    │   │   ├── auth.ts
    │   │   ├── user.ts
    │   │   ├── global.d.ts
    │   │   └── shared.ts
    │   ├── components
    │   │   ├── providers.tsx
    │   │   ├── logo.tsx
    │   │   ├── ui
    │   │   │   ├── text-field.tsx
    │   │   │   ├── separator.tsx
    │   │   │   ├── container.tsx
    │   │   │   ├── keyboard.tsx
    │   │   │   ├── link.tsx
    │   │   │   ├── heading.tsx
    │   │   │   ├── toast.tsx
    │   │   │   ├── field.tsx
    │   │   │   ├── avatar.tsx
    │   │   │   ├── card.tsx
    │   │   │   ├── popover.tsx
    │   │   │   ├── loader.tsx
    │   │   │   ├── checkbox.tsx
    │   │   │   ├── modal.tsx
    │   │   │   ├── sheet.tsx
    │   │   │   ├── dialog.tsx
    │   │   │   ├── list-box.tsx
    │   │   │   ├── input.tsx
    │   │   │   └── button.tsx
    │   │   ├── flash.tsx
    │   │   ├── input-error.tsx
    │   │   ├── header.tsx
    │   │   └── theme-switcher.tsx
    │   ├── layouts
    │   │   ├── app-layout.tsx
    │   │   ├── guest-layout.tsx
    │   │   └── app-navbar.tsx
    │   ├── hooks
    │   │   ├── use-media-query.ts
    │   │   ├── use-mobile.ts
    │   │   └── use-theme.ts
    │   ├── pages
    │   │   ├── dashboard.tsx
    │   │   ├── home
    │   │   │   └── page.tsx
    │   │   ├── settings
    │   │   │   ├── appearance.tsx
    │   │   │   ├── settings-layout.tsx
    │   │   │   ├── delete-account.tsx
    │   │   │   ├── password.tsx
    │   │   │   └── profile.tsx
    │   │   └── auth
    │   │   │   ├── confirm-password.tsx
    │   │   │   ├── forgot-password.tsx
    │   │   │   ├── verify-email.tsx
    │   │   │   ├── reset-password.tsx
    │   │   │   ├── register.tsx
    │   │   │   └── login.tsx
    │   ├── ssr.tsx
    │   ├── lib
    │   │   └── primitive.ts
    │   └── app.tsx
    ├── views
    │   └── app.blade.php
    └── css
    │   └── toast.css
├── .codex
    └── config.toml
├── tests
    ├── Unit
    │   └── ExampleTest.php
    ├── Feature
    │   ├── ExampleTest.php
    │   ├── DashboardTest.php
    │   ├── Auth
    │   │   ├── RegistrationTest.php
    │   │   ├── PasswordConfirmationTest.php
    │   │   ├── AuthenticationTest.php
    │   │   ├── EmailVerificationTest.php
    │   │   └── PasswordResetTest.php
    │   └── Settings
    │   │   ├── PasswordUpdateTest.php
    │   │   └── ProfileUpdateTest.php
    ├── TestCase.php
    └── Pest.php
├── app
    ├── Http
    │   ├── Controllers
    │   │   ├── Controller.php
    │   │   ├── Settings
    │   │   │   ├── AppearanceController.php
    │   │   │   ├── DeleteAccountController.php
    │   │   │   ├── PasswordController.php
    │   │   │   └── ProfileController.php
    │   │   ├── AboutController.php
    │   │   ├── HomeController.php
    │   │   ├── DashboardController.php
    │   │   └── Auth
    │   │   │   ├── EmailVerificationNotificationController.php
    │   │   │   ├── EmailVerificationPromptController.php
    │   │   │   ├── VerifyEmailController.php
    │   │   │   ├── PasswordResetLinkController.php
    │   │   │   ├── ConfirmablePasswordController.php
    │   │   │   ├── AuthenticatedSessionController.php
    │   │   │   ├── RegisteredUserController.php
    │   │   │   └── NewPasswordController.php
    │   ├── Middleware
    │   │   ├── HandleTheme.php
    │   │   └── HandleInertiaRequests.php
    │   ├── Resources
    │   │   └── AuthenticatedUserResource.php
    │   └── Requests
    │   │   ├── Settings
    │   │       └── ProfileUpdateRequest.php
    │   │   └── Auth
    │   │       └── LoginRequest.php
    ├── helpers.php
    ├── Providers
    │   └── AppServiceProvider.php
    └── Models
    │   └── User.php
├── boost.json
├── .gitattributes
├── routes
    ├── console.php
    ├── dev.php
    ├── web.php
    ├── settings.php
    └── auth.php
├── .editorconfig
├── artisan
├── .gitignore
├── components.json
├── vite.config.ts
├── tsconfig.json
├── README.md
├── config
    ├── services.php
    ├── filesystems.php
    ├── cache.php
    ├── mail.php
    ├── queue.php
    ├── auth.php
    ├── app.php
    ├── logging.php
    └── database.php
├── phpunit.xml
├── .env.example
├── package.json
├── biome.json
└── composer.json


/public/favicon.ico:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/database/.gitignore:
--------------------------------------------------------------------------------
1 | *.sqlite*
2 | 


--------------------------------------------------------------------------------
/bootstrap/cache/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/logs/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 | 


--------------------------------------------------------------------------------
/storage/app/public/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/app/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !public/
3 | !.gitignore
4 | 


--------------------------------------------------------------------------------
/storage/framework/testing/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/framework/views/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/framework/cache/data/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/storage/framework/sessions/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore
3 | 


--------------------------------------------------------------------------------
/.rnd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/intentuilabs/laravel/HEAD/.rnd


--------------------------------------------------------------------------------
/storage/framework/cache/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !data/
3 | !.gitignore
4 | 


--------------------------------------------------------------------------------
/resources/js/types/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 


--------------------------------------------------------------------------------
/.codex/config.toml:
--------------------------------------------------------------------------------
1 | [mcp_servers.shadcn]
2 | command = "npx"
3 | args = ["shadcn@latest", "mcp"]
4 | 


--------------------------------------------------------------------------------
/bootstrap/providers.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | return [
4 |     App\Providers\AppServiceProvider::class,
5 | ];
6 | 


--------------------------------------------------------------------------------
/resources/js/types/auth.ts:
--------------------------------------------------------------------------------
1 | import type { User } from "@/types/user"
2 | 
3 | export interface Auth {
4 |   user: User
5 | }
6 | 


--------------------------------------------------------------------------------
/tests/Unit/ExampleTest.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | test('that true is true', function () {
4 |     expect(true)->toBeTrue();
5 | });
6 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Controller.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | namespace App\Http\Controllers;
4 | 
5 | abstract class Controller
6 | {
7 |     //
8 | }
9 | 


--------------------------------------------------------------------------------
/boost.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "agents": [
 3 |         "codex"
 4 |     ],
 5 |     "editors": [
 6 |         "codex"
 7 |     ],
 8 |     "guidelines": [],
 9 |     "herd_mcp": true
10 | }
11 | 


--------------------------------------------------------------------------------
/tests/Feature/ExampleTest.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | it('returns a successful response', function () {
4 |     $response = $this->get('/');
5 | 
6 |     $response->assertStatus(200);
7 | });
8 | 


--------------------------------------------------------------------------------
/storage/framework/.gitignore:
--------------------------------------------------------------------------------
 1 | compiled.php
 2 | config.php
 3 | down
 4 | events.scanned.php
 5 | maintenance.php
 6 | routes.php
 7 | routes.scanned.php
 8 | schedule-*
 9 | services.json
10 | 


--------------------------------------------------------------------------------
/resources/js/types/user.ts:
--------------------------------------------------------------------------------
1 | export interface User {
2 |   id: number
3 |   name: string
4 |   email: string
5 |   gravatar: string
6 |   email_verified_at: string | null
7 |   [key: string]: unknown
8 | }
9 | 


--------------------------------------------------------------------------------
/tests/TestCase.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Tests;
 4 | 
 5 | use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
 6 | 
 7 | abstract class TestCase extends BaseTestCase
 8 | {
 9 |     //
10 | }
11 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
 1 | * text=auto eol=lf
 2 | 
 3 | *.blade.php diff=html
 4 | *.css diff=css
 5 | *.html diff=html
 6 | *.md diff=markdown
 7 | *.php diff=php
 8 | 
 9 | /.github export-ignore
10 | CHANGELOG.md export-ignore
11 | .styleci.yml export-ignore
12 | 


--------------------------------------------------------------------------------
/routes/console.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | use Illuminate\Foundation\Inspiring;
4 | use Illuminate\Support\Facades\Artisan;
5 | 
6 | Artisan::command('inspire', function () {
7 |     $this->comment(Inspiring::quote());
8 | })->purpose('Display an inspiring quote');
9 | 


--------------------------------------------------------------------------------
/routes/dev.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | use Illuminate\Support\Facades\Route;
 5 | 
 6 | if (! app()->isProduction()) {
 7 |     Route::get('dev/login/{id}', function ($id = null) {
 8 |         $user = User::find($id);
 9 |         auth()->login($user);
10 | 
11 |         return redirect('/');
12 |     });
13 | }
14 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Settings/AppearanceController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Settings;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | 
 7 | class AppearanceController extends Controller
 8 | {
 9 |     public function __invoke()
10 |     {
11 |         return inertia('settings/appearance');
12 |     }
13 | }
14 | 


--------------------------------------------------------------------------------
/resources/js/types/global.d.ts:
--------------------------------------------------------------------------------
 1 | import type { VisitOptions } from "@inertiajs/core"
 2 | import type { route as routeFn } from "ziggy-js"
 3 | 
 4 | declare module "react-aria-components" {
 5 |   interface RouterConfig {
 6 |     routerOptions: VisitOptions
 7 |   }
 8 | }
 9 | 
10 | declare global {
11 |   const route: typeof routeFn
12 | }
13 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | end_of_line = lf
 6 | indent_size = 4
 7 | indent_style = space
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.md]
12 | trim_trailing_whitespace = false
13 | 
14 | [*.{yml,yaml,tsx,ts,js,jsx}]
15 | indent_size = 2
16 | 
17 | [docker-compose.yml]
18 | indent_size = 4
19 | 


--------------------------------------------------------------------------------
/app/helpers.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | if (! function_exists('flash')) {
 4 |     function flash($message, array $data = [], $type = 'success'): void
 5 |     {
 6 |         session()->flash('message', $message);
 7 |         session()->flash('type', $type);
 8 |         if (is_array($data)) {
 9 |             session()->flash('data', $data);
10 |         }
11 |     }
12 | }
13 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/AboutController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers;
 4 | 
 5 | use Illuminate\Http\Request;
 6 | 
 7 | class AboutController extends Controller
 8 | {
 9 |     /**
10 |      * Handle the incoming request.
11 |      */
12 |     public function __invoke(Request $request)
13 |     {
14 |         return inertia('about');
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/HomeController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers;
 4 | 
 5 | use Illuminate\Http\Request;
 6 | 
 7 | class HomeController extends Controller
 8 | {
 9 |     /**
10 |      * Handle the incoming request.
11 |      */
12 |     public function __invoke(Request $request)
13 |     {
14 |         return inertia('home/page');
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/DashboardController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers;
 4 | 
 5 | use Illuminate\Http\Request;
 6 | 
 7 | class DashboardController extends Controller
 8 | {
 9 |     /**
10 |      * Handle the incoming request.
11 |      */
12 |     public function __invoke(Request $request)
13 |     {
14 |         return inertia('dashboard');
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/tests/Feature/DashboardTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | 
 5 | test('guests are redirected to the login page', function () {
 6 |     $this->get('/dashboard')->assertRedirect('/login');
 7 | });
 8 | 
 9 | test('authenticated users can visit the dashboard', function () {
10 |     $this->actingAs($user = User::factory()->create());
11 | 
12 |     $this->get('/dashboard')->assertOk();
13 | });
14 | 


--------------------------------------------------------------------------------
/artisan:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env php
 2 | <?php
 3 | 
 4 | use Symfony\Component\Console\Input\ArgvInput;
 5 | 
 6 | define('LARAVEL_START', microtime(true));
 7 | 
 8 | // Register the Composer autoloader...
 9 | require __DIR__.'/vendor/autoload.php';
10 | 
11 | // Bootstrap Laravel and handle the command...
12 | $status = (require_once __DIR__.'/bootstrap/app.php')
13 |     ->handleCommand(new ArgvInput);
14 | 
15 | exit($status);
16 | 


--------------------------------------------------------------------------------
/resources/js/components/providers.tsx:
--------------------------------------------------------------------------------
 1 | import { router } from "@inertiajs/react"
 2 | import type React from "react"
 3 | import { RouterProvider } from "react-aria-components"
 4 | 
 5 | export function Providers({ children }: { children: React.ReactNode }) {
 6 |   return (
 7 |     <RouterProvider navigate={(to, options) => router.visit(to, options as any)}>
 8 |       {children}
 9 |     </RouterProvider>
10 |   )
11 | }
12 | 


--------------------------------------------------------------------------------
/resources/js/components/logo.tsx:
--------------------------------------------------------------------------------
 1 | import type React from "react"
 2 | import { Avatar } from "@/components/ui/avatar"
 3 | 
 4 | export function Logo({ className, ...props }: React.ComponentProps<typeof Avatar>) {
 5 |   return (
 6 |     <Avatar
 7 |       size="sm"
 8 |       src="https://design.intentui.com/logo"
 9 |       className="outline-hidden"
10 |       isSquare
11 |       alt="Intent UI"
12 |       {...props}
13 |     />
14 |   )
15 | }
16 | 


--------------------------------------------------------------------------------
/routes/web.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Http\Controllers;
 4 | use Illuminate\Support\Facades\Route;
 5 | 
 6 | Route::get('/', Controllers\HomeController::class)->name('home');
 7 | 
 8 | Route::middleware(['auth', 'verified'])->group(function () {
 9 |     Route::get('dashboard', Controllers\DashboardController::class)->name('dashboard');
10 | });
11 | 
12 | require __DIR__.'/settings.php';
13 | require __DIR__.'/auth.php';
14 | require __DIR__.'/dev.php';
15 | 


--------------------------------------------------------------------------------
/resources/js/layouts/app-layout.tsx:
--------------------------------------------------------------------------------
 1 | import { Flash } from "@/components/flash"
 2 | import { Footer } from "@/components/footer"
 3 | import { AppNavbar } from "@/layouts/app-navbar"
 4 | import type { PropsWithChildren } from "react"
 5 | 
 6 | export default function AppLayout({ children }: PropsWithChildren) {
 7 |   return (
 8 |     <div>
 9 |       <Flash />
10 |       <AppNavbar />
11 |       {children}
12 |       <Footer />
13 |     </div>
14 |   )
15 | }
16 | 


--------------------------------------------------------------------------------
/resources/js/types/shared.ts:
--------------------------------------------------------------------------------
 1 | import type { Config } from "ziggy-js"
 2 | import type { Auth } from "./auth"
 3 | 
 4 | export type FlashProps = {
 5 |   type: string
 6 |   message: string
 7 | }
 8 | 
 9 | export interface SharedData {
10 |   name: string
11 |   quote: { message: string; author: string }
12 |   auth: Auth
13 |   ziggy: Config & { location: string }
14 |   sidebarOpen: boolean
15 |   flash: FlashProps
16 | 
17 |   [key: string]: unknown
18 | }
19 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | /.phpunit.cache
 2 | /bootstrap/ssr
 3 | /node_modules
 4 | /public/build
 5 | /public/hot
 6 | /public/storage
 7 | .release-it.json
 8 | /storage/*.key
 9 | /vendor
10 | .env
11 | .release-it.json
12 | .env.backup
13 | .env.production
14 | .phpactor.json
15 | .phpunit.result.cache
16 | Homestead.json
17 | Homestead.yaml
18 | auth.json
19 | npm-debug.log
20 | yarn-error.log
21 | .github_token
22 | /.fleet
23 | /.idea
24 | /.vscode
25 | 
26 | resources/js/ziggy.js
27 | 


--------------------------------------------------------------------------------
/app/Http/Middleware/HandleTheme.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Middleware;
 4 | 
 5 | use Closure;
 6 | use Illuminate\Http\Request;
 7 | use Illuminate\Support\Facades\View;
 8 | use Symfony\Component\HttpFoundation\Response;
 9 | 
10 | class HandleTheme
11 | {
12 |     public function handle(Request $request, Closure $next): Response
13 |     {
14 |         View::share('theme', $request->cookie('theme') ?? 'system');
15 | 
16 |         return $next($request);
17 |     }
18 | }
19 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/text-field.tsx:
--------------------------------------------------------------------------------
 1 | import type { TextFieldProps } from "react-aria-components"
 2 | import { TextField as TextFieldPrimitive } from "react-aria-components"
 3 | import { cx } from "@/lib/primitive"
 4 | import { fieldStyles } from "./field"
 5 | 
 6 | const TextField = ({ className, ...props }: TextFieldProps) => {
 7 |   return (
 8 |     <TextFieldPrimitive data-slot="control" className={cx(fieldStyles(), className)} {...props} />
 9 |   )
10 | }
11 | 
12 | export { TextField }
13 | 


--------------------------------------------------------------------------------
/resources/js/components/flash.tsx:
--------------------------------------------------------------------------------
 1 | import { usePage } from "@inertiajs/react"
 2 | import { useEffect } from "react"
 3 | import { toast } from "sonner"
 4 | import { Toast } from "@/components/ui/toast"
 5 | import type { SharedData } from "@/types/shared"
 6 | 
 7 | export function Flash() {
 8 |   const { flash } = usePage<SharedData>().props
 9 |   useEffect(() => {
10 |     if (flash?.message) {
11 |       ;(toast as any)[flash.type](flash.message)
12 |     }
13 |   }, [flash])
14 |   return <Toast />
15 | }
16 | 


--------------------------------------------------------------------------------
/resources/js/components/input-error.tsx:
--------------------------------------------------------------------------------
 1 | import type { HTMLAttributes } from "react"
 2 | import { Description } from "@/components/ui/field"
 3 | import { twMerge } from "tailwind-merge"
 4 | 
 5 | export function InputError({
 6 |   message,
 7 |   className = "",
 8 |   ...props
 9 | }: HTMLAttributes<HTMLParagraphElement> & { message?: string }) {
10 |   return message ? (
11 |     <Description {...props} className={twMerge("block text-danger text-sm")}>
12 |       {message}
13 |     </Description>
14 |   ) : null
15 | }
16 | 


--------------------------------------------------------------------------------
/public/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Http\Request;
 4 | 
 5 | define('LARAVEL_START', microtime(true));
 6 | 
 7 | // Determine if the application is in maintenance mode...
 8 | if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
 9 |     require $maintenance;
10 | }
11 | 
12 | // Register the Composer autoloader...
13 | require __DIR__.'/../vendor/autoload.php';
14 | 
15 | // Bootstrap Laravel and handle the request...
16 | (require_once __DIR__.'/../bootstrap/app.php')
17 |     ->handleRequest(Request::capture());
18 | 


--------------------------------------------------------------------------------
/database/seeders/DatabaseSeeder.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Database\Seeders;
 4 | 
 5 | use App\Models\User;
 6 | // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 7 | use Illuminate\Database\Seeder;
 8 | 
 9 | class DatabaseSeeder extends Seeder
10 | {
11 |     /**
12 |      * Seed the application's database.
13 |      */
14 |     public function run(): void
15 |     {
16 |         User::factory(10)->create();
17 | 
18 |         User::factory()->create([
19 |             'name' => 'Test User',
20 |             'email' => 'test@example.com',
21 |         ]);
22 |     }
23 | }
24 | 


--------------------------------------------------------------------------------
/resources/js/hooks/use-media-query.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | import { useEffect, useState } from "react"
 4 | 
 5 | export const useMediaQuery = (query: string) => {
 6 |   const [value, setValue] = useState(false)
 7 | 
 8 |   useEffect(() => {
 9 |     const onChange = (event: MediaQueryListEvent) => {
10 |       setValue(event.matches)
11 |     }
12 | 
13 |     const result = matchMedia(query)
14 |     result.addEventListener("change", onChange)
15 |     setValue(result.matches)
16 | 
17 |     return () => result.removeEventListener("change", onChange)
18 |   }, [query])
19 | 
20 |   return value
21 | }
22 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/RegistrationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | test('registration screen can be rendered', function () {
 4 |     $response = $this->get('/register');
 5 | 
 6 |     $response->assertStatus(200);
 7 | });
 8 | 
 9 | test('new users can register', function () {
10 |     $response = $this->post('/register', [
11 |         'name' => 'Test User',
12 |         'email' => 'test@example.com',
13 |         'password' => 'password',
14 |         'password_confirmation' => 'password',
15 |     ]);
16 | 
17 |     $this->assertAuthenticated();
18 |     $response->assertRedirect(route('dashboard', absolute: false));
19 | });
20 | 


--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": false,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "",
 8 |     "css": "resources/css/app.css",
 9 |     "baseColor": "zinc",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib",
18 |     "hooks": "@/hooks"
19 |   },
20 |   "iconLibrary": "@heroicons/react",
21 |   "registries": {
22 |     "@intentui": "https://intentui.com/r/{name}"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/resources/js/components/header.tsx:
--------------------------------------------------------------------------------
 1 | import { twMerge } from "tailwind-merge"
 2 | import { Container } from "@/components/ui/container"
 3 | 
 4 | interface HeaderProps extends React.ComponentProps<"div"> {
 5 |   title?: string
 6 |   ref?: React.Ref<HTMLDivElement>
 7 | }
 8 | 
 9 | export function Header({ title, className, ref, ...props }: HeaderProps) {
10 |   return (
11 |     <div ref={ref} className={twMerge("mb-12 border-b bg-bg py-6 sm:py-12", className)} {...props}>
12 |       <Container>
13 |         <h1 className="font-semibold text-xl tracking-tight sm:text-2xl">{title}</h1>
14 |       </Container>
15 |     </div>
16 |   )
17 | }
18 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/separator.tsx:
--------------------------------------------------------------------------------
 1 | import { Separator as Divider, type SeparatorProps } from "react-aria-components"
 2 | import { twMerge } from "tailwind-merge"
 3 | 
 4 | const Separator = ({ orientation = "horizontal", className, ...props }: SeparatorProps) => {
 5 |   return (
 6 |     <Divider
 7 |       className={twMerge(
 8 |         "shrink-0 bg-border",
 9 |         "forced-colors:bg-[ButtonBorder]",
10 |         orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
11 |         className,
12 |       )}
13 |       {...props}
14 |     />
15 |   )
16 | }
17 | 
18 | export type { SeparatorProps }
19 | export { Separator }
20 | 


--------------------------------------------------------------------------------
/resources/js/hooks/use-mobile.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useState } from "react"
 2 | 
 3 | const MOBILE_BREAKPOINT = 768
 4 | export function useIsMobile() {
 5 |   const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined)
 6 | 
 7 |   useEffect(() => {
 8 |     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
 9 |     const onChange = () => {
10 |       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
11 |     }
12 |     mql.addEventListener("change", onChange)
13 |     setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
14 |     return () => mql.removeEventListener("change", onChange)
15 |   }, [])
16 | 
17 |   return !!isMobile
18 | }
19 | 


--------------------------------------------------------------------------------
/app/Providers/AppServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Providers;
 4 | 
 5 | use Illuminate\Http\Resources\Json\JsonResource;
 6 | use Illuminate\Support\Facades\Vite;
 7 | use Illuminate\Support\ServiceProvider;
 8 | 
 9 | class AppServiceProvider extends ServiceProvider
10 | {
11 |     /**
12 |      * Register any application services.
13 |      */
14 |     public function register(): void
15 |     {
16 |         //
17 |     }
18 | 
19 |     /**
20 |      * Bootstrap any application services.
21 |      */
22 |     public function boot(): void
23 |     {
24 |         JsonResource::withoutWrapping();
25 |         Vite::prefetch(concurrency: 3);
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/container.tsx:
--------------------------------------------------------------------------------
 1 | import { twMerge } from "tailwind-merge"
 2 | 
 3 | interface ContainerProps extends React.ComponentProps<"div"> {
 4 |   constrained?: boolean
 5 | }
 6 | 
 7 | const Container = ({ className, constrained = false, ref, ...props }: ContainerProps) => (
 8 |   <div
 9 |     className={twMerge(
10 |       "mx-auto w-full max-w-7xl [--container-padding:--spacing(4)] xl:max-w-(--breakpoint-xl) 2xl:max-w-(--breakpoint-2xl)",
11 |       constrained ? "sm:px-(--container-padding)" : "px-(--container-padding)",
12 |       className,
13 |     )}
14 |     {...props}
15 |     ref={ref}
16 |   />
17 | )
18 | 
19 | export type { ContainerProps }
20 | export { Container }
21 | 


--------------------------------------------------------------------------------
/public/.htaccess:
--------------------------------------------------------------------------------
 1 | <IfModule mod_rewrite.c>
 2 |     <IfModule mod_negotiation.c>
 3 |         Options -MultiViews -Indexes
 4 |     </IfModule>
 5 | 
 6 |     RewriteEngine On
 7 | 
 8 |     # Handle Authorization Header
 9 |     RewriteCond %{HTTP:Authorization} .
10 |     RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
11 | 
12 |     # Redirect Trailing Slashes If Not A Folder...
13 |     RewriteCond %{REQUEST_FILENAME} !-d
14 |     RewriteCond %{REQUEST_URI} (.+)/$
15 |     RewriteRule ^ %1 [L,R=301]
16 | 
17 |     # Send Requests To Front Controller...
18 |     RewriteCond %{REQUEST_FILENAME} !-d
19 |     RewriteCond %{REQUEST_FILENAME} !-f
20 |     RewriteRule ^ index.php [L]
21 | </IfModule>
22 | 


--------------------------------------------------------------------------------
/app/Http/Resources/AuthenticatedUserResource.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Resources;
 4 | 
 5 | use Illuminate\Http\Request;
 6 | use Illuminate\Http\Resources\Json\JsonResource;
 7 | 
 8 | class AuthenticatedUserResource extends JsonResource
 9 | {
10 |     /**
11 |      * Transform the resource into an array.
12 |      *
13 |      * @return array<string, mixed>
14 |      */
15 |     public function toArray(Request $request): array
16 |     {
17 |         return [
18 |             'id' => $this->id,
19 |             'name' => $this->name,
20 |             'email_verified_at' => $this->email_verified_at,
21 |             'email' => $this->email,
22 |             'gravatar' => $this->gravatar,
23 |         ];
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/resources/js/pages/dashboard.tsx:
--------------------------------------------------------------------------------
 1 | import AppLayout from "@/layouts/app-layout"
 2 | import { Head } from "@inertiajs/react"
 3 | import { CardHeader } from "@/components/ui/card"
 4 | import { Container } from "@/components/ui/container"
 5 | import type { SharedData } from "@/types/shared"
 6 | 
 7 | export default function Dashboard({ auth }: SharedData) {
 8 |   return (
 9 |     <>
10 |       <Head title="Dashboard" />
11 | 
12 |       <Container className="py-12">
13 |         <CardHeader
14 |           title="Dashboard"
15 |           description={`Hello, ${auth.user.name}! This is your dashboard.`}
16 |         />
17 |       </Container>
18 |     </>
19 |   )
20 | }
21 | 
22 | Dashboard.layout = (page: any) => <AppLayout children={page} />
23 | 


--------------------------------------------------------------------------------
/resources/js/pages/home/page.tsx:
--------------------------------------------------------------------------------
 1 | import AppLayout from "@/layouts/app-layout"
 2 | 
 3 | import { Head } from "@inertiajs/react"
 4 | import { CardHeader } from "@/components/ui/card"
 5 | import { Container } from "@/components/ui/container"
 6 | 
 7 | export default function Home() {
 8 |   return (
 9 |     <>
10 |       <Head title="Inertia Laravel Starter kit" />
11 |       <Container className="py-12">
12 |         <CardHeader
13 |           title="Laravel Starter Kit"
14 |           description="A fully-featured Laravel starter kit built with Intent UI, offering a clean foundation for modern web apps."
15 |         />
16 |       </Container>
17 |     </>
18 |   )
19 | }
20 | 
21 | Home.layout = (page: any) => <AppLayout children={page} />
22 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/keyboard.tsx:
--------------------------------------------------------------------------------
 1 | import { Keyboard as KeyboardPrimitive } from "react-aria-components"
 2 | import { twMerge } from "tailwind-merge"
 3 | 
 4 | interface KeyboardProps extends React.ComponentProps<typeof KeyboardPrimitive> {}
 5 | 
 6 | const Keyboard = ({ className, ...props }: KeyboardProps) => {
 7 |   return (
 8 |     <KeyboardPrimitive
 9 |       data-slot="keyboard"
10 |       className={twMerge(
11 |         "hidden font-mono text-[0.80rem]/6 text-current/60 group-hover:text-fg group-focus:text-fg group-focus:opacity-90 group-disabled:opacity-50 lg:inline forced-colors:group-focus:text-[HighlightText",
12 |         className,
13 |       )}
14 |       {...props}
15 |     />
16 |   )
17 | }
18 | 
19 | export type { KeyboardProps }
20 | export { Keyboard }
21 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/EmailVerificationNotificationController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | 
 9 | class EmailVerificationNotificationController extends Controller
10 | {
11 |     /**
12 |      * Send a new email verification notification.
13 |      */
14 |     public function store(Request $request): RedirectResponse
15 |     {
16 |         if ($request->user()->hasVerifiedEmail()) {
17 |             return redirect()->intended(route('dashboard', absolute: false));
18 |         }
19 | 
20 |         $request->user()->sendEmailVerificationNotification();
21 | 
22 |         return back()->with('status', 'verification-link-sent');
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/EmailVerificationPromptController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Inertia\Inertia;
 9 | use Inertia\Response;
10 | 
11 | class EmailVerificationPromptController extends Controller
12 | {
13 |     /**
14 |      * Show the email verification prompt page.
15 |      */
16 |     public function __invoke(Request $request): Response|RedirectResponse
17 |     {
18 |         return $request->user()->hasVerifiedEmail()
19 |                     ? redirect()->intended(route('dashboard', absolute: false))
20 |                     : Inertia::render('auth/verify-email', ['status' => $request->session()->get('status')]);
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/resources/views/app.blade.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 3 |     <head>
 4 |         <meta charset="utf-8">
 5 |         <meta name="viewport" content="width=device-width, initial-scale=1">
 6 | 
 7 |         <title inertia>{{ config('app.name', 'Laravel') }}</title>
 8 | 
 9 |         <!-- Fonts -->
10 |         <link rel="preconnect" href="https://fonts.bunny.net">
11 |         <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
12 | 
13 |         <!-- Scripts -->
14 |         @viteReactRefresh
15 |         @vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"])
16 |         @inertiaHead
17 |     </head>
18 |     <body class="font-sans antialiased">
19 |         @inertia
20 |     </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/link.tsx:
--------------------------------------------------------------------------------
 1 | import { Link as LinkPrimitive, type LinkProps as LinkPrimitiveProps } from "react-aria-components"
 2 | import { cx } from "@/lib/primitive"
 3 | 
 4 | interface LinkProps extends LinkPrimitiveProps {
 5 |   ref?: React.RefObject<HTMLAnchorElement>
 6 | }
 7 | 
 8 | const Link = ({ className, ref, ...props }: LinkProps) => {
 9 |   return (
10 |     <LinkPrimitive
11 |       ref={ref}
12 |       className={cx(
13 |         [
14 |           "font-medium text-(--text)",
15 |           "outline-0 outline-offset-2 focus-visible:outline-2 focus-visible:outline-ring forced-colors:outline-[Highlight]",
16 |           "disabled:cursor-default disabled:text-muted-fg forced-colors:disabled:text-[GrayText]",
17 |           "href" in props && "cursor-pointer",
18 |         ],
19 |         className,
20 |       )}
21 |       {...props}
22 |     />
23 |   )
24 | }
25 | 
26 | export type { LinkProps }
27 | export { Link }
28 | 


--------------------------------------------------------------------------------
/app/Http/Requests/Settings/ProfileUpdateRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests\Settings;
 4 | 
 5 | use App\Models\User;
 6 | use Illuminate\Contracts\Validation\ValidationRule;
 7 | use Illuminate\Foundation\Http\FormRequest;
 8 | use Illuminate\Validation\Rule;
 9 | 
10 | class ProfileUpdateRequest extends FormRequest
11 | {
12 |     /**
13 |      * Get the validation rules that apply to the request.
14 |      *
15 |      * @return array<string, ValidationRule|array<mixed>|string>
16 |      */
17 |     public function rules(): array
18 |     {
19 |         return [
20 |             'name' => ['required', 'string', 'max:255'],
21 | 
22 |             'email' => [
23 |                 'required',
24 |                 'string',
25 |                 'lowercase',
26 |                 'email',
27 |                 'max:255',
28 |                 Rule::unique(User::class)->ignore($this->user()->id),
29 |             ],
30 |         ];
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/heading.tsx:
--------------------------------------------------------------------------------
 1 | import { twMerge } from "tailwind-merge"
 2 | 
 3 | type HeadingType = { level?: 1 | 2 | 3 | 4 } & React.ComponentPropsWithoutRef<
 4 |   "h1" | "h2" | "h3" | "h4"
 5 | >
 6 | 
 7 | interface HeadingProps extends HeadingType {
 8 |   className?: string | undefined
 9 | }
10 | 
11 | const Heading = ({ className, level = 1, ...props }: HeadingProps) => {
12 |   const Element: `h${typeof level}` = `h${level}`
13 |   return (
14 |     <Element
15 |       className={twMerge(
16 |         "font-sans text-fg tracking-tight",
17 |         level === 1 && "font-semibold text-xl/8 sm:text-2xl/8",
18 |         level === 2 && "font-semibold text-lg/6 sm:text-xl/8",
19 |         level === 3 && "font-semibold text-base/6 sm:text-lg/6",
20 |         level === 4 && "font-semibold text-base/6",
21 |         className,
22 |       )}
23 |       {...props}
24 |     />
25 |   )
26 | }
27 | 
28 | export type { HeadingProps }
29 | export { Heading }
30 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/PasswordConfirmationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | 
 5 | test('confirm password screen can be rendered', function () {
 6 |     $user = User::factory()->create();
 7 | 
 8 |     $response = $this->actingAs($user)->get('/confirm-password');
 9 | 
10 |     $response->assertStatus(200);
11 | });
12 | 
13 | test('password can be confirmed', function () {
14 |     $user = User::factory()->create();
15 | 
16 |     $response = $this->actingAs($user)->post('/confirm-password', [
17 |         'password' => 'password',
18 |     ]);
19 | 
20 |     $response->assertRedirect();
21 |     $response->assertSessionHasNoErrors();
22 | });
23 | 
24 | test('password is not confirmed with invalid password', function () {
25 |     $user = User::factory()->create();
26 | 
27 |     $response = $this->actingAs($user)->post('/confirm-password', [
28 |         'password' => 'wrong-password',
29 |     ]);
30 | 
31 |     $response->assertSessionHasErrors();
32 | });
33 | 


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import tailwindcss from '@tailwindcss/vite';
 2 | import react from '@vitejs/plugin-react';
 3 | import laravel from 'laravel-vite-plugin';
 4 | import { resolve } from 'node:path';
 5 | import { defineConfig } from 'vite';
 6 | import {run} from 'vite-plugin-run'
 7 | export default defineConfig({
 8 |     plugins: [
 9 |         laravel({
10 |             input: ['resources/css/app.css', 'resources/js/app.tsx'],
11 |             ssr: 'resources/js/ssr.tsx',
12 |             refresh: true,
13 |         }),
14 |         react(),
15 |         tailwindcss(),
16 |       run([
17 |         {
18 |           name: "ziggy",
19 |           run: ["php", "artisan", "ziggy:generate"],
20 |           pattern: ["routes/**/*.php"],
21 |         },
22 |       ]),
23 |     ],
24 |     esbuild: {
25 |         jsx: 'automatic',
26 |     },
27 |     resolve: {
28 |         alias: {
29 |             'ziggy-js': resolve(__dirname, 'vendor/tightenco/ziggy'),
30 |         },
31 |     },
32 | });
33 | 


--------------------------------------------------------------------------------
/bootstrap/app.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Foundation\Application;
 4 | use Illuminate\Foundation\Configuration\Exceptions;
 5 | use Illuminate\Foundation\Configuration\Middleware;
 6 | 
 7 | return Application::configure(basePath: dirname(__DIR__))
 8 |     ->withRouting(
 9 |         web: __DIR__.'/../routes/web.php',
10 |         commands: __DIR__.'/../routes/console.php',
11 |         health: '/up',
12 |     )
13 |     ->withMiddleware(function (Middleware $middleware) {
14 |         // Uncomment this when you have sidebar state
15 |         // $middleware->encryptCookies(except: ['sidebar:state']);
16 | 
17 |         $middleware->web(append: [
18 |             \App\Http\Middleware\HandleTheme::class,
19 |             \App\Http\Middleware\HandleInertiaRequests::class,
20 |             \Illuminate\Http\Middleware\AddLinkHeadersForPreloadedAssets::class,
21 |         ]);
22 | 
23 |         //
24 |     })
25 |     ->withExceptions(function (Exceptions $exceptions) {
26 |         //
27 |     })->create();
28 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "allowJs": true,
 4 |         "module": "ESNext",
 5 |         "moduleResolution": "bundler",
 6 |         "jsx": "react-jsx",
 7 |         "strict": true,
 8 |         "skipDefaultLibCheck": true,
 9 |         "skipLibCheck": true,
10 |         "isolatedModules": true,
11 |         "target": "ESNext",
12 |         "esModuleInterop": true,
13 |         "forceConsistentCasingInFileNames": true,
14 |         "noEmit": true,
15 |         "paths": {
16 |             "@/*": [
17 |                 "./resources/js/*"
18 |             ],
19 |             "ziggy-js": [
20 |                 "./vendor/tightenco/ziggy"
21 |             ]
22 |         }
23 |     },
24 |     "include": [
25 |         "resources/js/**/*.ts",
26 |         "resources/js/**/*.tsx",
27 |         "resources/js/**/*.d.ts"
28 |     ],
29 |     "exclude": [
30 |         "node_modules",
31 |         "public",
32 |         "resources/js/routes/**/*.ts",
33 |         "resources/js/actions/**/*.tsx"
34 |     ]
35 | }
36 | 


--------------------------------------------------------------------------------
/routes/settings.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Http\Controllers\Settings;
 4 | use Illuminate\Support\Facades\Route;
 5 | 
 6 | Route::middleware('auth')->group(function () {
 7 |     Route::redirect('settings', 'settings/profile');
 8 | 
 9 |     Route::get('settings/profile', [Settings\ProfileController::class, 'edit'])->name('profile.edit');
10 |     Route::patch('settings/profile', [Settings\ProfileController::class, 'update'])->name('profile.update');
11 | 
12 |     Route::get('settings/password', [Settings\PasswordController::class, 'edit'])->name('password.edit');
13 |     Route::put('settings/password', [Settings\PasswordController::class, 'update'])->name('password.update');
14 |     Route::get('settings/appearance', Settings\AppearanceController::class)->name('settings.appearance');
15 |     Route::get('settings/delete-account', [Settings\DeleteAccountController::class, 'index'])->name('settings.index');
16 |     Route::delete('settings/delete-account', [Settings\DeleteAccountController::class, 'destroy'])->name('settings.delete-account');
17 | });
18 | 


--------------------------------------------------------------------------------
/database/migrations/0001_01_01_000001_create_cache_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      */
12 |     public function up(): void
13 |     {
14 |         Schema::create('cache', function (Blueprint $table) {
15 |             $table->string('key')->primary();
16 |             $table->mediumText('value');
17 |             $table->integer('expiration');
18 |         });
19 | 
20 |         Schema::create('cache_locks', function (Blueprint $table) {
21 |             $table->string('key')->primary();
22 |             $table->string('owner');
23 |             $table->integer('expiration');
24 |         });
25 |     }
26 | 
27 |     /**
28 |      * Reverse the migrations.
29 |      */
30 |     public function down(): void
31 |     {
32 |         Schema::dropIfExists('cache');
33 |         Schema::dropIfExists('cache_locks');
34 |     }
35 | };
36 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/VerifyEmailController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Auth\Events\Verified;
 7 | use Illuminate\Foundation\Auth\EmailVerificationRequest;
 8 | use Illuminate\Http\RedirectResponse;
 9 | 
10 | class VerifyEmailController extends Controller
11 | {
12 |     /**
13 |      * Mark the authenticated user's email address as verified.
14 |      */
15 |     public function __invoke(EmailVerificationRequest $request): RedirectResponse
16 |     {
17 |         if ($request->user()->hasVerifiedEmail()) {
18 |             return redirect()->intended(route('dashboard', absolute: false).'?verified=1');
19 |         }
20 | 
21 |         if ($request->user()->markEmailAsVerified()) {
22 |             /** @var \Illuminate\Contracts\Auth\MustVerifyEmail $user */
23 |             $user = $request->user();
24 | 
25 |             event(new Verified($user));
26 |         }
27 | 
28 |         return redirect()->intended(route('dashboard', absolute: false).'?verified=1');
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Settings/DeleteAccountController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Settings;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Illuminate\Support\Facades\Auth;
 9 | 
10 | class DeleteAccountController extends Controller
11 | {
12 |     public function index()
13 |     {
14 |         return inertia('settings/delete-account');
15 |     }
16 | 
17 |     /**
18 |      * Delete the user's account.
19 |      */
20 |     public function destroy(Request $request): RedirectResponse
21 |     {
22 |         $request->validate([
23 |             'password' => ['required', 'current_password'],
24 |         ]);
25 | 
26 |         $user = $request->user();
27 | 
28 |         Auth::logout();
29 | 
30 |         $user->delete();
31 | 
32 |         $request->session()->invalidate();
33 |         $request->session()->regenerateToken();
34 | 
35 |         flash(
36 |             __('Your account has been successfully deleted.'),
37 |         );
38 | 
39 |         return redirect('/');
40 |     }
41 | }
42 | 


--------------------------------------------------------------------------------
/resources/js/ssr.tsx:
--------------------------------------------------------------------------------
 1 | import { createInertiaApp } from "@inertiajs/react"
 2 | import createServer from "@inertiajs/react/server"
 3 | import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers"
 4 | import { Ziggy as ziggy } from "@/ziggy"
 5 | import ReactDOMServer from "react-dom/server"
 6 | import { route } from "ziggy-js"
 7 | 
 8 | const appName = import.meta.env.VITE_APP_NAME || "Laravel"
 9 | 
10 | createServer((page) =>
11 |   createInertiaApp({
12 |     page,
13 |     render: ReactDOMServer.renderToString,
14 |     title: (title) => (title ? `${title} / ${appName}` : appName),
15 |     resolve: (name) =>
16 |       resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob("./pages/**/*.tsx")),
17 |     setup: ({ App, props }) => {
18 |       // @ts-expect-error
19 |       global.route = (name, params, absolute) =>
20 |         // @ts-expect-error
21 |         route(name, params as any, absolute, {
22 |           ...ziggy,
23 |           // @ts-expect-error
24 |           location: new URL(page.props.ziggy.location),
25 |         })
26 |       return <App {...props} />
27 |     },
28 |   }),
29 | )
30 | 


--------------------------------------------------------------------------------
/resources/js/lib/primitive.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | import { composeRenderProps } from "react-aria-components"
 4 | import { type ClassNameValue, twMerge } from "tailwind-merge"
 5 | 
 6 | /** @deprecated Use cx */
 7 | export function composeTailwindRenderProps<T>(
 8 |   className: string | ((v: T) => string) | undefined,
 9 |   tailwind: ClassNameValue,
10 | ): string | ((v: T) => string) {
11 |   return composeRenderProps(className, (className) => twMerge(tailwind, className))
12 | }
13 | 
14 | type Render<T> = string | ((v: T) => string) | undefined
15 | 
16 | type CxArgs<T> = [...ClassNameValue[], Render<T>] | [[...ClassNameValue[], Render<T>]]
17 | 
18 | export function cx<T = unknown>(...args: CxArgs<T>): string | ((v: T) => string) {
19 |   let resolvedArgs = args
20 |   if (args.length === 1 && Array.isArray(args[0])) {
21 |     resolvedArgs = args[0] as [...ClassNameValue[], Render<T>]
22 |   }
23 | 
24 |   const className = resolvedArgs.pop() as Render<T>
25 |   const tailwinds = resolvedArgs as ClassNameValue[]
26 | 
27 |   const fixed = twMerge(...tailwinds)
28 | 
29 |   return composeRenderProps(className, (cn) => twMerge(fixed, cn))
30 | }
31 | 


--------------------------------------------------------------------------------
/resources/js/app.tsx:
--------------------------------------------------------------------------------
 1 | import "../css/app.css"
 2 | import { Providers } from "@/components/providers"
 3 | import { createInertiaApp } from "@inertiajs/react"
 4 | import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers"
 5 | import { createRoot, hydrateRoot } from "react-dom/client"
 6 | import { initializeTheme } from "./hooks/use-theme"
 7 | import { Ziggy } from "@/ziggy"
 8 | import { useRoute } from "ziggy-js"
 9 | 
10 | const appName = import.meta.env.VITE_APP_NAME || "Laravel"
11 | 
12 | createInertiaApp({
13 |   title: (title) => (title ? `${title} / ${appName}` : appName),
14 |   resolve: (name) =>
15 |     resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob("./pages/**/*.tsx")),
16 |   setup({ el, App, props }) {
17 |     // @ts-expect-error
18 |     window.route = useRoute(Ziggy)
19 | 
20 |     const appElement = (
21 |       <Providers>
22 |         <App {...props} />
23 |       </Providers>
24 |     )
25 |     if (import.meta.env.SSR) {
26 |       hydrateRoot(el, appElement)
27 |       return
28 |     }
29 | 
30 |     createRoot(el).render(appElement)
31 |   },
32 |   progress: false,
33 | })
34 | 
35 | initializeTheme()
36 | 


--------------------------------------------------------------------------------
/resources/js/pages/settings/appearance.tsx:
--------------------------------------------------------------------------------
 1 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 2 | import AppLayout from "@/layouts/app-layout"
 3 | import SettingsLayout from "@/pages/settings/settings-layout"
 4 | import { Head } from "@inertiajs/react"
 5 | import { ThemeSwitcher } from "@/components/theme-switcher"
 6 | 
 7 | const title = "Appearance"
 8 | 
 9 | export default function Appearance() {
10 |   return (
11 |     <>
12 |       <Head title={title} />
13 |       <h1 className="sr-only">{title}</h1>
14 |       <Card>
15 |         <CardHeader>
16 |           <CardTitle>{title}</CardTitle>
17 | 
18 |           <CardDescription className="max-w-lg">
19 |             Choose the most comfortable theme to make your experience using this app more enjoyable.
20 |           </CardDescription>
21 |         </CardHeader>
22 | 
23 |         <CardContent className="max-w-lg">
24 |           <ThemeSwitcher />
25 |         </CardContent>
26 |       </Card>
27 |     </>
28 |   )
29 | }
30 | 
31 | Appearance.layout = (page: any) => (
32 |   <AppLayout>
33 |     <SettingsLayout children={page} />
34 |   </AppLayout>
35 | )
36 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/AuthenticationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | 
 5 | test('login screen can be rendered', function () {
 6 |     $response = $this->get('/login');
 7 | 
 8 |     $response->assertStatus(200);
 9 | });
10 | 
11 | test('users can authenticate using the login screen', function () {
12 |     $user = User::factory()->create();
13 | 
14 |     $response = $this->post('/login', [
15 |         'email' => $user->email,
16 |         'password' => 'password',
17 |     ]);
18 | 
19 |     $this->assertAuthenticated();
20 |     $response->assertRedirect(route('dashboard', absolute: false));
21 | });
22 | 
23 | test('users can not authenticate with invalid password', function () {
24 |     $user = User::factory()->create();
25 | 
26 |     $this->post('/login', [
27 |         'email' => $user->email,
28 |         'password' => 'wrong-password',
29 |     ]);
30 | 
31 |     $this->assertGuest();
32 | });
33 | 
34 | test('users can logout', function () {
35 |     $user = User::factory()->create();
36 | 
37 |     $response = $this->actingAs($user)->post('/logout');
38 | 
39 |     $this->assertGuest();
40 |     $response->assertRedirect('/');
41 | });
42 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Settings/PasswordController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Settings;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Illuminate\Support\Facades\Hash;
 9 | use Illuminate\Validation\Rules\Password;
10 | use Inertia\Inertia;
11 | use Inertia\Response;
12 | 
13 | class PasswordController extends Controller
14 | {
15 |     /**
16 |      * Show the user's password settings page.
17 |      */
18 |     public function edit(): Response
19 |     {
20 |         return Inertia::render('settings/password');
21 |     }
22 | 
23 |     /**
24 |      * Update the user's password.
25 |      */
26 |     public function update(Request $request): RedirectResponse
27 |     {
28 |         $validated = $request->validate([
29 |             'current_password' => ['required', 'current_password'],
30 |             'password' => ['required', Password::defaults(), 'confirmed'],
31 |         ]);
32 | 
33 |         $request->user()->update([
34 |             'password' => Hash::make($validated['password']),
35 |         ]);
36 | 
37 |         return back();
38 |     }
39 | }
40 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ### TL;DR
 2 | 
 3 | ```bash
 4 | laravel new app --using=intentui/laravel
 5 | ```
 6 | 
 7 | Make sure to update your `APP_URL` in the `.env` file before using the route function. Then, run `bun run dev` to generate and watch routes properly during development.
 8 | 
 9 | ### Laravel Inertia React with TypeScript
10 | 
11 | By default, packages like Laravel Breeze use regular JavaScript for React. However, this project is tailored for those who want an Inertia.js boilerplate with TypeScript.
12 | 
13 | #### Features
14 | 
15 | - Authentication
16 | - User Profile
17 | - User Password
18 | - User Deletion
19 | 
20 | ### Quick Login
21 | 
22 | This project includes a quick login feature. Simply add `/dev/login/{user_id}` to the URL to log in as a specific user.
23 | 
24 | Example:
25 | 
26 | ```text
27 | http://localhost:8000/dev/login/1
28 | ```
29 | 
30 | This feature is only available in development mode (`APP_ENV=local` in `.env`). Ensure that a user with the specified ID exists in your database.
31 | 
32 | ### Default Branch Renaming
33 | 
34 | The **9.x** branch is now named **laravel-9.x**.
35 | 
36 | If you have a local clone, you can update it accordingly.
37 | 


--------------------------------------------------------------------------------
/resources/js/layouts/guest-layout.tsx:
--------------------------------------------------------------------------------
 1 | import { Flash } from "@/components/flash"
 2 | import { Logo } from "@/components/logo"
 3 | import { CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 4 | import type { PropsWithChildren, ReactNode } from "react"
 5 | import { Link } from "@/components/ui/link"
 6 | 
 7 | interface GuestLayoutProps {
 8 |   header?: string | null
 9 |   description?: string | ReactNode | null
10 | }
11 | 
12 | export default function GuestLayout({
13 |   description = null,
14 |   header = null,
15 |   children,
16 | }: PropsWithChildren<GuestLayoutProps>) {
17 |   return (
18 |     <div className="flex min-h-screen flex-col items-center px-4 pt-6 sm:justify-center sm:pt-0">
19 |       <Flash />
20 |       <Link href="/">
21 |         <Logo className="size-10" />
22 |       </Link>
23 | 
24 |       <div className="mt-6 w-full max-w-sm">
25 |         <CardHeader className="text-center">
26 |           <CardTitle>{header}</CardTitle>
27 |           <CardDescription>{description}</CardDescription>
28 |         </CardHeader>
29 |         <CardContent>{children}</CardContent>
30 |       </div>
31 |     </div>
32 |   )
33 | }
34 | 


--------------------------------------------------------------------------------
/config/services.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 | 
 5 |     /*
 6 |     |--------------------------------------------------------------------------
 7 |     | Third Party Services
 8 |     |--------------------------------------------------------------------------
 9 |     |
10 |     | This file is for storing the credentials for third party services such
11 |     | as Mailgun, Postmark, AWS and more. This file provides the de facto
12 |     | location for this type of information, allowing packages to have
13 |     | a conventional file to locate the various service credentials.
14 |     |
15 |     */
16 | 
17 |     'postmark' => [
18 |         'token' => env('POSTMARK_TOKEN'),
19 |     ],
20 | 
21 |     'ses' => [
22 |         'key' => env('AWS_ACCESS_KEY_ID'),
23 |         'secret' => env('AWS_SECRET_ACCESS_KEY'),
24 |         'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
25 |     ],
26 | 
27 |     'resend' => [
28 |         'key' => env('RESEND_KEY'),
29 |     ],
30 | 
31 |     'slack' => [
32 |         'notifications' => [
33 |             'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
34 |             'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
35 |         ],
36 |     ],
37 | 
38 | ];
39 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/PasswordResetLinkController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Illuminate\Support\Facades\Password;
 9 | use Inertia\Inertia;
10 | use Inertia\Response;
11 | 
12 | class PasswordResetLinkController extends Controller
13 | {
14 |     /**
15 |      * Show the password reset link request page.
16 |      */
17 |     public function create(Request $request): Response
18 |     {
19 |         return Inertia::render('auth/forgot-password', [
20 |             'status' => $request->session()->get('status'),
21 |         ]);
22 |     }
23 | 
24 |     /**
25 |      * Handle an incoming password reset link request.
26 |      *
27 |      * @throws \Illuminate\Validation\ValidationException
28 |      */
29 |     public function store(Request $request): RedirectResponse
30 |     {
31 |         $request->validate([
32 |             'email' => 'required|email',
33 |         ]);
34 | 
35 |         Password::sendResetLink(
36 |             $request->only('email')
37 |         );
38 | 
39 |         return back()->with('status', __('A reset link will be sent if the account exists.'));
40 |     }
41 | }
42 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Settings/ProfileController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Settings;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use App\Http\Requests\Settings\ProfileUpdateRequest;
 7 | use Illuminate\Contracts\Auth\MustVerifyEmail;
 8 | use Illuminate\Http\RedirectResponse;
 9 | use Illuminate\Http\Request;
10 | use Inertia\Response;
11 | 
12 | class ProfileController extends Controller
13 | {
14 |     /**
15 |      * Show the user's profile settings page.
16 |      */
17 |     public function edit(Request $request): Response
18 |     {
19 |         return inertia('settings/profile', [
20 |             'mustVerifyEmail' => $request->user() instanceof MustVerifyEmail,
21 |             'status' => $request->session()->get('status'),
22 |         ]);
23 |     }
24 | 
25 |     /**
26 |      * Update the user's profile settings.
27 |      */
28 |     public function update(ProfileUpdateRequest $request): RedirectResponse
29 |     {
30 |         $request->user()->fill($request->validated());
31 | 
32 |         if ($request->user()->isDirty('email')) {
33 |             $request->user()->email_verified_at = null;
34 |         }
35 | 
36 |         $request->user()->save();
37 | 
38 |         return to_route('profile.edit');
39 |     }
40 | }
41 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/ConfirmablePasswordController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Http\RedirectResponse;
 7 | use Illuminate\Http\Request;
 8 | use Illuminate\Support\Facades\Auth;
 9 | use Illuminate\Validation\ValidationException;
10 | use Inertia\Inertia;
11 | use Inertia\Response;
12 | 
13 | class ConfirmablePasswordController extends Controller
14 | {
15 |     /**
16 |      * Show the confirm password page.
17 |      */
18 |     public function show(): Response
19 |     {
20 |         return Inertia::render('auth/confirm-password');
21 |     }
22 | 
23 |     /**
24 |      * Confirm the user's password.
25 |      */
26 |     public function store(Request $request): RedirectResponse
27 |     {
28 |         if (! Auth::guard('web')->validate([
29 |             'email' => $request->user()->email,
30 |             'password' => $request->password,
31 |         ])) {
32 |             throw ValidationException::withMessages([
33 |                 'password' => __('auth.password'),
34 |             ]);
35 |         }
36 | 
37 |         $request->session()->put('auth.password_confirmed_at', time());
38 | 
39 |         return redirect()->intended(route('dashboard', absolute: false));
40 |     }
41 | }
42 | 


--------------------------------------------------------------------------------
/database/factories/UserFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Database\Factories;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\Factory;
 6 | use Illuminate\Support\Facades\Hash;
 7 | use Illuminate\Support\Str;
 8 | 
 9 | /**
10 |  * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\User>
11 |  */
12 | class UserFactory extends Factory
13 | {
14 |     /**
15 |      * The current password being used by the factory.
16 |      */
17 |     protected static ?string $password;
18 | 
19 |     /**
20 |      * Define the model's default state.
21 |      *
22 |      * @return array<string, mixed>
23 |      */
24 |     public function definition(): array
25 |     {
26 |         return [
27 |             'name' => fake()->name(),
28 |             'email' => fake()->unique()->safeEmail(),
29 |             'email_verified_at' => now(),
30 |             'password' => static::$password ??= Hash::make('password'),
31 |             'remember_token' => Str::random(10),
32 |         ];
33 |     }
34 | 
35 |     /**
36 |      * Indicate that the model's email address should be unverified.
37 |      */
38 |     public function unverified(): static
39 |     {
40 |         return $this->state(fn (array $attributes) => [
41 |             'email_verified_at' => null,
42 |         ]);
43 |     }
44 | }
45 | 


--------------------------------------------------------------------------------
/phpunit.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |          xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
 4 |          bootstrap="vendor/autoload.php"
 5 |          colors="true"
 6 | >
 7 |     <testsuites>
 8 |         <testsuite name="Unit">
 9 |             <directory>tests/Unit</directory>
10 |         </testsuite>
11 |         <testsuite name="Feature">
12 |             <directory>tests/Feature</directory>
13 |         </testsuite>
14 |     </testsuites>
15 |     <source>
16 |         <include>
17 |             <directory>app</directory>
18 |         </include>
19 |     </source>
20 |     <php>
21 |         <env name="APP_ENV" value="testing"/>
22 |         <env name="APP_MAINTENANCE_DRIVER" value="file"/>
23 |         <env name="BCRYPT_ROUNDS" value="4"/>
24 |         <env name="CACHE_STORE" value="array"/>
25 |         <env name="DB_CONNECTION" value="sqlite"/>
26 |         <env name="DB_DATABASE" value=":memory:"/>
27 |         <env name="MAIL_MAILER" value="array"/>
28 |         <env name="PULSE_ENABLED" value="false"/>
29 |         <env name="QUEUE_CONNECTION" value="sync"/>
30 |         <env name="SESSION_DRIVER" value="array"/>
31 |         <env name="TELESCOPE_ENABLED" value="false"/>
32 |     </php>
33 | </phpunit>
34 | 


--------------------------------------------------------------------------------
/tests/Feature/Settings/PasswordUpdateTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | use Illuminate\Support\Facades\Hash;
 5 | 
 6 | test('password can be updated', function () {
 7 |     $user = User::factory()->create();
 8 | 
 9 |     $response = $this
10 |         ->actingAs($user)
11 |         ->from('/settings/password')
12 |         ->put('/settings/password', [
13 |             'current_password' => 'password',
14 |             'password' => 'new-password',
15 |             'password_confirmation' => 'new-password',
16 |         ]);
17 | 
18 |     $response
19 |         ->assertSessionHasNoErrors()
20 |         ->assertRedirect('/settings/password');
21 | 
22 |     expect(Hash::check('new-password', $user->refresh()->password))->toBeTrue();
23 | });
24 | 
25 | test('correct password must be provided to update password', function () {
26 |     $user = User::factory()->create();
27 | 
28 |     $response = $this
29 |         ->actingAs($user)
30 |         ->from('/settings/password')
31 |         ->put('/settings/password', [
32 |             'current_password' => 'wrong-password',
33 |             'password' => 'new-password',
34 |             'password_confirmation' => 'new-password',
35 |         ]);
36 | 
37 |     $response
38 |         ->assertSessionHasErrors('current_password')
39 |         ->assertRedirect('/settings/password');
40 | });
41 | 


--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
 1 | APP_NAME=Laravel
 2 | APP_ENV=local
 3 | APP_KEY=
 4 | APP_DEBUG=true
 5 | APP_TIMEZONE=UTC
 6 | APP_URL=http://localhost
 7 | 
 8 | APP_LOCALE=en
 9 | APP_FALLBACK_LOCALE=en
10 | APP_FAKER_LOCALE=en_US
11 | 
12 | APP_MAINTENANCE_DRIVER=file
13 | # APP_MAINTENANCE_STORE=database
14 | 
15 | BCRYPT_ROUNDS=12
16 | 
17 | LOG_CHANNEL=stack
18 | LOG_STACK=single
19 | LOG_DEPRECATIONS_CHANNEL=null
20 | LOG_LEVEL=debug
21 | 
22 | DB_CONNECTION=sqlite
23 | # DB_HOST=127.0.0.1
24 | # DB_PORT=3306
25 | # DB_DATABASE=laravel
26 | # DB_USERNAME=root
27 | # DB_PASSWORD=
28 | 
29 | SESSION_DRIVER=database
30 | SESSION_LIFETIME=120
31 | SESSION_ENCRYPT=false
32 | SESSION_PATH=/
33 | SESSION_DOMAIN=null
34 | 
35 | BROADCAST_CONNECTION=log
36 | FILESYSTEM_DISK=local
37 | QUEUE_CONNECTION=database
38 | 
39 | CACHE_STORE=database
40 | CACHE_PREFIX=
41 | 
42 | MEMCACHED_HOST=127.0.0.1
43 | 
44 | REDIS_CLIENT=phpredis
45 | REDIS_HOST=127.0.0.1
46 | REDIS_PASSWORD=null
47 | REDIS_PORT=6379
48 | 
49 | MAIL_MAILER=log
50 | MAIL_HOST=127.0.0.1
51 | MAIL_PORT=2525
52 | MAIL_USERNAME=null
53 | MAIL_PASSWORD=null
54 | MAIL_ENCRYPTION=null
55 | MAIL_FROM_ADDRESS="hello@example.com"
56 | MAIL_FROM_NAME="${APP_NAME}"
57 | 
58 | AWS_ACCESS_KEY_ID=
59 | AWS_SECRET_ACCESS_KEY=
60 | AWS_DEFAULT_REGION=us-east-1
61 | AWS_BUCKET=
62 | AWS_USE_PATH_STYLE_ENDPOINT=false
63 | 
64 | VITE_APP_NAME="${APP_NAME}"
65 | 


--------------------------------------------------------------------------------
/resources/js/components/theme-switcher.tsx:
--------------------------------------------------------------------------------
 1 | import { ComputerDesktopIcon, MoonIcon, SunIcon } from "@heroicons/react/24/outline"
 2 | import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"
 3 | import { type Theme, useTheme } from "@/hooks/use-theme"
 4 | 
 5 | interface Themes {
 6 |   value: Theme
 7 |   icon: React.FC<React.SVGAttributes<SVGSVGElement>>
 8 |   label: string
 9 | }
10 | 
11 | export function ThemeSwitcher() {
12 |   const { theme, updateTheme } = useTheme()
13 |   const themes: Themes[] = [
14 |     { value: "light", icon: SunIcon, label: "Light" },
15 |     {
16 |       value: "dark",
17 |       icon: MoonIcon,
18 |       label: "Dark",
19 |     },
20 |     {
21 |       value: "system",
22 |       icon: ComputerDesktopIcon,
23 |       label: "System",
24 |     },
25 |   ]
26 | 
27 |   return (
28 |     <ToggleGroup
29 |       size="sm"
30 |       selectedKeys={new Set([theme])}
31 |       onSelectionChange={(v) => {
32 |         // @ts-expect-error
33 |         updateTheme([...v][0])
34 |       }}
35 |       selectionMode="single"
36 |       aria-label="Choose theme"
37 |     >
38 |       {themes.map((theme) => (
39 |         <ToggleGroupItem key={theme.value} id={theme.value} aria-label={theme.value}>
40 |           <theme.icon />
41 |           {theme.label}
42 |         </ToggleGroupItem>
43 |       ))}
44 |     </ToggleGroup>
45 |   )
46 | }
47 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/AuthenticatedSessionController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use App\Http\Requests\Auth\LoginRequest;
 7 | use Illuminate\Http\RedirectResponse;
 8 | use Illuminate\Http\Request;
 9 | use Illuminate\Support\Facades\Auth;
10 | use Illuminate\Support\Facades\Route;
11 | use Inertia\Response;
12 | 
13 | class AuthenticatedSessionController extends Controller
14 | {
15 |     /**
16 |      * Show the login page.
17 |      */
18 |     public function create(Request $request): Response
19 |     {
20 |         return inertia('auth/login', [
21 |             'canResetPassword' => Route::has('password.request'),
22 |             'status' => $request->session()->get('status'),
23 |         ]);
24 |     }
25 | 
26 |     /**
27 |      * Handle an incoming authentication request.
28 |      */
29 |     public function store(LoginRequest $request): RedirectResponse
30 |     {
31 |         $request->authenticate();
32 | 
33 |         $request->session()->regenerate();
34 | 
35 |         flash('Welcome back!');
36 | 
37 |         return redirect()->intended(route('dashboard', absolute: false));
38 |     }
39 | 
40 |     /**
41 |      * Destroy an authenticated session.
42 |      */
43 |     public function destroy(Request $request): RedirectResponse
44 |     {
45 |         Auth::guard('web')->logout();
46 | 
47 |         $request->session()->invalidate();
48 |         $request->session()->regenerateToken();
49 | 
50 |         return redirect('/');
51 |     }
52 | }
53 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/EmailVerificationTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | use Illuminate\Auth\Events\Verified;
 5 | use Illuminate\Support\Facades\Event;
 6 | use Illuminate\Support\Facades\URL;
 7 | 
 8 | test('email verification screen can be rendered', function () {
 9 |     $user = User::factory()->unverified()->create();
10 | 
11 |     $response = $this->actingAs($user)->get('/verify-email');
12 | 
13 |     $response->assertStatus(200);
14 | });
15 | 
16 | test('email can be verified', function () {
17 |     $user = User::factory()->unverified()->create();
18 | 
19 |     Event::fake();
20 | 
21 |     $verificationUrl = URL::temporarySignedRoute(
22 |         'verification.verify',
23 |         now()->addMinutes(60),
24 |         ['id' => $user->id, 'hash' => sha1($user->email)]
25 |     );
26 | 
27 |     $response = $this->actingAs($user)->get($verificationUrl);
28 | 
29 |     Event::assertDispatched(Verified::class);
30 |     expect($user->fresh()->hasVerifiedEmail())->toBeTrue();
31 |     $response->assertRedirect(route('dashboard', absolute: false).'?verified=1');
32 | });
33 | 
34 | test('email is not verified with invalid hash', function () {
35 |     $user = User::factory()->unverified()->create();
36 | 
37 |     $verificationUrl = URL::temporarySignedRoute(
38 |         'verification.verify',
39 |         now()->addMinutes(60),
40 |         ['id' => $user->id, 'hash' => sha1('wrong-email')]
41 |     );
42 | 
43 |     $this->actingAs($user)->get($verificationUrl);
44 | 
45 |     expect($user->fresh()->hasVerifiedEmail())->toBeFalse();
46 | });
47 | 


--------------------------------------------------------------------------------
/app/Models/User.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Models;
 4 | 
 5 | // use Illuminate\Contracts\Auth\MustVerifyEmail;
 6 | use Illuminate\Database\Eloquent\Casts\Attribute;
 7 | use Illuminate\Database\Eloquent\Factories\HasFactory;
 8 | use Illuminate\Foundation\Auth\User as Authenticatable;
 9 | use Illuminate\Notifications\Notifiable;
10 | 
11 | class User extends Authenticatable
12 | {
13 |     use HasFactory, Notifiable;
14 | 
15 |     /**
16 |      * The attributes that are mass assignable.
17 |      *
18 |      * @var array<int, string>
19 |      */
20 |     protected $fillable = [
21 |         'name',
22 |         'email',
23 |         'password',
24 |     ];
25 | 
26 |     /**
27 |      * The attributes that should be hidden for serialization.
28 |      *
29 |      * @var array<int, string>
30 |      */
31 |     protected $hidden = [
32 |         'password',
33 |         'remember_token',
34 |     ];
35 | 
36 |     public function gravatar(): Attribute
37 |     {
38 |         return Attribute::make(fn () => $this->avatar());
39 |     }
40 | 
41 |     /**
42 |      * Get the attributes that should be cast.
43 |      *
44 |      * @return array<string, string>
45 |      */
46 |     protected function casts(): array
47 |     {
48 |         return [
49 |             'email_verified_at' => 'datetime',
50 |             'password' => 'hashed',
51 |         ];
52 |     }
53 | 
54 |     protected function avatar($size = 200): string
55 |     {
56 |         return 'https://www.gravatar.com/avatar/'.md5(strtolower(trim($this->email))).'?s='.$size.'&d=mp';
57 |     }
58 | }
59 | 


--------------------------------------------------------------------------------
/resources/js/pages/auth/confirm-password.tsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from "@/layouts/guest-layout"
 2 | import { Head, Form } from "@inertiajs/react"
 3 | import { Button } from "@/components/ui/button"
 4 | import { TextField } from "@/components/ui/text-field"
 5 | import { Loader } from "@/components/ui/loader"
 6 | import { FieldError, Label } from "@/components/ui/field"
 7 | import { Input } from "@/components/ui/input"
 8 | 
 9 | export default function ConfirmPassword() {
10 |   return (
11 |     <>
12 |       <Head title="Confirm Password" />
13 | 
14 |       <div className="mb-4 text-muted-fg text-sm">
15 |         This is a secure area of the application. Please confirm your password before continuing.
16 |       </div>
17 | 
18 |       <Form method="post" action={route("password.confirm")} resetOnSuccess={["password"]}>
19 |         {({ processing, errors }) => (
20 |           <>
21 |             <TextField name="password" autoComplete="current-password">
22 |               <Label>Password</Label>
23 |               <Input type="password" />
24 |               <FieldError>{errors.password}</FieldError>
25 |             </TextField>
26 | 
27 |             <div className="mt-4 flex items-center justify-end">
28 |               <Button isPending={processing}>
29 |                 {processing && <Loader />}
30 |                 Confirm
31 |               </Button>
32 |             </div>
33 |           </>
34 |         )}
35 |       </Form>
36 |     </>
37 |   )
38 | }
39 | 
40 | ConfirmPassword.layout = (page: any) => <GuestLayout header="Confirm password" children={page} />
41 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "version": "1.5.6",
 3 |     "private": false,
 4 |     "type": "module",
 5 |     "scripts": {
 6 |         "dev": "vite",
 7 |         "build": "vite build",
 8 |         "build:ssr": "vite build && vite build --ssr",
 9 |         "format": "biome format --write resources && biome lint --fix resources",
10 |         "lint": "biome lint --fix resources",
11 |         "preview": "tsc && npm run build:ssr && php artisan inertia:start-ssr"
12 |     },
13 |     "devDependencies": {
14 |         "@biomejs/biome": "^2.3.8",
15 |         "@inertiajs/react": "^2.3.1",
16 |         "@tailwindcss/vite": "^4.1.18",
17 |         "@types/react": "^19.2.7",
18 |         "@types/react-dom": "^19.2.3",
19 |         "@vitejs/plugin-react": "^5.1.2",
20 |         "autoprefixer": "^10.4.22",
21 |         "axios": "^1.13.2",
22 |         "husky": "^9.1.7",
23 |         "laravel-vite-plugin": "^2.0.1",
24 |         "shadcn": "^3.6.1",
25 |         "tailwind-merge": "^3.4.0",
26 |         "tailwind-variants": "^3.2.2",
27 |         "tailwindcss": "^4.1.18",
28 |         "typescript": "^5.9.3",
29 |         "vite-plugin-run": "^0.6.1"
30 |     },
31 |     "dependencies": {
32 |         "@heroicons/react": "^2.2.0",
33 |         "@types/node": "^22.19.3",
34 |         "motion": "^12.23.26",
35 |         "react": "^19.2.3",
36 |         "react-aria-components": "^1.13.0",
37 |         "react-dom": "^19.2.3",
38 |         "sonner": "^2.0.7",
39 |         "tailwindcss-react-aria-components": "^2.0.1",
40 |         "tw-animate-css": "^1.4.0",
41 |         "vite": "^7.2.7"
42 |     }
43 | }
44 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/RegisteredUserController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use App\Models\User;
 7 | use Illuminate\Auth\Events\Registered;
 8 | use Illuminate\Http\RedirectResponse;
 9 | use Illuminate\Http\Request;
10 | use Illuminate\Support\Facades\Auth;
11 | use Illuminate\Support\Facades\Hash;
12 | use Illuminate\Validation\Rules;
13 | use Inertia\Response;
14 | 
15 | class RegisteredUserController extends Controller
16 | {
17 |     /**
18 |      * Show the registration page.
19 |      */
20 |     public function create(): Response
21 |     {
22 |         return inertia('auth/register');
23 |     }
24 | 
25 |     /**
26 |      * Handle an incoming registration request.
27 |      *
28 |      * @throws \Illuminate\Validation\ValidationException
29 |      */
30 |     public function store(Request $request): RedirectResponse
31 |     {
32 |         $request->validate([
33 |             'name' => 'required|string|max:255',
34 |             'email' => 'required|string|lowercase|email|max:255|unique:'.User::class,
35 |             'password' => ['required', 'confirmed', Rules\Password::defaults()],
36 |         ]);
37 | 
38 |         $user = User::create([
39 |             'name' => $request->name,
40 |             'email' => $request->email,
41 |             'password' => Hash::make($request->password),
42 |         ]);
43 | 
44 |         event(new Registered($user));
45 | 
46 |         Auth::login($user);
47 | 
48 |         flash('Your account has been successfully created.');
49 | 
50 |         return to_route('dashboard');
51 |     }
52 | }
53 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/toast.tsx:
--------------------------------------------------------------------------------
 1 | import { Toaster as ToasterPrimitive, type ToasterProps } from "sonner"
 2 | import { useTheme } from "@/hooks/use-theme"
 3 | 
 4 | const Toast = ({ ...props }: ToasterProps) => {
 5 |   const { theme = "system" } = useTheme()
 6 |   return (
 7 |     <ToasterPrimitive
 8 |       theme={theme as ToasterProps["theme"]}
 9 |       className="toaster group"
10 |       richColors
11 |       toastOptions={{
12 |         className:
13 |           "*:data-icon:self-start font-sans has-data-description:*:data-icon:mt-1 *:data-icon:mt-0.5 backdrop-blur-2xl",
14 |       }}
15 |       style={
16 |         {
17 |           "--normal-bg": "var(--color-overlay)",
18 |           "--normal-text": "var(--color-overlay-fg)",
19 |           "--normal-border": "var(--color-border)",
20 | 
21 |           "--success-bg": "var(--color-success-bg)",
22 |           "--success-border": "var(--color-success-border)",
23 |           "--success-text": "var(--color-success-text)",
24 | 
25 |           "--error-bg": "var(--color-error-bg)",
26 |           "--error-border": "var(--color-error-border)",
27 |           "--error-text": "var(--color-error-text)",
28 | 
29 |           "--warning-bg": "var(--color-warning-bg)",
30 |           "--warning-border": "var(--color-warning-border)",
31 |           "--warning-text": "var(--color-warning-text)",
32 | 
33 |           "--info-bg": "var(--color-info-bg)",
34 |           "--info-border": "var(--color-info-border)",
35 |           "--info-text": "var(--color-info-text)",
36 |         } as React.CSSProperties
37 |       }
38 |       {...props}
39 |     />
40 |   )
41 | }
42 | 
43 | export type { ToasterProps }
44 | export { Toast }
45 | 


--------------------------------------------------------------------------------
/app/Http/Middleware/HandleInertiaRequests.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Middleware;
 4 | 
 5 | use App\Http\Resources\AuthenticatedUserResource;
 6 | use Illuminate\Http\Request;
 7 | use Inertia\Middleware;
 8 | use Tighten\Ziggy\Ziggy;
 9 | 
10 | class HandleInertiaRequests extends Middleware
11 | {
12 |     /**
13 |      * The root template that is loaded on the first page visit.
14 |      *
15 |      * @var string
16 |      */
17 |     protected $rootView = 'app';
18 | 
19 |     /**
20 |      * Determine the current asset version.
21 |      */
22 |     public function version(Request $request): ?string
23 |     {
24 |         return parent::version($request);
25 |     }
26 | 
27 |     /**
28 |      * Define the props that are shared by default.
29 |      *
30 |      * @return array<string, mixed>
31 |      */
32 |     public function share(Request $request): array
33 |     {
34 |         return [
35 |             ...parent::share($request),
36 |             'auth' => [
37 |                 'user' => $request->user() ? AuthenticatedUserResource::make($request->user()) : null,
38 |             ],
39 |             'ziggy' => fn (): array => [
40 |                 ...(new Ziggy)->toArray(),
41 |                 'location' => $request->url(),
42 |             ],
43 |             'sidebarOpen' => ! $request->hasCookie('sidebar_state') || $request->cookie('sidebar_state') === 'true',
44 |             'flash' => fn () => [
45 |                 'message' => $request->session()->get('message'),
46 |                 'type' => $request->session()->get('type') ?? 'success',
47 |                 'data' => $request->session()->get('data'),
48 |             ],
49 |         ];
50 |     }
51 | }
52 | 


--------------------------------------------------------------------------------
/database/migrations/0001_01_01_000000_create_users_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      */
12 |     public function up(): void
13 |     {
14 |         Schema::create('users', function (Blueprint $table) {
15 |             $table->id();
16 |             $table->string('name');
17 |             $table->string('email')->unique();
18 |             $table->timestamp('email_verified_at')->nullable();
19 |             $table->string('password');
20 |             $table->rememberToken();
21 |             $table->timestamps();
22 |         });
23 | 
24 |         Schema::create('password_reset_tokens', function (Blueprint $table) {
25 |             $table->string('email')->primary();
26 |             $table->string('token');
27 |             $table->timestamp('created_at')->nullable();
28 |         });
29 | 
30 |         Schema::create('sessions', function (Blueprint $table) {
31 |             $table->string('id')->primary();
32 |             $table->foreignId('user_id')->nullable()->index();
33 |             $table->string('ip_address', 45)->nullable();
34 |             $table->text('user_agent')->nullable();
35 |             $table->longText('payload');
36 |             $table->integer('last_activity')->index();
37 |         });
38 |     }
39 | 
40 |     /**
41 |      * Reverse the migrations.
42 |      */
43 |     public function down(): void
44 |     {
45 |         Schema::dropIfExists('users');
46 |         Schema::dropIfExists('password_reset_tokens');
47 |         Schema::dropIfExists('sessions');
48 |     }
49 | };
50 | 


--------------------------------------------------------------------------------
/resources/js/hooks/use-theme.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useState } from "react"
 2 | 
 3 | export type Theme = "light" | "dark" | "system"
 4 | 
 5 | const prefersDark = () =>
 6 |   typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches
 7 | 
 8 | const applyTheme = (theme: Theme) => {
 9 |   const isDark = theme === "dark" || (theme === "system" && prefersDark())
10 | 
11 |   document.documentElement.classList.toggle("dark", isDark)
12 | }
13 | 
14 | const mediaQuery =
15 |   typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)") : null
16 | 
17 | const handleSystemThemeChange = () => {
18 |   const currentTheme = localStorage.getItem("theme") as Theme
19 |   applyTheme(currentTheme || "system")
20 | }
21 | 
22 | export function initializeTheme() {
23 |   const savedTheme = (localStorage.getItem("theme") as Theme) || "system"
24 | 
25 |   applyTheme(savedTheme)
26 | 
27 |   // Add the event listener for system theme changes...
28 |   if (mediaQuery) {
29 |     return () => mediaQuery.removeEventListener("change", handleSystemThemeChange)
30 |   }
31 |   return () => {}
32 | }
33 | 
34 | export function useTheme() {
35 |   const [theme, setTheme] = useState<Theme>("system")
36 | 
37 |   const updateTheme = (mode: Theme) => {
38 |     setTheme(mode)
39 |     localStorage.setItem("theme", mode)
40 |     applyTheme(mode)
41 |   }
42 | 
43 |   useEffect(() => {
44 |     const savedTheme = localStorage.getItem("theme") as Theme | null
45 |     updateTheme(savedTheme || "system")
46 | 
47 |     if (mediaQuery) {
48 |       return () => mediaQuery.removeEventListener("change", handleSystemThemeChange)
49 |     }
50 |     return () => {}
51 |   }, [])
52 | 
53 |   return { theme, updateTheme }
54 | }
55 | 


--------------------------------------------------------------------------------
/tests/Pest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /*
 4 | |--------------------------------------------------------------------------
 5 | | Test Case
 6 | |--------------------------------------------------------------------------
 7 | |
 8 | | The closure you provide to your test functions is always bound to a specific PHPUnit test
 9 | | case class. By default, that class is "PHPUnit\Framework\TestCase". Of course, you may
10 | | need to change it using the "pest()" function to bind a different classes or traits.
11 | |
12 | */
13 | 
14 | pest()->extend(Tests\TestCase::class)
15 |     ->use(Illuminate\Foundation\Testing\RefreshDatabase::class)
16 |     ->in('Feature');
17 | 
18 | /*
19 | |--------------------------------------------------------------------------
20 | | Expectations
21 | |--------------------------------------------------------------------------
22 | |
23 | | When you're writing tests, you often need to check that values meet certain conditions. The
24 | | "expect()" function gives you access to a set of "expectations" methods that you can use
25 | | to assert different things. Of course, you may extend the Expectation API at any time.
26 | |
27 | */
28 | 
29 | expect()->extend('toBeOne', function () {
30 |     return $this->toBe(1);
31 | });
32 | 
33 | /*
34 | |--------------------------------------------------------------------------
35 | | Functions
36 | |--------------------------------------------------------------------------
37 | |
38 | | While Pest is very powerful out-of-the-box, you may have some testing code specific to your
39 | | project that you don't want to repeat in every file. Here you can also expose helpers as
40 | | global functions to help you to reduce the number of lines of code in your test files.
41 | |
42 | */
43 | 
44 | function something()
45 | {
46 |     // ..
47 | }
48 | 


--------------------------------------------------------------------------------
/resources/js/pages/auth/forgot-password.tsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from "@/layouts/guest-layout"
 2 | import { Head, Form } from "@inertiajs/react"
 3 | import { Button } from "@/components/ui/button"
 4 | import { TextField } from "@/components/ui/text-field"
 5 | import { Loader } from "@/components/ui/loader"
 6 | import { FieldError, Label } from "@/components/ui/field"
 7 | import { Input } from "@/components/ui/input"
 8 | 
 9 | interface ForgotPasswordProps {
10 |   status: string
11 | }
12 | 
13 | export default function ForgotPassword({ status }: ForgotPasswordProps) {
14 |   return (
15 |     <>
16 |       <Head title="Forgot password" />
17 |       {status && <div className="font-medium text-sm text-success">{status}</div>}
18 | 
19 |       <Form className="mt-4 space-y-4" action={route("password.email")} method="post">
20 |         {({ processing, errors }) => (
21 |           <>
22 |             <TextField name="email" autoComplete="username" autoFocus>
23 |               <Label>Email</Label>
24 |               <Input type="email" />
25 |               <FieldError>{errors.email}</FieldError>
26 |             </TextField>
27 | 
28 |             <div className="flex items-center justify-end">
29 |               <Button type="submit" className="w-full" isPending={processing}>
30 |                 {processing && <Loader />}
31 |                 Email Password Reset Link
32 |               </Button>
33 |             </div>
34 |           </>
35 |         )}
36 |       </Form>
37 |     </>
38 |   )
39 | }
40 | 
41 | ForgotPassword.layout = (page: any) => (
42 |   <GuestLayout
43 |     header="Forgot Password"
44 |     description="
45 |                     Forgot your password? No problem. Just let us know your email address and we will email you a password
46 |                     reset link that will allow you to choose a new one."
47 |     children={page}
48 |   />
49 | )
50 | 


--------------------------------------------------------------------------------
/resources/js/pages/auth/verify-email.tsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from "@/layouts/guest-layout"
 2 | import { Head, Form } from "@inertiajs/react"
 3 | import { Button } from "@/components/ui/button"
 4 | import { Link } from "@/components/ui/link"
 5 | import { Loader } from "@/components/ui/loader"
 6 | 
 7 | export default function VerifyEmail({ status }: { status?: string }) {
 8 |   return (
 9 |     <>
10 |       <Head title="Email Verification" />
11 |       {status === "verification-link-sent" && (
12 |         <div className="mb-4 font-medium text-green-600 text-sm">
13 |           A new verification link has been sent to the email address you provided during
14 |           registration.
15 |         </div>
16 |       )}
17 | 
18 |       <Form
19 |         method="post"
20 |         action={route("verification.send")}
21 |         className="mt-4 flex items-center justify-between"
22 |       >
23 |         {({ processing }) => (
24 |           <>
25 |             <Button isPending={processing} type="submit">
26 |               {processing && <Loader />}
27 |               Resend Verification Email
28 |             </Button>
29 | 
30 |             <Link
31 |               href="/logout"
32 |               routerOptions={{
33 |                 method: "post",
34 |               }}
35 |               className="text-primary-subtle-fg"
36 |             >
37 |               Log Out
38 |             </Link>
39 |           </>
40 |         )}
41 |       </Form>
42 |     </>
43 |   )
44 | }
45 | 
46 | VerifyEmail.layout = (page: any) => (
47 |   <GuestLayout
48 |     header="Verify email"
49 |     description="
50 |                 Thanks for signing up! Before getting started, could you verify your email address by clicking on the
51 |                 link we just emailed to you? If you didn't receive the email, we will gladly send you another."
52 |     children={page}
53 |   />
54 | )
55 | 


--------------------------------------------------------------------------------
/resources/css/toast.css:
--------------------------------------------------------------------------------
 1 | @theme inline {
 2 |     --color-success-bg: var(--success-bg);
 3 |     --color-success-border: var(--success-border);
 4 |     --color-success-text: var(--success-text);
 5 | 
 6 |     --color-info-bg: var(--info-bg);
 7 |     --color-info-border: var(--info-border);
 8 |     --color-info-text: var(--info-text);
 9 | 
10 |     --color-warning-bg: var(--warning-bg);
11 |     --color-warning-border: var(--warning-border);
12 |     --color-warning-text: var(--warning-text);
13 | 
14 |     --color-error-bg: var(--error-bg);
15 |     --color-error-border: var(--error-border);
16 |     --color-error-text: var(--error-text);
17 | }
18 | 
19 | :root {
20 |     --success-bg: var(--color-emerald-50);
21 |     --success-border: var(--color-emerald-100);
22 |     --success-text: var(--color-emerald-600);
23 | 
24 |     --info-bg: theme(--color-blue-600/15%);
25 |     --info-border: theme(--color-blue-600/15%);
26 |     --info-text: var(--color-blue-600);
27 | 
28 |     --warning-bg: theme(--color-amber-500/15%);
29 |     --warning-border: theme(--color-amber-400/40%);
30 |     --warning-text: var(--color-amber-600);
31 | 
32 |     --error-bg: theme(--color-red-500/20%);
33 |     --error-border: theme(--color-red-200);
34 |     --error-text: var(--color-red-600);
35 | }
36 | 
37 | .dark {
38 |     --success-bg: var(--color-emerald-950);
39 |     --success-border: var(--color-emerald-900);
40 |     --success-text: var(--color-emerald-200);
41 | 
42 |     --info-bg: theme(--color-blue-600/15%);
43 |     --info-border: theme(--color-blue-600/15%);
44 |     --info-text: var(--color-blue-200);
45 | 
46 |     --warning-bg: theme(--color-amber-400/10%);
47 |     --warning-border: theme(--color-amber-500/15%);
48 |     --warning-text: var(--color-amber-200);
49 | 
50 |     --error-bg: theme(--color-red-600/10%);
51 |     --error-border: theme(--color-red-600/15%);
52 |     --error-text: var(--color-red-200);
53 | }
54 | 


--------------------------------------------------------------------------------
/tests/Feature/Auth/PasswordResetTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | use Illuminate\Auth\Notifications\ResetPassword;
 5 | use Illuminate\Support\Facades\Notification;
 6 | 
 7 | test('reset password link screen can be rendered', function () {
 8 |     $response = $this->get('/forgot-password');
 9 | 
10 |     $response->assertStatus(200);
11 | });
12 | 
13 | test('reset password link can be requested', function () {
14 |     Notification::fake();
15 | 
16 |     $user = User::factory()->create();
17 | 
18 |     $this->post('/forgot-password', ['email' => $user->email]);
19 | 
20 |     Notification::assertSentTo($user, ResetPassword::class);
21 | });
22 | 
23 | test('reset password screen can be rendered', function () {
24 |     Notification::fake();
25 | 
26 |     $user = User::factory()->create();
27 | 
28 |     $this->post('/forgot-password', ['email' => $user->email]);
29 | 
30 |     Notification::assertSentTo($user, ResetPassword::class, function ($notification) {
31 |         $response = $this->get('/reset-password/'.$notification->token);
32 | 
33 |         $response->assertStatus(200);
34 | 
35 |         return true;
36 |     });
37 | });
38 | 
39 | test('password can be reset with valid token', function () {
40 |     Notification::fake();
41 | 
42 |     $user = User::factory()->create();
43 | 
44 |     $this->post('/forgot-password', ['email' => $user->email]);
45 | 
46 |     Notification::assertSentTo($user, ResetPassword::class, function ($notification) use ($user) {
47 |         $response = $this->post('/reset-password', [
48 |             'token' => $notification->token,
49 |             'email' => $user->email,
50 |             'password' => 'password',
51 |             'password_confirmation' => 'password',
52 |         ]);
53 | 
54 |         $response
55 |             ->assertSessionHasNoErrors()
56 |             ->assertRedirect(route('login'));
57 | 
58 |         return true;
59 |     });
60 | });
61 | 


--------------------------------------------------------------------------------
/resources/js/pages/settings/settings-layout.tsx:
--------------------------------------------------------------------------------
 1 | import { composeTailwindRenderProps } from "@/lib/primitive"
 2 | import { Container } from "@/components/ui/container"
 3 | import { ListBox, ListBoxItem, type ListBoxItemProps } from "react-aria-components"
 4 | 
 5 | export default function SettingsLayout({ children }: { children: React.ReactNode }) {
 6 |   return (
 7 |     <Container className="py-6 sm:py-16">
 8 |       <div className="flex flex-col items-start gap-6 md:flex-row md:gap-16">
 9 |         <div className="w-full shrink-0 md:w-56">
10 |           <ListBox aria-label="Menu" selectionMode="single">
11 |             <NavLink href="/settings/profile" isCurrent={route().current("profile.edit")}>
12 |               Profile
13 |             </NavLink>
14 |             <NavLink href="/settings/password" isCurrent={route().current("password.edit")}>
15 |               Change password
16 |             </NavLink>
17 |             <NavLink href="/settings/appearance" isCurrent={route().current("settings.appearance")}>
18 |               Appearance
19 |             </NavLink>
20 |             <NavLink
21 |               href="/settings/delete-account"
22 |               isCurrent={route().current("settings.delete-account")}
23 |             >
24 |               Danger zone
25 |             </NavLink>
26 |           </ListBox>
27 |         </div>
28 |         <div className="w-full min-w-0">{children}</div>
29 |       </div>
30 |     </Container>
31 |   )
32 | }
33 | 
34 | interface NavLinkProps extends ListBoxItemProps {
35 |   isCurrent?: boolean
36 | }
37 | export function NavLink({ isCurrent, className, ...props }: NavLinkProps) {
38 |   return (
39 |     <ListBoxItem
40 |       textValue={props.children as string}
41 |       className={composeTailwindRenderProps(className, [
42 |         "block py-2 font-medium text-sm",
43 |         isCurrent ? "font-semibold text-fg" : "text-muted-fg hover:text-fg",
44 |       ])}
45 |       {...props}
46 |     />
47 |   )
48 | }
49 | 


--------------------------------------------------------------------------------
/database/migrations/0001_01_01_000002_create_jobs_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      */
12 |     public function up(): void
13 |     {
14 |         Schema::create('jobs', function (Blueprint $table) {
15 |             $table->id();
16 |             $table->string('queue')->index();
17 |             $table->longText('payload');
18 |             $table->unsignedTinyInteger('attempts');
19 |             $table->unsignedInteger('reserved_at')->nullable();
20 |             $table->unsignedInteger('available_at');
21 |             $table->unsignedInteger('created_at');
22 |         });
23 | 
24 |         Schema::create('job_batches', function (Blueprint $table) {
25 |             $table->string('id')->primary();
26 |             $table->string('name');
27 |             $table->integer('total_jobs');
28 |             $table->integer('pending_jobs');
29 |             $table->integer('failed_jobs');
30 |             $table->longText('failed_job_ids');
31 |             $table->mediumText('options')->nullable();
32 |             $table->integer('cancelled_at')->nullable();
33 |             $table->integer('created_at');
34 |             $table->integer('finished_at')->nullable();
35 |         });
36 | 
37 |         Schema::create('failed_jobs', function (Blueprint $table) {
38 |             $table->id();
39 |             $table->string('uuid')->unique();
40 |             $table->text('connection');
41 |             $table->text('queue');
42 |             $table->longText('payload');
43 |             $table->longText('exception');
44 |             $table->timestamp('failed_at')->useCurrent();
45 |         });
46 |     }
47 | 
48 |     /**
49 |      * Reverse the migrations.
50 |      */
51 |     public function down(): void
52 |     {
53 |         Schema::dropIfExists('jobs');
54 |         Schema::dropIfExists('job_batches');
55 |         Schema::dropIfExists('failed_jobs');
56 |     }
57 | };
58 | 


--------------------------------------------------------------------------------
/resources/js/pages/auth/reset-password.tsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from "@/layouts/guest-layout"
 2 | import { Head, Form } from "@inertiajs/react"
 3 | import { Button } from "@/components/ui/button"
 4 | import { TextField } from "@/components/ui/text-field"
 5 | import { Loader } from "@/components/ui/loader"
 6 | import { FieldError, Label } from "@/components/ui/field"
 7 | import { Input } from "@/components/ui/input"
 8 | 
 9 | interface ResetPasswordProps {
10 |   token: string
11 |   email: string
12 | }
13 | 
14 | export default function ResetPassword(args: ResetPasswordProps) {
15 |   const { token, email } = args
16 | 
17 |   return (
18 |     <>
19 |       <Head title="Reset Password" />
20 | 
21 |       <Form
22 |         className="space-y-6"
23 |         method="post"
24 |         transform={(data) => ({ ...data, token, email })}
25 |         action={route("password.request")}
26 |       >
27 |         {({ processing, errors }) => (
28 |           <>
29 |             <TextField type="email" name="email" autoComplete="username">
30 |               <Label>Email</Label>
31 |               <Input type="email" placeholder="you@domain.com" />
32 |               <FieldError>{errors.email}</FieldError>
33 |             </TextField>
34 | 
35 |             <TextField name="password" autoComplete="new-password" autoFocus>
36 |               <Label>Password</Label>
37 |               <Input type="password" placeholder="Shhh, it's secret" />
38 |               <FieldError>{errors.password}</FieldError>
39 |             </TextField>
40 | 
41 |             <TextField name="password_confirmation" autoComplete="new-password" isRequired>
42 |               <Label>Confirm password</Label>
43 |               <Input type="password" />
44 |               <FieldError>{errors.password_confirmation}</FieldError>
45 |             </TextField>
46 | 
47 |             <div className="mt-4 flex items-center justify-end">
48 |               <Button type="submit" className="ml-4" isPending={processing}>
49 |                 {processing && <Loader />}
50 |                 Reset Password
51 |               </Button>
52 |             </div>
53 |           </>
54 |         )}
55 |       </Form>
56 |     </>
57 |   )
58 | }
59 | 
60 | ResetPassword.layout = (page: any) => (
61 |   <GuestLayout
62 |     header="Reset Password"
63 |     description="Please enter your email address and new password to reset your password."
64 |     children={page}
65 |   />
66 | )
67 | 


--------------------------------------------------------------------------------
/routes/auth.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Http\Controllers\Auth\AuthenticatedSessionController;
 4 | use App\Http\Controllers\Auth\ConfirmablePasswordController;
 5 | use App\Http\Controllers\Auth\EmailVerificationNotificationController;
 6 | use App\Http\Controllers\Auth\EmailVerificationPromptController;
 7 | use App\Http\Controllers\Auth\NewPasswordController;
 8 | use App\Http\Controllers\Auth\PasswordResetLinkController;
 9 | use App\Http\Controllers\Auth\RegisteredUserController;
10 | use App\Http\Controllers\Auth\VerifyEmailController;
11 | use Illuminate\Support\Facades\Route;
12 | 
13 | Route::middleware('guest')->group(function () {
14 |     Route::get('register', [RegisteredUserController::class, 'create'])
15 |         ->name('register');
16 | 
17 |     Route::post('register', [RegisteredUserController::class, 'store']);
18 | 
19 |     Route::get('login', [AuthenticatedSessionController::class, 'create'])
20 |         ->name('login');
21 | 
22 |     Route::post('login', [AuthenticatedSessionController::class, 'store']);
23 | 
24 |     Route::get('forgot-password', [PasswordResetLinkController::class, 'create'])
25 |         ->name('password.request');
26 | 
27 |     Route::post('forgot-password', [PasswordResetLinkController::class, 'store'])
28 |         ->name('password.email');
29 | 
30 |     Route::get('reset-password/{token}', [NewPasswordController::class, 'create'])
31 |         ->name('password.reset');
32 | 
33 |     Route::post('reset-password', [NewPasswordController::class, 'store'])
34 |         ->name('password.store');
35 | });
36 | 
37 | Route::middleware('auth')->group(function () {
38 |     Route::get('verify-email', EmailVerificationPromptController::class)
39 |         ->name('verification.notice');
40 | 
41 |     Route::get('verify-email/{id}/{hash}', VerifyEmailController::class)
42 |         ->middleware(['signed', 'throttle:6,1'])
43 |         ->name('verification.verify');
44 | 
45 |     Route::post('email/verification-notification', [EmailVerificationNotificationController::class, 'store'])
46 |         ->middleware('throttle:6,1')
47 |         ->name('verification.send');
48 | 
49 |     Route::get('confirm-password', [ConfirmablePasswordController::class, 'show'])
50 |         ->name('password.confirm');
51 | 
52 |     Route::post('confirm-password', [ConfirmablePasswordController::class, 'store']);
53 | 
54 |     Route::post('logout', [AuthenticatedSessionController::class, 'destroy'])
55 |         ->name('logout');
56 | });
57 | 


--------------------------------------------------------------------------------
/tests/Feature/Settings/ProfileUpdateTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Models\User;
 4 | 
 5 | test('profile page is displayed', function () {
 6 |     $user = User::factory()->create();
 7 | 
 8 |     $response = $this
 9 |         ->actingAs($user)
10 |         ->get('/settings/profile');
11 | 
12 |     $response->assertOk();
13 | });
14 | 
15 | test('profile information can be updated', function () {
16 |     $user = User::factory()->create();
17 | 
18 |     $response = $this
19 |         ->actingAs($user)
20 |         ->patch('/settings/profile', [
21 |             'name' => 'Test User',
22 |             'email' => 'test@example.com',
23 |         ]);
24 | 
25 |     $response
26 |         ->assertSessionHasNoErrors()
27 |         ->assertRedirect('/settings/profile');
28 | 
29 |     $user->refresh();
30 | 
31 |     expect($user->name)->toBe('Test User');
32 |     expect($user->email)->toBe('test@example.com');
33 |     expect($user->email_verified_at)->toBeNull();
34 | });
35 | 
36 | test('email verification status is unchanged when the email address is unchanged', function () {
37 |     $user = User::factory()->create();
38 | 
39 |     $response = $this
40 |         ->actingAs($user)
41 |         ->patch('/settings/profile', [
42 |             'name' => 'Test User',
43 |             'email' => $user->email,
44 |         ]);
45 | 
46 |     $response
47 |         ->assertSessionHasNoErrors()
48 |         ->assertRedirect('/settings/profile');
49 | 
50 |     expect($user->refresh()->email_verified_at)->not->toBeNull();
51 | });
52 | 
53 | test('user can delete their account', function () {
54 |     $user = User::factory()->create();
55 | 
56 |     $response = $this
57 |         ->actingAs($user)
58 |         ->delete('/settings/delete-account', [
59 |             'password' => 'password',
60 |         ]);
61 | 
62 |     $response
63 |         ->assertSessionHasNoErrors()
64 |         ->assertRedirect('/');
65 | 
66 |     $this->assertGuest();
67 |     expect($user->fresh())->toBeNull();
68 | });
69 | 
70 | test('correct password must be provided to delete account', function () {
71 |     $user = User::factory()->create();
72 | 
73 |     $response = $this
74 |         ->actingAs($user)
75 |         ->from('/settings/delete-account')
76 |         ->delete('/settings/delete-account', [
77 |             'password' => 'wrong-password',
78 |         ]);
79 | 
80 |     $response
81 |         ->assertSessionHasErrors('password')
82 |         ->assertRedirect('/settings/delete-account');
83 | 
84 |     expect($user->fresh())->not->toBeNull();
85 | });
86 | 


--------------------------------------------------------------------------------
/app/Http/Requests/Auth/LoginRequest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Requests\Auth;
 4 | 
 5 | use Illuminate\Auth\Events\Lockout;
 6 | use Illuminate\Foundation\Http\FormRequest;
 7 | use Illuminate\Support\Facades\Auth;
 8 | use Illuminate\Support\Facades\RateLimiter;
 9 | use Illuminate\Support\Str;
10 | use Illuminate\Validation\ValidationException;
11 | 
12 | class LoginRequest extends FormRequest
13 | {
14 |     /**
15 |      * Determine if the user is authorized to make this request.
16 |      */
17 |     public function authorize(): bool
18 |     {
19 |         return true;
20 |     }
21 | 
22 |     /**
23 |      * Get the validation rules that apply to the request.
24 |      *
25 |      * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
26 |      */
27 |     public function rules(): array
28 |     {
29 |         return [
30 |             'email' => ['required', 'string', 'email'],
31 |             'password' => ['required', 'string'],
32 |         ];
33 |     }
34 | 
35 |     /**
36 |      * Attempt to authenticate the request's credentials.
37 |      *
38 |      * @throws \Illuminate\Validation\ValidationException
39 |      */
40 |     public function authenticate(): void
41 |     {
42 |         $this->ensureIsNotRateLimited();
43 | 
44 |         if (! Auth::attempt($this->only('email', 'password'), $this->boolean('remember'))) {
45 |             RateLimiter::hit($this->throttleKey());
46 | 
47 |             throw ValidationException::withMessages([
48 |                 'email' => __('auth.failed'),
49 |             ]);
50 |         }
51 | 
52 |         RateLimiter::clear($this->throttleKey());
53 |     }
54 | 
55 |     /**
56 |      * Ensure the login request is not rate limited.
57 |      *
58 |      * @throws \Illuminate\Validation\ValidationException
59 |      */
60 |     public function ensureIsNotRateLimited(): void
61 |     {
62 |         if (! RateLimiter::tooManyAttempts($this->throttleKey(), 5)) {
63 |             return;
64 |         }
65 | 
66 |         event(new Lockout($this));
67 | 
68 |         $seconds = RateLimiter::availableIn($this->throttleKey());
69 | 
70 |         throw ValidationException::withMessages([
71 |             'email' => __('auth.throttle', [
72 |                 'seconds' => $seconds,
73 |                 'minutes' => ceil($seconds / 60),
74 |             ]),
75 |         ]);
76 |     }
77 | 
78 |     /**
79 |      * Get the rate limiting throttle key for the request.
80 |      */
81 |     public function throttleKey(): string
82 |     {
83 |         return Str::transliterate(Str::lower($this->string('email')).'|'.$this->ip());
84 |     }
85 | }
86 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/NewPasswordController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers\Auth;
 4 | 
 5 | use App\Http\Controllers\Controller;
 6 | use Illuminate\Auth\Events\PasswordReset;
 7 | use Illuminate\Http\RedirectResponse;
 8 | use Illuminate\Http\Request;
 9 | use Illuminate\Support\Facades\Hash;
10 | use Illuminate\Support\Facades\Password;
11 | use Illuminate\Support\Str;
12 | use Illuminate\Validation\Rules;
13 | use Illuminate\Validation\ValidationException;
14 | use Inertia\Inertia;
15 | use Inertia\Response;
16 | 
17 | class NewPasswordController extends Controller
18 | {
19 |     /**
20 |      * Show the password reset page.
21 |      */
22 |     public function create(Request $request): Response
23 |     {
24 |         return Inertia::render('auth/reset-password', [
25 |             'email' => $request->email,
26 |             'token' => $request->route('token'),
27 |         ]);
28 |     }
29 | 
30 |     /**
31 |      * Handle an incoming new password request.
32 |      *
33 |      * @throws \Illuminate\Validation\ValidationException
34 |      */
35 |     public function store(Request $request): RedirectResponse
36 |     {
37 |         $request->validate([
38 |             'token' => 'required',
39 |             'email' => 'required|email',
40 |             'password' => ['required', 'confirmed', Rules\Password::defaults()],
41 |         ]);
42 | 
43 |         // Here we will attempt to reset the user's password. If it is successful we
44 |         // will update the password on an actual user model and persist it to the
45 |         // database. Otherwise we will parse the error and return the response.
46 |         $status = Password::reset(
47 |             $request->only('email', 'password', 'password_confirmation', 'token'),
48 |             function ($user) use ($request) {
49 |                 $user->forceFill([
50 |                     'password' => Hash::make($request->password),
51 |                     'remember_token' => Str::random(60),
52 |                 ])->save();
53 | 
54 |                 event(new PasswordReset($user));
55 |             }
56 |         );
57 | 
58 |         // If the password was successfully reset, we will redirect the user back to
59 |         // the application's home authenticated view. If there is an error we can
60 |         // redirect them back to where they came from with their error message.
61 |         if ($status == Password::PasswordReset) {
62 |             return to_route('login')->with('status', __($status));
63 |         }
64 | 
65 |         throw ValidationException::withMessages([
66 |             'email' => [__($status)],
67 |         ]);
68 |     }
69 | }
70 | 


--------------------------------------------------------------------------------
/config/filesystems.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 | 
 5 |     /*
 6 |     |--------------------------------------------------------------------------
 7 |     | Default Filesystem Disk
 8 |     |--------------------------------------------------------------------------
 9 |     |
10 |     | Here you may specify the default filesystem disk that should be used
11 |     | by the framework. The "local" disk, as well as a variety of cloud
12 |     | based disks are available to your application for file storage.
13 |     |
14 |     */
15 | 
16 |     'default' => env('FILESYSTEM_DISK', 'local'),
17 | 
18 |     /*
19 |     |--------------------------------------------------------------------------
20 |     | Filesystem Disks
21 |     |--------------------------------------------------------------------------
22 |     |
23 |     | Below you may configure as many filesystem disks as necessary, and you
24 |     | may even configure multiple disks for the same driver. Examples for
25 |     | most supported storage drivers are configured here for reference.
26 |     |
27 |     | Supported drivers: "local", "ftp", "sftp", "s3"
28 |     |
29 |     */
30 | 
31 |     'disks' => [
32 | 
33 |         'local' => [
34 |             'driver' => 'local',
35 |             'root' => storage_path('app'),
36 |             'throw' => false,
37 |         ],
38 | 
39 |         'public' => [
40 |             'driver' => 'local',
41 |             'root' => storage_path('app/public'),
42 |             'url' => env('APP_URL').'/storage',
43 |             'visibility' => 'public',
44 |             'throw' => false,
45 |         ],
46 | 
47 |         's3' => [
48 |             'driver' => 's3',
49 |             'key' => env('AWS_ACCESS_KEY_ID'),
50 |             'secret' => env('AWS_SECRET_ACCESS_KEY'),
51 |             'region' => env('AWS_DEFAULT_REGION'),
52 |             'bucket' => env('AWS_BUCKET'),
53 |             'url' => env('AWS_URL'),
54 |             'endpoint' => env('AWS_ENDPOINT'),
55 |             'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
56 |             'throw' => false,
57 |         ],
58 | 
59 |     ],
60 | 
61 |     /*
62 |     |--------------------------------------------------------------------------
63 |     | Symbolic Links
64 |     |--------------------------------------------------------------------------
65 |     |
66 |     | Here you may configure the symbolic links that will be created when the
67 |     | `storage:link` Artisan command is executed. The array keys should be
68 |     | the locations of the links and the values should be their targets.
69 |     |
70 |     */
71 | 
72 |     'links' => [
73 |         public_path('storage') => storage_path('app/public'),
74 |     ],
75 | 
76 | ];
77 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/field.tsx:
--------------------------------------------------------------------------------
 1 | import type { FieldErrorProps, LabelProps, TextProps } from "react-aria-components"
 2 | import {
 3 |   FieldError as FieldErrorPrimitive,
 4 |   Label as LabelPrimitive,
 5 |   Text,
 6 | } from "react-aria-components"
 7 | import { twMerge } from "tailwind-merge"
 8 | import { tv } from "tailwind-variants"
 9 | import { cx } from "@/lib/primitive"
10 | 
11 | export const labelStyles = tv({
12 |   base: "select-none text-base/6 text-fg in-disabled:opacity-50 group-disabled:opacity-50 sm:text-sm/6",
13 | })
14 | 
15 | export const descriptionStyles = tv({
16 |   base: "block text-muted-fg text-sm/6 in-disabled:opacity-50 group-disabled:opacity-50",
17 | })
18 | 
19 | export const fieldErrorStyles = tv({
20 |   base: "block text-danger-subtle-fg text-sm/6 in-disabled:opacity-50 group-disabled:opacity-50 forced-colors:text-[Mark]",
21 | })
22 | 
23 | export const fieldStyles = tv({
24 |   base: [
25 |     "w-full",
26 |     "[&>[data-slot=label]+[data-slot=control]]:mt-2",
27 |     "[&>[data-slot=label]+[data-slot=control]]:mt-2",
28 |     "[&>[data-slot=label]+[slot='description']]:mt-1",
29 |     "[&>[slot='description']+[data-slot=control]]:mt-2",
30 |     "[&>[data-slot=control]+[slot=description]]:mt-2",
31 |     "[&>[data-slot=control]+[slot=errorMessage]]:mt-2",
32 |     "*:data-[slot=label]:font-medium",
33 |     "in-disabled:opacity-50 disabled:opacity-50",
34 |   ],
35 | })
36 | 
37 | export function Label({ className, ...props }: LabelProps) {
38 |   return <LabelPrimitive data-slot="label" {...props} className={labelStyles({ className })} />
39 | }
40 | 
41 | export function Description({ className, ...props }: TextProps) {
42 |   return <Text {...props} slot="description" className={descriptionStyles({ className })} />
43 | }
44 | 
45 | export function Fieldset({ className, ...props }: React.ComponentProps<"fieldset">) {
46 |   return (
47 |     <fieldset
48 |       className={twMerge("*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6", className)}
49 |       {...props}
50 |     />
51 |   )
52 | }
53 | 
54 | export function FieldGroup({ className, ...props }: React.ComponentPropsWithoutRef<"div">) {
55 |   return <div data-slot="control" className={twMerge("space-y-6", className)} {...props} />
56 | }
57 | 
58 | export function FieldError({ className, ...props }: FieldErrorProps) {
59 |   return <FieldErrorPrimitive {...props} className={cx(fieldErrorStyles(), className)} />
60 | }
61 | 
62 | export function Legend({ className, ...props }: React.ComponentProps<"legend">) {
63 |   return (
64 |     <legend
65 |       data-slot="legend"
66 |       {...props}
67 |       className={twMerge("font-semibold text-base/6 data-disabled:opacity-50", className)}
68 |     />
69 |   )
70 | }
71 | 


--------------------------------------------------------------------------------
/resources/js/pages/auth/register.tsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from "@/layouts/guest-layout"
 2 | import { Form, Head } from "@inertiajs/react"
 3 | import { Button } from "@/components/ui/button"
 4 | import { Link } from "@/components/ui/link"
 5 | import { TextField } from "@/components/ui/text-field"
 6 | import { Loader } from "@/components/ui/loader"
 7 | import { FieldError, Label } from "@/components/ui/field"
 8 | import { Input } from "@/components/ui/input"
 9 | import type React from "react"
10 | 
11 | export default function Register() {
12 |   return (
13 |     <>
14 |       <Head title="Register" />
15 | 
16 |       <Form
17 |         method="post"
18 |         action="/register"
19 |         resetOnSuccess={["password", "password_confirmation"]}
20 |         disableWhileProcessing
21 |         className="flex flex-col gap-y-4"
22 |       >
23 |         {({ processing, errors }) => (
24 |           <>
25 |             <TextField name="name" autoComplete="name" autoFocus>
26 |               <Label>Name</Label>
27 |               <Input type="text" placeholder="Your name" />
28 |               <FieldError>{errors.name}</FieldError>
29 |             </TextField>
30 | 
31 |             <TextField name="email" autoComplete="username">
32 |               <Label>Email</Label>
33 |               <Input type="email" placeholder="you@domain.com" />
34 |               <FieldError>{errors.email}</FieldError>
35 |             </TextField>
36 |             <TextField name="password" autoComplete="current-password">
37 |               <Label>Password</Label>
38 |               <Input type="password" placeholder="Shhh, it's secret" />
39 |               <FieldError>{errors.password}</FieldError>
40 |             </TextField>
41 | 
42 |             <TextField name="password_confirmation">
43 |               <Label>Confirm password</Label>
44 |               <Input type="password" placeholder="Shhh, it's secret" />
45 |               <FieldError>{errors.password_confirmation}</FieldError>
46 |             </TextField>
47 |             <Button type="submit" className="w-full" isPending={processing}>
48 |               {processing && <Loader />}
49 |               Register
50 |             </Button>
51 |             <div className="text-center">
52 |               <Link
53 |                 href="/login"
54 |                 className="text-base/6 text-primary-subtle-fg hover:underline sm:text-sm/6"
55 |               >
56 |                 Already registered?
57 |               </Link>
58 |             </div>
59 |           </>
60 |         )}
61 |       </Form>
62 |     </>
63 |   )
64 | }
65 | 
66 | Register.layout = (page: React.ReactNode) => (
67 |   <GuestLayout header="Register" description="Create an account to get started." children={page} />
68 | )
69 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
 1 | import { twMerge } from "tailwind-merge"
 2 | 
 3 | interface AvatarProps {
 4 |   src?: string | null
 5 |   initials?: string
 6 |   alt?: string
 7 |   className?: string
 8 |   isSquare?: boolean
 9 |   size?:
10 |     | "xs"
11 |     | "sm"
12 |     | "md"
13 |     | "lg"
14 |     | "xl"
15 |     | "2xl"
16 |     | "3xl"
17 |     | "4xl"
18 |     | "5xl"
19 |     | "6xl"
20 |     | "7xl"
21 |     | "8xl"
22 |     | "9xl"
23 | }
24 | 
25 | const Avatar = ({
26 |   src = null,
27 |   isSquare = false,
28 |   size = "md",
29 |   initials,
30 |   alt = "",
31 |   className,
32 |   ...props
33 | }: AvatarProps & React.ComponentPropsWithoutRef<"span">) => {
34 |   return (
35 |     <span
36 |       data-slot="avatar"
37 |       {...props}
38 |       className={twMerge(
39 |         "-outline-offset-1 inline-grid size-(--avatar-size) shrink-0 align-middle outline-1 outline-fg/(--ring-opacity) [--avatar-radius:20%] [--ring-opacity:20%] *:col-start-1 *:row-start-1 *:size-(--avatar-size)",
40 |         size === "xs" && "[--avatar-size:--spacing(5)]",
41 |         size === "sm" && "[--avatar-size:--spacing(6)]",
42 |         size === "md" && "[--avatar-size:--spacing(8)]",
43 |         size === "lg" && "[--avatar-size:--spacing(10)]",
44 |         size === "xl" && "[--avatar-size:--spacing(12)]",
45 |         size === "2xl" && "[--avatar-size:--spacing(14)]",
46 |         size === "3xl" && "[--avatar-size:--spacing(16)]",
47 |         size === "4xl" && "[--avatar-size:--spacing(20)]",
48 |         size === "5xl" && "[--avatar-size:--spacing(24)]",
49 |         size === "6xl" && "[--avatar-size:--spacing(28)]",
50 |         size === "7xl" && "[--avatar-size:--spacing(32)]",
51 |         size === "8xl" && "[--avatar-size:--spacing(36)]",
52 |         size === "9xl" && "[--avatar-size:--spacing(32)]",
53 |         isSquare
54 |           ? "rounded-(--avatar-radius) *:rounded-(--avatar-radius)"
55 |           : "rounded-full *:rounded-full",
56 |         className,
57 |       )}
58 |     >
59 |       {initials && (
60 |         <svg
61 |           className="size-full select-none fill-current p-[5%] font-md text-[48px] uppercase"
62 |           viewBox="0 0 100 100"
63 |           aria-hidden={alt ? undefined : "true"}
64 |         >
65 |           {alt && <title>{alt}</title>}
66 |           <text
67 |             x="50%"
68 |             y="50%"
69 |             alignmentBaseline="middle"
70 |             dominantBaseline="middle"
71 |             textAnchor="middle"
72 |             dy=".125em"
73 |           >
74 |             {initials}
75 |           </text>
76 |         </svg>
77 |       )}
78 |       {src && <img className="size-full object-cover object-center" src={src} alt={alt} />}
79 |     </span>
80 |   )
81 | }
82 | 
83 | export type { AvatarProps }
84 | export { Avatar }
85 | 


--------------------------------------------------------------------------------
/biome.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "$schema": "https://biomejs.dev/schemas/2.0.6/schema.json",
 3 |     "vcs": {
 4 |         "enabled": false,
 5 |         "clientKind": "git",
 6 |         "useIgnoreFile": false
 7 |     },
 8 |     "files": {
 9 |         "includes": ["resources/**/*.tsx"],
10 |         "ignoreUnknown": false
11 |     },
12 |     "formatter": {
13 |         "enabled": true,
14 |         "indentStyle": "space",
15 |         "indentWidth": 2,
16 |         "lineWidth": 100
17 |     },
18 |     "linter": {
19 |         "enabled": true,
20 |         "rules": {
21 |             "recommended": true,
22 |             "performance": {
23 |                 "noImgElement": "off"
24 |             },
25 |             "style": {
26 |                 "noNonNullAssertion": "off",
27 |                 "noParameterAssign": "warn",
28 |                 "useImportType": "warn"
29 |             },
30 |             "complexity": {
31 |                 "useArrowFunction": "error",
32 |                 "noForEach": "off"
33 |             },
34 |             "a11y": {
35 |                 "noRedundantRoles": "off",
36 |                 "noSvgWithoutTitle": "off",
37 |                 "useValidAnchor": "off",
38 |                 "useSemanticElements": "off"
39 |             },
40 |             "correctness": {
41 |                 "noUnusedImports": { "level": "error", "fix": "safe" },
42 |                 "useExhaustiveDependencies": "off",
43 |                 "useHookAtTopLevel": "error",
44 |                 "noChildrenProp": "off"
45 |             },
46 |             "suspicious": {
47 |                 "noDocumentCookie": "off",
48 |                 "noExplicitAny": "off",
49 |                 "noArrayIndexKey": "off"
50 |             },
51 |             "security": {
52 |                 "noDangerouslySetInnerHtml": "off"
53 |             },
54 |             "nursery": {
55 |                 "useSortedClasses": {
56 |                     "level": "error",
57 |                     "fix": "safe",
58 |                     "options": {
59 |                         "attributes": ["classList"],
60 |                         "functions": ["twMerge", "twJoin", "tv", "composeRenderProps", "composeTailwindRenderProps"]
61 |                     }
62 |                 }
63 |             }
64 |         }
65 |     },
66 |     "javascript": {
67 |         "formatter": {
68 |             "quoteStyle": "double",
69 |             "arrowParentheses": "always",
70 |             "bracketSameLine": false,
71 |             "bracketSpacing": true,
72 |             "jsxQuoteStyle": "double",
73 |             "quoteProperties": "asNeeded",
74 |             "semicolons": "asNeeded",
75 |             "trailingCommas": "all"
76 |         }
77 |     },
78 |     "assist": {
79 |         "enabled": true,
80 |         "actions": {
81 |             "source": {
82 |                 "organizeImports": "on"
83 |             }
84 |         }
85 |     }
86 | }
87 | 


--------------------------------------------------------------------------------
/resources/js/pages/auth/login.tsx:
--------------------------------------------------------------------------------
 1 | import GuestLayout from "@/layouts/guest-layout"
 2 | import { Head, Form } from "@inertiajs/react"
 3 | import type React from "react"
 4 | import { Button } from "@/components/ui/button"
 5 | import { Checkbox } from "@/components/ui/checkbox"
 6 | import { Link } from "@/components/ui/link"
 7 | import { TextField } from "@/components/ui/text-field"
 8 | import { Loader } from "@/components/ui/loader"
 9 | import { FieldError, Label } from "@/components/ui/field"
10 | import { Input } from "@/components/ui/input"
11 | 
12 | interface LoginProps {
13 |   status: string
14 |   canResetPassword: boolean
15 | }
16 | 
17 | export default function Login(args: LoginProps) {
18 |   const { status, canResetPassword } = args
19 |   return (
20 |     <>
21 |       <Head title="Log in" />
22 | 
23 |       {status && <div className="mb-4 font-medium text-success-subtle-fg">{status}</div>}
24 | 
25 |       <Form
26 |         method="post"
27 |         action="/login"
28 |         resetOnSuccess={["password"]}
29 |         className="flex flex-col gap-y-4"
30 |       >
31 |         {({ processing, errors }) => (
32 |           <>
33 |             <TextField name="email" autoComplete="username" autoFocus>
34 |               <Label>Email</Label>
35 |               <Input type="email" />
36 |               <FieldError>{errors.email}</FieldError>
37 |             </TextField>
38 |             <TextField name="password" autoComplete="current-password">
39 |               <Label>Password</Label>
40 |               <Input type="password" />
41 |               <FieldError>{errors.password}</FieldError>
42 |             </TextField>
43 |             <div className="flex items-center justify-between">
44 |               <Checkbox name="remember">Remember me</Checkbox>
45 |               {canResetPassword && (
46 |                 <Link
47 |                   href="/forgot-password"
48 |                   className="text-base/6 text-primary-subtle-fg hover:underline sm:text-sm/6"
49 |                 >
50 |                   Forgot your password?
51 |                 </Link>
52 |               )}
53 |             </div>
54 |             <Button isPending={processing} type="submit">
55 |               {processing && <Loader />}
56 |               Log in
57 |             </Button>
58 |             <div className="text-center">
59 |               <Link
60 |                 href="/register"
61 |                 className="text-base/6 text-primary-subtle-fg hover:underline sm:text-sm/6"
62 |               >
63 |                 Dont have account? Register
64 |               </Link>
65 |             </div>
66 |           </>
67 |         )}
68 |       </Form>
69 |     </>
70 |   )
71 | }
72 | 
73 | Login.layout = (page: React.ReactNode) => (
74 |   <GuestLayout
75 |     header="Login"
76 |     description="Sign in with your email or continue with a connected account."
77 |     children={page}
78 |   />
79 | )
80 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "$schema": "https://getcomposer.org/schema.json",
 3 |     "name": "intentui/laravel",
 4 |     "type": "project",
 5 |     "description": "The skeleton application for the Laravel framework with Inertia.js and Justd.",
 6 |     "keywords": [
 7 |         "laravel",
 8 |         "framework",
 9 |         "intentui",
10 |         "inertia"
11 |     ],
12 |     "license": "MIT",
13 |     "require": {
14 |         "php": "^8.2",
15 |         "inertiajs/inertia-laravel": "^2.0",
16 |         "laravel/framework": "^12.0",
17 |         "laravel/sanctum": "^4.0",
18 |         "laravel/tinker": "^2.10",
19 |         "tightenco/ziggy": "^2.5"
20 |     },
21 |     "require-dev": {
22 |         "fakerphp/faker": "^1.23",
23 |         "laravel/boost": "^1.8",
24 |         "laravel/pint": "^1.13",
25 |         "laravel/sail": "^1.26",
26 |         "mockery/mockery": "^1.6",
27 |         "nunomaduro/collision": "^8.0",
28 |         "pestphp/pest": "^3.7"
29 |     },
30 |     "autoload": {
31 |         "psr-4": {
32 |             "App\\": "app/",
33 |             "Database\\Factories\\": "database/factories/",
34 |             "Database\\Seeders\\": "database/seeders/"
35 |         },
36 |         "files": [
37 |             "app/helpers.php"
38 |         ]
39 |     },
40 |     "autoload-dev": {
41 |         "psr-4": {
42 |             "Tests\\": "tests/"
43 |         }
44 |     },
45 |     "scripts": {
46 |         "post-autoload-dump": [
47 |             "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
48 |             "@php artisan package:discover --ansi"
49 |         ],
50 |         "post-update-cmd": [
51 |             "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
52 |         ],
53 |         "post-root-package-install": [
54 |             "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
55 |         ],
56 |         "post-create-project-cmd": [
57 |             "@php artisan key:generate --ansi",
58 |             "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
59 |             "@php artisan migrate --graceful --ansi"
60 |         ],
61 |         "dev": [
62 |             "Composer\\Config::disableProcessTimeout",
63 |             "npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan queue:listen --tries=1\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite"
64 |         ]
65 |     },
66 |     "extra": {
67 |         "laravel": {
68 |             "dont-discover": []
69 |         }
70 |     },
71 |     "config": {
72 |         "optimize-autoloader": true,
73 |         "preferred-install": "dist",
74 |         "sort-packages": true,
75 |         "allow-plugins": {
76 |             "pestphp/pest-plugin": true,
77 |             "php-http/discovery": true
78 |         }
79 |     },
80 |     "minimum-stability": "stable",
81 |     "prefer-stable": true
82 | }
83 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/card.tsx:
--------------------------------------------------------------------------------
 1 | import { twMerge } from "tailwind-merge"
 2 | 
 3 | const Card = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {
 4 |   return (
 5 |     <div
 6 |       data-slot="card"
 7 |       className={twMerge(
 8 |         "group/card flex flex-col gap-(--gutter) rounded-lg border py-(--gutter) text-fg shadow-xs [--gutter:--spacing(6)] has-[table]:overflow-hidden has-[table]:not-has-data-[slot=card-footer]:pb-0 **:data-[slot=table-header]:bg-muted/50 has-[table]:**:data-[slot=card-footer]:border-t **:[table]:overflow-hidden",
 9 |         className,
10 |       )}
11 |       {...props}
12 |     />
13 |   )
14 | }
15 | 
16 | interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
17 |   title?: string
18 |   description?: string
19 | }
20 | 
21 | const CardHeader = ({ className, title, description, children, ...props }: HeaderProps) => (
22 |   <div
23 |     data-slot="card-header"
24 |     className={twMerge(
25 |       "grid auto-rows-min grid-rows-[auto_auto] items-start gap-1 px-(--gutter) has-data-[slot=card-action]:grid-cols-[1fr_auto]",
26 |       className,
27 |     )}
28 |     {...props}
29 |   >
30 |     {title && <CardTitle>{title}</CardTitle>}
31 |     {description && <CardDescription>{description}</CardDescription>}
32 |     {!title && typeof children === "string" ? <CardTitle>{children}</CardTitle> : children}
33 |   </div>
34 | )
35 | 
36 | const CardTitle = ({ className, ...props }: React.ComponentProps<"div">) => {
37 |   return (
38 |     <div
39 |       data-slot="card-title"
40 |       className={twMerge("text-balance font-semibold text-base/6", className)}
41 |       {...props}
42 |     />
43 |   )
44 | }
45 | 
46 | const CardDescription = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {
47 |   return (
48 |     <div
49 |       {...props}
50 |       data-slot="card-description"
51 |       className={twMerge("row-start-2 text-pretty text-muted-fg text-sm/6", className)}
52 |       {...props}
53 |     />
54 |   )
55 | }
56 | 
57 | const CardAction = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {
58 |   return (
59 |     <div
60 |       data-slot="card-action"
61 |       className={twMerge(
62 |         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
63 |         className,
64 |       )}
65 |       {...props}
66 |     />
67 |   )
68 | }
69 | 
70 | const CardContent = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {
71 |   return (
72 |     <div
73 |       data-slot="card-content"
74 |       className={twMerge("px-(--gutter) has-[table]:border-t", className)}
75 |       {...props}
76 |     />
77 |   )
78 | }
79 | 
80 | const CardFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {
81 |   return (
82 |     <div
83 |       data-slot="card-footer"
84 |       className={twMerge(
85 |         "flex items-center px-(--gutter) group-has-[table]/card:pt-(--gutter) [.border-t]:pt-6",
86 |         className,
87 |       )}
88 |       {...props}
89 |     />
90 |   )
91 | }
92 | 
93 | export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardAction }
94 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/popover.tsx:
--------------------------------------------------------------------------------
 1 | import type {
 2 |   DialogTriggerProps,
 3 |   PopoverProps as PopoverPrimitiveProps,
 4 | } from "react-aria-components"
 5 | import {
 6 |   DialogTrigger as DialogTriggerPrimitive,
 7 |   OverlayArrow,
 8 |   Popover as PopoverPrimitive,
 9 | } from "react-aria-components"
10 | import { cx } from "@/lib/primitive"
11 | import {
12 |   DialogBody,
13 |   DialogClose,
14 |   DialogDescription,
15 |   DialogFooter,
16 |   DialogHeader,
17 |   DialogTitle,
18 |   DialogTrigger,
19 | } from "./dialog"
20 | 
21 | type PopoverProps = DialogTriggerProps
22 | const Popover = (props: PopoverProps) => {
23 |   return <DialogTriggerPrimitive {...props} />
24 | }
25 | 
26 | const PopoverTitle = DialogTitle
27 | const PopoverHeader = DialogHeader
28 | const PopoverBody = DialogBody
29 | const PopoverFooter = DialogFooter
30 | 
31 | interface PopoverContentProps extends PopoverPrimitiveProps {
32 |   arrow?: boolean
33 |   ref?: React.Ref<HTMLDivElement>
34 | }
35 | 
36 | const PopoverContent = ({
37 |   children,
38 |   arrow = false,
39 |   className,
40 |   ref,
41 |   ...props
42 | }: PopoverContentProps) => {
43 |   const offset = props.offset ?? (arrow ? 12 : 8)
44 |   return (
45 |     <PopoverPrimitive
46 |       ref={ref}
47 |       offset={offset}
48 |       className={cx(
49 |         "group/popover min-w-(--trigger-width) max-w-xs origin-(--trigger-anchor-point) rounded-(--popover-radius) border border-fg/10 bg-overlay text-overlay-fg shadow-xs outline-hidden transition-transform [--gutter:--spacing(6)] [--popover-radius:var(--radius-xl)] sm:text-sm dark:backdrop-saturate-200 **:[[role=dialog]]:[--gutter:--spacing(4)]",
50 |         "entering:fade-in entering:animate-in",
51 |         "exiting:fade-out exiting:animate-out",
52 |         "placement-left:entering:slide-in-from-right-1 placement-right:entering:slide-in-from-left-1 placement-top:entering:slide-in-from-bottom-1 placement-bottom:entering:slide-in-from-top-1",
53 |         "placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 placement-top:exiting:slide-out-to-bottom-1 placement-bottom:exiting:slide-out-to-top-1",
54 |         "forced-colors:bg-[Canvas]",
55 |         className,
56 |       )}
57 |       {...props}
58 |     >
59 |       {(values) => (
60 |         <>
61 |           {arrow && (
62 |             <OverlayArrow className="group">
63 |               <svg
64 |                 width={12}
65 |                 height={12}
66 |                 viewBox="0 0 12 12"
67 |                 className="group-placement-left:-rotate-90 block fill-overlay stroke-border group-placement-bottom:rotate-180 group-placement-right:rotate-90 forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
68 |               >
69 |                 <path d="M0 0 L6 6 L12 0" />
70 |               </svg>
71 |             </OverlayArrow>
72 |           )}
73 |           {typeof children === "function" ? children(values) : children}
74 |         </>
75 |       )}
76 |     </PopoverPrimitive>
77 |   )
78 | }
79 | 
80 | const PopoverTrigger = DialogTrigger
81 | const PopoverClose = DialogClose
82 | const PopoverDescription = DialogDescription
83 | 
84 | export type { PopoverProps, PopoverContentProps }
85 | export {
86 |   Popover,
87 |   PopoverTrigger,
88 |   PopoverClose,
89 |   PopoverDescription,
90 |   PopoverContent,
91 |   PopoverBody,
92 |   PopoverFooter,
93 |   PopoverHeader,
94 |   PopoverTitle,
95 | }
96 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/loader.tsx:
--------------------------------------------------------------------------------
 1 | import { ProgressBar } from "react-aria-components"
 2 | import { twMerge } from "tailwind-merge"
 3 | 
 4 | const Ring = ({ className, ...props }: React.SVGProps<SVGSVGElement>) => (
 5 |   <svg
 6 |     className={twMerge("size-4", className)}
 7 |     {...props}
 8 |     xmlns="http://www.w3.org/2000/svg"
 9 |     width={16}
10 |     height={16}
11 |     fill="none"
12 |     viewBox="0 0 24 24"
13 |     aria-hidden="true"
14 |   >
15 |     <path
16 |       stroke="currentColor"
17 |       strokeOpacity="0.25"
18 |       strokeWidth="3.636"
19 |       d="M11.909 21a9.09 9.09 0 1 0 0-18.182 9.09 9.09 0 0 0 0 18.182Z"
20 |     />
21 |     <path
22 |       fill="currentColor"
23 |       d="M4.636 11.91a7.273 7.273 0 0 1 7.273-7.274V1C5.885 1 1 5.885 1 11.91zm1.819 4.81a7.24 7.24 0 0 1-1.819-4.81H1c0 2.764 1.032 5.294 2.727 7.215z"
24 |     />
25 |   </svg>
26 | )
27 | 
28 | const Spin = ({ className, ...props }: React.SVGProps<SVGSVGElement>) => (
29 |   <svg className={twMerge("size-4", className)} viewBox="0 0 2400 2400" {...props}>
30 |     <g strokeWidth="200" strokeLinecap="round" fill="none">
31 |       <line x1="1200" y1="600" x2="1200" y2="100" />
32 |       <line opacity="0.5" x1="1200" y1="2300" x2="1200" y2="1800" />
33 |       <line opacity="0.917" x1="900" y1="680.4" x2="650" y2="247.4" />
34 |       <line opacity="0.417" x1="1750" y1="2152.6" x2="1500" y2="1719.6" />
35 |       <line opacity="0.833" x1="680.4" y1="900" x2="247.4" y2="650" />
36 |       <line opacity="0.333" x1="2152.6" y1="1750" x2="1719.6" y2="1500" />
37 |       <line opacity="0.75" x1="600" y1="1200" x2="100" y2="1200" />
38 |       <line opacity="0.25" x1="2300" y1="1200" x2="1800" y2="1200" />
39 |       <line opacity="0.667" x1="680.4" y1="1500" x2="247.4" y2="1750" />
40 |       <line opacity="0.167" x1="2152.6" y1="650" x2="1719.6" y2="900" />
41 |       <line opacity="0.583" x1="900" y1="1719.6" x2="650" y2="2152.6" />
42 |       <line opacity="0.083" x1="1750" y1="247.4" x2="1500" y2="680.4" />
43 |       <animateTransform
44 |         attributeName="transform"
45 |         attributeType="XML"
46 |         type="rotate"
47 |         keyTimes="0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667"
48 |         values="0 1199 1199;30 1199 1199;60 1199 1199;90 1199 1199;120 1199 1199;150 1199 1199;180 1199 1199;210 1199 1199;240 1199 1199;270 1199 1199;300 1199 1199;330 1199 1199"
49 |         dur="0.83333s"
50 |         begin="0.08333s"
51 |         repeatCount="indefinite"
52 |         calcMode="discrete"
53 |       />
54 |     </g>
55 |   </svg>
56 | )
57 | 
58 | const LOADERS = {
59 |   ring: Ring,
60 |   spin: Spin,
61 | }
62 | 
63 | const DEFAULT_SPINNER = "spin"
64 | 
65 | export interface LoaderProps
66 |   extends Omit<React.ComponentPropsWithoutRef<"svg">, "display" | "opacity" | "intent"> {
67 |   variant?: keyof typeof LOADERS
68 |   percentage?: number
69 |   isIndeterminate?: boolean
70 |   formatOptions?: Intl.NumberFormatOptions
71 |   ref?: React.RefObject<SVGSVGElement>
72 | }
73 | 
74 | export function Loader({ isIndeterminate = true, ref, ...props }: LoaderProps) {
75 |   const { className, variant = DEFAULT_SPINNER, ...spinnerProps } = props
76 |   const LoaderPrimitive = LOADERS[variant in LOADERS ? variant : DEFAULT_SPINNER]
77 | 
78 |   return (
79 |     <ProgressBar
80 |       data-slot="loader"
81 |       aria-label={props["aria-label"] ?? "Pending..."}
82 |       formatOptions={props.formatOptions}
83 |       isIndeterminate={isIndeterminate}
84 |     >
85 |       <LoaderPrimitive
86 |         role="presentation"
87 |         className={twMerge(
88 |           "size-4",
89 |           ["ring"].includes(variant) && "animate-spin",
90 |           variant === "spin" && "stroke-current",
91 |           className,
92 |         )}
93 |         ref={ref}
94 |         {...spinnerProps}
95 |       />
96 |     </ProgressBar>
97 |   )
98 | }
99 | 


--------------------------------------------------------------------------------
/resources/js/pages/settings/delete-account.tsx:
--------------------------------------------------------------------------------
  1 | import { useState } from "react"
  2 | import { Head, useForm } from "@inertiajs/react"
  3 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
  4 | import { TextField } from "@/components/ui/text-field"
  5 | import { Button } from "@/components/ui/button"
  6 | import AppLayout from "@/layouts/app-layout"
  7 | import SettingsLayout from "@/pages/settings/settings-layout"
  8 | import {
  9 |   Modal,
 10 |   ModalHeader,
 11 |   ModalTitle,
 12 |   ModalDescription,
 13 |   ModalFooter,
 14 |   ModalBody,
 15 |   ModalClose,
 16 |   ModalContent,
 17 | } from "@/components/ui/modal"
 18 | import { FieldError, Label } from "@/components/ui/field"
 19 | import { Input } from "@/components/ui/input"
 20 | 
 21 | const title = "Delete Account"
 22 | export default function DeleteAccount() {
 23 |   const [confirmingUserDeletion, setConfirmingUserDeletion] = useState(false)
 24 |   const {
 25 |     data,
 26 |     setData,
 27 |     delete: destroy,
 28 |     processing,
 29 |     reset,
 30 |     errors,
 31 |   } = useForm({
 32 |     password: "",
 33 |   })
 34 | 
 35 |   const deleteUser = () => {
 36 |     destroy(route("settings.delete-account"), {
 37 |       preserveScroll: true,
 38 |       onSuccess: () => closeModal(),
 39 |       onFinish: () => reset(),
 40 |     })
 41 |   }
 42 | 
 43 |   const closeModal = () => {
 44 |     setConfirmingUserDeletion(false)
 45 |     reset()
 46 |   }
 47 | 
 48 |   return (
 49 |     <>
 50 |       <Head title={title} />
 51 |       <h1 className="sr-only">{title}</h1>
 52 |       <Card>
 53 |         <CardHeader>
 54 |           <CardTitle>{title}</CardTitle>
 55 |           <CardDescription className="max-w-lg">
 56 |             Once your account is deleted, all of its resources and data will be permanently deleted.
 57 |             Before deleting your account, please download any data or information that you wish to
 58 |             retain.
 59 |           </CardDescription>
 60 |         </CardHeader>
 61 |         <CardContent>
 62 |           <Modal onOpenChange={setConfirmingUserDeletion} isOpen={confirmingUserDeletion}>
 63 |             <Button onPress={() => setConfirmingUserDeletion(true)} intent="danger">
 64 |               Delete Account
 65 |             </Button>
 66 |             <ModalContent>
 67 |               <ModalHeader>
 68 |                 <ModalTitle>Delete Account</ModalTitle>
 69 |                 <ModalDescription>
 70 |                   Are you sure you want to delete your account? Once your account is deleted, all of
 71 |                   its resources and data will be permanently deleted. Please enter your password to
 72 |                   confirm you would like to permanently delete your account.
 73 |                 </ModalDescription>
 74 |               </ModalHeader>
 75 | 
 76 |               <ModalBody>
 77 |                 <TextField
 78 |                   value={data.password}
 79 |                   onChange={(v) => setData("password", v)}
 80 |                   name="password"
 81 |                   autoComplete="current-password"
 82 |                 >
 83 |                   <Label>Password</Label>
 84 |                   <Input type="password" />
 85 |                   <FieldError>{errors.password}</FieldError>
 86 |                 </TextField>
 87 |               </ModalBody>
 88 |               <ModalFooter>
 89 |                 <ModalClose>Cancel</ModalClose>
 90 |                 <Button intent="danger" type="submit" onPress={deleteUser} isDisabled={processing}>
 91 |                   Continue
 92 |                 </Button>
 93 |               </ModalFooter>
 94 |             </ModalContent>
 95 |           </Modal>
 96 |         </CardContent>
 97 |       </Card>
 98 |     </>
 99 |   )
100 | }
101 | 
102 | DeleteAccount.layout = (page: any) => (
103 |   <AppLayout>
104 |     <SettingsLayout children={page} />
105 |   </AppLayout>
106 | )
107 | 


--------------------------------------------------------------------------------
/resources/js/pages/settings/password.tsx:
--------------------------------------------------------------------------------
  1 | import { useRef } from "react"
  2 | import { Head, useForm } from "@inertiajs/react"
  3 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
  4 | import { Form } from "react-aria-components"
  5 | import { TextField } from "@/components/ui/text-field"
  6 | import { Button } from "@/components/ui/button"
  7 | import AppLayout from "@/layouts/app-layout"
  8 | import SettingsLayout from "@/pages/settings/settings-layout"
  9 | import { FieldError, Label } from "@/components/ui/field"
 10 | import { Input } from "@/components/ui/input"
 11 | 
 12 | const title = "Change Password"
 13 | 
 14 | export default function Password() {
 15 |   const passwordInput = useRef<HTMLInputElement>(null)
 16 |   const currentPasswordInput = useRef<HTMLInputElement>(null)
 17 |   const { data, setData, put, errors, reset, processing, recentlySuccessful } = useForm({
 18 |     current_password: "",
 19 |     password: "",
 20 |     password_confirmation: "",
 21 |   })
 22 | 
 23 |   const submit = (e: React.FormEvent) => {
 24 |     e.preventDefault()
 25 |     put(route("password.update"), {
 26 |       preserveScroll: true,
 27 |       onSuccess: () => {
 28 |         reset()
 29 |       },
 30 |       onError: () => {
 31 |         if (errors.password) {
 32 |           reset("password", "password_confirmation")
 33 |           passwordInput.current?.focus()
 34 |         }
 35 | 
 36 |         if (errors.current_password) {
 37 |           reset("current_password")
 38 |           currentPasswordInput.current?.focus()
 39 |         }
 40 |       },
 41 |     })
 42 |   }
 43 | 
 44 |   return (
 45 |     <>
 46 |       <Head title={title} />
 47 |       <h1 className="sr-only">{title}</h1>
 48 |       <Card>
 49 |         <CardHeader>
 50 |           <CardTitle>{title}</CardTitle>
 51 |           <CardDescription>
 52 |             Ensure your account is using a long, random password to stay secure.
 53 |           </CardDescription>
 54 |         </CardHeader>
 55 | 
 56 |         <CardContent>
 57 |           <Form validationErrors={errors} onSubmit={submit} className="max-w-lg space-y-6">
 58 |             <TextField
 59 |               value={data.current_password}
 60 |               onChange={(v) => setData("current_password", v)}
 61 |               type="password"
 62 |               autoComplete="current-password"
 63 |               autoFocus
 64 |             >
 65 |               <Label>Current password</Label>
 66 |               <Input type="password" />
 67 |               <FieldError>{errors.current_password}</FieldError>
 68 |             </TextField>
 69 | 
 70 |             <TextField
 71 |               name="password"
 72 |               value={data.password}
 73 |               autoComplete="current-password"
 74 |               onChange={(v) => setData("password", v)}
 75 |             >
 76 |               <Label>New password</Label>
 77 |               <Input type="password" />
 78 |               <FieldError>{errors.password}</FieldError>
 79 |             </TextField>
 80 | 
 81 |             <TextField
 82 |               name="password_confirmation"
 83 |               value={data.password_confirmation}
 84 |               onChange={(v) => setData("password_confirmation", v)}
 85 |             >
 86 |               <Label>Confirm password</Label>
 87 |               <Input type="password" />
 88 |               <FieldError>{errors.password_confirmation}</FieldError>
 89 |             </TextField>
 90 | 
 91 |             <div className="flex items-center gap-4">
 92 |               <Button type="submit" isDisabled={processing}>
 93 |                 Save
 94 |               </Button>
 95 | 
 96 |               {recentlySuccessful && <p className="text-muted-fg text-sm">Saved.</p>}
 97 |             </div>
 98 |           </Form>
 99 |         </CardContent>
100 |       </Card>
101 |     </>
102 |   )
103 | }
104 | 
105 | Password.layout = (page: any) => (
106 |   <AppLayout>
107 |     <SettingsLayout children={page} />
108 |   </AppLayout>
109 | )
110 | 


--------------------------------------------------------------------------------
/config/cache.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | use Illuminate\Support\Str;
  4 | 
  5 | return [
  6 | 
  7 |     /*
  8 |     |--------------------------------------------------------------------------
  9 |     | Default Cache Store
 10 |     |--------------------------------------------------------------------------
 11 |     |
 12 |     | This option controls the default cache store that will be used by the
 13 |     | framework. This connection is utilized if another isn't explicitly
 14 |     | specified when running a cache operation inside the application.
 15 |     |
 16 |     */
 17 | 
 18 |     'default' => env('CACHE_STORE', 'database'),
 19 | 
 20 |     /*
 21 |     |--------------------------------------------------------------------------
 22 |     | Cache Stores
 23 |     |--------------------------------------------------------------------------
 24 |     |
 25 |     | Here you may define all of the cache "stores" for your application as
 26 |     | well as their drivers. You may even define multiple stores for the
 27 |     | same cache driver to group types of items stored in your caches.
 28 |     |
 29 |     | Supported drivers: "array", "database", "file", "memcached",
 30 |     |                    "redis", "dynamodb", "octane", "null"
 31 |     |
 32 |     */
 33 | 
 34 |     'stores' => [
 35 | 
 36 |         'array' => [
 37 |             'driver' => 'array',
 38 |             'serialize' => false,
 39 |         ],
 40 | 
 41 |         'database' => [
 42 |             'driver' => 'database',
 43 |             'connection' => env('DB_CACHE_CONNECTION'),
 44 |             'table' => env('DB_CACHE_TABLE', 'cache'),
 45 |             'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
 46 |             'lock_table' => env('DB_CACHE_LOCK_TABLE'),
 47 |         ],
 48 | 
 49 |         'file' => [
 50 |             'driver' => 'file',
 51 |             'path' => storage_path('framework/cache/data'),
 52 |             'lock_path' => storage_path('framework/cache/data'),
 53 |         ],
 54 | 
 55 |         'memcached' => [
 56 |             'driver' => 'memcached',
 57 |             'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
 58 |             'sasl' => [
 59 |                 env('MEMCACHED_USERNAME'),
 60 |                 env('MEMCACHED_PASSWORD'),
 61 |             ],
 62 |             'options' => [
 63 |                 // Memcached::OPT_CONNECT_TIMEOUT => 2000,
 64 |             ],
 65 |             'servers' => [
 66 |                 [
 67 |                     'host' => env('MEMCACHED_HOST', '127.0.0.1'),
 68 |                     'port' => env('MEMCACHED_PORT', 11211),
 69 |                     'weight' => 100,
 70 |                 ],
 71 |             ],
 72 |         ],
 73 | 
 74 |         'redis' => [
 75 |             'driver' => 'redis',
 76 |             'connection' => env('REDIS_CACHE_CONNECTION', 'cache'),
 77 |             'lock_connection' => env('REDIS_CACHE_LOCK_CONNECTION', 'default'),
 78 |         ],
 79 | 
 80 |         'dynamodb' => [
 81 |             'driver' => 'dynamodb',
 82 |             'key' => env('AWS_ACCESS_KEY_ID'),
 83 |             'secret' => env('AWS_SECRET_ACCESS_KEY'),
 84 |             'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
 85 |             'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
 86 |             'endpoint' => env('DYNAMODB_ENDPOINT'),
 87 |         ],
 88 | 
 89 |         'octane' => [
 90 |             'driver' => 'octane',
 91 |         ],
 92 | 
 93 |     ],
 94 | 
 95 |     /*
 96 |     |--------------------------------------------------------------------------
 97 |     | Cache Key Prefix
 98 |     |--------------------------------------------------------------------------
 99 |     |
100 |     | When utilizing the APC, database, memcached, Redis, and DynamoDB cache
101 |     | stores, there might be other applications using the same cache. For
102 |     | that reason, you may prefix every cache key to avoid collisions.
103 |     |
104 |     */
105 | 
106 |     'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache_'),
107 | 
108 | ];
109 | 


--------------------------------------------------------------------------------
/resources/js/pages/settings/profile.tsx:
--------------------------------------------------------------------------------
  1 | import AppLayout from "@/layouts/app-layout"
  2 | import { Head, useForm, usePage } from "@inertiajs/react"
  3 | import type { SharedData } from "@/types/shared"
  4 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
  5 | import { Form } from "react-aria-components"
  6 | import { TextField } from "@/components/ui/text-field"
  7 | import { Link } from "@/components/ui/link"
  8 | import { Button } from "@/components/ui/button"
  9 | import SettingsLayout from "@/pages/settings/settings-layout"
 10 | import { FieldError, Label } from "@/components/ui/field"
 11 | import { Input } from "@/components/ui/input"
 12 | 
 13 | interface Props {
 14 |   mustVerifyEmail: boolean
 15 |   status?: string
 16 | }
 17 | 
 18 | const title = "Profile"
 19 | 
 20 | export default function Profile({ mustVerifyEmail, status }: Props) {
 21 |   const { auth } = usePage<SharedData>().props
 22 |   const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({
 23 |     name: auth.user.name ?? "",
 24 |     email: auth.user.email ?? "",
 25 |   })
 26 | 
 27 |   const submit = (e: React.FormEvent) => {
 28 |     e.preventDefault()
 29 |     patch("/settings/profile", {
 30 |       preserveScroll: true,
 31 |     })
 32 |   }
 33 | 
 34 |   return (
 35 |     <>
 36 |       <Head title={title} />
 37 |       <h1 className="sr-only">{title}</h1>
 38 |       <Card>
 39 |         <CardHeader>
 40 |           <CardTitle>Profile Information</CardTitle>
 41 |           <CardDescription>
 42 |             Update your account's profile information and email address.
 43 |           </CardDescription>
 44 |         </CardHeader>
 45 |         <CardContent>
 46 |           <Form validationErrors={errors} onSubmit={submit} className="max-w-lg space-y-6">
 47 |             <TextField
 48 |               value={data.name}
 49 |               onChange={(v) => setData("name", v)}
 50 |               autoFocus
 51 |               autoComplete="name"
 52 |             >
 53 |               <Label>Name</Label>
 54 |               <Input />
 55 |               <FieldError>{errors.name}</FieldError>
 56 |             </TextField>
 57 |             <TextField
 58 |               value={data.email}
 59 |               onChange={(v) => setData("email", v)}
 60 |               autoComplete="email"
 61 |             >
 62 |               <Label>Email</Label>
 63 |               <Input type="email" />
 64 |               <FieldError>{errors.email}</FieldError>
 65 |             </TextField>
 66 | 
 67 |             {mustVerifyEmail && auth.user.email_verified_at === null && (
 68 |               <div>
 69 |                 <p className="mt-2 text-base/6 sm:text-sm/6">
 70 |                   Your email address is unverified.
 71 |                   <Link
 72 |                     href="/email/verification-notification"
 73 |                     className="text-primary-subtle-fg hover:underline"
 74 |                     routerOptions={{
 75 |                       method: "post",
 76 |                     }}
 77 |                   >
 78 |                     Click here to re-send the verification email.
 79 |                   </Link>
 80 |                 </p>
 81 | 
 82 |                 {status === "verification-link-sent" && (
 83 |                   <div className="mt-2 font-medium text-base/6 text-success-subtle-fg hover:underline sm:text-sm/6">
 84 |                     A new verification link has been sent to your email address.
 85 |                   </div>
 86 |                 )}
 87 |               </div>
 88 |             )}
 89 | 
 90 |             <div className="flex items-center gap-4">
 91 |               <Button type="submit" isDisabled={processing}>
 92 |                 Save
 93 |               </Button>
 94 |               {recentlySuccessful && <p className="text-muted-fg text-sm">Saved.</p>}
 95 |             </div>
 96 |           </Form>
 97 |         </CardContent>
 98 |       </Card>
 99 |     </>
100 |   )
101 | }
102 | 
103 | Profile.layout = (page: any) => (
104 |   <AppLayout>
105 |     <SettingsLayout children={page} />
106 |   </AppLayout>
107 | )
108 | 


--------------------------------------------------------------------------------
/config/mail.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | return [
  4 | 
  5 |     /*
  6 |     |--------------------------------------------------------------------------
  7 |     | Default Mailer
  8 |     |--------------------------------------------------------------------------
  9 |     |
 10 |     | This option controls the default mailer that is used to send all email
 11 |     | messages unless another mailer is explicitly specified when sending
 12 |     | the message. All additional mailers can be configured within the
 13 |     | "mailers" array. Examples of each type of mailer are provided.
 14 |     |
 15 |     */
 16 | 
 17 |     'default' => env('MAIL_MAILER', 'log'),
 18 | 
 19 |     /*
 20 |     |--------------------------------------------------------------------------
 21 |     | Mailer Configurations
 22 |     |--------------------------------------------------------------------------
 23 |     |
 24 |     | Here you may configure all of the mailers used by your application plus
 25 |     | their respective settings. Several examples have been configured for
 26 |     | you and you are free to add your own as your application requires.
 27 |     |
 28 |     | Laravel supports a variety of mail "transport" drivers that can be used
 29 |     | when delivering an email. You may specify which one you're using for
 30 |     | your mailers below. You may also add additional mailers if needed.
 31 |     |
 32 |     | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
 33 |     |            "postmark", "resend", "log", "array",
 34 |     |            "failover", "roundrobin"
 35 |     |
 36 |     */
 37 | 
 38 |     'mailers' => [
 39 | 
 40 |         'smtp' => [
 41 |             'transport' => 'smtp',
 42 |             'url' => env('MAIL_URL'),
 43 |             'host' => env('MAIL_HOST', '127.0.0.1'),
 44 |             'port' => env('MAIL_PORT', 2525),
 45 |             'encryption' => env('MAIL_ENCRYPTION', 'tls'),
 46 |             'username' => env('MAIL_USERNAME'),
 47 |             'password' => env('MAIL_PASSWORD'),
 48 |             'timeout' => null,
 49 |             'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url(env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
 50 |         ],
 51 | 
 52 |         'ses' => [
 53 |             'transport' => 'ses',
 54 |         ],
 55 | 
 56 |         'postmark' => [
 57 |             'transport' => 'postmark',
 58 |             // 'message_stream_id' => env('POSTMARK_MESSAGE_STREAM_ID'),
 59 |             // 'client' => [
 60 |             //     'timeout' => 5,
 61 |             // ],
 62 |         ],
 63 | 
 64 |         'resend' => [
 65 |             'transport' => 'resend',
 66 |         ],
 67 | 
 68 |         'sendmail' => [
 69 |             'transport' => 'sendmail',
 70 |             'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
 71 |         ],
 72 | 
 73 |         'log' => [
 74 |             'transport' => 'log',
 75 |             'channel' => env('MAIL_LOG_CHANNEL'),
 76 |         ],
 77 | 
 78 |         'array' => [
 79 |             'transport' => 'array',
 80 |         ],
 81 | 
 82 |         'failover' => [
 83 |             'transport' => 'failover',
 84 |             'mailers' => [
 85 |                 'smtp',
 86 |                 'log',
 87 |             ],
 88 |         ],
 89 | 
 90 |         'roundrobin' => [
 91 |             'transport' => 'roundrobin',
 92 |             'mailers' => [
 93 |                 'ses',
 94 |                 'postmark',
 95 |             ],
 96 |         ],
 97 | 
 98 |     ],
 99 | 
100 |     /*
101 |     |--------------------------------------------------------------------------
102 |     | Global "From" Address
103 |     |--------------------------------------------------------------------------
104 |     |
105 |     | You may wish for all emails sent by your application to be sent from
106 |     | the same address. Here you may specify a name and address that is
107 |     | used globally for all emails that are sent by your application.
108 |     |
109 |     */
110 | 
111 |     'from' => [
112 |         'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
113 |         'name' => env('MAIL_FROM_NAME', 'Example'),
114 |     ],
115 | 
116 | ];
117 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/checkbox.tsx:
--------------------------------------------------------------------------------
 1 | import { CheckIcon, MinusIcon } from "@heroicons/react/20/solid"
 2 | import type { CheckboxGroupProps, CheckboxProps } from "react-aria-components"
 3 | import {
 4 |   CheckboxGroup as CheckboxGroupPrimitive,
 5 |   Checkbox as CheckboxPrimitive,
 6 |   composeRenderProps,
 7 | } from "react-aria-components"
 8 | import { twMerge } from "tailwind-merge"
 9 | import { cx } from "@/lib/primitive"
10 | import { Label } from "./field"
11 | 
12 | export function CheckboxGroup({ className, ...props }: CheckboxGroupProps) {
13 |   return (
14 |     <CheckboxGroupPrimitive
15 |       {...props}
16 |       data-slot="control"
17 |       className={cx(
18 |         "space-y-3 has-[[slot=description]]:space-y-6 has-[[slot=description]]:**:data-[slot=label]:font-medium **:[[slot=description]]:block",
19 |         className,
20 |       )}
21 |     />
22 |   )
23 | }
24 | 
25 | export function Checkbox({ className, children, ...props }: CheckboxProps) {
26 |   return (
27 |     <CheckboxPrimitive
28 |       data-slot="control"
29 |       className={cx(
30 |         "group block [--indicator-mt:--spacing(0.75)] disabled:opacity-50 sm:[--indicator-mt:--spacing(1)]",
31 |         className,
32 |       )}
33 |       {...props}
34 |     >
35 |       {composeRenderProps(
36 |         children,
37 |         (children, { isSelected, isIndeterminate, isFocusVisible, isInvalid }) => {
38 |           const isStringChild = typeof children === "string"
39 |           const indicator = isIndeterminate ? (
40 |             <MinusIcon data-slot="check-indicator" />
41 |           ) : isSelected ? (
42 |             <CheckIcon data-slot="check-indicator" />
43 |           ) : null
44 | 
45 |           const content = isStringChild ? <CheckboxLabel>{children}</CheckboxLabel> : children
46 | 
47 |           return (
48 |             <div
49 |               className={twMerge(
50 |                 "grid grid-cols-[1.125rem_1fr] gap-y-1 has-data-[slot=label]:gap-x-3 sm:grid-cols-[1rem_1fr]",
51 |                 "*:data-[slot=indicator]:col-start-1 *:data-[slot=indicator]:row-start-1 *:data-[slot=indicator]:mt-(--indicator-mt)",
52 |                 "*:data-[slot=label]:col-start-2 *:data-[slot=label]:row-start-1",
53 |                 "*:[[slot=description]]:col-start-2 *:[[slot=description]]:row-start-2",
54 |                 "has-[[slot=description]]:**:data-[slot=label]:font-medium",
55 |               )}
56 |             >
57 |               <span
58 |                 data-slot="indicator"
59 |                 className={twMerge([
60 |                   "relative inset-ring inset-ring-input isolate flex shrink-0 items-center justify-center rounded text-bg transition group-hover:inset-ring-muted-fg/30",
61 |                   "sm:size-4 sm:*:data-[slot=check-indicator]:size-3.5",
62 |                   "size-4.5 *:data-[slot=check-indicator]:size-4",
63 |                   "in-disabled:bg-muted",
64 |                   (isSelected || isIndeterminate) && [
65 |                     "inset-ring-(--checkbox-ring,var(--color-ring)) bg-(--checkbox-bg,var(--color-primary)) text-(--checkbox-fg,var(--color-primary-fg))",
66 |                     "group-invalid:inset-ring/70 group-invalid:bg-danger group-invalid:text-danger-fg dark:group-invalid:inset-ring-danger-subtle-fg/70",
67 |                   ],
68 |                   isFocusVisible && [
69 |                     "inset-ring-(--checkbox-ring,var(--color-ring)) ring-(--checkbox-ring,var(--color-ring))/20 ring-3",
70 |                     "group-invalid:inset-ring-danger-subtle-fg/70 group-invalid:text-danger-fg group-invalid:ring-danger-subtle-fg/20",
71 |                   ],
72 |                   isInvalid &&
73 |                     "inset-ring-danger-subtle-fg/70 bg-danger-subtle/5 text-danger-fg ring-danger-subtle-fg/20 group-hover:inset-ring-danger-subtle-fg/70",
74 |                 ])}
75 |               >
76 |                 {indicator}
77 |               </span>
78 |               {content}
79 |             </div>
80 |           )
81 |         },
82 |       )}
83 |     </CheckboxPrimitive>
84 |   )
85 | }
86 | 
87 | export function CheckboxLabel(props: React.ComponentProps<typeof Label>) {
88 |   return <Label elementType="span" {...props} />
89 | }
90 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/modal.tsx:
--------------------------------------------------------------------------------
  1 | import type { DialogProps, DialogTriggerProps, ModalOverlayProps } from "react-aria-components"
  2 | import {
  3 |   DialogTrigger as DialogTriggerPrimitive,
  4 |   ModalOverlay,
  5 |   Modal as ModalPrimitive,
  6 | } from "react-aria-components"
  7 | import { twJoin } from "tailwind-merge"
  8 | import { cx } from "@/lib/primitive"
  9 | import {
 10 |   Dialog,
 11 |   DialogBody,
 12 |   DialogClose,
 13 |   DialogCloseIcon,
 14 |   DialogDescription,
 15 |   DialogFooter,
 16 |   DialogHeader,
 17 |   DialogTitle,
 18 |   DialogTrigger,
 19 | } from "./dialog"
 20 | 
 21 | const Modal = (props: DialogTriggerProps) => {
 22 |   return <DialogTriggerPrimitive {...props} />
 23 | }
 24 | 
 25 | const sizes = {
 26 |   "2xs": "sm:max-w-2xs",
 27 |   xs: "sm:max-w-xs",
 28 |   sm: "sm:max-w-sm",
 29 |   md: "sm:max-w-md",
 30 |   lg: "sm:max-w-lg",
 31 |   xl: "sm:max-w-xl",
 32 |   "2xl": "sm:max-w-2xl",
 33 |   "3xl": "sm:max-w-3xl",
 34 |   "4xl": "sm:max-w-4xl",
 35 |   "5xl": "sm:max-w-5xl",
 36 |   fullscreen: "",
 37 | }
 38 | 
 39 | interface ModalContentProps
 40 |   extends Omit<ModalOverlayProps, "children">,
 41 |     Pick<DialogProps, "aria-label" | "aria-labelledby" | "role" | "children"> {
 42 |   size?: keyof typeof sizes
 43 |   closeButton?: boolean
 44 |   isBlurred?: boolean
 45 |   overlay?: Omit<ModalOverlayProps, "children">
 46 | }
 47 | 
 48 | const ModalContent = ({
 49 |   className,
 50 |   isDismissable: isDismissableInternal,
 51 |   isBlurred = false,
 52 |   children,
 53 |   overlay,
 54 |   size = "lg",
 55 |   role = "dialog",
 56 |   closeButton = true,
 57 |   ...props
 58 | }: ModalContentProps) => {
 59 |   const isDismissable = isDismissableInternal ?? role !== "alertdialog"
 60 | 
 61 |   return (
 62 |     <ModalOverlay
 63 |       data-slot="modal-overlay"
 64 |       isDismissable={isDismissable}
 65 |       className={twJoin(
 66 |         "fixed inset-0 z-50 h-(--visual-viewport-height,100vh) bg-black/15",
 67 |         "grid grid-rows-[1fr_auto] justify-items-center sm:grid-rows-[1fr_auto_3fr]",
 68 |         size === "fullscreen" ? "md:p-3" : "md:p-4",
 69 |         "entering:fade-in entering:animate-in entering:duration-300 entering:ease-out",
 70 |         "exiting:fade-out exiting:animate-out exiting:ease-in",
 71 |         isBlurred && "backdrop-blur-[1px]",
 72 |       )}
 73 |       {...props}
 74 |     >
 75 |       <ModalPrimitive
 76 |         data-slot="modal-content"
 77 |         className={cx(
 78 |           "row-start-2 w-full text-left align-middle",
 79 |           "[--visual-viewport-vertical-padding:16px]",
 80 |           size === "fullscreen"
 81 |             ? "**:data-[slot=dialog-body]:min-h-[calc(var(--visual-viewport-height)-var(--visual-viewport-vertical-padding)-var(--dialog-header-height,0px)-var(--dialog-footer-height,0px))] sm:rounded-md sm:[--visual-viewport-vertical-padding:16px]"
 82 |             : "sm:rounded-xl sm:[--visual-viewport-vertical-padding:32px]",
 83 |           "relative overflow-hidden bg-overlay text-overlay-fg",
 84 |           "rounded-t-2xl shadow-lg ring ring-fg/5 dark:ring-border",
 85 |           sizes[size],
 86 |           "entering:slide-in-from-bottom sm:entering:zoom-in-95 sm:entering:slide-in-from-bottom-0 entering:animate-in entering:duration-300 entering:ease-out",
 87 |           "exiting:slide-out-to-bottom sm:exiting:zoom-out-95 sm:exiting:slide-out-to-bottom-0 exiting:animate-out exiting:ease-in",
 88 |           className,
 89 |         )}
 90 |         {...props}
 91 |       >
 92 |         <Dialog role={role}>
 93 |           {(values) => (
 94 |             <>
 95 |               {typeof children === "function" ? children(values) : children}
 96 |               {closeButton && <DialogCloseIcon isDismissable={isDismissable} />}
 97 |             </>
 98 |           )}
 99 |         </Dialog>
100 |       </ModalPrimitive>
101 |     </ModalOverlay>
102 |   )
103 | }
104 | 
105 | const ModalTrigger = DialogTrigger
106 | const ModalHeader = DialogHeader
107 | const ModalTitle = DialogTitle
108 | const ModalDescription = DialogDescription
109 | const ModalFooter = DialogFooter
110 | const ModalBody = DialogBody
111 | const ModalClose = DialogClose
112 | 
113 | export {
114 |   Modal,
115 |   ModalTrigger,
116 |   ModalHeader,
117 |   ModalTitle,
118 |   ModalDescription,
119 |   ModalFooter,
120 |   ModalBody,
121 |   ModalClose,
122 |   ModalContent,
123 | }
124 | 


--------------------------------------------------------------------------------
/config/queue.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | return [
  4 | 
  5 |     /*
  6 |     |--------------------------------------------------------------------------
  7 |     | Default Queue Connection Name
  8 |     |--------------------------------------------------------------------------
  9 |     |
 10 |     | Laravel's queue supports a variety of backends via a single, unified
 11 |     | API, giving you convenient access to each backend using identical
 12 |     | syntax for each. The default queue connection is defined below.
 13 |     |
 14 |     */
 15 | 
 16 |     'default' => env('QUEUE_CONNECTION', 'database'),
 17 | 
 18 |     /*
 19 |     |--------------------------------------------------------------------------
 20 |     | Queue Connections
 21 |     |--------------------------------------------------------------------------
 22 |     |
 23 |     | Here you may configure the connection options for every queue backend
 24 |     | used by your application. An example configuration is provided for
 25 |     | each backend supported by Laravel. You're also free to add more.
 26 |     |
 27 |     | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null"
 28 |     |
 29 |     */
 30 | 
 31 |     'connections' => [
 32 | 
 33 |         'sync' => [
 34 |             'driver' => 'sync',
 35 |         ],
 36 | 
 37 |         'database' => [
 38 |             'driver' => 'database',
 39 |             'connection' => env('DB_QUEUE_CONNECTION'),
 40 |             'table' => env('DB_QUEUE_TABLE', 'jobs'),
 41 |             'queue' => env('DB_QUEUE', 'default'),
 42 |             'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
 43 |             'after_commit' => false,
 44 |         ],
 45 | 
 46 |         'beanstalkd' => [
 47 |             'driver' => 'beanstalkd',
 48 |             'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
 49 |             'queue' => env('BEANSTALKD_QUEUE', 'default'),
 50 |             'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
 51 |             'block_for' => 0,
 52 |             'after_commit' => false,
 53 |         ],
 54 | 
 55 |         'sqs' => [
 56 |             'driver' => 'sqs',
 57 |             'key' => env('AWS_ACCESS_KEY_ID'),
 58 |             'secret' => env('AWS_SECRET_ACCESS_KEY'),
 59 |             'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
 60 |             'queue' => env('SQS_QUEUE', 'default'),
 61 |             'suffix' => env('SQS_SUFFIX'),
 62 |             'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
 63 |             'after_commit' => false,
 64 |         ],
 65 | 
 66 |         'redis' => [
 67 |             'driver' => 'redis',
 68 |             'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
 69 |             'queue' => env('REDIS_QUEUE', 'default'),
 70 |             'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
 71 |             'block_for' => null,
 72 |             'after_commit' => false,
 73 |         ],
 74 | 
 75 |     ],
 76 | 
 77 |     /*
 78 |     |--------------------------------------------------------------------------
 79 |     | Job Batching
 80 |     |--------------------------------------------------------------------------
 81 |     |
 82 |     | The following options configure the database and table that store job
 83 |     | batching information. These options can be updated to any database
 84 |     | connection and table which has been defined by your application.
 85 |     |
 86 |     */
 87 | 
 88 |     'batching' => [
 89 |         'database' => env('DB_CONNECTION', 'sqlite'),
 90 |         'table' => 'job_batches',
 91 |     ],
 92 | 
 93 |     /*
 94 |     |--------------------------------------------------------------------------
 95 |     | Failed Queue Jobs
 96 |     |--------------------------------------------------------------------------
 97 |     |
 98 |     | These options configure the behavior of failed queue job logging so you
 99 |     | can control how and where failed jobs are stored. Laravel ships with
100 |     | support for storing failed jobs in a simple file or in a database.
101 |     |
102 |     | Supported drivers: "database-uuids", "dynamodb", "file", "null"
103 |     |
104 |     */
105 | 
106 |     'failed' => [
107 |         'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
108 |         'database' => env('DB_CONNECTION', 'sqlite'),
109 |         'table' => 'failed_jobs',
110 |     ],
111 | 
112 | ];
113 | 


--------------------------------------------------------------------------------
/config/auth.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | return [
  4 | 
  5 |     /*
  6 |     |--------------------------------------------------------------------------
  7 |     | Authentication Defaults
  8 |     |--------------------------------------------------------------------------
  9 |     |
 10 |     | This option defines the default authentication "guard" and password
 11 |     | reset "broker" for your application. You may change these values
 12 |     | as required, but they're a perfect start for most applications.
 13 |     |
 14 |     */
 15 | 
 16 |     'defaults' => [
 17 |         'guard' => env('AUTH_GUARD', 'web'),
 18 |         'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
 19 |     ],
 20 | 
 21 |     /*
 22 |     |--------------------------------------------------------------------------
 23 |     | Authentication Guards
 24 |     |--------------------------------------------------------------------------
 25 |     |
 26 |     | Next, you may define every authentication guard for your application.
 27 |     | Of course, a great default configuration has been defined for you
 28 |     | which utilizes session storage plus the Eloquent user provider.
 29 |     |
 30 |     | All authentication guards have a user provider, which defines how the
 31 |     | users are actually retrieved out of your database or other storage
 32 |     | system used by the application. Typically, Eloquent is utilized.
 33 |     |
 34 |     | Supported: "session"
 35 |     |
 36 |     */
 37 | 
 38 |     'guards' => [
 39 |         'web' => [
 40 |             'driver' => 'session',
 41 |             'provider' => 'users',
 42 |         ],
 43 |     ],
 44 | 
 45 |     /*
 46 |     |--------------------------------------------------------------------------
 47 |     | User Providers
 48 |     |--------------------------------------------------------------------------
 49 |     |
 50 |     | All authentication guards have a user provider, which defines how the
 51 |     | users are actually retrieved out of your database or other storage
 52 |     | system used by the application. Typically, Eloquent is utilized.
 53 |     |
 54 |     | If you have multiple user tables or models you may configure multiple
 55 |     | providers to represent the model / table. These providers may then
 56 |     | be assigned to any extra authentication guards you have defined.
 57 |     |
 58 |     | Supported: "database", "eloquent"
 59 |     |
 60 |     */
 61 | 
 62 |     'providers' => [
 63 |         'users' => [
 64 |             'driver' => 'eloquent',
 65 |             'model' => env('AUTH_MODEL', App\Models\User::class),
 66 |         ],
 67 | 
 68 |         // 'users' => [
 69 |         //     'driver' => 'database',
 70 |         //     'table' => 'users',
 71 |         // ],
 72 |     ],
 73 | 
 74 |     /*
 75 |     |--------------------------------------------------------------------------
 76 |     | Resetting Passwords
 77 |     |--------------------------------------------------------------------------
 78 |     |
 79 |     | These configuration options specify the behavior of Laravel's password
 80 |     | reset functionality, including the table utilized for token storage
 81 |     | and the user provider that is invoked to actually retrieve users.
 82 |     |
 83 |     | The expiry time is the number of minutes that each reset token will be
 84 |     | considered valid. This security feature keeps tokens short-lived so
 85 |     | they have less time to be guessed. You may change this as needed.
 86 |     |
 87 |     | The throttle setting is the number of seconds a user must wait before
 88 |     | generating more password reset tokens. This prevents the user from
 89 |     | quickly generating a very large amount of password reset tokens.
 90 |     |
 91 |     */
 92 | 
 93 |     'passwords' => [
 94 |         'users' => [
 95 |             'provider' => 'users',
 96 |             'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
 97 |             'expire' => 60,
 98 |             'throttle' => 60,
 99 |         ],
100 |     ],
101 | 
102 |     /*
103 |     |--------------------------------------------------------------------------
104 |     | Password Confirmation Timeout
105 |     |--------------------------------------------------------------------------
106 |     |
107 |     | Here you may define the amount of seconds before a password confirmation
108 |     | window expires and users are asked to re-enter their password via the
109 |     | confirmation screen. By default, the timeout lasts for three hours.
110 |     |
111 |     */
112 | 
113 |     'password_timeout' => env('AUTH_PASSWORD_TIMEOUT', 10800),
114 | 
115 | ];
116 | 


--------------------------------------------------------------------------------
/resources/js/layouts/app-navbar.tsx:
--------------------------------------------------------------------------------
  1 | import { usePage } from "@inertiajs/react"
  2 | import { useEffect, useState } from "react"
  3 | import { Avatar } from "@/components/ui/avatar"
  4 | import { Button, buttonStyles } from "@/components/ui/button"
  5 | import {
  6 |   Menu,
  7 |   MenuContent,
  8 |   MenuHeader,
  9 |   MenuItem,
 10 |   MenuSection,
 11 |   MenuSeparator,
 12 |   MenuLabel,
 13 | } from "@/components/ui/menu"
 14 | import {
 15 |   Navbar,
 16 |   NavbarGap,
 17 |   NavbarItem,
 18 |   NavbarMobile,
 19 |   NavbarProvider,
 20 |   NavbarSection,
 21 |   NavbarSpacer,
 22 |   NavbarStart,
 23 |   NavbarTrigger,
 24 | } from "@/components/ui/navbar"
 25 | import { Logo } from "@/components/logo"
 26 | import type { SharedData } from "@/types/shared"
 27 | import { Link } from "@/components/ui/link"
 28 | import { ArrowRightEndOnRectangleIcon } from "@heroicons/react/24/outline"
 29 | 
 30 | const navigations = [
 31 |   {
 32 |     name: "Home",
 33 |     textValue: "Home",
 34 |     href: "/",
 35 |   },
 36 | ]
 37 | 
 38 | export function AppNavbar({ children, ...props }: React.ComponentProps<typeof Navbar>) {
 39 |   const page = usePage()
 40 |   const { auth } = usePage<SharedData>().props
 41 |   const [isOpen, setIsOpen] = useState(false)
 42 |   useEffect(() => setIsOpen(false), [page.url])
 43 |   return (
 44 |     <NavbarProvider isOpen={isOpen} onOpenChange={setIsOpen}>
 45 |       <Navbar {...props}>
 46 |         <NavbarStart>
 47 |           <Link href="/" aria-label="Goto homepage">
 48 |             <Logo />
 49 |           </Link>
 50 |         </NavbarStart>
 51 |         <NavbarGap />
 52 | 
 53 |         <NavbarSection>
 54 |           {navigations.map((item) => (
 55 |             <NavbarItem isCurrent={item.href === page.url} key={item.href} href={item.href}>
 56 |               {item.name}
 57 |             </NavbarItem>
 58 |           ))}
 59 |           <NavbarItem target="_blank" href="https://intentui.com" className="justify-between">
 60 |             Documentation
 61 |           </NavbarItem>
 62 |           <NavbarItem target="_blank" href="https://design.intentui.com">
 63 |             Blocks
 64 |           </NavbarItem>
 65 |         </NavbarSection>
 66 |         <NavbarSpacer />
 67 |         <NavbarSection className="ml-auto hidden gap-x-2 lg:flex">
 68 |           {auth.user ? (
 69 |             <UserMenu />
 70 |           ) : (
 71 |             <>
 72 |               <NavbarItem href="/login">Login</NavbarItem>
 73 |               <NavbarItem href="/register">Register</NavbarItem>
 74 |             </>
 75 |           )}
 76 |         </NavbarSection>
 77 |       </Navbar>
 78 |       <NavbarMobile>
 79 |         <NavbarTrigger />
 80 |         <NavbarSpacer />
 81 |         <NavbarSection>
 82 |           {auth.user ? (
 83 |             <UserMenu />
 84 |           ) : (
 85 |             <NavbarItem
 86 |               className={buttonStyles({
 87 |                 intent: "outline",
 88 |                 size: "sm",
 89 |               })}
 90 |               href="/login"
 91 |             >
 92 |               Login
 93 |             </NavbarItem>
 94 |           )}
 95 |         </NavbarSection>
 96 |       </NavbarMobile>
 97 |     </NavbarProvider>
 98 |   )
 99 | }
100 | 
101 | function UserMenu() {
102 |   const { auth } = usePage<SharedData>().props
103 |   return (
104 |     <Menu>
105 |       <Button size="sq-md" intent="plain" isCircle aria-label="Open menu">
106 |         <Avatar src={auth.user.gravatar} size="sm" />
107 |       </Button>
108 |       <MenuContent placement="bottom end" className="sm:min-w-56">
109 |         <MenuSection>
110 |           <MenuHeader separator className="relative">
111 |             <div>{auth.user.name}</div>
112 |             <div className="truncate whitespace-nowrap pr-6 font-normal text-muted-fg text-sm">
113 |               {auth.user.email}
114 |             </div>
115 |           </MenuHeader>
116 |         </MenuSection>
117 |         <MenuItem href="/dashboard">
118 |           <MenuLabel>Dashboard</MenuLabel>
119 |         </MenuItem>
120 |         <MenuItem href="/settings/profile" className="justify-between">
121 |           <MenuLabel>Update profile</MenuLabel>
122 |         </MenuItem>
123 |         <MenuItem href="/settings/password" className="justify-between">
124 |           <MenuLabel>Change password</MenuLabel>
125 |         </MenuItem>
126 |         <MenuItem href="/settings/appearance" className="justify-between">
127 |           <MenuLabel>Appearance</MenuLabel>
128 |         </MenuItem>
129 |         <MenuSeparator />
130 |         <MenuItem routerOptions={{ method: "post" }} href="/logout">
131 |           <MenuLabel>Logout</MenuLabel>
132 |           <ArrowRightEndOnRectangleIcon />
133 |         </MenuItem>
134 |       </MenuContent>
135 |     </Menu>
136 |   )
137 | }
138 | 


--------------------------------------------------------------------------------
/config/app.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | return [
  4 | 
  5 |     /*
  6 |     |--------------------------------------------------------------------------
  7 |     | Application Name
  8 |     |--------------------------------------------------------------------------
  9 |     |
 10 |     | This value is the name of your application, which will be used when the
 11 |     | framework needs to place the application's name in a notification or
 12 |     | other UI elements where an application name needs to be displayed.
 13 |     |
 14 |     */
 15 | 
 16 |     'name' => env('APP_NAME', 'Laravel'),
 17 | 
 18 |     /*
 19 |     |--------------------------------------------------------------------------
 20 |     | Application Environment
 21 |     |--------------------------------------------------------------------------
 22 |     |
 23 |     | This value determines the "environment" your application is currently
 24 |     | running in. This may determine how you prefer to configure various
 25 |     | services the application utilizes. Set this in your ".env" file.
 26 |     |
 27 |     */
 28 | 
 29 |     'env' => env('APP_ENV', 'production'),
 30 | 
 31 |     /*
 32 |     |--------------------------------------------------------------------------
 33 |     | Application Debug Mode
 34 |     |--------------------------------------------------------------------------
 35 |     |
 36 |     | When your application is in debug mode, detailed error messages with
 37 |     | stack traces will be shown on every error that occurs within your
 38 |     | application. If disabled, a simple generic error page is shown.
 39 |     |
 40 |     */
 41 | 
 42 |     'debug' => (bool) env('APP_DEBUG', false),
 43 | 
 44 |     /*
 45 |     |--------------------------------------------------------------------------
 46 |     | Application URL
 47 |     |--------------------------------------------------------------------------
 48 |     |
 49 |     | This URL is used by the console to properly generate URLs when using
 50 |     | the Artisan command line tool. You should set this to the root of
 51 |     | the application so that it's available within Artisan commands.
 52 |     |
 53 |     */
 54 | 
 55 |     'url' => env('APP_URL', 'http://localhost'),
 56 | 
 57 |     /*
 58 |     |--------------------------------------------------------------------------
 59 |     | Application Timezone
 60 |     |--------------------------------------------------------------------------
 61 |     |
 62 |     | Here you may specify the default timezone for your application, which
 63 |     | will be used by the PHP date and date-time functions. The timezone
 64 |     | is set to "UTC" by default as it is suitable for most use cases.
 65 |     |
 66 |     */
 67 | 
 68 |     'timezone' => env('APP_TIMEZONE', 'UTC'),
 69 | 
 70 |     /*
 71 |     |--------------------------------------------------------------------------
 72 |     | Application Locale Configuration
 73 |     |--------------------------------------------------------------------------
 74 |     |
 75 |     | The application locale determines the default locale that will be used
 76 |     | by Laravel's translation / localization methods. This option can be
 77 |     | set to any locale for which you plan to have translation strings.
 78 |     |
 79 |     */
 80 | 
 81 |     'locale' => env('APP_LOCALE', 'en'),
 82 | 
 83 |     'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
 84 | 
 85 |     'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
 86 | 
 87 |     /*
 88 |     |--------------------------------------------------------------------------
 89 |     | Encryption Key
 90 |     |--------------------------------------------------------------------------
 91 |     |
 92 |     | This key is utilized by Laravel's encryption services and should be set
 93 |     | to a random, 32 character string to ensure that all encrypted values
 94 |     | are secure. You should do this prior to deploying the application.
 95 |     |
 96 |     */
 97 | 
 98 |     'cipher' => 'AES-256-CBC',
 99 | 
100 |     'key' => env('APP_KEY'),
101 | 
102 |     'previous_keys' => [
103 |         ...array_filter(
104 |             explode(',', env('APP_PREVIOUS_KEYS', ''))
105 |         ),
106 |     ],
107 | 
108 |     /*
109 |     |--------------------------------------------------------------------------
110 |     | Maintenance Mode Driver
111 |     |--------------------------------------------------------------------------
112 |     |
113 |     | These configuration options determine the driver used to determine and
114 |     | manage Laravel's "maintenance mode" status. The "cache" driver will
115 |     | allow maintenance mode to be controlled across multiple machines.
116 |     |
117 |     | Supported drivers: "file", "cache"
118 |     |
119 |     */
120 | 
121 |     'maintenance' => [
122 |         'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
123 |         'store' => env('APP_MAINTENANCE_STORE', 'database'),
124 |     ],
125 | 
126 | ];
127 | 


--------------------------------------------------------------------------------
/config/logging.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | use Monolog\Handler\NullHandler;
  4 | use Monolog\Handler\StreamHandler;
  5 | use Monolog\Handler\SyslogUdpHandler;
  6 | use Monolog\Processor\PsrLogMessageProcessor;
  7 | 
  8 | return [
  9 | 
 10 |     /*
 11 |     |--------------------------------------------------------------------------
 12 |     | Default Log Channel
 13 |     |--------------------------------------------------------------------------
 14 |     |
 15 |     | This option defines the default log channel that is utilized to write
 16 |     | messages to your logs. The value provided here should match one of
 17 |     | the channels present in the list of "channels" configured below.
 18 |     |
 19 |     */
 20 | 
 21 |     'default' => env('LOG_CHANNEL', 'stack'),
 22 | 
 23 |     /*
 24 |     |--------------------------------------------------------------------------
 25 |     | Deprecations Log Channel
 26 |     |--------------------------------------------------------------------------
 27 |     |
 28 |     | This option controls the log channel that should be used to log warnings
 29 |     | regarding deprecated PHP and library features. This allows you to get
 30 |     | your application ready for upcoming major versions of dependencies.
 31 |     |
 32 |     */
 33 | 
 34 |     'deprecations' => [
 35 |         'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
 36 |         'trace' => env('LOG_DEPRECATIONS_TRACE', false),
 37 |     ],
 38 | 
 39 |     /*
 40 |     |--------------------------------------------------------------------------
 41 |     | Log Channels
 42 |     |--------------------------------------------------------------------------
 43 |     |
 44 |     | Here you may configure the log channels for your application. Laravel
 45 |     | utilizes the Monolog PHP logging library, which includes a variety
 46 |     | of powerful log handlers and formatters that you're free to use.
 47 |     |
 48 |     | Available drivers: "single", "daily", "slack", "syslog",
 49 |     |                    "errorlog", "monolog", "custom", "stack"
 50 |     |
 51 |     */
 52 | 
 53 |     'channels' => [
 54 | 
 55 |         'stack' => [
 56 |             'driver' => 'stack',
 57 |             'channels' => explode(',', env('LOG_STACK', 'single')),
 58 |             'ignore_exceptions' => false,
 59 |         ],
 60 | 
 61 |         'single' => [
 62 |             'driver' => 'single',
 63 |             'path' => storage_path('logs/laravel.log'),
 64 |             'level' => env('LOG_LEVEL', 'debug'),
 65 |             'replace_placeholders' => true,
 66 |         ],
 67 | 
 68 |         'daily' => [
 69 |             'driver' => 'daily',
 70 |             'path' => storage_path('logs/laravel.log'),
 71 |             'level' => env('LOG_LEVEL', 'debug'),
 72 |             'days' => env('LOG_DAILY_DAYS', 14),
 73 |             'replace_placeholders' => true,
 74 |         ],
 75 | 
 76 |         'slack' => [
 77 |             'driver' => 'slack',
 78 |             'url' => env('LOG_SLACK_WEBHOOK_URL'),
 79 |             'username' => env('LOG_SLACK_USERNAME', 'Laravel Log'),
 80 |             'emoji' => env('LOG_SLACK_EMOJI', ':boom:'),
 81 |             'level' => env('LOG_LEVEL', 'critical'),
 82 |             'replace_placeholders' => true,
 83 |         ],
 84 | 
 85 |         'papertrail' => [
 86 |             'driver' => 'monolog',
 87 |             'level' => env('LOG_LEVEL', 'debug'),
 88 |             'handler' => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
 89 |             'handler_with' => [
 90 |                 'host' => env('PAPERTRAIL_URL'),
 91 |                 'port' => env('PAPERTRAIL_PORT'),
 92 |                 'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
 93 |             ],
 94 |             'processors' => [PsrLogMessageProcessor::class],
 95 |         ],
 96 | 
 97 |         'stderr' => [
 98 |             'driver' => 'monolog',
 99 |             'level' => env('LOG_LEVEL', 'debug'),
100 |             'handler' => StreamHandler::class,
101 |             'formatter' => env('LOG_STDERR_FORMATTER'),
102 |             'with' => [
103 |                 'stream' => 'php://stderr',
104 |             ],
105 |             'processors' => [PsrLogMessageProcessor::class],
106 |         ],
107 | 
108 |         'syslog' => [
109 |             'driver' => 'syslog',
110 |             'level' => env('LOG_LEVEL', 'debug'),
111 |             'facility' => env('LOG_SYSLOG_FACILITY', LOG_USER),
112 |             'replace_placeholders' => true,
113 |         ],
114 | 
115 |         'errorlog' => [
116 |             'driver' => 'errorlog',
117 |             'level' => env('LOG_LEVEL', 'debug'),
118 |             'replace_placeholders' => true,
119 |         ],
120 | 
121 |         'null' => [
122 |             'driver' => 'monolog',
123 |             'handler' => NullHandler::class,
124 |         ],
125 | 
126 |         'emergency' => [
127 |             'path' => storage_path('logs/laravel.log'),
128 |         ],
129 | 
130 |     ],
131 | 
132 | ];
133 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/sheet.tsx:
--------------------------------------------------------------------------------
  1 | import type { DialogProps, DialogTriggerProps, ModalOverlayProps } from "react-aria-components"
  2 | import {
  3 |   composeRenderProps,
  4 |   DialogTrigger as DialogTriggerPrimitive,
  5 |   Modal,
  6 |   ModalOverlay,
  7 | } from "react-aria-components"
  8 | import { twJoin } from "tailwind-merge"
  9 | import { tv } from "tailwind-variants"
 10 | import {
 11 |   Dialog,
 12 |   DialogBody,
 13 |   DialogClose,
 14 |   DialogCloseIcon,
 15 |   DialogDescription,
 16 |   DialogFooter,
 17 |   DialogHeader,
 18 |   DialogTitle,
 19 |   DialogTrigger,
 20 | } from "./dialog"
 21 | 
 22 | type Sides = "top" | "bottom" | "left" | "right"
 23 | const generateCompoundVariants = (sides: Array<Sides>) => {
 24 |   return sides.map((side) => ({
 25 |     side,
 26 |     isFloat: true,
 27 |     className:
 28 |       side === "top"
 29 |         ? "top-2 inset-x-2 rounded-lg ring-1 border-b-0"
 30 |         : side === "bottom"
 31 |           ? "bottom-2 inset-x-2 rounded-lg ring-1 border-t-0"
 32 |           : side === "left"
 33 |             ? "left-2 inset-y-2 rounded-lg ring-1 border-r-0"
 34 |             : "right-2 inset-y-2 rounded-lg ring-1 border-l-0",
 35 |   }))
 36 | }
 37 | 
 38 | const sheetContentStyles = tv({
 39 |   base: [
 40 |     "fixed z-50 grid gap-4 border-muted-fg/20 bg-overlay text-overlay-fg shadow-lg dark:border-border",
 41 |     "transform-gpu transition ease-in-out will-change-transform",
 42 |   ],
 43 |   variants: {
 44 |     isEntering: {
 45 |       true: "fade-in animate-in duration-500",
 46 |     },
 47 |     isExiting: {
 48 |       true: "fade-in animate-out duration-300",
 49 |     },
 50 |     side: {
 51 |       top: "entering:slide-in-from-top exiting:slide-out-to-top inset-x-0 top-0 rounded-b-2xl border-b",
 52 |       bottom:
 53 |         "entering:slide-in-from-bottom exiting:slide-out-to-bottom inset-x-0 bottom-0 rounded-t-2xl border-t",
 54 |       left: "entering:slide-in-from-left exiting:slide-out-to-left-80 inset-y-0 left-0 h-auto w-3/4 overflow-y-auto border-r sm:max-w-80",
 55 |       right:
 56 |         "entering:slide-in-from-right exiting:slide-out-to-right-80 inset-y-0 right-0 h-auto w-3/4 overflow-y-auto border-l sm:max-w-80",
 57 |     },
 58 |     isFloat: {
 59 |       false: "border-fg/20 dark:border-border",
 60 |       true: "ring-fg/5 dark:ring-border",
 61 |     },
 62 |   },
 63 |   compoundVariants: generateCompoundVariants(["top", "bottom", "left", "right"]),
 64 | })
 65 | 
 66 | type SheetProps = DialogTriggerProps
 67 | const Sheet = (props: SheetProps) => {
 68 |   return <DialogTriggerPrimitive {...props} />
 69 | }
 70 | 
 71 | interface SheetContentProps
 72 |   extends Omit<ModalOverlayProps, "children">,
 73 |     Pick<DialogProps, "aria-label" | "role" | "aria-labelledby" | "children"> {
 74 |   closeButton?: boolean
 75 |   isBlurred?: boolean
 76 |   isFloat?: boolean
 77 |   side?: Sides
 78 |   overlay?: Omit<ModalOverlayProps, "children">
 79 | }
 80 | 
 81 | const SheetContent = ({
 82 |   className,
 83 |   isBlurred = false,
 84 |   isDismissable: isDismissableInternal,
 85 |   side = "right",
 86 |   role = "dialog",
 87 |   closeButton = true,
 88 |   isFloat = true,
 89 |   overlay,
 90 |   children,
 91 |   ...props
 92 | }: SheetContentProps) => {
 93 |   const isDismissable = isDismissableInternal ?? role !== "alertdialog"
 94 |   return (
 95 |     <ModalOverlay
 96 |       isDismissable={isDismissable}
 97 |       className={({ isExiting, isEntering }) =>
 98 |         twJoin(
 99 |           "fixed inset-0 z-50 h-(--page-height) w-screen overflow-hidden bg-black/15",
100 |           isEntering && "fade-in animate-in duration-500",
101 |           isExiting && "fade-out animate-out duration-300",
102 |           isBlurred && "backdrop-blur-sm backdrop-filter",
103 |         )
104 |       }
105 |       {...props}
106 |     >
107 |       <Modal
108 |         className={composeRenderProps(className, (className, renderProps) =>
109 |           sheetContentStyles({
110 |             ...renderProps,
111 |             side,
112 |             isFloat,
113 |             className,
114 |           }),
115 |         )}
116 |       >
117 |         <Dialog aria-label={props["aria-label"]} role={role}>
118 |           {(values) => (
119 |             <>
120 |               {typeof children === "function" ? children(values) : children}
121 |               {closeButton && (
122 |                 <DialogCloseIcon className="top-2.5 right-2.5" isDismissable={isDismissable} />
123 |               )}
124 |             </>
125 |           )}
126 |         </Dialog>
127 |       </Modal>
128 |     </ModalOverlay>
129 |   )
130 | }
131 | 
132 | const SheetTrigger = DialogTrigger
133 | const SheetFooter = DialogFooter
134 | const SheetHeader = DialogHeader
135 | const SheetTitle = DialogTitle
136 | const SheetDescription = DialogDescription
137 | const SheetBody = DialogBody
138 | const SheetClose = DialogClose
139 | 
140 | export type { SheetProps, SheetContentProps, Sides }
141 | export {
142 |   Sheet,
143 |   SheetTrigger,
144 |   SheetFooter,
145 |   SheetHeader,
146 |   SheetTitle,
147 |   SheetDescription,
148 |   SheetBody,
149 |   SheetClose,
150 |   SheetContent,
151 | }
152 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/dialog.tsx:
--------------------------------------------------------------------------------
  1 | import { XMarkIcon } from "@heroicons/react/24/solid"
  2 | import type { HeadingProps, TextProps } from "react-aria-components"
  3 | import {
  4 |   Heading,
  5 |   Button as PrimitiveButton,
  6 |   Dialog as PrimitiveDialog,
  7 | } from "react-aria-components"
  8 | import { twMerge } from "tailwind-merge"
  9 | import { cx } from "@/lib/primitive"
 10 | import { Button, type ButtonProps } from "./button"
 11 | 
 12 | const Dialog = ({
 13 |   role = "dialog",
 14 |   className,
 15 |   ...props
 16 | }: React.ComponentProps<typeof PrimitiveDialog>) => {
 17 |   return (
 18 |     <PrimitiveDialog
 19 |       data-slot="dialog"
 20 |       role={role}
 21 |       className={twMerge(
 22 |         "peer/dialog group/dialog relative flex max-h-[calc(var(--visual-viewport-height)-var(--visual-viewport-vertical-padding))] flex-col overflow-hidden outline-hidden [--gutter:--spacing(6)] sm:[--gutter:--spacing(8)]",
 23 |         className,
 24 |       )}
 25 |       {...props}
 26 |     />
 27 |   )
 28 | }
 29 | 
 30 | const DialogTrigger = ({ className, ...props }: ButtonProps) => (
 31 |   <PrimitiveButton className={cx("cursor-pointer", className)} {...props} />
 32 | )
 33 | 
 34 | interface DialogHeaderProps extends Omit<React.ComponentProps<"div">, "title"> {
 35 |   title?: string
 36 |   description?: string
 37 | }
 38 | 
 39 | const DialogHeader = ({ className, ...props }: DialogHeaderProps) => {
 40 |   return (
 41 |     <div
 42 |       data-slot="dialog-header"
 43 |       className={twMerge(
 44 |         "relative space-y-1 p-(--gutter) pb-[calc(var(--gutter)---spacing(3))]",
 45 |         className,
 46 |       )}
 47 |     >
 48 |       {props.title && <DialogTitle>{props.title}</DialogTitle>}
 49 |       {props.description && <DialogDescription>{props.description}</DialogDescription>}
 50 |       {!props.title && typeof props.children === "string" ? (
 51 |         <DialogTitle>{props.children}</DialogTitle>
 52 |       ) : (
 53 |         props.children
 54 |       )}
 55 |     </div>
 56 |   )
 57 | }
 58 | 
 59 | interface DialogTitleProps extends HeadingProps {
 60 |   ref?: React.Ref<HTMLHeadingElement>
 61 | }
 62 | const DialogTitle = ({ className, ref, ...props }: DialogTitleProps) => (
 63 |   <Heading
 64 |     slot="title"
 65 |     ref={ref}
 66 |     className={twMerge("text-balance font-semibold text-fg text-lg/6 sm:text-base/6", className)}
 67 |     {...props}
 68 |   />
 69 | )
 70 | 
 71 | interface DialogDescriptionProps extends TextProps {
 72 |   ref?: React.Ref<HTMLDivElement>
 73 | }
 74 | const DialogDescription = ({ className, ref, ...props }: DialogDescriptionProps) => (
 75 |   <p
 76 |     data-slot="description"
 77 |     className={twMerge(
 78 |       "text-pretty text-base/6 text-muted-fg group-disabled:opacity-50 sm:text-sm/6",
 79 |       className,
 80 |     )}
 81 |     ref={ref}
 82 |     {...props}
 83 |   />
 84 | )
 85 | 
 86 | interface DialogBodyProps extends React.ComponentProps<"div"> {}
 87 | const DialogBody = ({ className, ...props }: DialogBodyProps) => (
 88 |   <div
 89 |     data-slot="dialog-body"
 90 |     className={twMerge(
 91 |       "isolate flex min-h-0 flex-1 flex-col overflow-auto px-(--gutter) py-1",
 92 |       "**:data-[slot=dialog-footer]:px-0 **:data-[slot=dialog-footer]:pt-0",
 93 |       className,
 94 |     )}
 95 |     {...props}
 96 |   />
 97 | )
 98 | 
 99 | interface DialogFooterProps extends React.ComponentProps<"div"> {}
100 | const DialogFooter = ({ className, ...props }: DialogFooterProps) => {
101 |   return (
102 |     <div
103 |       data-slot="dialog-footer"
104 |       className={twMerge(
105 |         "isolate mt-auto flex flex-col-reverse justify-end gap-3 p-(--gutter) pt-[calc(var(--gutter)---spacing(2))] group-not-has-data-[slot=dialog-body]/dialog:pt-0 group-not-has-data-[slot=dialog-body]/popover:pt-0 sm:flex-row",
106 |         className,
107 |       )}
108 |       {...props}
109 |     />
110 |   )
111 | }
112 | 
113 | const DialogClose = ({ intent = "plain", ref, ...props }: ButtonProps) => {
114 |   return <Button slot="close" ref={ref} intent={intent} {...props} />
115 | }
116 | 
117 | interface CloseButtonIndicatorProps extends Omit<ButtonProps, "children"> {
118 |   className?: string
119 |   isDismissable?: boolean | undefined
120 | }
121 | 
122 | const DialogCloseIcon = ({ className, ...props }: CloseButtonIndicatorProps) => {
123 |   return props.isDismissable ? (
124 |     <PrimitiveButton
125 |       aria-label="Close"
126 |       slot="close"
127 |       className={cx(
128 |         "close absolute top-1 right-1 z-50 grid size-8 place-content-center rounded-xl hover:bg-secondary focus:bg-secondary focus:outline-hidden focus-visible:ring-1 focus-visible:ring-primary sm:top-2 sm:right-2 sm:size-7 sm:rounded-md",
129 |         className,
130 |       )}
131 |     >
132 |       <XMarkIcon className="size-4" />
133 |     </PrimitiveButton>
134 |   ) : null
135 | }
136 | 
137 | export type {
138 |   DialogHeaderProps,
139 |   DialogTitleProps,
140 |   DialogBodyProps,
141 |   DialogFooterProps,
142 |   DialogDescriptionProps,
143 |   CloseButtonIndicatorProps,
144 | }
145 | export {
146 |   Dialog,
147 |   DialogClose,
148 |   DialogTrigger,
149 |   DialogHeader,
150 |   DialogTitle,
151 |   DialogDescription,
152 |   DialogBody,
153 |   DialogFooter,
154 |   DialogCloseIcon,
155 | }
156 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/list-box.tsx:
--------------------------------------------------------------------------------
  1 | import { CheckIcon } from "@heroicons/react/20/solid"
  2 | import type { ListBoxItemProps, ListBoxProps, ListBoxSectionProps } from "react-aria-components"
  3 | import {
  4 |   composeRenderProps,
  5 |   ListBoxItem as ListBoxItemPrimitive,
  6 |   ListBox as ListBoxPrimitive,
  7 | } from "react-aria-components"
  8 | import { twJoin, twMerge } from "tailwind-merge"
  9 | import { cx } from "@/lib/primitive"
 10 | import {
 11 |   DropdownDescription,
 12 |   DropdownLabel,
 13 |   DropdownSection,
 14 |   type DropdownSectionProps,
 15 |   dropdownItemStyles,
 16 | } from "./dropdown"
 17 | 
 18 | const ListBox = <T extends object>({ className, ...props }: ListBoxProps<T>) => (
 19 |   <ListBoxPrimitive
 20 |     {...props}
 21 |     className={cx(
 22 |       "grid max-h-96 w-full min-w-56 scroll-py-1 grid-cols-[auto_1fr] flex-col gap-y-1 overflow-y-auto overscroll-contain rounded-xl border bg-bg p-1 outline-hidden [scrollbar-width:thin] has-data-[slot=drag-icon]:grid-cols-[auto_auto_1fr] [&::-webkit-scrollbar]:size-0.5 *:[[role='group']+[role=group]]:mt-4 *:[[role='group']+[role=separator]]:mt-1",
 23 |       className,
 24 |     )}
 25 |   />
 26 | )
 27 | 
 28 | const ListBoxItem = <T extends object>({ children, className, ...props }: ListBoxItemProps<T>) => {
 29 |   const textValue = typeof children === "string" ? children : undefined
 30 |   return (
 31 |     <ListBoxItemPrimitive
 32 |       textValue={textValue}
 33 |       className={composeRenderProps(className, (className, renderProps) =>
 34 |         dropdownItemStyles({
 35 |           ...renderProps,
 36 |           className: twJoin(
 37 |             "group not-has-[[slot=description]]:items-start",
 38 |             // "has-data-[slot=drag-icon]:*:data-[slot=check-icon]:absolute has-data-[slot=drag-icon]:*:data-[slot=check-icon]:right-0",
 39 |             "has-data-[slot=drag-icon]:*:[[slot=label]]:col-start-3",
 40 |             "has-data-[slot=drag-icon]:*:data-[slot=icon]:col-start-2",
 41 |             "href" in props ? "cursor-pointer" : "cursor-default",
 42 |             className,
 43 |           ),
 44 |         }),
 45 |       )}
 46 |       data-slot="list-box-item"
 47 |       {...props}
 48 |     >
 49 |       {(renderProps) => {
 50 |         const { allowsDragging, isSelected } = renderProps
 51 | 
 52 |         return (
 53 |           <>
 54 |             {allowsDragging && (
 55 |               <svg
 56 |                 data-slot="drag-icon"
 57 |                 className="mr-2 size-5 h-[1lh] text-muted-fg sm:w-4"
 58 |                 xmlns="http://www.w3.org/2000/svg"
 59 |                 viewBox="0 0 24 24"
 60 |                 fill="none"
 61 |               >
 62 |                 <path
 63 |                   d="M11 5.5C11 6.32843 10.3284 7 9.5 7C8.67157 7 8 6.32843 8 5.5C8 4.67157 8.67157 4 9.5 4C10.3284 4 11 4.67157 11 5.5Z"
 64 |                   fill="currentColor"
 65 |                 />
 66 |                 <path
 67 |                   d="M16 5.5C16 6.32843 15.3284 7 14.5 7C13.6716 7 13 6.32843 13 5.5C13 4.67157 13.6716 4 14.5 4C15.3284 4 16 4.67157 16 5.5Z"
 68 |                   fill="currentColor"
 69 |                 />
 70 |                 <path
 71 |                   d="M11 18.5C11 19.3284 10.3284 20 9.5 20C8.67157 20 8 19.3284 8 18.5C8 17.6716 8.67157 17 9.5 17C10.3284 17 11 17.6716 11 18.5Z"
 72 |                   fill="currentColor"
 73 |                 />
 74 |                 <path
 75 |                   d="M16 18.5C16 19.3284 15.3284 20 14.5 20C13.6716 20 13 19.3284 13 18.5C13 17.6716 13.6716 17 14.5 17C15.3284 17 16 17.6716 16 18.5Z"
 76 |                   fill="currentColor"
 77 |                 />
 78 |                 <path
 79 |                   d="M11 12C11 12.8284 10.3284 13.5 9.5 13.5C8.67157 13.5 8 12.8284 8 12C8 11.1716 8.67157 10.5 9.5 10.5C10.3284 10.5 11 11.1716 11 12Z"
 80 |                   fill="currentColor"
 81 |                 />
 82 |                 <path
 83 |                   d="M16 12C16 12.8284 15.3284 13.5 14.5 13.5C13.6716 13.5 13 12.8284 13 12C13 11.1716 13.6716 10.5 14.5 10.5C15.3284 10.5 16 11.1716 16 12Z"
 84 |                   fill="currentColor"
 85 |                 />
 86 |               </svg>
 87 |             )}
 88 |             {isSelected && (
 89 |               <CheckIcon
 90 |                 className="-mx-0.5 mr-2 h-[1lh] w-5 shrink-0 group-allows-dragging:col-start-2 sm:w-4"
 91 |                 data-slot="check-icon"
 92 |               />
 93 |             )}
 94 |             {typeof children === "function" ? (
 95 |               children(renderProps)
 96 |             ) : typeof children === "string" ? (
 97 |               <DropdownLabel>{children}</DropdownLabel>
 98 |             ) : (
 99 |               children
100 |             )}
101 |           </>
102 |         )
103 |       }}
104 |     </ListBoxItemPrimitive>
105 |   )
106 | }
107 | 
108 | const ListBoxSection = <T extends object>({ className, ...props }: DropdownSectionProps<T>) => {
109 |   return (
110 |     <DropdownSection
111 |       className={twMerge("*:data-[slot=list-box-item]:last:-mb-1.5 gap-y-1", className)}
112 |       {...props}
113 |     />
114 |   )
115 | }
116 | 
117 | const ListBoxLabel = DropdownLabel
118 | const ListBoxDescription = DropdownDescription
119 | 
120 | export type { ListBoxItemProps, ListBoxSectionProps }
121 | export { ListBox, ListBoxSection, ListBoxItem, ListBoxLabel, ListBoxDescription }
122 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import {
 2 |   Group,
 3 |   type GroupProps,
 4 |   Input as InputPrimitive,
 5 |   type InputProps as PrimitiveInputProps,
 6 | } from "react-aria-components"
 7 | import { cx } from "@/lib/primitive"
 8 | 
 9 | interface InputProps extends PrimitiveInputProps {
10 |   ref?: React.RefObject<HTMLInputElement>
11 | }
12 | 
13 | export function Input({ className, ref, ...props }: InputProps) {
14 |   return (
15 |     <span data-slot="control" className="relative block w-full">
16 |       <InputPrimitive
17 |         ref={ref}
18 |         className={cx(
19 |           "relative block w-full appearance-none rounded-lg px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2.5)-1px)] sm:px-[calc(--spacing(3)-1px)] sm:py-[calc(--spacing(1.5)-1px)]",
20 |           "text-base/6 text-fg placeholder:text-muted-fg sm:text-sm/6",
21 |           "border border-input enabled:hover:border-muted-fg/30",
22 |           "outline-hidden focus:border-ring/70 focus:ring-3 focus:ring-ring/20 focus:enabled:hover:border-ring/80",
23 |           "invalid:border-danger-subtle-fg/70 focus:invalid:border-danger-subtle-fg/70 focus:invalid:ring-danger-subtle-fg/20 invalid:enabled:hover:border-danger-subtle-fg/80 focus:invalid:enabled:hover:border-danger-subtle-fg/80",
24 |           "[&::-ms-reveal]:hidden [&::-webkit-search-cancel-button]:hidden",
25 |           "disabled:bg-muted forced-colors:in-disabled:text-[GrayText]",
26 |           "in-disabled:bg-muted forced-colors:in-disabled:text-[GrayText]",
27 |           "dark:scheme-dark",
28 |           className,
29 |         )}
30 |         {...props}
31 |       />
32 |     </span>
33 |   )
34 | }
35 | 
36 | export function InputGroup({ className, ...props }: GroupProps) {
37 |   return (
38 |     <Group
39 |       data-slot="control"
40 |       className={cx(
41 |         "relative isolate block",
42 |         // icon
43 |         "has-[>[data-slot=icon]:last-child]:[&_input]:pr-10 has-[>[data-slot=icon]:first-child]:[&_input]:pl-10 sm:has-[>[data-slot=icon]:last-child]:[&_input]:pr-8 sm:has-[>[data-slot=icon]:first-child]:[&_input]:pl-8",
44 |         "*:data-[slot=icon]:pointer-events-none *:data-[slot=icon]:absolute *:data-[slot=icon]:top-3 *:data-[slot=icon]:z-10 *:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:top-2.5 sm:*:data-[slot=icon]:size-4",
45 |         "[&>[data-slot=icon]:first-child]:left-3 sm:[&>[data-slot=icon]:first-child]:left-2.5 [&>[data-slot=icon]:last-child]:right-3 sm:[&>[data-slot=icon]:last-child]:right-2.5",
46 | 
47 |         // loader
48 |         "has-[[data-slot=loader]:last-child]:[&_input]:pr-10 has-[[data-slot=loader]:first-child]:[&_input]:pl-10 sm:has-[[data-slot=loader]:last-child]:[&_input]:pr-8 sm:has-[[data-slot=loader]:first-child]:[&_input]:pl-8",
49 |         "*:data-[slot=loader]:pointer-events-none *:data-[slot=loader]:absolute *:data-[slot=loader]:top-3 *:data-[slot=loader]:z-10 *:data-[slot=loader]:size-5 sm:*:data-[slot=loader]:top-2.5 sm:*:data-[slot=loader]:size-4",
50 |         "[&>[data-slot=loader]:first-child]:left-3 sm:[&>[data-slot=loader]:first-child]:left-2.5 [&>[data-slot=loader]:last-child]:right-3 sm:[&>[data-slot=loader]:last-child]:right-2.5",
51 | 
52 |         // text
53 |         "has-[[data-slot=text]:last-child]:[&_input]:pr-[calc(var(--input-gutter-end)+--spacing(2))] has-[[data-slot=text]:first-child]:[&_input]:pl-[calc(var(--input-gutter-start)+--spacing(2))] sm:has-[[data-slot=text]:last-child]:[&_input]:pr-(--input-gutter-end,--spacing(10)) sm:has-[[data-slot=text]:first-child]:[&_input]:pl-(--input-gutter-start,--spacing(10))",
54 |         "*:data-[slot=text]:absolute *:data-[slot=text]:top-0 *:data-[slot=text]:z-10 *:data-[slot=text]:h-full *:data-[slot=text]:max-w-fit *:data-[slot=text]:grow *:data-[slot=text]:content-center [&>[data-slot='text']:not([class*='pointer-events'])]:pointer-events-none",
55 |         "[&>[data-slot=text]:first-child:not([class*='left-'])]:left-3 sm:[&>[data-slot=text]:first-child:not([class*='left-'])]:left-2.5 [&>[data-slot=text]:last-child:not([class*='right-'])]:right-3 sm:[&>[data-slot=text]:last-child:not([class*='right-'])]:right-2.5",
56 | 
57 |         // keyboard
58 |         "has-[[data-slot=keyboard]:last-child]:[&_input]:pr-[calc(var(--input-gutter-end)+--spacing(2))] has-[[data-slot=keyboard]:first-child]:[&_input]:pl-[calc(var(--input-gutter-start)+--spacing(2))] sm:has-[[data-slot=keyboard]:last-child]:[&_input]:pr-(--input-gutter-end,--spacing(10)) sm:has-[[data-slot=keyboard]:first-child]:[&_input]:pl-(--input-gutter-start,--spacing(10))",
59 |         "*:data-[slot=keyboard]:absolute *:data-[slot=keyboard]:top-0 *:data-[slot=keyboard]:z-10 *:data-[slot=keyboard]:h-full *:data-[slot=keyboard]:max-w-fit *:data-[slot=keyboard]:grow *:data-[slot=keyboard]:content-center [&>[data-slot='keyboard']:not([class*='pointer-events'])]:pointer-events-none",
60 |         "[&>[data-slot=keyboard]:first-child:not([class*='left-'])]:left-3 sm:[&>[data-slot=keyboard]:first-child:not([class*='left-'])]:left-2.5 [&>[data-slot=keyboard]:last-child:not([class*='right-'])]:right-3 sm:[&>[data-slot=keyboard]:last-child:not([class*='right-'])]:right-2.5",
61 | 
62 |         // button
63 |         "has-[>button:last-child]:[&_input]:pr-(--input-gutter-end,--spacing(16)) has-[>button:first-child]:[&_input]:pl-(--input-gutter-start,--spacing(16)) sm:has-[>button:last-child]:[&_input]:pr-(--input-gutter-end,--spacing(14)) sm:has-[>button:first-child]:[&_input]:pl-(--input-gutter-start,--spacing(14))",
64 |         "[&>button:first-child]:rounded-r-none [&>button:last-child]:rounded-l-none",
65 |         "[&>button[data-intent=outline]]:border-input *:[button]:absolute *:[button]:top-0 *:[button]:z-10 *:[button]:min-h-11 sm:*:[button]:min-h-9",
66 |         "[&>button:first-child]:left-0 [&>button:last-child]:right-0",
67 | 
68 |         "[&>[data-slot='icon']:not([class*='text-'])]:text-muted-fg [&>[data-slot='loader']:not([class*='text-'])]:text-muted-fg [&>[data-slot='text']:not([class*='text-'])]:text-muted-fg",
69 |         className,
70 |       )}
71 |       {...props}
72 |     />
73 |   )
74 | }
75 | 


--------------------------------------------------------------------------------
/resources/js/components/ui/button.tsx:
--------------------------------------------------------------------------------
  1 | import {
  2 |   Button as ButtonPrimitive,
  3 |   type ButtonProps as ButtonPrimitiveProps,
  4 | } from "react-aria-components"
  5 | import { tv, type VariantProps } from "tailwind-variants"
  6 | import { cx } from "@/lib/primitive"
  7 | 
  8 | export const buttonStyles = tv({
  9 |   base: [
 10 |     "[--btn-border:var(--color-fg)]/15 [--btn-icon-active:var(--btn-fg)] [--btn-outline:var(--btn-bg)] [--btn-radius:calc(var(--radius-lg)-1px)] [--btn-ring:var(--btn-bg)]/20",
 11 |     "bg-(--btn-bg) text-(--btn-fg) outline-(--btn-outline) ring-(--btn-ring) hover:bg-(--btn-overlay)",
 12 |     "relative isolate inline-flex items-center justify-center border border-(--btn-border) font-medium hover:no-underline",
 13 |     "focus:outline-0 focus-visible:outline focus-visible:outline-offset-2 focus-visible:ring-2 focus-visible:ring-offset-3 focus-visible:ring-offset-bg",
 14 |     "*:data-[slot=icon]:-mx-0.5 *:data-[slot=icon]:shrink-0 *:data-[slot=icon]:self-center *:data-[slot=icon]:text-(--btn-icon) focus-visible:*:data-[slot=icon]:text-(--btn-icon-active)/80 hover:*:data-[slot=icon]:text-(--btn-icon-active)/90 forced-colors:[--btn-icon:ButtonText] forced-colors:hover:[--btn-icon:ButtonText]",
 15 |     "*:data-[slot=loader]:-mx-0.5 *:data-[slot=loader]:shrink-0 *:data-[slot=loader]:self-center *:data-[slot=loader]:text-(--btn-icon)",
 16 |     "pending:opacity-50 disabled:opacity-50 disabled:forced-colors:text-[GrayText]",
 17 |     "*:data-[slot=color-swatch]:-mx-0.5 *:data-[slot=color-swatch]:shrink-0 *:data-[slot=color-swatch]:self-center *:data-[slot=color-swatch]:[--color-swatch-size:--spacing(5)]",
 18 |   ],
 19 |   variants: {
 20 |     intent: {
 21 |       primary:
 22 |         "[--btn-bg:var(--color-primary)] [--btn-fg:var(--color-primary-fg)] [--btn-icon-active:var(--primary-fg)]/80 [--btn-icon:var(--primary-fg)]/60 [--btn-overlay:color-mix(in_oklab,var(--color-primary-fg)_10%,var(--color-primary)_90%)]",
 23 |       secondary:
 24 |         "[--btn-bg:var(--color-secondary)] [--btn-fg:var(--color-secondary-fg)] [--btn-icon:var(--color-muted-fg)] [--btn-outline:var(--color-secondary-fg)] [--btn-overlay:var(--color-muted-fg)]/25 [--btn-ring:var(--color-muted-fg)]/20",
 25 |       warning:
 26 |         "[--btn-bg:var(--color-warning)] [--btn-fg:var(--color-warning-fg)] [--btn-icon:var(--color-warning-fg)]/60 [--btn-overlay:var(--color-warning)]/85",
 27 |       danger:
 28 |         "[--btn-bg:var(--color-danger)] [--btn-fg:var(--color-danger-fg)] [--btn-icon:color-mix(in_oklab,var(--color-danger-fg)_60%,var(--danger)_40%)] [--btn-overlay:var(--color-danger)]/85",
 29 |       outline:
 30 |         "border-border [--btn-bg:transparent] [--btn-icon:var(--color-muted-fg)] [--btn-outline:var(--color-ring)] [--btn-overlay:var(--color-muted-fg)]/10 [--btn-ring:var(--color-ring)]/20",
 31 |       plain:
 32 |         "border-transparent [--btn-bg:transparent] [--btn-icon:var(--color-muted-fg)] [--btn-outline:var(--color-ring)] [--btn-overlay:var(--color-muted-fg)]/10 [--btn-ring:var(--color-ring)]/20",
 33 |     },
 34 |     size: {
 35 |       xs: [
 36 |         "min-h-8 gap-x-1.5 px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] text-sm sm:min-h-7 sm:px-2 sm:py-[calc(--spacing(1.5)-1px)] sm:text-xs/4",
 37 |         "*:data-[slot=icon]:-mx-px *:data-[slot=icon]:size-3.5 sm:*:data-[slot=icon]:size-3",
 38 |         "*:data-[slot=loader]:-mx-px *:data-[slot=loader]:size-3.5 sm:*:data-[slot=loader]:size-3",
 39 |       ],
 40 |       sm: [
 41 |         "min-h-9 gap-x-1.5 px-3 py-[calc(--spacing(2)-1px)] sm:min-h-8 sm:px-[calc(--spacing(3)-1px)] sm:py-[calc(--spacing(1.5)-1px)] sm:text-sm/5",
 42 |         "*:data-[slot=icon]:size-4.5 sm:*:data-[slot=icon]:size-4",
 43 |         "*:data-[slot=loader]:size-4.5 sm:*:data-[slot=loader]:size-4",
 44 |       ],
 45 |       md: [
 46 |         "min-h-10 gap-x-2 px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2.5)-1px)] sm:min-h-9 sm:px-3 sm:py-[calc(--spacing(1.5)-1px)] sm:text-sm/6",
 47 |         "*:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:size-4",
 48 |         "*:data-[slot=loader]:size-5 sm:*:data-[slot=loader]:size-4",
 49 |       ],
 50 |       lg: [
 51 |         "min-h-10 gap-x-2 px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(3)-1px)] sm:min-h-9 sm:px-3 sm:py-[calc(--spacing(1.5)-1px)] sm:text-sm/7",
 52 |         "*:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:size-4.5",
 53 |         "*:data-[slot=loader]:size-5 sm:*:data-[slot=loader]:size-4.5",
 54 |       ],
 55 |       "sq-xs": [
 56 |         "touch-target size-8 sm:size-7",
 57 |         "*:data-[slot=icon]:size-3.5 sm:*:data-[slot=icon]:size-3",
 58 |         "*:data-[slot=loader]:size-3.5 sm:*:data-[slot=loader]:size-3",
 59 |       ],
 60 |       "sq-sm": [
 61 |         "touch-target size-10 sm:size-8",
 62 |         "*:data-[slot=icon]:size-4.5 sm:*:data-[slot=icon]:size-4",
 63 |         "*:data-[slot=loader]:size-4.5 sm:*:data-[slot=loader]:size-4",
 64 |       ],
 65 |       "sq-md": [
 66 |         "touch-target size-11 sm:size-9",
 67 |         "*:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:size-4.5",
 68 |         "*:data-[slot=loader]:size-5 sm:*:data-[slot=loader]:size-4.5",
 69 |       ],
 70 |       "sq-lg": [
 71 |         "touch-target size-12 sm:size-10",
 72 |         "*:data-[slot=icon]:size-6 sm:*:data-[slot=icon]:size-5",
 73 |         "*:data-[slot=loader]:size-6 sm:*:data-[slot=loader]:size-5",
 74 |       ],
 75 |     },
 76 | 
 77 |     isCircle: {
 78 |       true: "rounded-full",
 79 |       false: "rounded-lg",
 80 |     },
 81 |   },
 82 |   defaultVariants: {
 83 |     intent: "primary",
 84 |     size: "md",
 85 |     isCircle: false,
 86 |   },
 87 | })
 88 | 
 89 | export interface ButtonProps extends ButtonPrimitiveProps, VariantProps<typeof buttonStyles> {
 90 |   ref?: React.Ref<HTMLButtonElement>
 91 | }
 92 | 
 93 | export function Button({ className, intent, size, isCircle, ref, ...props }: ButtonProps) {
 94 |   return (
 95 |     <ButtonPrimitive
 96 |       ref={ref}
 97 |       {...props}
 98 |       className={cx(
 99 |         buttonStyles({
100 |           intent,
101 |           size,
102 |           isCircle,
103 |         }),
104 |         className,
105 |       )}
106 |     />
107 |   )
108 | }
109 | 


--------------------------------------------------------------------------------
/config/database.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | use Illuminate\Support\Str;
  4 | 
  5 | return [
  6 | 
  7 |     /*
  8 |     |--------------------------------------------------------------------------
  9 |     | Default Database Connection Name
 10 |     |--------------------------------------------------------------------------
 11 |     |
 12 |     | Here you may specify which of the database connections below you wish
 13 |     | to use as your default connection for database operations. This is
 14 |     | the connection which will be utilized unless another connection
 15 |     | is explicitly specified when you execute a query / statement.
 16 |     |
 17 |     */
 18 | 
 19 |     'default' => env('DB_CONNECTION', 'sqlite'),
 20 | 
 21 |     /*
 22 |     |--------------------------------------------------------------------------
 23 |     | Database Connections
 24 |     |--------------------------------------------------------------------------
 25 |     |
 26 |     | Below are all of the database connections defined for your application.
 27 |     | An example configuration is provided for each database system which
 28 |     | is supported by Laravel. You're free to add / remove connections.
 29 |     |
 30 |     */
 31 | 
 32 |     'connections' => [
 33 | 
 34 |         'sqlite' => [
 35 |             'driver' => 'sqlite',
 36 |             'url' => env('DB_URL'),
 37 |             'database' => env('DB_DATABASE', database_path('database.sqlite')),
 38 |             'prefix' => '',
 39 |             'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
 40 |             'busy_timeout' => null,
 41 |             'journal_mode' => null,
 42 |             'synchronous' => null,
 43 |         ],
 44 | 
 45 |         'mysql' => [
 46 |             'driver' => 'mysql',
 47 |             'url' => env('DB_URL'),
 48 |             'host' => env('DB_HOST', '127.0.0.1'),
 49 |             'port' => env('DB_PORT', '3306'),
 50 |             'database' => env('DB_DATABASE', 'laravel'),
 51 |             'username' => env('DB_USERNAME', 'root'),
 52 |             'password' => env('DB_PASSWORD', ''),
 53 |             'unix_socket' => env('DB_SOCKET', ''),
 54 |             'charset' => env('DB_CHARSET', 'utf8mb4'),
 55 |             'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
 56 |             'prefix' => '',
 57 |             'prefix_indexes' => true,
 58 |             'strict' => true,
 59 |             'engine' => null,
 60 |             'options' => extension_loaded('pdo_mysql') ? array_filter([
 61 |                 PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
 62 |             ]) : [],
 63 |         ],
 64 | 
 65 |         'mariadb' => [
 66 |             'driver' => 'mariadb',
 67 |             'url' => env('DB_URL'),
 68 |             'host' => env('DB_HOST', '127.0.0.1'),
 69 |             'port' => env('DB_PORT', '3306'),
 70 |             'database' => env('DB_DATABASE', 'laravel'),
 71 |             'username' => env('DB_USERNAME', 'root'),
 72 |             'password' => env('DB_PASSWORD', ''),
 73 |             'unix_socket' => env('DB_SOCKET', ''),
 74 |             'charset' => env('DB_CHARSET', 'utf8mb4'),
 75 |             'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
 76 |             'prefix' => '',
 77 |             'prefix_indexes' => true,
 78 |             'strict' => true,
 79 |             'engine' => null,
 80 |             'options' => extension_loaded('pdo_mysql') ? array_filter([
 81 |                 PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
 82 |             ]) : [],
 83 |         ],
 84 | 
 85 |         'pgsql' => [
 86 |             'driver' => 'pgsql',
 87 |             'url' => env('DB_URL'),
 88 |             'host' => env('DB_HOST', '127.0.0.1'),
 89 |             'port' => env('DB_PORT', '5432'),
 90 |             'database' => env('DB_DATABASE', 'laravel'),
 91 |             'username' => env('DB_USERNAME', 'root'),
 92 |             'password' => env('DB_PASSWORD', ''),
 93 |             'charset' => env('DB_CHARSET', 'utf8'),
 94 |             'prefix' => '',
 95 |             'prefix_indexes' => true,
 96 |             'search_path' => 'public',
 97 |             'sslmode' => 'prefer',
 98 |         ],
 99 | 
100 |         'sqlsrv' => [
101 |             'driver' => 'sqlsrv',
102 |             'url' => env('DB_URL'),
103 |             'host' => env('DB_HOST', 'localhost'),
104 |             'port' => env('DB_PORT', '1433'),
105 |             'database' => env('DB_DATABASE', 'laravel'),
106 |             'username' => env('DB_USERNAME', 'root'),
107 |             'password' => env('DB_PASSWORD', ''),
108 |             'charset' => env('DB_CHARSET', 'utf8'),
109 |             'prefix' => '',
110 |             'prefix_indexes' => true,
111 |             // 'encrypt' => env('DB_ENCRYPT', 'yes'),
112 |             // 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
113 |         ],
114 | 
115 |     ],
116 | 
117 |     /*
118 |     |--------------------------------------------------------------------------
119 |     | Migration Repository Table
120 |     |--------------------------------------------------------------------------
121 |     |
122 |     | This table keeps track of all the migrations that have already run for
123 |     | your application. Using this information, we can determine which of
124 |     | the migrations on disk haven't actually been run on the database.
125 |     |
126 |     */
127 | 
128 |     'migrations' => [
129 |         'table' => 'migrations',
130 |         'update_date_on_publish' => true,
131 |     ],
132 | 
133 |     /*
134 |     |--------------------------------------------------------------------------
135 |     | Redis Databases
136 |     |--------------------------------------------------------------------------
137 |     |
138 |     | Redis is an open source, fast, and advanced key-value store that also
139 |     | provides a richer body of commands than a typical key-value system
140 |     | such as Memcached. You may define your connection settings here.
141 |     |
142 |     */
143 | 
144 |     'redis' => [
145 | 
146 |         'client' => env('REDIS_CLIENT', 'phpredis'),
147 | 
148 |         'options' => [
149 |             'cluster' => env('REDIS_CLUSTER', 'redis'),
150 |             'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'),
151 |         ],
152 | 
153 |         'default' => [
154 |             'url' => env('REDIS_URL'),
155 |             'host' => env('REDIS_HOST', '127.0.0.1'),
156 |             'username' => env('REDIS_USERNAME'),
157 |             'password' => env('REDIS_PASSWORD'),
158 |             'port' => env('REDIS_PORT', '6379'),
159 |             'database' => env('REDIS_DB', '0'),
160 |         ],
161 | 
162 |         'cache' => [
163 |             'url' => env('REDIS_URL'),
164 |             'host' => env('REDIS_HOST', '127.0.0.1'),
165 |             'username' => env('REDIS_USERNAME'),
166 |             'password' => env('REDIS_PASSWORD'),
167 |             'port' => env('REDIS_PORT', '6379'),
168 |             'database' => env('REDIS_CACHE_DB', '1'),
169 |         ],
170 | 
171 |     ],
172 | 
173 | ];
174 | 


--------------------------------------------------------------------------------