@omnifyjp/ui 1.0.1 → 2.0.0

package/dist/components/inputs/rating.js

@@ -0,0 +1,4 @@
+export { Rating } from '../../chunk-N6OUJIQD.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=rating.js.map
+//# sourceMappingURL=rating.js.map

package/dist/components/{select.js → inputs/select.js}

@@ -1,4 +1,4 @@
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../chunk-NNJTKHCE.js';
-import '../chunk-DGPY4WP3.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-LTGCKJX7.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=select.js.map
 //# sourceMappingURL=select.js.map

package/dist/components/inputs/slider.js

@@ -0,0 +1,4 @@
+export { Slider } from '../../chunk-S73PGQD5.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=slider.js.map
+//# sourceMappingURL=slider.js.map

package/dist/components/inputs/slug-input.js

@@ -0,0 +1,8 @@
+export { SlugInput, generateSlug } from '../../chunk-6S5AZCU6.js';
+import '../../chunk-HXMY2NQ3.js';
+import '../../chunk-5K6RO5R3.js';
+import '../../chunk-YU55YBID.js';
+import '../../chunk-EYJ7TJIX.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=slug-input.js.map
+//# sourceMappingURL=slug-input.js.map

package/dist/components/inputs/switch.js

@@ -0,0 +1,4 @@
+export { Switch } from '../../chunk-EAY3QSID.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/dist/components/inputs/tag-input.js

@@ -0,0 +1,5 @@
+export { TagInput } from '../../chunk-I6PJSYBI.js';
+import '../../chunk-5SAUUOCN.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=tag-input.js.map
+//# sourceMappingURL=tag-input.js.map

package/dist/components/inputs/textarea.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { TranslatableConfig, TranslatableValue } from '../../providers/ui-provider.js';
+import 'react/jsx-runtime';
+
+type NativeTextareaProps = Omit<React.ComponentProps<'textarea'>, 'value' | 'onChange'>;
+interface StandardTextareaProps extends NativeTextareaProps {
+    /** Translatable mode disabled (default). */
+    translatable?: never;
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+}
+interface TranslatableTextareaProps extends NativeTextareaProps {
+    /**
+     * Enable locale-switching tabs on this textarea.
+     * - `true` — inherit UIProvider's locale config
+     * - `object` — override locales/defaultLocale/fallbackLocale per field
+     *
+     * @example
+     * ```tsx
+     * // Uses UIProvider config
+     * <Textarea translatable value={val} onChange={setVal} />
+     *
+     * // Custom per-field config
+     * <Textarea
+     *   translatable={{ locales: { en: 'English', vi: 'Tiếng Việt' }, fallbackLocale: 'en' }}
+     *   value={val}
+     *   onChange={setVal}
+     * />
+     * ```
+     */
+    translatable: TranslatableConfig;
+    value?: TranslatableValue;
+    onChange?: (value: TranslatableValue) => void;
+    /**
+     * Per-locale validation errors. Truthy string = that locale is invalid.
+     * The active locale's error is forwarded as `aria-invalid` on the textarea;
+     * all locale tabs with errors show a red dot indicator.
+     *
+     * @example `{ en: 'Required', vi: 'Too long (120/100)' }`
+     */
+    errors?: Partial<Record<string, string>>;
+}
+type TextareaProps = StandardTextareaProps | TranslatableTextareaProps;
+/**
+ * Multi-line text input with auto-sizing via `field-sizing-content`.
+ * Supports translatable mode via the `translatable` prop.
+ *
+ * @example
+ * ```tsx
+ * // Standard
+ * <Textarea placeholder="Enter a description..." />
+ * <Textarea value={content} onChange={(e) => setContent(e.target.value)} />
+ *
+ * // Translatable — uses UIProvider's locale config
+ * <Textarea translatable value={val} onChange={setVal} />
+ *
+ * // Translatable — custom config
+ * <Textarea
+ *   translatable={{ locales: { en: 'English', vi: 'Tiếng Việt' }, fallbackLocale: 'en' }}
+ *   value={val}
+ *   onChange={setVal}
+ * />
+ * ```
+ */
+declare const Textarea: React.ForwardRefExoticComponent<(Omit<StandardTextareaProps, "ref"> | Omit<TranslatableTextareaProps, "ref">) & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/components/inputs/textarea.js

@@ -0,0 +1,6 @@
+export { Textarea } from '../../chunk-DNPRGSOD.js';
+import '../../chunk-5K6RO5R3.js';
+import '../../chunk-YU55YBID.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

package/dist/{chunk-6DIDQ4TB.js → components/inputs/time-picker.js}

@@ -1,8 +1,10 @@
-import { ScrollArea } from './chunk-JJSVA3TH.js';
-import { Input } from './chunk-3VU56V66.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-C34KSTWA.js';
-import { Button } from './chunk-55E7D2HR.js';
-import { cn } from './chunk-DGPY4WP3.js';
+import { Input } from '../../chunk-HXMY2NQ3.js';
+import '../../chunk-5K6RO5R3.js';
+import '../../chunk-YU55YBID.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../../chunk-7NMNLY7F.js';
+import { ScrollArea } from '../../chunk-LUYTKHGS.js';
+import { Button } from '../../chunk-BOV3Q2JH.js';
+import { cn } from '../../chunk-DGPY4WP3.js';
 import * as React from 'react';
 import { Clock } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -127,5 +129,5 @@ function TimeInput({
 }
 
 export { TimeInput, TimePicker };
-//# sourceMappingURL=chunk-6DIDQ4TB.js.map
-//# sourceMappingURL=chunk-6DIDQ4TB.js.map
+//# sourceMappingURL=time-picker.js.map
+//# sourceMappingURL=time-picker.js.map

package/dist/components/inputs/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/inputs/time-picker.tsx"],"names":[],"mappings":"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","file":"time-picker.js","sourcesContent":["import * as React from \"react\";\nimport { Clock } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlay/popover\";\nimport { ScrollArea } from \"../display/scroll-area\";\n\ninterface TimePickerProps {\n  /** Currently selected time in `\"HH:mm\"` format (e.g., `\"14:30\"`). */\n  value?: string;\n  /** Callback fired when a time is selected. Receives a `\"HH:mm\"` string. */\n  onChange?: (time: string) => void;\n  /** Placeholder text shown when no time is selected. */\n  placeholder?: string;\n  /** Additional CSS class for the trigger button. */\n  className?: string;\n  /** Whether the time picker is disabled. */\n  disabled?: boolean;\n  /** Use 24-hour format (0-23). When false, shows 12-hour (1-12). Defaults to `true`. */\n  format24h?: boolean;\n}\n\n/**\n * Time picker with a scrollable hour/minute popover.\n * Opens a two-column dropdown for selecting hours and minutes.\n *\n * @example\n * ```tsx\n * const [time, setTime] = useState<string>();\n *\n * <TimePicker\n *   value={time}\n *   onChange={setTime}\n *   placeholder=\"Select time\"\n *   format24h\n * />\n * ```\n */\nexport function TimePicker({\n  value,\n  onChange,\n  placeholder = \"Chọn giờ\",\n  className,\n  disabled,\n  format24h = true,\n}: TimePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const hours = format24h\n    ? Array.from({ length: 24 }, (_, i) => i.toString().padStart(2, \"0\"))\n    : Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, \"0\"));\n\n  const minutes = Array.from({ length: 60 }, (_, i) =>\n    i.toString().padStart(2, \"0\")\n  );\n\n  const [selectedHour, selectedMinute] = value?.split(\":\") || [\"\", \"\"];\n\n  const handleHourSelect = (hour: string) => {\n    const newTime = `${hour}:${selectedMinute || \"00\"}`;\n    onChange?.(newTime);\n  };\n\n  const handleMinuteSelect = (minute: string) => {\n    const newTime = `${selectedHour || \"00\"}:${minute}`;\n    onChange?.(newTime);\n    setOpen(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          disabled={disabled}\n          className={cn(\n            \"w-full justify-start\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <Clock className=\"mr-2 h-4 w-4\" />\n          {value || placeholder}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <div className=\"flex\">\n          {/* Hours */}\n          <ScrollArea className=\"h-60 w-20 border-r\">\n            <div className=\"p-1\">\n              {hours.map((hour) => (\n                <button\n                  key={hour}\n                  type=\"button\"\n                  onClick={() => handleHourSelect(hour)}\n                  className={cn(\n                    \"w-full px-3 py-2 text-sm rounded hover:bg-accent transition-colors text-center\",\n                    selectedHour === hour && \"bg-primary/10 text-primary font-semibold\"\n                  )}\n                >\n                  {hour}\n                </button>\n              ))}\n            </div>\n          </ScrollArea>\n\n          {/* Minutes */}\n          <ScrollArea className=\"h-60 w-20\">\n            <div className=\"p-1\">\n              {minutes.map((minute) => (\n                <button\n                  key={minute}\n                  type=\"button\"\n                  onClick={() => handleMinuteSelect(minute)}\n                  className={cn(\n                    \"w-full px-3 py-2 text-sm rounded hover:bg-accent transition-colors text-center\",\n                    selectedMinute === minute && \"bg-primary/10 text-primary font-semibold\"\n                  )}\n                >\n                  {minute}\n                </button>\n              ))}\n            </div>\n          </ScrollArea>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface TimeInputProps {\n  /** Current time value in `\"HH:mm\"` format. */\n  value?: string;\n  /** Callback fired on blur with a valid `\"HH:mm\"` string. */\n  onChange?: (time: string) => void;\n  /** Additional CSS class for the input wrapper. */\n  className?: string;\n  /** Whether the input is disabled. */\n  disabled?: boolean;\n}\n\n/**\n * Inline text input for typing a time value directly.\n * Automatically formats input as `HH:mm` and validates on blur.\n *\n * @example\n * ```tsx\n * const [time, setTime] = useState(\"09:00\");\n *\n * <TimeInput value={time} onChange={setTime} />\n * ```\n */\nexport function TimeInput({\n  value = \"\",\n  onChange,\n  className,\n  disabled,\n}: TimeInputProps) {\n  const [localValue, setLocalValue] = React.useState(value);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let input = e.target.value.replace(/\\D/g, \"\"); // Remove non-digits\n\n    if (input.length >= 2) {\n      const hours = parseInt(input.substring(0, 2));\n      if (hours > 23) input = \"23\" + input.substring(2);\n    }\n\n    if (input.length >= 4) {\n      const minutes = parseInt(input.substring(2, 4));\n      if (minutes > 59) input = input.substring(0, 2) + \"59\";\n    }\n\n    // Format as HH:mm\n    if (input.length >= 2) {\n      input = input.substring(0, 2) + \":\" + input.substring(2, 4);\n    }\n\n    setLocalValue(input);\n  };\n\n  const handleBlur = () => {\n    // Validate and format\n    const parts = localValue.split(\":\");\n    if (parts.length === 2 && parts[0].length === 2 && parts[1].length === 2) {\n      onChange?.(localValue);\n    } else {\n      setLocalValue(value);\n    }\n  };\n\n  return (\n    <div className=\"relative\">\n      <Input\n        type=\"text\"\n        value={localValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        placeholder=\"00:00\"\n        maxLength={5}\n        disabled={disabled}\n        className={cn(\"pr-10\", className)}\n      />\n      <Clock className=\"absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n    </div>\n  );\n}\n"]}

package/dist/components/inputs/translatable-field.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { UILocaleConfig, TranslatableValue, LocaleCode } from '../../providers/ui-provider.js';
+
+interface TranslatableRenderProps {
+    /** Active locale code, e.g. `'en'` */
+    locale: LocaleCode;
+    /** String value for the active locale */
+    value: string;
+    /** Call with the new string to update the active locale's value */
+    onChange: (value: string) => void;
+    /** Fallback value shown as placeholder when the active locale is empty */
+    fallbackPlaceholder: string | undefined;
+    /** True when the active locale has a truthy entry in `errors` */
+    hasError: boolean;
+}
+interface TranslatableFieldProps {
+    config: UILocaleConfig;
+    value: TranslatableValue;
+    onChange: (value: TranslatableValue) => void;
+    /** Render the actual input. Receives locale-scoped value/onChange. */
+    children: (props: TranslatableRenderProps) => ReactNode;
+    className?: string;
+    /**
+     * Per-locale validation errors. A truthy string for a locale code marks that
+     * locale as invalid: its tab dot turns red and `hasError` is `true` in the
+     * render props when that locale is active.
+     *
+     * @example `{ en: '', vi: 'Too long' }` — only VI has an error
+     */
+    errors?: Partial<Record<string, string>>;
+}
+/**
+ * Wraps any text input with a locale switcher tab bar.
+ * Used internally by `Input` and `Textarea` when `translatable` prop is set.
+ *
+ * When more than 3 locales are configured, overflow locales are collapsed into
+ * a dropdown button to prevent the tab bar from overflowing.
+ *
+ * @example
+ * ```tsx
+ * <TranslatableField config={localeConfig} value={val} onChange={setVal} errors={{ vi: 'Too long' }}>
+ *   {({ value, onChange, fallbackPlaceholder, hasError }) => (
+ *     <input aria-invalid={hasError || undefined} value={value} onChange={(e) => onChange(e.target.value)} />
+ *   )}
+ * </TranslatableField>
+ * ```
+ */
+declare function TranslatableField({ config, value, onChange, children, className, errors, }: TranslatableFieldProps): react_jsx_runtime.JSX.Element;
+
+export { TranslatableField, type TranslatableRenderProps, TranslatableValue };

package/dist/components/inputs/translatable-field.js

@@ -0,0 +1,4 @@
+export { TranslatableField } from '../../chunk-YU55YBID.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=translatable-field.js.map
+//# sourceMappingURL=translatable-field.js.map

package/dist/components/inputs/translatable-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"translatable-field.js"}

package/dist/components/layout/page-container.d.ts

@@ -0,0 +1,96 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PageContainerProps {
+    /**
+     * Page title
+     */
+    title?: string;
+    /**
+     * Subtitle or description below title
+     */
+    subtitle?: string;
+    /**
+     * Extra content (buttons, actions) displayed on the right side of header
+     */
+    extra?: ReactNode;
+    /**
+     * Main page content
+     */
+    children: ReactNode;
+    /**
+     * Footer content displayed at the bottom
+     */
+    footer?: ReactNode;
+    /**
+     * Sidebar content displayed on left or right
+     */
+    sidebar?: ReactNode;
+    /**
+     * Sidebar position
+     * @default 'right'
+     */
+    sidebarPosition?: 'left' | 'right';
+    /**
+     * Sidebar width
+     * @default 'w-80'
+     */
+    sidebarWidth?: string;
+    /**
+     * Layout variant
+     * - 'standard': Default padded layout with header
+     * - 'full': Full width, no padding (for boards, gantt)
+     * - 'split': Layout with sidebar inside page
+     * @default 'standard'
+     */
+    variant?: 'standard' | 'full' | 'split';
+    /**
+     * Custom container className
+     */
+    className?: string;
+    /**
+     * Custom content className
+     */
+    contentClassName?: string;
+    /**
+     * Show separator below header
+     * @default true for standard variant
+     */
+    showHeaderSeparator?: boolean;
+}
+/**
+ * PageContainer - Flexible page layout component
+ *
+ * @example
+ * // Standard layout with title and actions
+ * <PageContainer
+ *   title="Dashboard"
+ *   subtitle="Overview of all projects"
+ *   extra={<Button>Create</Button>}
+ * >
+ *   <div>Content here</div>
+ * </PageContainer>
+ *
+ * @example
+ * // Split layout with right sidebar
+ * <PageContainer
+ *   title="Task Detail"
+ *   variant="split"
+ *   sidebar={<CommentSection />}
+ *   sidebarPosition="right"
+ * >
+ *   <div>Main content</div>
+ * </PageContainer>
+ *
+ * @example
+ * // Full width layout (no padding)
+ * <PageContainer variant="full">
+ *   <KanbanBoard />
+ * </PageContainer>
+ */
+declare function PageContainer({ title, subtitle, extra, children, footer, sidebar, sidebarPosition, sidebarWidth, variant, className, contentClassName, showHeaderSeparator, }: PageContainerProps): react_jsx_runtime.JSX.Element;
+declare function StandardPageContainer(props: Omit<PageContainerProps, 'variant'>): react_jsx_runtime.JSX.Element;
+declare function SplitPageContainer(props: Omit<PageContainerProps, 'variant'>): react_jsx_runtime.JSX.Element;
+declare function FullWidthPageContainer(props: Omit<PageContainerProps, 'variant' | 'title' | 'subtitle' | 'extra'>): react_jsx_runtime.JSX.Element;
+
+export { FullWidthPageContainer, PageContainer, type PageContainerProps, SplitPageContainer, StandardPageContainer };

package/dist/components/layout/page-container.js

@@ -0,0 +1,5 @@
+export { FullWidthPageContainer, PageContainer, SplitPageContainer, StandardPageContainer } from '../../chunk-OUOGSSRT.js';
+import '../../chunk-KCUSO3CK.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=page-container.js.map
+//# sourceMappingURL=page-container.js.map

package/dist/components/layout/page-container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"page-container.js"}

package/dist/components/{breadcrumb.js → navigation/breadcrumb.js}

@@ -1,4 +1,4 @@
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '../chunk-7RMTPT6O.js';
-import '../chunk-DGPY4WP3.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '../../chunk-YYJVVYFS.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=breadcrumb.js.map
 //# sourceMappingURL=breadcrumb.js.map

package/dist/components/{command.d.ts → navigation/command.d.ts}

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Command as Command$1 } from 'cmdk';
-import { Dialog } from './dialog.js';
+import { Dialog } from '../overlay/dialog.js';
 import '@radix-ui/react-dialog';
 
 /**

package/dist/components/{command.js → navigation/command.js}

@@ -1,5 +1,5 @@
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../chunk-6GWVQB3Q.js';
-import '../chunk-F2ZJLKDP.js';
-import '../chunk-DGPY4WP3.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../../chunk-MVYSUWSD.js';
+import '../../chunk-YVCLIOMM.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=command.js.map
 //# sourceMappingURL=command.js.map

package/dist/components/{context-menu.js → navigation/context-menu.js}

@@ -1,4 +1,4 @@
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../chunk-USIHM7FV.js';
-import '../chunk-DGPY4WP3.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../../chunk-DEKVLLTL.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=context-menu.js.map
 //# sourceMappingURL=context-menu.js.map

package/dist/components/{dropdown-menu.js → navigation/dropdown-menu.js}

@@ -1,4 +1,4 @@
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../chunk-IAWKX5W4.js';
-import '../chunk-DGPY4WP3.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-DXZZURPN.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=dropdown-menu.js.map
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/components/{menubar.js → navigation/menubar.js}

@@ -1,4 +1,4 @@
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../chunk-INLM7UJC.js';
-import '../chunk-DGPY4WP3.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-T65EBJUJ.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=menubar.js.map
 //# sourceMappingURL=menubar.js.map

package/dist/components/{navigation-menu.js → navigation/navigation-menu.js}

@@ -1,4 +1,4 @@
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from '../chunk-YBMEQZX7.js';
-import '../chunk-DGPY4WP3.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from '../../chunk-N5BNNKBR.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=navigation-menu.js.map
 //# sourceMappingURL=navigation-menu.js.map

package/dist/components/{pagination.d.ts → navigation/pagination.d.ts}

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { Button } from './button.js';
+import { Button } from '../inputs/button.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
-import '../lib/types.js';
+import '../../lib/types.js';
 
 /**
  * Page navigation component with numbered links, previous/next buttons, and ellipsis indicators.

package/dist/components/{pagination.js → navigation/pagination.js}

@@ -1,5 +1,5 @@
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../chunk-7IRLBU2I.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-LA4L3QIK.js';
+import '../../chunk-BOV3Q2JH.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=pagination.js.map
 //# sourceMappingURL=pagination.js.map

package/dist/components/navigation/tabs.js

@@ -0,0 +1,4 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-PJZ7D36X.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/dist/components/{alert-dialog.js → overlay/alert-dialog.js}

@@ -1,5 +1,5 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from '../chunk-LTTNCAAA.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from '../../chunk-XNUFKQYL.js';
+import '../../chunk-BOV3Q2JH.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=alert-dialog.js.map
 //# sourceMappingURL=alert-dialog.js.map

package/dist/components/{dialog.js → overlay/dialog.js}

@@ -1,4 +1,4 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../chunk-F2ZJLKDP.js';
-import '../chunk-DGPY4WP3.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-YVCLIOMM.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=dialog.js.map
 //# sourceMappingURL=dialog.js.map

package/dist/components/{drawer.js → overlay/drawer.js}

@@ -1,4 +1,4 @@
-export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '../chunk-7XH3MGBR.js';
-import '../chunk-DGPY4WP3.js';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '../../chunk-O2KRH6BS.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=drawer.js.map
 //# sourceMappingURL=drawer.js.map

package/dist/components/{hover-card.js → overlay/hover-card.js}

@@ -1,4 +1,4 @@
-export { HoverCard, HoverCardContent, HoverCardTrigger } from '../chunk-JRU2QX7T.js';
-import '../chunk-DGPY4WP3.js';
+export { HoverCard, HoverCardContent, HoverCardTrigger } from '../../chunk-CLYBVDEQ.js';
+import '../../chunk-DGPY4WP3.js';
 //# sourceMappingURL=hover-card.js.map
 //# sourceMappingURL=hover-card.js.map

package/dist/components/overlay/popover.js

@@ -0,0 +1,4 @@
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../../chunk-7NMNLY7F.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=popover.js.map
+//# sourceMappingURL=popover.js.map

package/dist/components/overlay/sheet.js

@@ -0,0 +1,4 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../../chunk-VOLR236J.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=sheet.js.map
+//# sourceMappingURL=sheet.js.map

package/dist/components/overlay/sonner.js

@@ -0,0 +1,3 @@
+export { Toaster } from '../../chunk-PYB6RRA5.js';
+//# sourceMappingURL=sonner.js.map
+//# sourceMappingURL=sonner.js.map

package/dist/components/overlay/tooltip.js

@@ -0,0 +1,4 @@
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../chunk-CSYH7P6N.js';
+import '../../chunk-DGPY4WP3.js';
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map