@moldable-ai/ui 0.2.20 → 0.2.22

package/dist/components/ui/date-picker.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CalendarDaysIcon } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+import { Button } from './button';
+import { Calendar } from './calendar';
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+const ISO_CALENDAR_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
+function parseCalendarDate(value) {
+    if (!value)
+        return undefined;
+    const match = ISO_CALENDAR_DATE.exec(value);
+    if (!match)
+        return undefined;
+    const year = Number(match[1]);
+    const month = Number(match[2]);
+    const day = Number(match[3]);
+    const date = new Date(0);
+    date.setHours(0, 0, 0, 0);
+    date.setFullYear(year, month - 1, day);
+    if (date.getFullYear() !== year ||
+        date.getMonth() !== month - 1 ||
+        date.getDate() !== day) {
+        return undefined;
+    }
+    return date;
+}
+function formatCalendarDate(date) {
+    const year = String(date.getFullYear()).padStart(4, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+const densityClasses = {
+    compact: 'h-7 gap-1.5 px-2 text-xs',
+    default: 'h-9 px-3',
+    comfortable: 'h-10 px-3.5',
+};
+function DatePicker({ className, value, defaultValue = '', onValueChange, min, max, placeholder = 'Choose date', locale, formatValue, clearable = false, clearLabel = 'Clear date', density = 'default', open, defaultOpen = false, onOpenChange, disabled, variant = 'outline', 'aria-invalid': ariaInvalid, ...buttonProps }) {
+    const controlled = value !== undefined;
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const currentValue = controlled ? value : internalValue;
+    const selectedDate = parseCalendarDate(currentValue);
+    const minDate = parseCalendarDate(min);
+    const maxDate = parseCalendarDate(max);
+    const isOpen = open ?? internalOpen;
+    const invalid = Boolean(currentValue && !selectedDate);
+    const disabledDates = React.useMemo(() => {
+        const matchers = [];
+        if (minDate)
+            matchers.push({ before: minDate });
+        if (maxDate)
+            matchers.push({ after: maxDate });
+        return matchers;
+    }, [maxDate, minDate]);
+    const setOpen = React.useCallback((nextOpen) => {
+        if (open === undefined)
+            setInternalOpen(nextOpen);
+        onOpenChange?.(nextOpen);
+    }, [onOpenChange, open]);
+    const commitValue = React.useCallback((nextValue) => {
+        if (!controlled)
+            setInternalValue(nextValue);
+        onValueChange?.(nextValue);
+    }, [controlled, onValueChange]);
+    const displayValue = React.useMemo(() => {
+        if (!currentValue)
+            return null;
+        if (formatValue)
+            return formatValue(currentValue);
+        if (!selectedDate)
+            return currentValue;
+        return new Intl.DateTimeFormat(locale?.code, {
+            dateStyle: 'medium',
+        }).format(selectedDate);
+    }, [currentValue, formatValue, locale?.code, selectedDate]);
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { "data-slot": "date-picker-trigger", "data-density": density, type: "button", variant: variant, disabled: disabled, "aria-invalid": (ariaInvalid ?? invalid) || undefined, className: cn('min-w-0 justify-start font-normal', !displayValue && 'text-muted-foreground', densityClasses[density], className), ...buttonProps, children: [_jsx(CalendarDaysIcon, { "aria-hidden": "true" }), _jsx("span", { className: "min-w-0 truncate", children: displayValue ?? placeholder })] }) }), _jsxs(PopoverContent, { "data-slot": "date-picker-content", align: "start", className: "w-auto p-0", children: [_jsx(Calendar, { mode: "single", locale: locale, selected: selectedDate, defaultMonth: selectedDate ?? minDate, disabled: disabledDates, autoFocus: true, onSelect: (nextDate) => {
+                            if (!nextDate) {
+                                if (clearable)
+                                    commitValue('');
+                                return;
+                            }
+                            commitValue(formatCalendarDate(nextDate));
+                            setOpen(false);
+                        } }), clearable && currentValue ? (_jsx("div", { className: "border-border/60 flex justify-end border-t p-2", children: _jsx(Button, { type: "button", size: "xs", variant: "ghost", onClick: () => {
+                                commitValue('');
+                                setOpen(false);
+                            }, children: clearLabel }) })) : null] })] }));
+}
+export { DatePicker };

package/dist/components/ui/dialog-primary-action.d.ts

@@ -0,0 +1,4 @@
+import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
+declare function handleDialogPrimaryActionKeyDown(event: ReactKeyboardEvent<HTMLElement>): void;
+export { handleDialogPrimaryActionKeyDown };
+//# sourceMappingURL=dialog-primary-action.d.ts.map

package/dist/components/ui/dialog-primary-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-primary-action.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog-primary-action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,OAAO,CAAA;AA6BhE,iBAAS,gCAAgC,CACvC,KAAK,EAAE,kBAAkB,CAAC,WAAW,CAAC,GACrC,IAAI,CAiCN;AAED,OAAO,EAAE,gCAAgC,EAAE,CAAA"}

package/dist/components/ui/dialog-primary-action.js

@@ -0,0 +1,37 @@
+const DIALOG_CONTENT_SELECTOR = '[data-slot="dialog-content"], [data-slot="alert-dialog-content"]';
+const PRIMARY_ACTION_SELECTOR = '[data-dialog-primary-action="true"]';
+function usesCommandKey() {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /Mac|iPhone|iPad|iPod/i.test(`${navigator.platform} ${navigator.userAgent}`);
+}
+function hasPrimaryActionShortcut(event) {
+    const hasPlatformModifier = usesCommandKey()
+        ? event.metaKey && !event.ctrlKey
+        : event.ctrlKey && !event.metaKey;
+    return (event.key === 'Enter' &&
+        hasPlatformModifier &&
+        !event.altKey &&
+        !event.shiftKey);
+}
+function handleDialogPrimaryActionKeyDown(event) {
+    if (event.defaultPrevented ||
+        event.repeat ||
+        event.nativeEvent.isComposing ||
+        !hasPrimaryActionShortcut(event)) {
+        return;
+    }
+    const eventTarget = event.target;
+    if (eventTarget instanceof Element &&
+        eventTarget.closest(DIALOG_CONTENT_SELECTOR) !== event.currentTarget) {
+        return;
+    }
+    const action = event.currentTarget.querySelector(PRIMARY_ACTION_SELECTOR);
+    if (!action ||
+        action.matches(':disabled, [aria-disabled="true"], [aria-busy="true"], [data-loading="true"]')) {
+        return;
+    }
+    event.preventDefault();
+    action.click();
+}
+export { handleDialogPrimaryActionKeyDown };

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

@@ -1,18 +1,24 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as React from 'react';
+import { Button } from './button';
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogContent({ className, children, onKeyDown, size, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    size?: 'sm' | 'default' | 'lg' | 'full';
     showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
     showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+declare function DialogAction({ primary, ...props }: React.ComponentProps<typeof Button> & {
+    primary?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogAction, DialogClose, DialogContent, DialogDescription, DialogBody, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
 //# sourceMappingURL=dialog.d.ts.map

package/dist/components/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAkBA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAgB,EAChB,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAuCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAkBA;AAED,iBAAS,YAAY,CAAC,EACpB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAQA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/components/ui/dialog.js

@@ -4,6 +4,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import { cn } from '../../lib/utils';
 import { Button } from './button';
+import { handleDialogPrimaryActionKeyDown } from './dialog-primary-action';
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
@@ -19,14 +20,23 @@ function DialogClose({ ...props }) {
 function DialogOverlay({ className, ...props }) {
     return (_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
 }
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg outline-none duration-200 sm:max-w-lg', className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground rounded-xs focus:outline-hidden absolute right-4 top-4 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+function DialogContent({ className, children, onKeyDown, size = 'default', showCloseButton = true, ...props }) {
+    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsx("div", { "data-slot": "dialog-positioner", className: "pointer-events-none fixed bottom-[max(var(--window-content-inset-bottom),var(--chat-safe-padding),1rem)] left-[max(var(--window-content-inset-inline-start),1rem)] right-[max(var(--window-content-inset-inline-end),1rem)] top-[max(var(--window-content-inset-top),1rem)] z-50 grid place-items-center", children: _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", "data-size": size, className: cn('bg-background rounded-overlay border-separator shadow-overlay pointer-events-auto relative grid max-h-full min-h-0 w-full gap-4 overflow-hidden border p-6 outline-none', 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'duration-[var(--motion-duration-normal)]', 'data-[size=default]:max-w-lg data-[size=lg]:max-w-2xl data-[size=sm]:max-w-sm', 'data-[size=full]:size-full data-[size=full]:max-w-none', className), onKeyDown: (event) => {
+                        onKeyDown?.(event);
+                        handleDialogPrimaryActionKeyDown(event);
+                    }, ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", "aria-label": "Close", className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground rounded-control focus:outline-hidden absolute right-4 top-4 inline-flex size-7 cursor-pointer items-center justify-center opacity-70 transition-opacity duration-[var(--motion-duration-fast)] hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", children: _jsx(XIcon, { "aria-hidden": "true" }) }))] }) })] }));
 }
 function DialogHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "dialog-header", className: cn('flex flex-col gap-2 text-center sm:text-left', className), ...props }));
+    return (_jsx("div", { "data-slot": "dialog-header", className: cn('flex shrink-0 flex-col gap-2 pr-8 text-center sm:text-left', className), ...props }));
+}
+function DialogBody({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-body", className: cn('min-h-0 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]', className), ...props }));
 }
 function DialogFooter({ className, showCloseButton = false, children, ...props }) {
-    return (_jsxs("div", { "data-slot": "dialog-footer", className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className), ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }))] }));
+    return (_jsxs("div", { "data-slot": "dialog-footer", className: cn('flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:flex-wrap sm:justify-end', className), ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }))] }));
+}
+function DialogAction({ primary = false, ...props }) {
+    return (_jsx(Button, { ...props, "data-slot": "dialog-action", "data-dialog-primary-action": primary || undefined }));
 }
 function DialogTitle({ className, ...props }) {
     return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn('text-lg font-semibold leading-none', className), ...props }));
@@ -34,4 +44,4 @@ function DialogTitle({ className, ...props }) {
 function DialogDescription({ className, ...props }) {
     return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn('text-muted-foreground text-sm', className), ...props }));
 }
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogAction, DialogClose, DialogContent, DialogDescription, DialogBody, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

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

@@ -1,5 +1,10 @@
 import { type VariantProps } from 'class-variance-authority';
-declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare const emptyVariants: (props?: ({
+    variant?: "compact" | "full" | "pane" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Empty({ className, safeBottom, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyVariants> & {
+    safeBottom?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
@@ -8,5 +13,5 @@ declare function EmptyMedia({ className, variant, ...props }: React.ComponentPro
 declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
 declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, emptyVariants, };
 //# sourceMappingURL=empty.d.ts.map

package/dist/components/ui/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,2CASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,CAAA"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/ui/empty.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,aAAa;;8EAclB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,UAAkB,EAClB,OAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,2CAeF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,2CASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,aAAa,GACd,CAAA"}

package/dist/components/ui/empty.js

@@ -2,11 +2,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../lib/utils';
 import { cva } from 'class-variance-authority';
-function Empty({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty", className: cn('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12', className), ...props }));
+const emptyVariants = cva('group/empty flex min-w-0 flex-col items-center justify-center text-balance text-center', {
+    variants: {
+        variant: {
+            compact: 'gap-3 p-4',
+            pane: 'flex-1 gap-4 p-6',
+            full: 'min-h-full flex-1 gap-6 p-8 md:p-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'pane',
+    },
+});
+function Empty({ className, safeBottom = false, variant = 'pane', ...props }) {
+    return (_jsx("div", { "data-slot": "empty", "data-safe-bottom": safeBottom || undefined, "data-variant": variant, className: cn(emptyVariants({ variant }), safeBottom &&
+            'pb-[calc(var(--chat-safe-padding,0px)+var(--density-pane-padding))]', className), ...props }));
 }
 function EmptyHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-header", className: cn('flex max-w-sm flex-col items-center gap-2 text-center', className), ...props }));
+    return (_jsx("div", { "data-slot": "empty-header", className: cn('flex max-w-sm flex-col items-center gap-2 text-center group-data-[variant=compact]/empty:gap-1.5', className), ...props }));
 }
 const emptyMediaVariants = cva('flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0', {
     variants: {
@@ -23,12 +36,12 @@ function EmptyMedia({ className, variant = 'default', ...props }) {
     return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
 }
 function EmptyTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-title", className: cn('text-lg font-medium tracking-tight', className), ...props }));
+    return (_jsx("div", { "data-slot": "empty-title", className: cn('font-medium tracking-tight group-data-[variant=compact]/empty:text-sm group-data-[variant=full]/empty:text-lg group-data-[variant=pane]/empty:text-base', className), ...props }));
 }
 function EmptyDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "empty-description", className: cn('text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
+    return (_jsx("p", { "data-slot": "empty-description", className: cn('text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed group-data-[variant=compact]/empty:text-xs/relaxed [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
 }
 function EmptyContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-content", className: cn('flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm', className), ...props }));
+    return (_jsx("div", { "data-slot": "empty-content", className: cn('flex w-full min-w-0 max-w-sm flex-col items-center gap-3 text-balance text-sm group-data-[variant=compact]/empty:gap-2', className), ...props }));
 }
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, emptyVariants, };

package/dist/components/ui/error-boundary-view.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+interface ErrorBoundaryViewProps {
+    title?: ReactNode;
+    message?: ReactNode;
+    details?: string;
+    onRetry?: () => void;
+    actions?: ReactNode;
+    className?: string;
+}
+declare function ErrorBoundaryView({ actions, className, details, message, onRetry, title, }: ErrorBoundaryViewProps): import("react/jsx-runtime").JSX.Element;
+export { ErrorBoundaryView, type ErrorBoundaryViewProps };
+//# sourceMappingURL=error-boundary-view.d.ts.map

package/dist/components/ui/error-boundary-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary-view.d.ts","sourceRoot":"","sources":["../../../src/components/ui/error-boundary-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAA8B,GAC/B,EAAE,sBAAsB,2CAwCxB;AAED,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,CAAA"}

package/dist/components/ui/error-boundary-view.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { Button } from './button';
+function ErrorBoundaryView({ actions, className, details, message, onRetry, title = 'Something went wrong', }) {
+    return (_jsx("main", { className: cn('bg-background text-foreground flex min-h-full w-full items-center justify-center p-4 sm:p-6', className), children: _jsxs("section", { className: "border-border bg-card w-full max-w-xl rounded-lg border p-5 shadow-lg sm:p-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h1", { className: "text-xl font-semibold tracking-tight", children: title }), message ? (_jsx("p", { className: "text-muted-foreground text-sm leading-6", children: message })) : null] }), details ? (_jsxs("details", { className: "mt-5", children: [_jsx("summary", { className: "text-muted-foreground cursor-pointer text-sm font-medium", children: "Error details" }), _jsx("pre", { className: "bg-muted text-muted-foreground mt-2 max-h-44 overflow-auto whitespace-pre-wrap rounded-md border p-3 font-mono text-xs", children: details })] })) : null, onRetry || actions ? (_jsxs("div", { className: "mt-5 flex flex-col gap-2 sm:flex-row", children: [onRetry ? (_jsx(Button, { type: "button", onClick: onRetry, children: "Retry" })) : null, actions] })) : null] }) }));
+}
+export { ErrorBoundaryView };

package/dist/components/ui/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAmDvD,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,cAAc,GAAG,UAAU,CAC5B,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACjC,qBAAqB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,OAAW,EACX,aAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,2CA6NX;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CAgFf;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ3B;AAED,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,KAAK,SAAS,EACd,KAAK,iBAAiB,GACvB,CAAA"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAuCvD,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,cAAc,GAAG,UAAU,CAC5B,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACjC,qBAAqB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,OAAW,EACX,aAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,2CAsRX;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Ef;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ3B;AAED,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,KAAK,SAAS,EACd,KAAK,iBAAiB,GACvB,CAAA"}

package/dist/components/ui/grid.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { cn } from '../../lib/utils';
+import { getCollectionItemsInDomOrder, isInteractiveDescendant, } from './collection-navigation';
 const GridContext = React.createContext(null);
 function useGridContext(component) {
     const context = React.useContext(GridContext);
@@ -22,11 +23,6 @@ function sameSelection(a, b) {
     }
     return true;
 }
-function isInteractiveDescendant(target, currentTarget) {
-    if (!(target instanceof HTMLElement) || target === currentTarget)
-        return false;
-    return Boolean(target.closest('a,button,input,select,textarea,[contenteditable="true"],[role="button"],[role="link"]'));
-}
 function Grid({ className, children, columns = 1, selectionMode = 'none', selectedValues, defaultSelectedValues, onSelectionChange, onAction, loop = false, disabled = false, onKeyDown, style, ref, ...props }) {
     const itemsRef = React.useRef(new Map());
     const [activeValue, setActiveValueState] = React.useState(null);
@@ -40,18 +36,21 @@ function Grid({ className, children, columns = 1, selectionMode = 'none', select
         if (!node)
             return () => undefined;
         itemsRef.current.set(value, { node, disabled: itemDisabled });
-        if (!disabled && !itemDisabled) {
-            setActiveValueState((current) => current ?? value);
-        }
         return () => {
             itemsRef.current.delete(value);
-            setActiveValueState((current) => {
-                if (current !== value)
-                    return current;
-                return ([...itemsRef.current.entries()].find(([, item]) => !disabled && !item.disabled)?.[0] ?? null);
-            });
+            setActiveValueState((current) => (current === value ? null : current));
         };
-    }, [disabled]);
+    }, []);
+    React.useLayoutEffect(() => {
+        const items = getCollectionItemsInDomOrder(itemsRef.current).filter(([, item]) => !disabled && !item.disabled);
+        setActiveValueState((current) => {
+            if (current && items.some(([value]) => value === current))
+                return current;
+            return (items.find(([value]) => selection.has(value))?.[0] ??
+                items[0]?.[0] ??
+                null);
+        });
+    }, [children, disabled, selection]);
     const setActiveValue = React.useCallback((value) => {
         const item = itemsRef.current.get(value);
         if (item && !item.disabled)
@@ -86,41 +85,61 @@ function Grid({ className, children, columns = 1, selectionMode = 'none', select
             return;
         onAction?.(value);
     }, [disabled, onAction]);
-    const moveFocus = React.useCallback((offset) => {
-        const entries = [...itemsRef.current.entries()];
+    const moveFocus = React.useCallback((direction) => {
+        const entries = getCollectionItemsInDomOrder(itemsRef.current);
         if (entries.length === 0)
             return;
         const currentIndex = entries.findIndex(([value]) => value === activeValue);
         const enabledAt = (index) => entries[index] && !disabled && !entries[index][1].disabled;
-        let nextIndex = offset === 'first'
-            ? 0
-            : offset === 'last'
-                ? entries.length - 1
-                : (currentIndex < 0 ? 0 : currentIndex) + offset;
-        if (loop && typeof offset === 'number') {
-            nextIndex =
-                ((nextIndex % entries.length) + entries.length) % entries.length;
+        const startIndex = currentIndex < 0 ? 0 : currentIndex;
+        const currentRow = Math.floor(startIndex / safeColumns);
+        const currentColumn = startIndex % safeColumns;
+        const rowStart = currentRow * safeColumns;
+        const rowEnd = Math.min(entries.length - 1, rowStart + safeColumns - 1);
+        let candidates = [];
+        if (direction === 'first') {
+            candidates = Array.from({ length: entries.length }, (_, index) => index);
         }
-        else {
-            nextIndex = Math.min(entries.length - 1, Math.max(0, nextIndex));
+        else if (direction === 'last') {
+            candidates = Array.from({ length: entries.length }, (_, index) => entries.length - index - 1);
+        }
+        else if (direction === 'row-first') {
+            candidates = Array.from({ length: rowEnd - rowStart + 1 }, (_, index) => rowStart + index);
         }
-        const direction = offset === 'first' ? 1 : offset === 'last' ? -1 : Math.sign(offset);
-        let attempts = 0;
-        while (!enabledAt(nextIndex) && attempts < entries.length) {
-            nextIndex += direction || 1;
-            if (loop) {
-                nextIndex =
-                    ((nextIndex % entries.length) + entries.length) % entries.length;
+        else if (direction === 'row-last') {
+            candidates = Array.from({ length: rowEnd - rowStart + 1 }, (_, index) => rowEnd - index);
+        }
+        else if (direction === 'left' || direction === 'right') {
+            const step = direction === 'left' ? -1 : 1;
+            for (let index = startIndex + step; index >= rowStart && index <= rowEnd; index += step) {
+                candidates.push(index);
             }
-            else if (nextIndex < 0 || nextIndex >= entries.length) {
-                return;
+            if (loop && candidates.length === 0) {
+                candidates =
+                    direction === 'left'
+                        ? Array.from({ length: entries.length }, (_, index) => (startIndex - index - 1 + entries.length) % entries.length)
+                        : Array.from({ length: entries.length }, (_, index) => (startIndex + index + 1) % entries.length);
             }
-            attempts += 1;
         }
+        else {
+            const step = direction === 'up' ? -safeColumns : safeColumns;
+            for (let index = startIndex + step; index >= 0 && index < entries.length; index += step) {
+                candidates.push(index);
+            }
+            if (loop && candidates.length === 0) {
+                const sameColumn = entries
+                    .map((_, index) => index)
+                    .filter((index) => index % safeColumns === currentColumn);
+                candidates = direction === 'up' ? sameColumn.reverse() : sameColumn;
+            }
+        }
+        const nextIndex = candidates.find(enabledAt);
+        if (nextIndex === undefined || nextIndex === currentIndex)
+            return;
         const [value, item] = entries[nextIndex];
         setActiveValueState(value);
         item.node.focus();
-    }, [activeValue, disabled, loop]);
+    }, [activeValue, disabled, loop, safeColumns]);
     const handleKeyDown = (event) => {
         onKeyDown?.(event);
         if (event.defaultPrevented || disabled)
@@ -129,19 +148,24 @@ function Grid({ className, children, columns = 1, selectionMode = 'none', select
         if (target.dataset.slot !== 'grid-item')
             return;
         const movement = {
-            ArrowLeft: -1,
-            ArrowRight: 1,
-            ArrowUp: -safeColumns,
-            ArrowDown: safeColumns,
+            ArrowLeft: 'left',
+            ArrowRight: 'right',
+            ArrowUp: 'up',
+            ArrowDown: 'down',
         };
-        const offset = movement[event.key];
-        if (offset !== undefined) {
+        const direction = movement[event.key];
+        if (direction !== undefined) {
             event.preventDefault();
-            moveFocus(offset);
+            moveFocus(direction);
         }
         else if (event.key === 'Home' || event.key === 'End') {
             event.preventDefault();
-            moveFocus(event.key === 'Home' ? 'first' : 'last');
+            if (event.ctrlKey || event.metaKey) {
+                moveFocus(event.key === 'Home' ? 'first' : 'last');
+            }
+            else {
+                moveFocus(event.key === 'Home' ? 'row-first' : 'row-last');
+            }
         }
         else if (event.key === ' ') {
             event.preventDefault();
@@ -194,7 +218,7 @@ function GridItem({ className, children, value, disabled = false, onClick, onDou
             ref.current = node;
     }, [ref]);
     React.useLayoutEffect(() => registerItem(value, itemRef.current, isDisabled), [isDisabled, registerItem, value]);
-    return (_jsx("div", { ref: setRef, role: "gridcell", tabIndex: isDisabled ? -1 : isActive ? 0 : -1, "aria-disabled": isDisabled || undefined, "aria-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-slot": "grid-item", "data-active": isActive || undefined, "data-disabled": isDisabled || undefined, "data-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-value": value, className: cn('group/grid-item relative min-w-0 cursor-default select-none overflow-hidden rounded-lg border border-border bg-card text-card-foreground outline-none transition-[background-color,border-color,box-shadow] duration-100', 'hover:bg-accent/40 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'data-[selected=true]:border-ring data-[selected=true]:bg-accent/60', 'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50', className), onClick: (event) => {
+    return (_jsx("div", { ref: setRef, role: "gridcell", tabIndex: isDisabled ? -1 : isActive ? 0 : -1, "aria-disabled": isDisabled || undefined, "aria-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-slot": "grid-item", "data-active": isActive || undefined, "data-disabled": isDisabled || undefined, "data-selected": context.selectionMode === 'none' ? undefined : isSelected, "data-value": value, className: cn('group/grid-item border-border bg-card text-card-foreground relative min-w-0 cursor-default select-none overflow-hidden rounded-lg border outline-none transition-[background-color,border-color,box-shadow] duration-100', 'hover:bg-accent/40 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'data-[selected=true]:border-ring data-[selected=true]:bg-accent/60', 'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50', className), onClick: (event) => {
             onClick?.(event);
             if (event.defaultPrevented ||
                 isDisabled ||

package/dist/components/ui/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/icon-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AASpD,UAAU,eACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,YAAY,GAAG,SAAS,GAAG,MAAM,CAClC;IACD,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAe,EACf,KAAiB,EACjB,IAAgB,EAChB,OAAO,EACP,IAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CAqBjB;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,CAAA"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AASpD,UAAU,eACR,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,YAAY,GAAG,SAAS,GAAG,MAAM,CAClC;IACD,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAe,EACf,KAAiB,EACjB,IAAgB,EAChB,OAAO,EACP,IAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CAgBjB;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,CAAA"}

package/dist/components/ui/icon-button.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LoaderCircleIcon } from 'lucide-react';
 import { cn } from '../../lib/utils';
 import { Button } from './button';
 const buttonSizeByIconSize = {
@@ -10,6 +9,6 @@ const buttonSizeByIconSize = {
     lg: 'icon-lg',
 };
 function IconButton({ children, className, disabled, label, loading = false, shape = 'rounded', size = 'default', tooltip, type = 'button', ...props }) {
-    return (_jsx(Button, { "data-slot": "icon-button", "data-loading": loading || undefined, "aria-busy": loading || undefined, "aria-label": label, title: tooltip === true ? label : tooltip || undefined, type: type, size: buttonSizeByIconSize[size], disabled: disabled || loading, className: cn(shape === 'circle' && 'rounded-full', className), ...props, children: loading ? (_jsx(LoaderCircleIcon, { "aria-hidden": "true", className: "animate-spin" })) : (children) }));
+    return (_jsx(Button, { "data-slot": "icon-button", "aria-label": label, title: tooltip === true ? label : tooltip || undefined, type: type, size: buttonSizeByIconSize[size], disabled: disabled, loading: loading, className: cn(shape === 'circle' && 'rounded-full', className), ...props, children: children }));
 }
 export { IconButton };

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

@@ -17,13 +17,16 @@ export * from './collapsible';
 export * from './color-well';
 export * from './combobox';
 export * from './command';
+export * from './confirm-dialog';
 export * from './context-menu';
 export * from './dialog';
 export * from './drawer';
 export * from './dropdown-menu';
 export * from './date-field';
+export * from './date-picker';
 export * from './empty';
 export * from './edge-fade';
+export * from './error-boundary-view';
 export * from './field';
 export * from './form';
 export * from './grid';
@@ -38,8 +41,10 @@ export * from './kbd';
 export * from './label';
 export * from './list';
 export * from './menubar';
+export * from './material';
 export * from './message-scroller';
 export * from './navigation-menu';
+export * from './navigation-button-group';
 export * from './notification-dot';
 export * from './number-input';
 export * from './pagination';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA"}

package/dist/components/ui/index.js

@@ -17,13 +17,16 @@ export * from './collapsible';
 export * from './color-well';
 export * from './combobox';
 export * from './command';
+export * from './confirm-dialog';
 export * from './context-menu';
 export * from './dialog';
 export * from './drawer';
 export * from './dropdown-menu';
 export * from './date-field';
+export * from './date-picker';
 export * from './empty';
 export * from './edge-fade';
+export * from './error-boundary-view';
 export * from './field';
 export * from './form';
 export * from './grid';
@@ -38,8 +41,10 @@ export * from './kbd';
 export * from './label';
 export * from './list';
 export * from './menubar';
+export * from './material';
 export * from './message-scroller';
 export * from './navigation-menu';
+export * from './navigation-button-group';
 export * from './notification-dot';
 export * from './number-input';
 export * from './pagination';