create-auto-app 1.22.0 → 1.23.0

package/templates/typical/client/src/components/ui/Dialog.stories.tsx

@@ -13,7 +13,7 @@ import { Input } from '@/components/ui/Input';
 import { Label } from '@/components/ui/Label';
 
 const meta: Meta<typeof Dialog> = {
-  title: 'Dialog',
+  title: 'UI Components/Dialog',
   component: Dialog,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Direction.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { DirectionProvider, useDirection } from '@/components/ui/Direction';
 
 const meta: Meta<typeof DirectionProvider> = {
-  title: 'Direction',
+  title: 'UI Components/Direction',
   component: DirectionProvider,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Drawer.stories.tsx

@@ -12,7 +12,7 @@ import {
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Drawer> = {
-  title: 'Drawer',
+  title: 'UI Components/Drawer',
   component: Drawer,
 };
 export default meta;

package/templates/typical/client/src/components/ui/DropdownMenu.stories.tsx

@@ -13,7 +13,7 @@ import { Button } from '@/components/ui/Button';
 import { UserIcon, SettingsIcon, LogOutIcon, CreditCardIcon } from 'lucide-react';
 
 const meta: Meta<typeof DropdownMenu> = {
-  title: 'DropdownMenu',
+  title: 'UI Components/DropdownMenu',
   component: DropdownMenu,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Empty.stories.tsx

@@ -3,7 +3,7 @@ import { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyMedia } from '@/
 import { InboxIcon } from 'lucide-react';
 
 const meta: Meta<typeof Empty> = {
-  title: 'Empty',
+  title: 'UI Components/Empty',
   component: Empty,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Field.stories.tsx

@@ -3,7 +3,7 @@ import { Field, FieldLabel, FieldDescription, FieldError, FieldContent } from '@
 import { Input } from '@/components/ui/Input';
 
 const meta: Meta<typeof Field> = {
-  title: 'Field',
+  title: 'UI Components/Field',
   component: Field,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Form.stories.tsx

@@ -5,7 +5,7 @@ import { Input } from '@/components/ui/Input';
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Form> = {
-  title: 'Form',
+  title: 'UI Components/Form',
   component: Form,
 };
 export default meta;

package/templates/typical/client/src/components/ui/HoverCard.stories.tsx

@@ -3,7 +3,7 @@ import { HoverCard, HoverCardTrigger, HoverCardContent } from '@/components/ui/H
 import { CalendarDaysIcon } from 'lucide-react';
 
 const meta: Meta<typeof HoverCard> = {
-  title: 'HoverCard',
+  title: 'UI Components/HoverCard',
   component: HoverCard,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Input.stories.tsx

@@ -3,7 +3,7 @@ import { Input } from '@/components/ui/Input';
 import { Label } from '@/components/ui/Label';
 
 const meta: Meta<typeof Input> = {
-  title: 'Input',
+  title: 'UI Components/Input',
   component: Input,
 };
 export default meta;

package/templates/typical/client/src/components/ui/InputGroup.stories.tsx

@@ -3,7 +3,7 @@ import { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput } from '@/
 import { MailIcon, SearchIcon } from 'lucide-react';
 
 const meta: Meta<typeof InputGroup> = {
-  title: 'InputGroup',
+  title: 'UI Components/InputGroup',
   component: InputGroup,
 };
 export default meta;

package/templates/typical/client/src/components/ui/InputOTP.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from '@/components/ui/InputOTP';
 
 const meta: Meta<typeof InputOTP> = {
-  title: 'InputOTP',
+  title: 'UI Components/InputOTP',
   component: InputOTP,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Item.stories.tsx

@@ -3,7 +3,7 @@ import { Item, ItemContent, ItemTitle, ItemDescription, ItemActions } from '@/co
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Item> = {
-  title: 'Item',
+  title: 'UI Components/Item',
   component: Item,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Kbd.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Kbd } from './Kbd';
 
 const meta: Meta<typeof Kbd> = {
-  title: 'Kbd',
+  title: 'UI Components/Kbd',
   component: Kbd,
   parameters: {
     layout: 'centered',

package/templates/typical/client/src/components/ui/Label.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Label } from './Label';
 
 const meta: Meta<typeof Label> = {
-  title: 'Label',
+  title: 'UI Components/Label',
   component: Label,
   parameters: {
     layout: 'centered',

package/templates/typical/client/src/components/ui/Menubar.stories.tsx

@@ -11,7 +11,7 @@ import {
 } from '@/components/ui/Menubar';
 
 const meta: Meta<typeof Menubar> = {
-  title: 'Menubar',
+  title: 'UI Components/Menubar',
   component: Menubar,
 };
 export default meta;

package/templates/typical/client/src/components/ui/NativeSelect.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { NativeSelect, NativeSelectOption } from '@/components/ui/NativeSelect';
 
 const meta: Meta<typeof NativeSelect> = {
-  title: 'NativeSelect',
+  title: 'UI Components/NativeSelect',
   component: NativeSelect,
 };
 export default meta;

package/templates/typical/client/src/components/ui/NavigationMenu.stories.tsx

@@ -9,7 +9,7 @@ import {
 } from '@/components/ui/NavigationMenu';
 
 const meta: Meta<typeof NavigationMenu> = {
-  title: 'NavigationMenu',
+  title: 'UI Components/NavigationMenu',
   component: NavigationMenu,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Pagination.stories.tsx

@@ -10,7 +10,7 @@ import {
 } from '@/components/ui/Pagination';
 
 const meta: Meta<typeof Pagination> = {
-  title: 'Pagination',
+  title: 'UI Components/Pagination',
   component: Pagination,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Popover.stories.tsx

@@ -3,7 +3,7 @@ import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/Popover
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Popover> = {
-  title: 'Popover',
+  title: 'UI Components/Popover',
   component: Popover,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Progress.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Progress } from '@/components/ui/Progress';
 
 const meta: Meta<typeof Progress> = {
-  title: 'Progress',
+  title: 'UI Components/Progress',
   component: Progress,
 };
 export default meta;

package/templates/typical/client/src/components/ui/RadioGroup.stories.tsx

@@ -3,7 +3,7 @@ import { RadioGroup, RadioGroupItem } from '@/components/ui/RadioGroup';
 import { Label } from '@/components/ui/Label';
 
 const meta: Meta<typeof RadioGroup> = {
-  title: 'RadioGroup',
+  title: 'UI Components/RadioGroup',
   component: RadioGroup,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Resizable.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@/components/ui/Resizable';
 
 const meta: Meta<typeof ResizablePanelGroup> = {
-  title: 'Resizable',
+  title: 'UI Components/Resizable',
   component: ResizablePanelGroup,
 };
 export default meta;

package/templates/typical/client/src/components/ui/ScrollArea.stories.tsx

@@ -3,7 +3,7 @@ import { ScrollArea, ScrollBar } from '@/components/ui/ScrollArea';
 import { Separator } from '@/components/ui/Separator';
 
 const meta: Meta<typeof ScrollArea> = {
-  title: 'ScrollArea',
+  title: 'UI Components/ScrollArea',
   component: ScrollArea,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Select.stories.tsx

@@ -10,7 +10,7 @@ import {
 } from '@/components/ui/Select';
 
 const meta: Meta<typeof Select> = {
-  title: 'Select',
+  title: 'UI Components/Select',
   component: Select,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Separator.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Separator } from '@/components/ui/Separator';
 
 const meta: Meta<typeof Separator> = {
-  title: 'Separator',
+  title: 'UI Components/Separator',
   component: Separator,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Sheet.stories.tsx

@@ -3,7 +3,7 @@ import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescri
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Sheet> = {
-  title: 'Sheet',
+  title: 'UI Components/Sheet',
   component: Sheet,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Sidebar.stories.tsx

@@ -15,7 +15,7 @@ import {
 } from '@/components/ui/Sidebar';
 
 const meta: Meta<typeof Sidebar> = {
-  title: 'Sidebar',
+  title: 'UI Components/Sidebar',
   component: Sidebar,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Skeleton.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Skeleton } from '@/components/ui/Skeleton';
 
 const meta: Meta<typeof Skeleton> = {
-  title: 'Skeleton',
+  title: 'UI Components/Skeleton',
   component: Skeleton,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Slider.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Slider } from '@/components/ui/Slider';
 
 const meta: Meta<typeof Slider> = {
-  title: 'Slider',
+  title: 'UI Components/Slider',
   component: Slider,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Sonner.stories.tsx

@@ -5,7 +5,7 @@ import { Toaster } from '@/components/ui/Sonner';
 import { Button } from '@/components/ui/Button';
 
 const meta: Meta<typeof Toaster> = {
-  title: 'Sonner',
+  title: 'UI Components/Sonner',
   component: Toaster,
   decorators: [
     (Story) => (

package/templates/typical/client/src/components/ui/Spinner.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Spinner } from '@/components/ui/Spinner';
 
 const meta: Meta<typeof Spinner> = {
-  title: 'Spinner',
+  title: 'UI Components/Spinner',
   component: Spinner,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Switch.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Switch } from '@/components/ui/Switch';
 
 const meta: Meta<typeof Switch> = {
-  title: 'Switch',
+  title: 'UI Components/Switch',
   component: Switch,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Table.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption } from '@/components/ui/Table';
 
 const meta: Meta<typeof Table> = {
-  title: 'Table',
+  title: 'UI Components/Table',
   component: Table,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Tabs.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/Tabs';
 
 const meta: Meta<typeof Tabs> = {
-  title: 'Tabs',
+  title: 'UI Components/Tabs',
   component: Tabs,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Textarea.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Textarea } from '@/components/ui/Textarea';
 
 const meta: Meta<typeof Textarea> = {
-  title: 'Textarea',
+  title: 'UI Components/Textarea',
   component: Textarea,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Toast.stories.tsx

@@ -13,7 +13,7 @@ import { Toaster } from '@/components/ui/Toaster';
 import { useToast } from '@/hooks/use-toast';
 
 const meta: Meta<typeof Toast> = {
-  title: 'Toast',
+  title: 'UI Components/Toast',
   component: Toast,
 };
 export default meta;
@@ -29,7 +29,7 @@ function ToastDemo() {
         variant="outline"
         onClick={() => {
           toast({
-            title: 'Scheduled: Catch up',
+            title: 'UI Components/Scheduled: Catch up',
             description: 'Friday, February 10, 2026 at 5:57 PM',
           });
         }}
@@ -55,7 +55,7 @@ function ToastDestructiveDemo() {
         onClick={() => {
           toast({
             variant: 'destructive',
-            title: 'Uh oh! Something went wrong.',
+            title: 'UI Components/Uh oh! Something went wrong.',
             description: 'There was a problem with your request.',
           });
         }}
@@ -80,7 +80,7 @@ function ToastWithActionDemo() {
         variant="outline"
         onClick={() => {
           toast({
-            title: 'Event created',
+            title: 'UI Components/Event created',
             description: 'Sunday, December 03, 2023 at 9:00 AM',
             action: <ToastAction altText="Undo">Undo</ToastAction>,
           });

package/templates/typical/client/src/components/ui/Toggle.stories.tsx

@@ -3,7 +3,7 @@ import { BoldIcon } from 'lucide-react';
 import { Toggle } from '@/components/ui/Toggle';
 
 const meta: Meta<typeof Toggle> = {
-  title: 'Toggle',
+  title: 'UI Components/Toggle',
   component: Toggle,
 };
 export default meta;

package/templates/typical/client/src/components/ui/ToggleGroup.stories.tsx

@@ -3,7 +3,7 @@ import { BoldIcon, ItalicIcon, UnderlineIcon } from 'lucide-react';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/ToggleGroup';
 
 const meta: Meta<typeof ToggleGroup> = {
-  title: 'ToggleGroup',
+  title: 'UI Components/ToggleGroup',
   component: ToggleGroup,
 };
 export default meta;

package/templates/typical/client/src/components/ui/Tooltip.stories.tsx

@@ -3,7 +3,7 @@ import { Button } from '@/components/ui/Button';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/Tooltip';
 
 const meta: Meta<typeof Tooltip> = {
-  title: 'Tooltip',
+  title: 'UI Components/Tooltip',
   component: Tooltip,
 };
 export default meta;

package/templates/typical/client/src/index.css

@@ -44,73 +44,73 @@
 
 :root {
   --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
+  --background: oklch(0.985 0 0);
+  --foreground: oklch(0.24 0.02 260);
   --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
+  --card-foreground: oklch(0.24 0.02 260);
   --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
+  --popover-foreground: oklch(0.24 0.02 260);
+  --primary: oklch(0.65 0.17 162);
+  --primary-foreground: oklch(0.98 0 0);
+  --secondary: oklch(0.96 0.005 260);
+  --secondary-foreground: oklch(0.24 0.02 260);
+  --muted: oklch(0.96 0.005 260);
+  --muted-foreground: oklch(0.55 0.01 260);
+  --accent: oklch(0.96 0.005 260);
+  --accent-foreground: oklch(0.24 0.02 260);
+  --destructive: oklch(0.58 0.22 27);
+  --destructive-foreground: oklch(0.98 0 0);
+  --border: oklch(0.91 0.005 260);
+  --input: oklch(0.91 0.005 260);
+  --ring: oklch(0.65 0.17 162);
+  --chart-1: oklch(0.65 0.17 162);
+  --chart-2: oklch(0.6 0.15 200);
+  --chart-3: oklch(0.55 0.12 250);
+  --chart-4: oklch(0.7 0.14 80);
+  --chart-5: oklch(0.6 0.18 300);
+  --sidebar: oklch(0.98 0 0);
+  --sidebar-foreground: oklch(0.24 0.02 260);
+  --sidebar-primary: oklch(0.65 0.17 162);
+  --sidebar-primary-foreground: oklch(0.98 0 0);
+  --sidebar-accent: oklch(0.96 0.005 260);
+  --sidebar-accent-foreground: oklch(0.24 0.02 260);
+  --sidebar-border: oklch(0.91 0.005 260);
+  --sidebar-ring: oklch(0.65 0.17 162);
 }
 
 .dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.145 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.145 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.269 0 0);
-  --input: oklch(0.269 0 0);
-  --ring: oklch(0.439 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(0.269 0 0);
-  --sidebar-ring: oklch(0.439 0 0);
+  --background: oklch(0.15 0.015 260);
+  --foreground: oklch(0.98 0 0);
+  --card: oklch(0.15 0.015 260);
+  --card-foreground: oklch(0.98 0 0);
+  --popover: oklch(0.15 0.015 260);
+  --popover-foreground: oklch(0.98 0 0);
+  --primary: oklch(0.65 0.17 162);
+  --primary-foreground: oklch(0.15 0.02 162);
+  --secondary: oklch(0.27 0.015 260);
+  --secondary-foreground: oklch(0.98 0 0);
+  --muted: oklch(0.27 0.015 260);
+  --muted-foreground: oklch(0.7 0.01 260);
+  --accent: oklch(0.27 0.015 260);
+  --accent-foreground: oklch(0.98 0 0);
+  --destructive: oklch(0.55 0.22 27);
+  --destructive-foreground: oklch(0.98 0 0);
+  --border: oklch(0.27 0.015 260);
+  --input: oklch(0.27 0.015 260);
+  --ring: oklch(0.65 0.17 162);
+  --chart-1: oklch(0.65 0.17 162);
+  --chart-2: oklch(0.6 0.15 200);
+  --chart-3: oklch(0.55 0.12 250);
+  --chart-4: oklch(0.7 0.14 80);
+  --chart-5: oklch(0.6 0.18 300);
+  --sidebar: oklch(0.12 0.015 260);
+  --sidebar-foreground: oklch(0.98 0 0);
+  --sidebar-primary: oklch(0.65 0.17 162);
+  --sidebar-primary-foreground: oklch(0.15 0.02 162);
+  --sidebar-accent: oklch(0.27 0.015 260);
+  --sidebar-accent-foreground: oklch(0.98 0 0);
+  --sidebar-border: oklch(0.27 0.015 260);
+  --sidebar-ring: oklch(0.65 0.17 162);
 }
 
 @layer base {