@djangocfg/ui-core 2.1.259 → 2.1.261

package/src/components/{radio-group.story.tsx → forms/radio-group/radio-group.story.tsx}

@@ -1,6 +1,6 @@
 import { defineStory, useBoolean } from '@djangocfg/playground';
-import { RadioGroup, RadioGroupItem } from './radio-group';
-import { Label } from './label';
+import { RadioGroup, RadioGroupItem } from '.';
+import { Label } from '../../forms/label';
 
 export default defineStory({
   title: 'Core/Radio Group',

package/src/components/{slider.tsx → forms/slider/index.tsx}

@@ -4,8 +4,8 @@ import * as React from 'react';
 
 import * as SliderPrimitive from '@radix-ui/react-slider';
 
-import { useStoredValue, type StorageType, type UseStoredValueOptions } from '../hooks/useStoredValue';
-import { cn } from '../lib/utils';
+import { useStoredValue, type StorageType, type UseStoredValueOptions } from '../../../hooks/useStoredValue';
+import { cn } from '../../../lib/utils';
 
 export interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
   /**

package/src/components/{slider.story.tsx → forms/slider/slider.story.tsx}

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { defineStory, useBoolean, useNumber } from '@djangocfg/playground';
-import { Slider } from './slider';
-import { Label } from './label';
+import { Slider } from '.';
+import { Label } from '../../forms/label';
 
 export default defineStory({
   title: 'Core/Slider',

package/src/components/{switch.tsx → forms/switch/index.tsx}

@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,

package/src/components/{switch.story.tsx → forms/switch/switch.story.tsx}

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { defineStory, useBoolean } from '@djangocfg/playground';
-import { Switch } from './switch';
-import { Label } from './label';
+import { Switch } from '.';
+import { Label } from '../../forms/label';
 
 export default defineStory({
   title: 'Core/Switch',

package/src/components/{textarea.tsx → forms/textarea/index.tsx}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
-import { useStoredValue, type StorageType, type UseStoredValueOptions } from '../hooks/useStoredValue';
-import { cn } from '../lib/utils';
+import { useStoredValue, type StorageType, type UseStoredValueOptions } from '../../../hooks/useStoredValue';
+import { cn } from '../../../lib/utils';
 
 export interface TextareaProps extends React.ComponentProps<"textarea"> {
   /**

package/src/components/{textarea.story.tsx → forms/textarea/textarea.story.tsx}

@@ -1,6 +1,6 @@
 import { defineStory, useBoolean, useNumber } from '@djangocfg/playground';
-import { Textarea } from './textarea';
-import { Label } from './label';
+import { Textarea } from '.';
+import { Label } from '../../forms/label';
 
 export default defineStory({
   title: 'Core/Textarea',

package/src/components/index.ts

@@ -1,113 +1,123 @@
 "use client";
 
-// Basic Components
-export { Button, ButtonLink, buttonVariants } from './button';
-export type { ButtonProps, ButtonLinkProps } from './button';
-export { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from './card';
-export { Badge } from './badge';
-export { Input } from './input';
-export { Textarea } from './textarea';
-export { Label } from './label';
-export { Section, SectionHeader } from './section';
-export { ImageWithFallback } from './image-with-fallback';
+// ─────────────────────────────────────────────────────────────────────────────
+// Forms
+// ─────────────────────────────────────────────────────────────────────────────
+export { Button, ButtonLink, buttonVariants } from './forms/button';
+export type { ButtonProps, ButtonLinkProps } from './forms/button';
+export { Input } from './forms/input';
+export { Textarea } from './forms/textarea';
+export { Label } from './forms/label';
+export { Checkbox } from './forms/checkbox';
+export { RadioGroup, RadioGroupItem } from './forms/radio-group';
+export { Switch } from './forms/switch';
+export { Slider } from './forms/slider';
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from './forms/button-group';
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './forms/form';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea } from './forms/input-group';
+export { InputOTP, InputOTPGroup, InputOTPSlot } from './forms/input-otp';
+export { PhoneInput } from './forms/phone-input';
+export type { PhoneInputProps } from './forms/phone-input';
+export { OTPInput, InputOTPSeparator, useSmartOTP } from './forms/otp';
+export type { SmartOTPProps as OTPInputProps, OTPValidationMode, OTPPasteBehavior, OTPValidator } from './forms/otp/types';
+export { ButtonGroup as ButtonGroupComponent } from './forms/button-group';
+export { DownloadButton } from './forms/button-download';
+export type { DownloadButtonProps } from './forms/button-download';
 
-// Form Components
-export { Checkbox } from './checkbox';
-export { RadioGroup, RadioGroupItem } from './radio-group';
-export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';
-export { Combobox } from './combobox';
-export type { ComboboxOption, ComboboxProps } from './combobox';
-export { MultiSelect } from './multi-select';
-export type { MultiSelectOption, MultiSelectProps } from './multi-select';
-export { MultiSelectPro } from './multi-select-pro';
-export type { MultiSelectProOption, MultiSelectProGroup, MultiSelectProProps, MultiSelectProRef, AnimationConfig, ResponsiveConfig } from './multi-select-pro';
-export { CountrySelect, getEmojiFlag } from './country-select';
-export type { CountrySelectProps, CountrySelectVariant, CountryOption, TCountryCode } from './country-select';
-export { LanguageSelect, getLanguageFlag, LANGUAGE_TO_COUNTRY } from './language-select';
-export type { LanguageSelectProps, LanguageSelectVariant, LanguageOption, TLanguageCode } from './language-select';
-export { MultiSelectProAsync } from './multi-select-pro/async';
-export type { MultiSelectProAsyncProps } from './multi-select-pro/async';
-export { Switch } from './switch';
-export { Slider } from './slider';
-export { InputOTP, InputOTPGroup, InputOTPSlot } from './input-otp';
-export { OTPInput, InputOTPSeparator, useSmartOTP } from './otp';
-export type { SmartOTPProps as OTPInputProps, OTPValidationMode, OTPPasteBehavior, OTPValidator } from './otp/types';
+// ─────────────────────────────────────────────────────────────────────────────
+// Field (advanced form layout)
+// ─────────────────────────────────────────────────────────────────────────────
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle } from './forms/field';
 
-// Layout Components
-export { Separator } from './separator';
-export { Skeleton } from './skeleton';
-export { AspectRatio } from './aspect-ratio';
-export { ScrollArea, ScrollBar } from './scroll-area';
-export type { ScrollAreaHandle, ScrollAreaProps, ScrollAreaOrientation } from './scroll-area';
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useResizableDragging } from './resizable';
-export type { ResizableHandleProps, ImperativePanelHandle } from './resizable';
-export { Sticky } from './sticky';
-export { Portal } from './portal';
-export type { PortalProps } from './portal';
+// ─────────────────────────────────────────────────────────────────────────────
+// Select Components (existing folder - untouched)
+// ─────────────────────────────────────────────────────────────────────────────
+export * from './select';
 
-// Overlay Components
-export { Dialog, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from './dialog';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from './alert-dialog';
-export { Popover, PopoverContent, PopoverTrigger, PopoverAnchor, PopoverArrow } from './popover';
-export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './sheet';
-export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription } from './drawer';
-export { ResponsiveSheet, ResponsiveSheetContent, ResponsiveSheetHeader, ResponsiveSheetTitle, ResponsiveSheetDescription, ResponsiveSheetFooter } from './responsive-sheet';
-export { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card';
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';
+// ─────────────────────────────────────────────────────────────────────────────
+// Overlay
+// ─────────────────────────────────────────────────────────────────────────────
+export { Dialog, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from './overlay/dialog';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from './overlay/alert-dialog';
+export { Popover, PopoverContent, PopoverTrigger, PopoverAnchor, PopoverArrow } from './overlay/popover';
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './overlay/sheet';
+export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription } from './overlay/drawer';
+export { ResponsiveSheet, ResponsiveSheetContent, ResponsiveSheetHeader, ResponsiveSheetTitle, ResponsiveSheetDescription, ResponsiveSheetFooter } from './overlay/responsive-sheet';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from './overlay/hover-card';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './overlay/tooltip';
 
-// Data Display Components
-export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from './table';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs';
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';
-export { Progress } from './progress';
-export { Avatar, AvatarFallback, AvatarImage } from './avatar';
-export { Calendar, CalendarDayButton } from './calendar';
-export { DatePicker, DateRangePicker } from './calendar';
-export type { DatePickerProps, DateRangePickerProps, DateRange } from './calendar';
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './carousel';
-export type { CarouselApi } from './carousel';
-export { TokenIcon, getAllTokenSymbols, searchTokens, getTokensByCategory } from './token-icon';
-export type { TokenIconProps, TokenSymbol, TokenCategory } from './token-icon';
+// ─────────────────────────────────────────────────────────────────────────────
+// Navigation
+// ─────────────────────────────────────────────────────────────────────────────
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport } from './navigation/navigation-menu';
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut } from './navigation/menubar';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup } from './navigation/dropdown-menu';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './navigation/context-menu';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './navigation/tabs';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './navigation/accordion';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './navigation/collapsible';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './navigation/command';
 
-// Chart Components
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle } from './chart';
+// ─────────────────────────────────────────────────────────────────────────────
+// Layout
+// ─────────────────────────────────────────────────────────────────────────────
+export { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from './layout/card';
+export { Separator } from './layout/separator';
+export { Skeleton } from './layout/skeleton';
+export { AspectRatio } from './layout/aspect-ratio';
+export { ScrollArea, ScrollBar } from './layout/scroll-area';
+export type { ScrollAreaHandle, ScrollAreaProps, ScrollAreaOrientation } from './layout/scroll-area';
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useResizableDragging } from './layout/resizable';
+export type { ResizableHandleProps, ImperativePanelHandle } from './layout/resizable';
+export { Sticky } from './layout/sticky';
+export { Section, SectionHeader } from './layout/section';
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Data Display
+// ─────────────────────────────────────────────────────────────────────────────
+export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from './data/table';
+export { Badge } from './data/badge';
+export { Avatar, AvatarFallback, AvatarImage } from './data/avatar';
+export { Progress } from './data/progress';
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './data/carousel';
+export type { CarouselApi } from './data/carousel';
+export { Calendar, CalendarDayButton } from './data/calendar';
+export { DatePicker, DateRangePicker } from './data/calendar';
+export type { DatePickerProps, DateRangePickerProps, DateRange } from './data/calendar';
+export { Toggle } from './data/toggle';
+export { ToggleGroup, ToggleGroupItem } from './data/toggle-group';
 
-// Interactive Components
-export { Toggle } from './toggle';
-export { ToggleGroup, ToggleGroupItem } from './toggle-group';
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './command';
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './context-menu';
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup } from './dropdown-menu';
+// ─────────────────────────────────────────────────────────────────────────────
+// Chart Components
+// ─────────────────────────────────────────────────────────────────────────────
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle } from './data/chart';
 
-// Feedback Components
-export { Alert, AlertDescription, AlertTitle } from './alert';
+// ─────────────────────────────────────────────────────────────────────────────
+// Feedback
+// ─────────────────────────────────────────────────────────────────────────────
+export { Alert, AlertDescription, AlertTitle } from './feedback/alert';
+export { Spinner } from './feedback/spinner';
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia } from './feedback/empty';
+export { Preloader, PreloaderSkeleton } from './feedback/preloader';
+export type { PreloaderProps, PreloaderSkeletonProps } from './feedback/preloader';
+export { Toaster } from './feedback/sonner';
 
-// Form Components
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './form';
-export { ButtonGroup } from './button-group';
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia } from './empty';
-export { Spinner } from './spinner';
-export { Preloader, PreloaderSkeleton } from './preloader';
-export type { PreloaderProps, PreloaderSkeletonProps } from './preloader';
-export { Kbd, KbdGroup } from './kbd';
-export type { KbdProps, KbdSize } from './kbd';
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea } from './input-group';
-export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter } from './item';
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle } from './field';
+// ─────────────────────────────────────────────────────────────────────────────
+// Specialized
+// ─────────────────────────────────────────────────────────────────────────────
+export { Kbd, KbdGroup } from './specialized/kbd';
+export type { KbdProps, KbdSize } from './specialized/kbd';
+export { CopyButton, CopyField } from './specialized/copy';
+export type { CopyButtonProps, CopyFieldProps } from './specialized/copy';
+export { TokenIcon, getAllTokenSymbols, searchTokens, getTokensByCategory } from './specialized/token-icon';
+export type { TokenIconProps, TokenSymbol, TokenCategory } from './specialized/token-icon';
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter } from './specialized/item';
+export { Portal } from './specialized/portal';
+export type { PortalProps } from './specialized/portal';
+export { ImageWithFallback } from './specialized/image-with-fallback';
 
-// Effects / Background
+// ─────────────────────────────────────────────────────────────────────────────
+// Effects
+// ─────────────────────────────────────────────────────────────────────────────
 export { GlowBackground } from './effects';
 export type { GlowBackgroundProps } from './effects';
-
-export { CopyButton, CopyField } from './copy';
-export type { CopyButtonProps, CopyFieldProps } from './copy';
-export { DownloadButton } from './button-download';
-export type { DownloadButtonProps } from './button-download';
-
-// Additional Components
-export { Toaster } from './sonner';
-export { PhoneInput } from './phone-input';
-export type { PhoneInputProps } from './phone-input';
-export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport } from './navigation-menu';
-export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut } from './menubar';

package/src/components/{aspect-ratio.story.tsx → layout/aspect-ratio/aspect-ratio.story.tsx}

@@ -1,5 +1,5 @@
 import { defineStory, useSelect } from '@djangocfg/playground';
-import { AspectRatio } from './aspect-ratio';
+import { AspectRatio } from '.';
 
 export default defineStory({
   title: 'Core/Aspect Ratio',

package/src/components/{card.story.tsx → layout/card/card.story.tsx}

@@ -1,8 +1,8 @@
 import { defineStory } from '@djangocfg/playground';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './card';
-import { Button } from './button';
-import { Input } from './input';
-import { Label } from './label';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '.';
+import { Button } from '../../forms/button';
+import { Input } from '../../forms/input';
+import { Label } from '../../forms/label';
 
 export default defineStory({
   title: 'Core/Card',

package/src/components/{card.tsx → layout/card/index.tsx}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 const Card = React.forwardRef<
   HTMLDivElement,

package/src/components/{resizable.tsx → layout/resizable/index.tsx}

@@ -4,7 +4,7 @@ import * as ResizablePrimitive from 'react-resizable-panels';
 
 import { DragHandleDots2Icon } from '@radix-ui/react-icons';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 // Context to share dragging state across panel group
 const ResizableDraggingContext = React.createContext<{

package/src/components/{resizable.story.tsx → layout/resizable/resizable.story.tsx}

@@ -1,5 +1,5 @@
 import { defineStory } from '@djangocfg/playground';
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './resizable';
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '.';
 
 export default defineStory({
   title: 'Core/Resizable',

package/src/components/{scroll-area.tsx → layout/scroll-area/index.tsx}

@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 /**
  * ScrollArea imperative handle for programmatic control

package/src/components/{scroll-area.story.tsx → layout/scroll-area/scroll-area.story.tsx}

@@ -1,6 +1,6 @@
 import { defineStory } from '@djangocfg/playground';
-import { ScrollArea, ScrollBar } from './scroll-area';
-import { Separator } from './separator';
+import { ScrollArea, ScrollBar } from '.';
+import { Separator } from '../../layout/separator';
 
 export default defineStory({
   title: 'Core/Scroll Area',

package/src/components/{section.tsx → layout/section/index.tsx}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 interface SectionProps {
   children: ReactNode;

package/src/components/{separator.tsx → layout/separator/index.tsx}

@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

package/src/components/{separator.story.tsx → layout/separator/separator.story.tsx}

@@ -1,5 +1,5 @@
 import { defineStory } from '@djangocfg/playground';
-import { Separator } from './separator';
+import { Separator } from '.';
 
 export default defineStory({
   title: 'Core/Separator',

package/src/components/{skeleton.tsx → layout/skeleton/index.tsx}

@@ -1,4 +1,4 @@
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 function Skeleton({
   className,

package/src/components/{skeleton.story.tsx → layout/skeleton/skeleton.story.tsx}

@@ -1,5 +1,5 @@
 import { defineStory } from '@djangocfg/playground';
-import { Skeleton } from './skeleton';
+import { Skeleton } from '.';
 
 export default defineStory({
   title: 'Core/Skeleton',

package/src/components/{sticky.tsx → layout/sticky/index.tsx}

@@ -35,7 +35,7 @@
 import * as React from 'react';
 import StickyBox from 'react-sticky-box';
 
-import { useIsMobile } from '../hooks/useMobile';
+import { useIsMobile } from '../../../hooks/useMobile';
 
 export interface StickyProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Stick to bottom instead of top */

package/src/components/{accordion.story.tsx → navigation/accordion/accordion.story.tsx}

@@ -1,5 +1,5 @@
 import { defineStory } from '@djangocfg/playground';
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '.';
 
 export default defineStory({
   title: 'Core/Accordion',

package/src/components/{accordion.tsx → navigation/accordion/index.tsx}

@@ -5,8 +5,8 @@ import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
 
-import { useStoredValue, type StorageType, type UseStoredValueOptions } from '../hooks/useStoredValue';
-import { cn } from '../lib/utils';
+import { useStoredValue, type StorageType, type UseStoredValueOptions } from '../../../hooks/useStoredValue';
+import { cn } from '../../../lib/utils';
 
 type AccordionSingleProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
   type: 'single'

package/src/components/{collapsible.story.tsx → navigation/collapsible/collapsible.story.tsx}

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { defineStory } from '@djangocfg/playground';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';
-import { Button } from './button';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '.';
+import { Button } from '../../forms/button';
 import { ChevronsUpDown } from 'lucide-react';
 
 export default defineStory({

package/src/components/{command.story.tsx → navigation/command/command.story.tsx}

@@ -9,9 +9,9 @@ import {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-} from './command';
+} from '.';
 import { useState } from 'react';
-import { Button } from './button';
+import { Button } from '../../forms/button';
 import { Calendar, Smile, Calculator, User, CreditCard, Settings } from 'lucide-react';
 
 export default defineStory({

package/src/components/{command.tsx → navigation/command/index.tsx}

@@ -6,8 +6,8 @@ import * as React from 'react';
 import { DialogProps} from '@radix-ui/react-dialog';
 import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
 
-import { cn } from '../lib/utils';
-import { Dialog, DialogContent } from './dialog';
+import { cn } from '../../../lib/utils';
+import { Dialog, DialogContent } from '../../overlay/dialog';
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,

package/src/components/{context-menu.story.tsx → navigation/context-menu/context-menu.story.tsx}

@@ -14,7 +14,7 @@ import {
   ContextMenuRadioGroup,
   ContextMenuRadioItem,
   ContextMenuLabel,
-} from './context-menu';
+} from '.';
 
 export default defineStory({
   title: 'Core/ContextMenu',

package/src/components/{context-menu.tsx → navigation/context-menu/index.tsx}

@@ -5,7 +5,7 @@ import * as React from 'react';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 const ContextMenu = ContextMenuPrimitive.Root
 

package/src/components/{dropdown-menu.story.tsx → navigation/dropdown-menu/dropdown-menu.story.tsx}

@@ -14,8 +14,8 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuRadioGroup,
-} from './dropdown-menu';
-import { Button } from './button';
+} from '.';
+import { Button } from '../../forms/button';
 import { useState } from 'react';
 import {
   User,

package/src/components/{dropdown-menu.tsx → navigation/dropdown-menu/index.tsx}

@@ -3,7 +3,7 @@
 import { Check, ChevronRight, Circle } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '../lib';
+import { cn } from '../../../lib';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
 const DropdownMenu = DropdownMenuPrimitive.Root

package/src/components/{menubar.tsx → navigation/menubar/index.tsx}

@@ -3,7 +3,7 @@
 import { Check, ChevronRight, Circle } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '../lib';
+import { cn } from '../../../lib';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 
 function MenubarMenu({

package/src/components/{menubar.story.tsx → navigation/menubar/menubar.story.tsx}

@@ -14,7 +14,7 @@ import {
   MenubarCheckboxItem,
   MenubarRadioGroup,
   MenubarRadioItem,
-} from './menubar';
+} from '.';
 
 export default defineStory({
   title: 'Core/Menubar',

package/src/components/{navigation-menu.tsx → navigation/navigation-menu/index.tsx}

@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { ChevronDown } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '../lib';
+import { cn } from '../../../lib';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 
 const NavigationMenu = React.forwardRef<

package/src/components/{navigation-menu.story.tsx → navigation/navigation-menu/navigation-menu.story.tsx}

@@ -7,8 +7,8 @@ import {
   NavigationMenuContent,
   NavigationMenuLink,
   navigationMenuTriggerStyle,
-} from './navigation-menu';
-import { cn } from '../lib';
+} from '.';
+import { cn } from '../../../lib';
 
 export default defineStory({
   title: 'Core/NavigationMenu',

package/src/components/{tabs.tsx → navigation/tabs/index.tsx}

@@ -5,13 +5,13 @@ import * as React from 'react';
 
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
-import { useIsMobile } from '../hooks';
-import { useStoredValue, type StorageType } from '../hooks/useStoredValue';
+import { useIsMobile } from '../../../hooks';
+import { useStoredValue, type StorageType } from '../../../hooks/useStoredValue';
 import { useAppT } from '@djangocfg/i18n';
-import { cn } from '../lib/utils';
-import { Button } from './button';
-import { ScrollArea, ScrollBar } from './scroll-area';
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './sheet';
+import { cn } from '../../../lib/utils';
+import { Button } from '../../forms/button';
+import { ScrollArea, ScrollBar } from '../../layout/scroll-area';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '../../overlay/sheet';
 
 // ─────────────────────────────────────────────────────────────────────────
 // Tabs Root with Mobile Sheet Support