@unisane/ui 0.1.0-next.b67ebfd0

package/dist/components/combobox.js

@@ -0,0 +1,261 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef, useEffect, useCallback, useId, forwardRef } from 'react';
+import { createPortal } from 'react-dom';
+import { cn } from '../lib/utils.js';
+import { Text } from '../primitives/text.js';
+import { Icon } from './icon.js';
+import { getFieldSizeStyles } from '../lib/field-size.js';
+import { useControllableState } from '../lib/use-controllable-state.js';
+import { fieldContainerVariants, getFieldAffixClasses } from '../lib/field-shell.js';
+import { getPortalLayerStyle } from '../lib/portal-layer.js';
+import { Ripple } from './ripple.js';
+import { useOverlayBehavior } from '../lib/use-overlay-behavior.js';
+export const Combobox = forwardRef(({ value, defaultValue, onValueChange, open, defaultOpen = false, onOpenChange, onSearchChange, highlightSelected = true, options, placeholder = 'Search or select...', label, size = 'md', disabled = false, searchable = true, portal = true, className, }, ref) => {
+    const [searchValue, setSearchValue] = React.useState('');
+    const [isSearching, setIsSearching] = React.useState(false);
+    const [activeIndex, setActiveIndex] = React.useState(-1);
+    const comboboxRef = useRef(null);
+    const inputRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const blurTimeoutRef = useRef(null);
+    const fieldSize = getFieldSizeStyles(size);
+    const listboxId = useId();
+    const inputId = useId();
+    const [dropdownPosition, setDropdownPosition] = React.useState({
+        top: 0,
+        left: 0,
+        width: 0,
+        maxHeight: 240,
+    });
+    const [isPositioned, setIsPositioned] = React.useState(!portal);
+    const [selectedValue, setSelectedValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const [openState, setOpenState] = useControllableState({
+        value: open,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const isOpen = openState ?? false;
+    useOverlayBehavior({
+        open: isOpen,
+        contentRef: dropdownRef,
+        rootRef: comboboxRef,
+        triggerRef: inputRef,
+        onDismiss: () => setOpenState(false),
+        modal: false,
+        dismissOnEscape: true,
+        dismissOnInteractOutside: true,
+        initialFocus: false,
+        restoreFocus: false,
+    });
+    const setRefs = useCallback((node) => {
+        comboboxRef.current = node;
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    useEffect(() => {
+        return () => {
+            if (blurTimeoutRef.current) {
+                clearTimeout(blurTimeoutRef.current);
+            }
+        };
+    }, []);
+    const selectedOption = options.find((option) => option.value === selectedValue);
+    const filteredOptions = options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()));
+    const updateDropdownPosition = useCallback(() => {
+        if (!comboboxRef.current || typeof window === 'undefined')
+            return;
+        const rect = comboboxRef.current.getBoundingClientRect();
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        const edgePadding = 8;
+        const gap = 4;
+        const estimatedHeight = Math.min(Math.max(1, filteredOptions.length) * fieldSize.optionHeightPx + 8, 240);
+        const measuredHeight = dropdownRef.current?.offsetHeight ?? estimatedHeight;
+        const spaceBelow = viewportHeight - rect.bottom - edgePadding;
+        const spaceAbove = rect.top - edgePadding;
+        const shouldOpenUp = spaceBelow < Math.min(measuredHeight, 180) && spaceAbove > spaceBelow;
+        const maxHeight = Math.max(120, Math.min(240, (shouldOpenUp ? spaceAbove : spaceBelow) - gap));
+        const width = Math.min(rect.width, viewportWidth - edgePadding * 2);
+        const left = Math.min(Math.max(rect.left, edgePadding), viewportWidth - width - edgePadding);
+        const top = shouldOpenUp
+            ? Math.max(edgePadding, rect.top - Math.min(measuredHeight, maxHeight) - gap)
+            : Math.min(rect.bottom + gap, viewportHeight - maxHeight - edgePadding);
+        setDropdownPosition({
+            top,
+            left,
+            width,
+            maxHeight,
+        });
+    }, [fieldSize.optionHeightPx, filteredOptions.length]);
+    React.useLayoutEffect(() => {
+        if (!portal) {
+            setIsPositioned(true);
+            return;
+        }
+        if (!isOpen) {
+            setIsPositioned(false);
+            return;
+        }
+        const updatePosition = () => {
+            updateDropdownPosition();
+            setIsPositioned(true);
+        };
+        setIsPositioned(false);
+        updatePosition();
+        const raf = window.requestAnimationFrame(updatePosition);
+        window.addEventListener('scroll', updatePosition, true);
+        window.addEventListener('resize', updatePosition);
+        return () => {
+            window.cancelAnimationFrame(raf);
+            window.removeEventListener('scroll', updatePosition, true);
+            window.removeEventListener('resize', updatePosition);
+        };
+    }, [isOpen, portal, updateDropdownPosition]);
+    useEffect(() => {
+        if (!isOpen) {
+            setActiveIndex(-1);
+        }
+    }, [isOpen]);
+    const handleSelect = useCallback((option) => {
+        if (option.disabled)
+            return;
+        if (blurTimeoutRef.current) {
+            clearTimeout(blurTimeoutRef.current);
+            blurTimeoutRef.current = null;
+        }
+        setSelectedValue(option.value);
+        setSearchValue('');
+        onSearchChange?.('');
+        setIsSearching(false);
+        setOpenState(false);
+        setActiveIndex(-1);
+    }, [onSearchChange, setOpenState, setSelectedValue]);
+    const handleInputChange = (nextValue) => {
+        setSearchValue(nextValue);
+        onSearchChange?.(nextValue);
+        setIsSearching(true);
+        setActiveIndex(-1);
+        if (!isOpen) {
+            setOpenState(true);
+        }
+    };
+    const handleBlur = useCallback(() => {
+        if (blurTimeoutRef.current) {
+            clearTimeout(blurTimeoutRef.current);
+        }
+        blurTimeoutRef.current = window.setTimeout(() => {
+            if (!comboboxRef.current?.contains(document.activeElement)) {
+                setOpenState(false);
+                setIsSearching(false);
+                setSearchValue('');
+                onSearchChange?.('');
+            }
+        }, 100);
+    }, [onSearchChange, setOpenState]);
+    const handleKeyDown = useCallback((event) => {
+        if (disabled)
+            return;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                if (!isOpen) {
+                    setOpenState(true);
+                }
+                else {
+                    setActiveIndex((previousIndex) => {
+                        const nextIndex = previousIndex + 1;
+                        return nextIndex < filteredOptions.length ? nextIndex : 0;
+                    });
+                }
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (isOpen) {
+                    setActiveIndex((previousIndex) => {
+                        const nextIndex = previousIndex - 1;
+                        return nextIndex >= 0 ? nextIndex : filteredOptions.length - 1;
+                    });
+                }
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (isOpen && activeIndex >= 0 && filteredOptions[activeIndex]) {
+                    handleSelect(filteredOptions[activeIndex]);
+                }
+                else if (!isOpen) {
+                    setOpenState(true);
+                }
+                break;
+            case 'Home':
+                if (isOpen) {
+                    event.preventDefault();
+                    setActiveIndex(0);
+                }
+                break;
+            case 'End':
+                if (isOpen) {
+                    event.preventDefault();
+                    setActiveIndex(filteredOptions.length - 1);
+                }
+                break;
+            default:
+                break;
+        }
+    }, [activeIndex, disabled, filteredOptions, handleSelect, isOpen, setOpenState]);
+    return (_jsxs("div", { className: cn('relative w-full', className), ref: setRefs, children: [label && (_jsx(Text, { as: "label", htmlFor: inputId, variant: size === 'lg' ? 'labelLarge' : 'labelMedium', className: cn('text-on-surface-variant mb-2 block font-medium', fieldSize.externalLabelText), children: label })), _jsxs("div", { className: cn(fieldContainerVariants({ variant: 'outlined', disabled }), 'relative w-full transition-all', fieldSize.containerHeight, isOpen && 'border-primary! ring-focus-ring ring-1', !searchable && 'cursor-pointer'), onClick: () => {
+                    if (!disabled && !searchable) {
+                        setOpenState(!isOpen);
+                    }
+                }, onKeyDown: !searchable ? handleKeyDown : undefined, role: !searchable ? 'combobox' : undefined, "aria-expanded": !searchable ? isOpen : undefined, "aria-haspopup": !searchable ? 'listbox' : undefined, "aria-controls": !searchable ? listboxId : undefined, "aria-activedescendant": !searchable && activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : undefined, tabIndex: !searchable && !disabled ? 0 : -1, children: [!searchable && _jsx(Ripple, { disabled: disabled }), _jsxs("div", { className: cn('flex h-full min-w-0 items-center', fieldSize.horizontalPadding, size === 'lg' ? 'gap-3' : 'gap-2'), children: [_jsx("div", { className: "min-w-0 flex-1", children: searchable ? (_jsx("input", { ref: inputRef, id: inputId, type: "text", value: isSearching ? searchValue : selectedOption ? selectedOption.label : '', onChange: (event) => handleInputChange(event.target.value), onKeyDown: handleKeyDown, onFocus: () => {
+                                        if (!disabled) {
+                                            setOpenState(true);
+                                            setIsSearching(true);
+                                            setSearchValue('');
+                                            onSearchChange?.('');
+                                        }
+                                    }, onBlur: handleBlur, placeholder: placeholder, disabled: disabled, className: cn('text-on-surface placeholder:text-on-surface-variant block w-full cursor-text bg-transparent outline-none', fieldSize.valueText), role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-activedescendant": activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : undefined, "aria-autocomplete": "list" })) : (_jsx("span", { className: cn('block truncate', fieldSize.valueText, !selectedOption && 'text-on-surface-variant'), children: selectedOption ? selectedOption.label : placeholder })) }), _jsx("span", { className: cn(getFieldAffixClasses({
+                                    size,
+                                    active: isOpen,
+                                    side: 'trailing',
+                                }), 'ml-auto cursor-pointer'), "aria-hidden": "true", onClick: () => {
+                                    if (!disabled) {
+                                        const nextOpen = !isOpen;
+                                        setOpenState(nextOpen);
+                                        if (searchable && nextOpen && inputRef.current) {
+                                            inputRef.current.focus();
+                                        }
+                                    }
+                                }, children: _jsx(Icon, { symbol: "arrow_drop_down", size: "sm", className: cn('duration-short ease-standard transition-transform', isOpen && 'rotate-180') }) })] })] }), isOpen &&
+                !disabled &&
+                (() => {
+                    const dropdown = (_jsx("div", { ref: dropdownRef, className: cn('bg-surface border-outline-soft shadow-2 z-[var(--z-popover,2000)] overflow-y-auto rounded-sm border', portal ? 'fixed' : 'absolute top-[calc(100%+var(--unit))] right-0 left-0'), style: portal
+                            ? {
+                                top: dropdownPosition.top,
+                                left: dropdownPosition.left,
+                                width: dropdownPosition.width,
+                                maxHeight: dropdownPosition.maxHeight,
+                                visibility: isPositioned ? 'visible' : 'hidden',
+                                ...getPortalLayerStyle(comboboxRef.current),
+                            }
+                            : undefined, role: "listbox", id: listboxId, "aria-label": label || 'Options', children: _jsx("div", { className: "py-1", children: filteredOptions.length > 0 ? (filteredOptions.map((option, index) => (_jsxs("div", { id: `${listboxId}-option-${index}`, className: cn('relative flex cursor-pointer items-center gap-3 transition-colors', fieldSize.optionHeight, fieldSize.optionPaddingX, 'hover:bg-state-hover', highlightSelected &&
+                                    selectedValue === option.value &&
+                                    'bg-state-selected text-on-surface', activeIndex === index &&
+                                    (!highlightSelected || selectedValue !== option.value) &&
+                                    'bg-state-hover', option.disabled && 'cursor-not-allowed opacity-38'), onClick: () => handleSelect(option), role: "option", "aria-selected": selectedValue === option.value, "aria-disabled": option.disabled, children: [_jsx(Ripple, { disabled: option.disabled }), _jsx("span", { className: "relative z-10 flex-1 truncate font-medium", children: option.label }), highlightSelected && selectedValue === option.value && (_jsx(Icon, { symbol: "check", size: "sm", className: "text-primary relative z-10" }))] }, option.value)))) : (_jsx("div", { className: cn('text-on-surface-variant font-medium', size === 'sm' ? 'text-label-small py-2' : 'text-label-medium', size === 'lg' ? 'py-3.5' : size === 'md' ? 'py-3' : '', fieldSize.optionPaddingX), children: "No results found" })) }) }));
+                    if (portal && typeof document !== 'undefined') {
+                        return createPortal(dropdown, document.body);
+                    }
+                    return dropdown;
+                })()] }));
+});
+Combobox.displayName = 'Combobox';
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/command.d.ts

@@ -0,0 +1,87 @@
+import * as React from 'react';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface CommandDialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    'aria-label'?: string;
+    children?: React.ReactNode;
+}
+declare const CommandDialog: ({ children, open, defaultOpen, onOpenChange, "aria-label": ariaLabel, }: CommandDialogProps) => React.JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild" | "key">, "value" | "onChange" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "disabled" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.d.ts.map

package/dist/components/command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/components/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,GAAI,yEAMpB,kBAAkB,sBAcpB,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAkBhB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;sFAYf,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAGH,QAAA,MAAM,eAAe;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOtF,CAAC;AAGF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAC"}

package/dist/components/command.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { cn } from '../lib/utils.js';
+import { actionFrameSizeClasses } from '../lib/action-size.js';
+import { Icon } from './icon.js';
+import { Dialog } from './dialog.js';
+const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('bg-surface-container text-on-surface flex h-full w-full flex-col overflow-hidden rounded-sm', className), ...props })));
+Command.displayName = CommandPrimitive.displayName;
+const CommandDialog = ({ children, open, defaultOpen, onOpenChange, 'aria-label': ariaLabel = 'Command menu', }) => {
+    return (_jsx(Dialog, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, "aria-label": ariaLabel, className: "shadow-3 overflow-hidden p-0", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-on-surface-variant [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5", children: children }) }));
+};
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: cn('border-outline-soft flex items-center border-b', actionFrameSizeClasses.md), "data-cmdk-input-wrapper": "", children: [_jsx(Icon, { symbol: "search", size: "sm", className: "mr-2 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('text-body-medium placeholder:text-on-surface-variant flex h-full w-full bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-38', className), ...props })] })));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[var(--layout-command-list-max-height)] overflow-x-hidden overflow-y-auto', className), ...props })));
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "text-body-medium text-on-surface-variant py-6 text-center", ...props })));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('text-on-surface [&_[cmdk-group-heading]]:text-label-small [&_[cmdk-group-heading]]:text-on-surface-variant overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium', className), ...props })));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('bg-outline-soft -mx-1 h-px', className), ...props })));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn(`text-body-medium data-[selected=true]:bg-state-hover data-[selected=true]:text-on-surface rounded-button relative flex cursor-default items-center outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-38 ${actionFrameSizeClasses.md}`, className), ...props })));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: cn('text-label-small text-on-surface-variant ml-auto tracking-widest', className), ...props }));
+};
+CommandShortcut.displayName = 'CommandShortcut';
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.js.map

package/dist/components/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sourceRoot":"","sources":["../../src/components/command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC;AAUnD,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAY,EAAE,SAAS,GAAG,cAAc,GACrB,EAAE,EAAE;IACvB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,gBACd,SAAS,EACrB,SAAS,EAAC,8BAA8B,YAExC,KAAC,OAAO,IAAC,SAAS,EAAC,yTAAyT,YACzU,QAAQ,GACD,GACH,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,eACE,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,sBAAsB,CAAC,EAAE,CAAC,6BAClE,EAAE,aAE1B,KAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,0BAA0B,GAAG,EACvE,KAAC,gBAAgB,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qJAAqJ,EACrJ,SAAS,CACV,KACG,KAAK,GACT,IACE,CACP,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;AAE9D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,IAAI,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE5D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,KAAC,gBAAgB,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,2DAA2D,KACjE,KAAK,GACT,CACH,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;AAE9D,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mOAAmO,EACnO,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;AAE9D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,SAAS,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC;AAEtE,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,IAAI,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wPAAwP,sBAAsB,CAAC,EAAE,EAAE,EACnR,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE5D,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC,EAAE,EAAE;IACzF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,SAAS,CAAC,KACxF,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAC"}

package/dist/components/confirm-dialog.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type DialogTitle } from './dialog.js';
+export interface ConfirmDialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: DialogTitle;
+    description?: React.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    tone?: 'neutral' | 'danger' | 'warning';
+    onConfirm: () => boolean | void | Promise<boolean | void>;
+    onConfirmError?: (error: unknown) => void;
+    onCancel?: () => void;
+    loading?: boolean;
+    confirmDisabled?: boolean;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const ConfirmDialog: React.ForwardRefExoticComponent<ConfirmDialogProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAKpD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,SAAS,EAAE,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,eAAO,MAAM,aAAa,2FAkGzB,CAAC"}

package/dist/components/confirm-dialog.js

@@ -0,0 +1,72 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState } from 'react';
+import { Dialog } from './dialog.js';
+import { Button } from './button.js';
+import { Icon } from './icon.js';
+import { useControllableState } from '../lib/use-controllable-state.js';
+const toneConfig = {
+    neutral: {
+        icon: 'help',
+        iconClass: 'text-primary',
+        confirmClass: '',
+    },
+    danger: {
+        icon: 'warning',
+        iconClass: 'text-error',
+        confirmClass: 'bg-error text-on-error',
+    },
+    warning: {
+        icon: 'warning',
+        iconClass: 'text-warning',
+        confirmClass: 'bg-warning text-on-warning',
+    },
+};
+export const ConfirmDialog = forwardRef(({ open, defaultOpen = false, onOpenChange, title, description, confirmLabel = 'Confirm', cancelLabel = 'Cancel', tone = 'neutral', onConfirm, onConfirmError, onCancel, loading = false, confirmDisabled = false, icon, children, className, }, ref) => {
+    const config = toneConfig[tone];
+    const [isConfirming, setIsConfirming] = useState(false);
+    const [isOpen = false, setIsOpen] = useControllableState({
+        value: open,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const isLoading = loading || isConfirming;
+    const handleCancel = () => {
+        if (isLoading)
+            return;
+        try {
+            onCancel?.();
+        }
+        finally {
+            setIsOpen(false);
+        }
+    };
+    const handleOpenChange = (nextOpen) => {
+        if (nextOpen) {
+            setIsOpen(true);
+            return;
+        }
+        handleCancel();
+    };
+    const handleConfirm = async () => {
+        if (isLoading || confirmDisabled)
+            return;
+        setIsConfirming(true);
+        try {
+            const result = await onConfirm();
+            if (result !== false) {
+                setIsOpen(false);
+            }
+        }
+        catch (error) {
+            onConfirmError?.(error);
+        }
+        finally {
+            setIsConfirming(false);
+        }
+    };
+    const dialogIcon = icon ?? _jsx(Icon, { symbol: config.icon, size: "md", className: config.iconClass });
+    return (_jsx(Dialog, { ref: ref, open: isOpen, onOpenChange: handleOpenChange, title: title, description: description, icon: dialogIcon, className: className, role: "alertdialog", showCloseButton: false, actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "text", onClick: handleCancel, disabled: isLoading, children: cancelLabel }), _jsx(Button, { variant: "filled", onClick: () => void handleConfirm(), loading: isLoading, disabled: confirmDisabled || isLoading, className: config.confirmClass, children: confirmLabel })] }), children: children }));
+});
+ConfirmDialog.displayName = 'ConfirmDialog';
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/components/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["../../src/components/confirm-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/date-input.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type FieldSize } from '../lib/field-size.js';
+import { type FieldShellVariant } from '../lib/field-shell.js';
+export interface DateInputProps {
+    variant?: FieldShellVariant;
+    value?: Date;
+    defaultValue?: Date;
+    onValueChange?: (date: Date | undefined) => void;
+    label: string;
+    hideLabel?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    className?: string;
+    locale?: string;
+    format?: string;
+    min?: Date;
+    max?: Date;
+    name?: string;
+    trailingIcon?: React.ReactNode;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    id?: string;
+    size?: FieldSize;
+}
+export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=date-input.d.ts.map

package/dist/components/date-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../src/components/date-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAW5B,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA0SD,eAAO,MAAM,SAAS,uFA+NrB,CAAC"}