@godxjp/ui 8.2.0 → 8.3.0

package/dist/components/query/index.js

@@ -1,5 +1,5 @@
-export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-N43OKOFT.js';
-import '../../chunk-TMDGV4CN.js';
+export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-GLEEJYGQ.js';
+import '../../chunk-ZRRLOOBX.js';
 import '../../chunk-4R7QL3MW.js';
 import '../../chunk-TILFZBTE.js';
 import '../../chunk-M4PZNAMV.js';

package/dist/components/ui/index.d.ts

@@ -6,14 +6,21 @@ export { A as Avatar, a as AvatarFallback, b as AvatarImage } from '../../avatar
 export { Badge, BadgeProps, BadgeTone, BadgeVariant } from '../data-display/badge.js';
 export { Button, buttonVariants } from '../general/button.js';
 export { Calendar } from '../data-entry/calendar.js';
+export { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../data-display/carousel.js';
 export { Card, CardAction, CardContent, CardContentProps, CardCover, CardCoverProps, CardDescription, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, StatCard, StatCardProps } from '../data-display/card.js';
 export { C as Checkbox } from '../../checkbox-ChRsR7Nk.js';
 export { ColorPicker } from '../data-entry/color-picker.js';
+export { Combobox, ComboboxOption, ComboboxProps } from '../data-entry/combobox.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../data-entry/command.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../navigation/context-menu.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../navigation/menubar.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '../navigation/navigation-menu.js';
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../layout/resizable.js';
 export { DatePicker } from '../data-entry/date-picker.js';
 export { DateRangePicker } from '../data-entry/date-range-picker.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../navigation/dropdown-menu.js';
 export { Input, InputProps } from '../data-entry/input.js';
+export { TimeInput, TimeInputProps } from '../data-entry/time-input.js';
 export { Label } from '../data-entry/label.js';
 export { Pagination } from '../navigation/pagination.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../data-display/popover.js';
@@ -46,7 +53,13 @@ import '@radix-ui/react-aspect-ratio';
 import '@radix-ui/react-avatar';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import 'embla-carousel-react';
 import '@radix-ui/react-checkbox';
+import '@radix-ui/react-context-menu';
+import '@radix-ui/react-context';
+import '@radix-ui/react-menubar';
+import '@radix-ui/react-navigation-menu';
+import 'react-resizable-panels';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-label';
 import '@radix-ui/react-popover';

package/dist/components/ui/index.js

@@ -1,40 +1,47 @@
-export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-SEG2YBXF.js';
+export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-QTUJSRDH.js';
 export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard } from '../../chunk-O2OUNXV4.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-HCM4JAC2.js';
 export { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants } from '../../chunk-FYM3MJSK.js';
+export { TimeInput } from '../../chunk-QLMXEJSY.js';
+export { TimePicker } from '../../chunk-6YBYAEXD.js';
 export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-25RYBC5T.js';
 export { Switch } from '../../chunk-R2W2FX5Q.js';
 export { Textarea } from '../../chunk-EOTOCNT7.js';
-export { TimePicker } from '../../chunk-RGPF3HU6.js';
 export { ColorPicker } from '../../chunk-3TS3G4U3.js';
-export { DatePicker } from '../../chunk-67HEX3OS.js';
-export { DateRangePicker } from '../../chunk-IAKROVSG.js';
+export { Combobox } from '../../chunk-JKHWLPM5.js';
+export { DatePicker } from '../../chunk-LJLGABFV.js';
+export { DateRangePicker } from '../../chunk-N3JPLJ3B.js';
+export { Calendar } from '../../chunk-IOGU3ZWF.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-BHV2FUOA.js';
-export { Autocomplete } from '../../chunk-MISVV4IT.js';
-export { Calendar } from '../../chunk-7577VIAC.js';
+export { Autocomplete } from '../../chunk-GKXPALFT.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../../chunk-HL3G4SVG.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-B73NA66T.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '../../chunk-WGWI7EGL.js';
+export { Pagination } from '../../chunk-56NYZNVY.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
 export { AspectRatio } from '../../chunk-FRU44GA2.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
-export { Pagination } from '../../chunk-V45EK6S7.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-NGT3I6OG.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-3EMDVI7X.js';
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../chunk-W4REF4TD.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-PIQXAOWS.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-CAEL2ZD2.js';
 export { Slider } from '../../chunk-CRERCLIZ.js';
+export { Checkbox } from '../../chunk-O24Z3ULJ.js';
+import '../../chunk-26CPAKUP.js';
 export { Skeleton } from '../../chunk-AINW5WYN.js';
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-TMDGV4CN.js';
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-ZRRLOOBX.js';
 import '../../chunk-4R7QL3MW.js';
 export { AlertDialog, Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-P4HFJQID.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
-import '../../chunk-WY4RSEYC.js';
-export { Input } from '../../chunk-VOHTRR5X.js';
-export { Checkbox } from '../../chunk-O24Z3ULJ.js';
-import '../../chunk-26CPAKUP.js';
+import '../../chunk-KDBGFJJI.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-HTEL5DQI.js';
+export { Input } from '../../chunk-VOHTRR5X.js';
 import '../../chunk-TILFZBTE.js';
+export { Button, buttonVariants } from '../../chunk-M4PZNAMV.js';
 export { Badge } from '../../chunk-UIYEAUWA.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../../chunk-DY5C44UP.js';
 export { ScrollArea, ScrollBar } from '../../chunk-3KPEZ5CF.js';
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../chunk-4MMIMZMK.js';
 import '../../chunk-IBK5D2Q6.js';
-export { Button, buttonVariants } from '../../chunk-M4PZNAMV.js';
 export { Label } from '../../chunk-7PWBC4BY.js';
 import '../../chunk-RLGHEV4A.js';
 import '../../chunk-FXFJF4YA.js';

package/dist/{filter-bar-DvVXm_d1.d.ts → filter-bar-WjnQOs2C.d.ts}

@@ -4,7 +4,7 @@ import { f as ToolbarProp, e as ToolbarGroupProp } from './navigation.prop-8DgEl
 
 declare function PageHeader({ title, description, breadcrumb, actions, className }: PageHeaderProp): react_jsx_runtime.JSX.Element;
 
-declare function Toolbar({ onClear, hasActiveFilters, className, children, }: ToolbarProp): react_jsx_runtime.JSX.Element;
+declare function Toolbar({ onClear, hasActiveFilters, className, children }: ToolbarProp): react_jsx_runtime.JSX.Element;
 declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): react_jsx_runtime.JSX.Element;
 /** @deprecated Use Toolbar. */
 declare const FilterBar: typeof Toolbar;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { B as BreadcrumbItem } from './navigation.prop-BKlxd-j7.js';
 export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as FlexProp, c as FlexProps, I as InlineProp, P as PageContainerProp, P as PageContainerProps, d as PageHeaderProp, i as StackProp } from './layout.prop-Baq9muDN.js';
-export { F as FilterBar, a as FilterGroup, P as PageHeader, T as Toolbar, b as ToolbarGroup } from './filter-bar-DvVXm_d1.js';
+export { F as FilterBar, a as FilterGroup, P as PageHeader, T as Toolbar, b as ToolbarGroup } from './filter-bar-WjnQOs2C.js';
 export { F as Flex, I as Inline, P as PageContainer, S as Stack } from './inline-DqfYlGKj.js';
 export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from './data-table-B_q7j992.js';
 export { Badge } from './components/data-display/badge.js';
@@ -18,7 +18,8 @@ export { Steps } from './components/navigation/steps.js';
 export { AlertDialog, Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './components/feedback/dialog.js';
 export { Toaster } from './components/feedback/sonner.js';
 export { L as LegacyToastOptions, t as toast, u as useToast } from './use-toast-Dsw3yE2S.js';
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId, useDebouncedValue, useTimeoutFlag } from './components/admin/index.js';
+export { useDebouncedValue, useTimeoutFlag } from './lib/hooks.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './components/admin/index.js';
 export { FormFieldControl, FormRoot, useZodForm } from './form/index.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from './form.prop-Bc6r6JJW.js';
 export { cn } from './lib/utils.js';

package/dist/index.js

@@ -1,56 +1,63 @@
-import './chunk-Q7AU6WDX.js';
+import './chunk-6YK3IJXW.js';
 import './chunk-FYM3MJSK.js';
+import './chunk-QLMXEJSY.js';
+import './chunk-6YBYAEXD.js';
 import './chunk-25RYBC5T.js';
 import './chunk-R2W2FX5Q.js';
 import './chunk-EOTOCNT7.js';
-import './chunk-RGPF3HU6.js';
 import './chunk-3TS3G4U3.js';
-import './chunk-67HEX3OS.js';
-import './chunk-IAKROVSG.js';
+import './chunk-JKHWLPM5.js';
+import './chunk-LJLGABFV.js';
+import './chunk-N3JPLJ3B.js';
+import './chunk-IOGU3ZWF.js';
 import './chunk-WFUIE252.js';
 import './chunk-BHV2FUOA.js';
-import './chunk-MISVV4IT.js';
-import './chunk-7577VIAC.js';
-export { FormFieldControl, FormRoot, useZodForm } from './chunk-7WRZG2IG.js';
+import './chunk-GKXPALFT.js';
 import './chunk-HKD6ERY7.js';
-export { PageContainer, Stack } from './chunk-YXJ3FS6O.js';
-import './chunk-FRU44GA2.js';
-export { FilterBar, FilterGroup, PageHeader, Toolbar, ToolbarGroup } from './chunk-PZ4LO723.js';
-import './chunk-TO33OY4L.js';
-export { Pagination } from './chunk-V45EK6S7.js';
+export { FilterBar, FilterGroup, PageHeader, Toolbar, ToolbarGroup } from './chunk-ZY5NUG4B.js';
+import './chunk-HL3G4SVG.js';
+import './chunk-B73NA66T.js';
+import './chunk-WGWI7EGL.js';
+export { Pagination } from './chunk-56NYZNVY.js';
 export { Steps } from './chunk-OJZ6C2HM.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
-export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-N43OKOFT.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-NGT3I6OG.js';
-import './chunk-3EMDVI7X.js';
+export { PageContainer, Stack } from './chunk-CLU46QR2.js';
+import './chunk-FRU44GA2.js';
+import './chunk-TO33OY4L.js';
+import './chunk-W4REF4TD.js';
+export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-GLEEJYGQ.js';
+export { SearchInput, Transfer } from './chunk-INSF6K3Y.js';
+export { TreeSelect } from './chunk-6J7GRCDA.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-PIQXAOWS.js';
+import './chunk-CAEL2ZD2.js';
 import './chunk-CRERCLIZ.js';
-export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-3FUXNL5A.js';
-export { TreeSelect } from './chunk-TV7WEENM.js';
+export { Cascader } from './chunk-HB2OHB5X.js';
+import './chunk-SMLKNECP.js';
+import './chunk-O24Z3ULJ.js';
+export { ChoiceField, Field } from './chunk-26CPAKUP.js';
 export { toast, useToast } from './chunk-B3WX53JQ.js';
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from './chunk-AINW5WYN.js';
 import './chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-TMDGV4CN.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-ZRRLOOBX.js';
 export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-4R7QL3MW.js';
 export { AlertDialog, Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-P4HFJQID.js';
 export { Toaster } from './chunk-TO7URV7U.js';
-import './chunk-WY4RSEYC.js';
-import './chunk-VOHTRR5X.js';
-export { Cascader } from './chunk-PKGPNZA4.js';
-import './chunk-SMLKNECP.js';
-import './chunk-O24Z3ULJ.js';
-export { ChoiceField, Field } from './chunk-26CPAKUP.js';
+import './chunk-KDBGFJJI.js';
 import './chunk-HTEL5DQI.js';
-export { DataTable, Descriptions, EmptyState } from './chunk-N5SDFNSJ.js';
+import './chunk-VOHTRR5X.js';
+export { DataTable, Descriptions, EmptyState } from './chunk-JBHXILI4.js';
 import './chunk-DV52WNXO.js';
 export { Flex, Inline } from './chunk-TILFZBTE.js';
+import './chunk-M4PZNAMV.js';
 export { Badge } from './chunk-UIYEAUWA.js';
 import './chunk-DY5C44UP.js';
 import './chunk-3KPEZ5CF.js';
 import './chunk-4MMIMZMK.js';
 import './chunk-IBK5D2Q6.js';
-import './chunk-M4PZNAMV.js';
+export { FormFieldControl, FormRoot, useZodForm } from './chunk-7WRZG2IG.js';
 export { FormField } from './chunk-F7PG4OEV.js';
 import './chunk-7PWBC4BY.js';
 import './chunk-RLGHEV4A.js';
 export { formatDate } from './chunk-FXFJF4YA.js';
+export { useDebouncedValue, useTimeoutFlag } from './chunk-LFW37FGG.js';
 export { cn } from './chunk-U7N2A7A3.js';

package/dist/lib/hooks.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Returns a debounced view of `value`, updated only after `delay` ms of no
+ * change. Use for search inputs to avoid querying on every keystroke.
+ *
+ * setState runs only inside setTimeout (async) — compliant with
+ * react-hooks/set-state-in-effect.
+ */
+declare function useDebouncedValue<T>(value: T, delay?: number): T;
+/**
+ * Returns true while `ms` haven't elapsed since `signal` last flipped truthy.
+ * setState is scheduled asynchronously (setTimeout 0 / ms) — Rules of React safe.
+ */
+declare function useTimeoutFlag(signal: unknown, ms?: number): boolean;
+declare function useMediaQuery(query: string): boolean;
+declare function useIsMobile(): boolean;
+
+export { useDebouncedValue, useIsMobile, useMediaQuery, useTimeoutFlag };

package/dist/lib/hooks.js

@@ -0,0 +1 @@
+export { useDebouncedValue, useIsMobile, useMediaQuery, useTimeoutFlag } from '../chunk-LFW37FGG.js';

package/dist/props/index.js

@@ -1,3 +1,3 @@
 import '../chunk-B775Y6BE.js';
 import '../chunk-ZT5UEUBO.js';
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-C5H655GK.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-6PA2YHRE.js';

package/dist/props/registry.js

@@ -1 +1 @@
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-C5H655GK.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-6PA2YHRE.js';

package/dist/styles/data-display-layout.css

@@ -211,3 +211,58 @@
   color: hsl(var(--popover-foreground)); padding: var(--space-4);
   box-shadow: var(--shadow-md); outline: none;
 }
+
+.ui-carousel {
+  position: relative;
+}
+
+.ui-carousel-viewport {
+  overflow: hidden;
+}
+
+.ui-carousel-content {
+  display: flex;
+  margin-inline: calc(var(--space-4) * -1);
+}
+
+.ui-carousel-item {
+  position: relative;
+  min-width: 100%;
+  padding-inline: var(--space-4);
+}
+
+.ui-carousel-previous,
+.ui-carousel-next {
+  position: absolute;
+  top: 50%;
+  z-index: 20;
+  display: grid;
+  width: 2rem;
+  height: 2rem;
+  place-items: center;
+  border-radius: 9999px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--border));
+  color: hsl(var(--foreground));
+  transition: background-color 150ms ease;
+  transform: translateY(-50%);
+}
+
+.ui-carousel-previous {
+  left: var(--space-2);
+}
+
+.ui-carousel-next {
+  right: var(--space-2);
+}
+
+.ui-carousel-previous:hover,
+.ui-carousel-next:hover {
+  background: hsl(var(--accent));
+  color: hsl(var(--accent-foreground));
+}
+
+.ui-carousel-arrow {
+  width: 1rem;
+  height: 1rem;
+}

package/dist/styles/data-entry-layout.css

@@ -0,0 +1,93 @@
+@layer components {
+  .ui-combobox-content {
+    min-width: 14rem;
+    width: min(22rem, 90vw);
+    padding: 0;
+    border: 1px solid hsl(var(--border));
+    background: hsl(var(--popover));
+    color: hsl(var(--popover-foreground));
+  }
+
+  .ui-combobox-command {
+    width: 100%;
+    display: flex;
+    min-height: 0;
+    flex-direction: column;
+  }
+
+  .ui-combobox-search {
+    border: none;
+    border-radius: 0;
+    width: 100%;
+  }
+
+  .ui-combobox-list {
+    min-height: 0;
+    flex: 1;
+    overflow-y: auto;
+    padding: var(--space-1);
+  }
+
+  .ui-combobox-item {
+    position: relative;
+    width: 100%;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    border-radius: var(--radius-sm);
+    padding-inline: var(--space-2);
+    padding-block: var(--space-2);
+    font-size: var(--font-size-sm);
+    outline: none;
+  }
+
+  .ui-combobox-item[data-selected="true"] {
+    background: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+  }
+
+  .ui-combobox-item:hover,
+  .ui-combobox-item[data-state="active"] {
+    background: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+  }
+
+  .ui-combobox-empty {
+    display: block;
+    padding: var(--space-3);
+    text-align: center;
+    color: hsl(var(--muted-foreground));
+  }
+
+  .ui-combobox-caret {
+    width: 0.9rem;
+    height: 0.9rem;
+    border-bottom: 1px solid currentColor;
+    border-right: 1px solid currentColor;
+    transform: rotate(45deg);
+    margin-left: auto;
+    opacity: 0.7;
+  }
+
+  .ui-time-input {
+    width: 100%;
+    min-height: var(--control-height);
+    border-radius: var(--radius-md);
+    border: 1px solid hsl(var(--input));
+    background: hsl(var(--background));
+    padding-inline: var(--space-3);
+    padding-block: 0;
+    font-size: var(--font-size-sm);
+    color: hsl(var(--foreground));
+    outline: none;
+  }
+
+  .ui-time-input:focus-visible {
+    border-color: hsl(var(--ring));
+    box-shadow: 0 0 0 3px hsl(var(--ring) / 0.3);
+  }
+
+  .ui-time-input[aria-invalid="true"] {
+    border-color: hsl(var(--destructive));
+  }
+}

package/dist/styles/index.css

@@ -18,6 +18,8 @@
 @import "./alert-layout.css";
 @import "./badge-layout.css";
 @import "./data-display-layout.css";
+@import "./data-entry-layout.css";
+@import "./navigation-layout.css";
 
 @theme {
   --color-background: hsl(var(--background));

package/dist/styles/layout.css

@@ -173,9 +173,9 @@
   }
 
   @container (min-width: 1024px) {
-    .ui-responsive-grid {
-      grid-template-columns: repeat(var(--responsive-grid-lg, 4), minmax(0, 1fr));
-    }
+  .ui-responsive-grid {
+    grid-template-columns: repeat(var(--responsive-grid-lg, 4), minmax(0, 1fr));
+  }
   }
 
   .ui-split-pane {
@@ -184,6 +184,38 @@
     grid-template-columns: minmax(0, 1fr);
   }
 
+  .ui-resizable-panel-group {
+    display: flex;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .ui-resizable-panel {
+    min-height: 0;
+    min-width: 0;
+  }
+
+  .ui-resizable-handle {
+    width: var(--control-border-width);
+    background: hsl(var(--border));
+    position: relative;
+    flex-shrink: 0;
+  }
+
+  .ui-resizable-handle:hover,
+  .ui-resizable-handle[data-state="drag"] {
+    background: hsl(var(--accent));
+  }
+
+  .ui-resizable-handle:hover::after,
+  .ui-resizable-handle[data-state="drag"]::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: hsl(var(--accent-foreground) / 0.2);
+  }
+
   @media (min-width: 1080px) {
     .ui-split-pane[data-aside-width="sm"] {
       grid-template-columns: minmax(0, 1fr) 20rem;