@lerianstudio/sindarian-ui 2.0.0-beta.25 → 2.0.0-beta.26

package/dist/components/ui/alert-dialog/index.js

@@ -1,84 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertDialog = AlertDialog;
-exports.AlertDialogPortal = AlertDialogPortal;
-exports.AlertDialogOverlay = AlertDialogOverlay;
-exports.AlertDialogTrigger = AlertDialogTrigger;
-exports.AlertDialogContent = AlertDialogContent;
-exports.AlertDialogHeader = AlertDialogHeader;
-exports.AlertDialogFooter = AlertDialogFooter;
-exports.AlertDialogTitle = AlertDialogTitle;
-exports.AlertDialogDescription = AlertDialogDescription;
-exports.AlertDialogAction = AlertDialogAction;
-exports.AlertDialogCancel = AlertDialogCancel;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
-const button_1 = require("../../../components/ui/button");
-const utils_1 = require("../../../lib/utils");
-function AlertDialog({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
-}
-function AlertDialogPortal({ ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
-}
-function AlertDialogOverlay({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: (0, utils_1.cn)('dialog-overlay', className), ...props }));
-}
-function AlertDialogContent({ className, container, forceMount, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(AlertDialogPortal, { container: container, forceMount: forceMount, children: [(0, jsx_runtime_1.jsx)(AlertDialogOverlay, { forceMount: forceMount }), (0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: (0, utils_1.cn)('dialog-content', className), forceMount: forceMount, ...props })] }));
-}
-function AlertDialogHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "alert-dialog-header", className: (0, utils_1.cn)('dialog-header', className), ...props }));
-}
-function AlertDialogFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "alert-dialog-footer", className: (0, utils_1.cn)('dialog-footer', className), ...props }));
-}
-function AlertDialogTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: (0, utils_1.cn)('dialog-title', className), ...props }));
-}
-function AlertDialogDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: (0, utils_1.cn)('dialog-description', className), ...props }));
-}
-function AlertDialogAction({ className, variant = 'default', ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Action, { "data-slot": "alert-dialog-action", className: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant }), className), ...props }));
-}
-function AlertDialogCancel({ className, variant = 'outline', ...props }) {
-    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Cancel, { "data-slot": "alert-dialog-cancel", className: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant }), className), ...props }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,r,a){if(a===void 0)a=r;var l=Object.getOwnPropertyDescriptor(t,r);if(!l||("get"in l?!t.__esModule:l.writable||l.configurable)){l={enumerable:true,get:function(){return t[r]}}}Object.defineProperty(e,a,l)}):(function(e,t,r,a){if(a===void 0)a=r;e[a]=t[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:true,value:t})}):function(e,t){e["default"]=t});var __importStar=this&&this.__importStar||(function(){var e=function(t){e=Object.getOwnPropertyNames||function(r){var a=[];for(var l in r)if(Object.prototype.hasOwnProperty.call(r,l))a[a.length]=l;return a};return e(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null){for(var a=e(t),l=0;l<a.length;l++)if(a[l]!=="default")__createBinding(r,t,a[l])}__setModuleDefault(r,t);return r}})();Object.defineProperty(exports,"__esModule",{value:true});exports.AlertDialog=AlertDialog;exports.AlertDialogPortal=AlertDialogPortal;exports.AlertDialogOverlay=AlertDialogOverlay;exports.AlertDialogTrigger=AlertDialogTrigger;exports.AlertDialogContent=AlertDialogContent;exports.AlertDialogHeader=AlertDialogHeader;exports.AlertDialogFooter=AlertDialogFooter;exports.AlertDialogTitle=AlertDialogTitle;exports.AlertDialogDescription=AlertDialogDescription;exports.AlertDialogAction=AlertDialogAction;exports.AlertDialogCancel=AlertDialogCancel;const jsx_runtime_1=require("react/jsx-runtime");const AlertDialogPrimitive=__importStar(require("@radix-ui/react-alert-dialog"));const button_1=require("../../../components/ui/button");const utils_1=require("../../../lib/utils");function AlertDialog({...e}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Root,{"data-slot":"alert-dialog",...e})}function AlertDialogTrigger({...e}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Trigger,{"data-slot":"alert-dialog-trigger",...e})}function AlertDialogPortal({...e}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Portal,{"data-slot":"alert-dialog-portal",...e})}function AlertDialogOverlay({className:e,...t}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Overlay,{"data-slot":"alert-dialog-overlay",className:(0,utils_1.cn)("dialog-overlay",e),...t})}function AlertDialogContent({className:e,container:t,forceMount:r,...a}){return(0,jsx_runtime_1.jsxs)(AlertDialogPortal,{container:t,forceMount:r,children:[(0,jsx_runtime_1.jsx)(AlertDialogOverlay,{forceMount:r}),(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Content,{"data-slot":"alert-dialog-content",className:(0,utils_1.cn)("dialog-content",e),forceMount:r,...a})]})}function AlertDialogHeader({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-dialog-header",className:(0,utils_1.cn)("dialog-header",e),...t})}function AlertDialogFooter({className:e,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"alert-dialog-footer",className:(0,utils_1.cn)("dialog-footer",e),...t})}function AlertDialogTitle({className:e,...t}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Title,{"data-slot":"alert-dialog-title",className:(0,utils_1.cn)("dialog-title",e),...t})}function AlertDialogDescription({className:e,...t}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Description,{"data-slot":"alert-dialog-description",className:(0,utils_1.cn)("dialog-description",e),...t})}function AlertDialogAction({className:e,variant:t="default",...r}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Action,{"data-slot":"alert-dialog-action",className:(0,utils_1.cn)((0,button_1.buttonVariants)({variant:t}),e),...r})}function AlertDialogCancel({className:e,variant:t="outline",...r}){return(0,jsx_runtime_1.jsx)(AlertDialogPrimitive.Cancel,{"data-slot":"alert-dialog-cancel",className:(0,utils_1.cn)((0,button_1.buttonVariants)({variant:t}),e),...r})}

package/dist/components/ui/autocomplete/index.js

@@ -1,440 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SIDE_OPTIONS = void 0;
-exports.AutocompleteTrigger = AutocompleteTrigger;
-exports.AutocompleteValue = AutocompleteValue;
-exports.AutocompleteMultipleValue = AutocompleteMultipleValue;
-exports.AutocompleteEmpty = AutocompleteEmpty;
-exports.AutocompleteLoading = AutocompleteLoading;
-exports.AutocompleteContent = AutocompleteContent;
-exports.AutocompleteGroup = AutocompleteGroup;
-exports.AutocompleteItem = AutocompleteItem;
-exports.Autocomplete = Autocomplete;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
-const lucide_react_1 = require("lucide-react");
-const badge_1 = require("../badge");
-const utils_1 = require("../../../lib/utils");
-const separator_1 = require("../separator");
-const cmdk_1 = require("cmdk");
-const use_click_away_1 = require("../../../hooks/use-click-away");
-const isNil_js_1 = __importDefault(require("lodash/isNil.js"));
-const AutocompleteContext = react_1.default.createContext({
-    value: [],
-    onValueChange: (values) => values,
-    handleChange: (value) => value,
-    handleClear: () => { },
-    setOpen: () => { },
-    setOnScrollbar: () => { },
-    options: {},
-    addOption: (option) => option,
-    inputRef: react_1.default.createRef()
-});
-const useAutocomplete = () => {
-    const context = react_1.default.useContext(AutocompleteContext);
-    if (!context) {
-        throw new Error('useAutocomplete must be used within a AutocompleteProvider');
-    }
-    return context;
-};
-/**
- * The text a value reads as.
- *
- * An item registers a label only when it HAS one to give: a string child, or an
- * explicit `label` when its children are markup. Everything downstream renders
- * this map as text (the input's value, a chip's `aria-label`), so a value with
- * no registered label falls back to the value itself. The alternatives are both
- * defects that shipped: `undefined` drops a controlled input to uncontrolled,
- * and a React element interpolates into a template literal as "[object
- * Object]".
- */
-function labelOf(options, value) {
-    return options[value] ?? value;
-}
-function AutocompleteTrigger({ ref, className, onClear, clearLabel = 'Clear', children }) {
-    const _ref = react_1.default.useRef(null);
-    const { open, readOnly, setOpen, disabled, value, inputRef, handleClear } = useAutocomplete();
-    react_1.default.useImperativeHandle(ref, () => _ref.current);
-    const isNoSelection = disabled || readOnly || value.length < 1;
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: _ref, className: (0, utils_1.cn)(
-        // `border-input-border`, NOT `border-input`: `--input` is a SURFACE
-        // token and is white in light, so the border it paints is invisible
-        // against the field's own `bg-background`. This is the same edge
-        // MultipleSelect and DateRangePicker draw, and the same token.
-        'bg-background ring-offset-background placeholder:text-input-placeholder data-[disabled=true]:bg-shadcn-100 data-[read-only=true]:bg-shadcn-100 border-input-border flex rounded-md border text-sm focus:outline-hidden focus-visible:outline-hidden data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[read-only=true]:opacity-50 md:text-sm [&>span]:line-clamp-1', {
-            'h-9': value.length === 0,
-            'min-h-9': value.length > 0,
-            'cursor-text': !disabled && value.length !== 0
-        }, className), onClick: () => {
-            // Redirect focus to the input field when clicking on the container
-            if (readOnly || disabled) {
-                return;
-            }
-            if (open) {
-                inputRef?.current?.blur();
-            }
-            else {
-                inputRef?.current?.focus();
-            }
-            setOpen(!open);
-        }, "data-disabled": disabled, "data-read-only": readOnly, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex grow flex-wrap gap-1 px-3 py-2", children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "flex shrink-0 items-center justify-end", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": clearLabel, className: (0, utils_1.cn)('cursor-pointer', isNoSelection && 'hidden'), onKeyDown: (event) => {
-                            // cmdk's Command root calls preventDefault() on EVERY Enter that
-                            // reaches it, which cancels this button's implicit activation, so
-                            // the keydown must not get there. Enter only: the root's other
-                            // keys (Escape, the arrows) still belong to the panel.
-                            if (event.key === 'Enter') {
-                                event.stopPropagation();
-                            }
-                        }, onClick: (event) => {
-                            event.stopPropagation();
-                            handleClear();
-                            onClear?.();
-                        }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { "aria-hidden": true, className: "text-muted-foreground mx-2 h-4" }) }), (0, jsx_runtime_1.jsx)(separator_1.Separator, { orientation: "vertical", className: (0, utils_1.cn)(isNoSelection && 'hidden') }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { className: "cursor-pointer data-[disabled=true]:cursor-not-allowed data-[read-only=true]:cursor-default", "data-disabled": disabled, "data-read-only": readOnly, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "mx-3 my-2 h-4 w-4 opacity-50" }) })] })] }));
-}
-function AutocompleteValue({ ref, className, value: valueProp, onValueChange, onBlur, ...props }) {
-    const [search, setSearch] = react_1.default.useState(valueProp);
-    const { value, showValue, options, readOnly, disabled, inputRef } = useAutocomplete();
-    react_1.default.useImperativeHandle(ref, () => inputRef.current);
-    const updateSearch = (value) => {
-        if ((0, isNil_js_1.default)(value)) {
-            return;
-        }
-        const v = typeof value === 'string' ? value : value[0];
-        if (v === '') {
-            handleValueChange('');
-            return;
-        }
-        handleValueChange(showValue ? v : labelOf(options, v));
-    };
-    const handleValueChange = (value) => {
-        setSearch(value);
-        onValueChange?.(value);
-    };
-    const handleBlur = (event) => {
-        updateSearch(value);
-        onBlur?.(event);
-    };
-    // If options changes, update only the internal value
-    react_1.default.useEffect(() => {
-        if ((0, isNil_js_1.default)(value)) {
-            return;
-        }
-        const v = typeof value === 'string' ? value : value[0];
-        if (v === '') {
-            return;
-        }
-        setSearch(showValue ? v : labelOf(options, v));
-    }, [options]);
-    react_1.default.useEffect(() => {
-        updateSearch(value);
-    }, [value]);
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { ...props, ref: inputRef, value: search, onValueChange: handleValueChange, disabled: disabled, readOnly: readOnly, className: (0, utils_1.cn)('placeholder:text-muted-foreground w-full bg-transparent outline-hidden read-only:opacity-50 read-only:placeholder:opacity-0 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0', className), onBlur: handleBlur }));
-}
-function AutocompleteMultipleValue({ ref, className, clearLabel = 'Clear', ...props }) {
-    const { value, disabled, handleChange, options, showValue, inputRef } = useAutocomplete();
-    react_1.default.useImperativeHandle(ref, () => inputRef.current);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [options &&
-                value?.map((value) => ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "secondary", className: (0, utils_1.cn)('data-disabled:bg-muted-foreground data-fixed:bg-muted-foreground data-disabled:text-muted data-fixed:text-muted data-disabled:hover:bg-muted-foreground data-fixed:hover:bg-muted-foreground'), children: [showValue ? value : labelOf(options, value), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": `${clearLabel} ${showValue ? value : labelOf(options, value)}`, className: (0, utils_1.cn)('ring-offset-background focus:ring-ring ml-1 rounded-full outline-hidden focus:ring-2 focus:ring-offset-2', disabled && 'hidden'), onKeyDown: (event) => {
-                                // cmdk's Command root calls preventDefault() on EVERY Enter that
-                                // reaches it, which cancels this button's implicit activation, so
-                                // the keydown must not get there. Enter only: the root's other
-                                // keys (Escape, the arrows) still belong to the panel.
-                                if (event.key === 'Enter') {
-                                    event.stopPropagation();
-                                }
-                            }, onClick: (event) => {
-                                event.stopPropagation();
-                                handleChange(value);
-                            }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { "aria-hidden": true, className: "text-muted-foreground hover:text-foreground h-3 w-3" }) })] }, value))), (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { ...props, ref: inputRef, disabled: disabled, className: (0, utils_1.cn)('placeholder:text-muted-foreground w-full bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0', className) })] }));
-}
-function AutocompleteEmpty({ className, ...props }) {
-    const render = (0, cmdk_1.useCommandState)((state) => state.filtered.count === 0);
-    if (!render)
-        return null;
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "autocomplete-empty", className: (0, utils_1.cn)('py-6 text-center text-sm', className), "cmdk-empty": "", role: "presentation", ...props }));
-}
-function AutocompleteLoading({ className, ref, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Loading, { ref: ref, "data-slot": "autocomplete-loading", className: (0, utils_1.cn)('flex items-center justify-center py-6 text-center text-sm', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-muted-foreground h-5 w-5 motion-safe:animate-spin" }) }));
-}
-exports.SIDE_OPTIONS = ['top', 'right', 'bottom', 'left'];
-function AutocompleteContent({ className, position = 'popper', side = 'bottom', ref, children, onMouseEnter, onMouseLeave, onPointerDownOutside, ...props }) {
-    const _ref = react_1.default.useRef(null);
-    const { open, addOption, setOpen, onScrollbar, setOnScrollbar, inputRef } = useAutocomplete();
-    react_1.default.useImperativeHandle(ref, () => _ref.current);
-    (0, use_click_away_1.useClickAway)(_ref, (event) => {
-        /**
-         * ⛔ THE `open` GUARD IS LOAD-BEARING SINCE THIS LIST STOPPED UNMOUNTING.
-         * While the panel returned `null` this handler was inert by accident: its
-         * ref pointed at nothing. Now that the list stays in the DOM (see the return
-         * below), every click anywhere on the page reaches here — and without this
-         * line each one would call `setOpen(false)` and blur the input. A consumer
-         * form carrying ten of these would run ten handlers per click.
-         */
-        if (!open) {
-            return;
-        }
-        // Should not close when clicking on the scrollbar
-        if (onScrollbar) {
-            return;
-        }
-        setOpen(false);
-        inputRef.current?.blur();
-        onPointerDownOutside?.(event);
-    });
-    /**
-     * Iterates recursively into react children to find valid items options
-     * Adds the valid ones into the options object
-     * @param children
-     */
-    const _searchChildren = (children) => {
-        react_1.default.Children.forEach(react_1.default.Children.toArray(children), (child) => {
-            // If child is already invalid, like pure string, dismiss
-            if (!react_1.default.isValidElement(child)) {
-                return;
-            }
-            // If child is recognized as an AutocompleteItem
-            if (child.type &&
-                child.type.displayName === 'AutocompleteItem') {
-                // Check if the item was proper filled with a value prop
-                if (child.props.value) {
-                    // NOT `children as string`. That cast is how a React ELEMENT got into
-                    // a map every reader treats as text. An item with markup children
-                    // registers nothing unless it declares a `label`, and `labelOf` reads
-                    // the absence as "use the value".
-                    const { label, children: itemChildren } = child.props;
-                    const text = label ??
-                        (typeof itemChildren === 'string' ? itemChildren : undefined);
-                    if (text !== undefined) {
-                        addOption({ [child.props.value]: text });
-                    }
-                }
-                return;
-            }
-            // If not, search recursively into the childrens
-            if (child.props.children) {
-                _searchChildren(child.props.children);
-            }
-        });
-    };
-    // Since this component is not going to be rendered in the DOM until open is true,
-    // we need to register the options when the component mounts
-    // and when the children changes.
-    react_1.default.useEffect(() => {
-        _searchChildren(children);
-    }, [children]);
-    /**
-     * ⛔ THE LIST STAYS IN THE DOM, THE OPTIONS DO NOT — and the split is the whole
-     * fix (#150).
-     *
-     * cmdk puts `aria-controls={listId}` on the input it renders and `id={listId}`
-     * on this list. Returning `null` while closed therefore left the input naming
-     * an element that did not exist, which axe-core reports as a CRITICAL
-     * `aria-valid-attr-value` violation — measured as 10 failing cases across five
-     * forms in a consumer, in both the populated and the empty state. A screen
-     * reader following the reference resolved it to nothing.
-     *
-     * ⛔ AND NOT "KEEP EVERYTHING MOUNTED", which is the obvious reading of the
-     * fix and is too expensive. Only the LIST carries the id; the options carry
-     * the cost. One consumer form puts up to ten of these on screen, each holding
-     * a page of up to a hundred options — roughly a thousand permanently present
-     * nodes for an id that is one element. `{open ? children : null}` keeps the
-     * reference resolvable and the DOM the size it was.
-     *
-     * ⚠️ `hidden` AND NOT A CLASS. It removes the subtree from the accessibility
-     * tree as well as from view, so a closed panel is not an empty `listbox` that
-     * a screen reader can reach into.
-     *
-     * ⚠️ THE ENTRY ANIMATION IS NOT LOST, because there was none to lose: the
-     * className carries `animate-in` with no `fade-in-*` / `zoom-in-*` / `slide-in-*`
-     * companion, so every `--tw-enter-*` variable sits at its default and the
-     * keyframe is a no-op today. Should a real one be added later, it belongs on a
-     * wrapper INSIDE this list — that subtree still mounts with the children.
-     */
-    return ((0, jsx_runtime_1.jsx)("div", { className: "relative", hidden: !open, children: (0, jsx_runtime_1.jsx)(cmdk_1.Command.List, { ref: _ref, className: (0, utils_1.cn)('bg-popover text-popover-foreground motion-safe:animate-in absolute top-1 z-50 max-h-96 w-full min-w-32 overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-hidden', position === 'popper' &&
-                'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), "data-side": side, ...props, onMouseEnter: (e) => {
-                onMouseEnter?.(e);
-                setOnScrollbar(true);
-            }, onMouseLeave: (e) => {
-                onMouseLeave?.(e);
-                setOnScrollbar(false);
-            }, children: open ? children : null }) }));
-}
-function AutocompleteGroup({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { "data-slot": "autocomplete-group", className: (0, utils_1.cn)('text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium', className), ...props }));
-}
-function AutocompleteItem({ className, value, 
-// Read off the element by `AutocompleteContent._searchChildren`, never
-// rendered: destructured here only to keep it out of `...props` and off the
-// div cmdk spreads them onto.
-label: _label, onSelect, ...props }) {
-    const { handleChange } = useAutocomplete();
-    return ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Item, { "data-slot": "autocomplete-item", value: value, className: (0, utils_1.cn)("data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), ...props, onMouseDown: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-        }, onSelect: (value) => {
-            handleChange(value);
-            onSelect?.(value);
-        } }));
-}
-/**
- * ⛔ LOAD-BEARING, NOT A DEBUG LABEL. `AutocompleteContent._searchChildren`
- * recognises an option by `child.type.displayName === 'AutocompleteItem'`, and
- * a function component carries no displayName unless it is assigned one. It
- * never was, so the walk matched nothing and the option registry stayed empty
- * for every consumer: a multiple-select chip rendered `options[value]` as
- * `undefined` (an empty chip), and `AutocompleteValue.updateSearch` set the
- * input to `undefined` on every selection outside `showValue` mode.
- */
-AutocompleteItem.displayName = 'AutocompleteItem';
-function Autocomplete({ ref, value, defaultValue, onValueChange, onClear, className, open: openProp, onOpenChange, showValue, readOnly, disabled, multiple, onKeyDown, children, ...props }) {
-    const _ref = react_1.default.useRef(null);
-    const [open, _setOpen] = react_1.default.useState(openProp);
-    const inputRef = react_1.default.useRef(null);
-    const [onScrollbar, setOnScrollbar] = react_1.default.useState(false);
-    const [selected, setSelected] = react_1.default.useState(defaultValue ?? value ?? (multiple ? [] : ''));
-    const [options, addOption] = react_1.default.useReducer((prev, state) => ({
-        ...prev,
-        ...state
-    }), {});
-    react_1.default.useImperativeHandle(ref, () => _ref.current);
-    const setOpen = (open) => {
-        _setOpen(open);
-        onOpenChange?.(open);
-    };
-    const handleClear = () => {
-        onClear?.();
-        if (!multiple) {
-            setSelected('');
-            onValueChange?.('');
-            return;
-        }
-        setSelected([]);
-        onValueChange?.([]);
-    };
-    const handleChange = react_1.default.useCallback((value) => {
-        if (!value) {
-            return;
-        }
-        if (!multiple) {
-            setSelected(value);
-            onValueChange?.(value);
-            setOpen(false);
-            return;
-        }
-        const newSelected = selected.includes(value)
-            ? selected.filter((item) => item !== value)
-            : [...selected, value];
-        setSelected(newSelected);
-        onValueChange?.(newSelected);
-    }, [selected, onValueChange]);
-    const handleKeyDown = react_1.default.useCallback((e) => {
-        const input = inputRef.current;
-        if (input) {
-            if (e.key === 'Delete' || e.key === 'Backspace') {
-                if (multiple) {
-                    if (input.value === '' && selected.length > 0) {
-                        handleChange(selected[selected.length - 1]);
-                    }
-                }
-            }
-            // This is not a default behavior of the <input /> field
-            if (e.key === 'Escape') {
-                e.stopPropagation();
-                input.blur();
-            }
-        }
-    }, [selected, handleChange]);
-    // Keeps the selected value in sync with the value prop
-    react_1.default.useEffect(() => {
-        if (!(0, isNil_js_1.default)(value)) {
-            setSelected(value);
-        }
-    }, [value]);
-    // Keeps the open state in sync with the open prop
-    react_1.default.useEffect(() => {
-        if (openProp !== undefined) {
-            setOpen(openProp);
-        }
-    }, [openProp]);
-    return ((0, jsx_runtime_1.jsx)(AutocompleteContext.Provider, { value: {
-            value: selected,
-            onValueChange: setSelected,
-            showValue,
-            readOnly,
-            disabled,
-            handleChange,
-            handleClear,
-            onScrollbar,
-            setOnScrollbar,
-            open,
-            setOpen,
-            options,
-            addOption,
-            inputRef
-        }, children: (0, jsx_runtime_1.jsx)(cmdk_1.Command, { ref: _ref, className: (0, utils_1.cn)('text-foreground flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent', className), "data-disabled": disabled, "aria-disabled": disabled, "data-read-only": readOnly, "aria-readonly": readOnly, ...props, onKeyDown: (e) => {
-                handleKeyDown(e);
-                onKeyDown?.(e);
-            }, children: children }) }));
-}
-/**
- * ⛔ THE REST OF THE SET, FOR THE SAME REASON AS `AutocompleteItem` ABOVE.
- *
- * A function component's `name` is whatever the bundler left it — one letter in
- * a production build — so any lookup written against `child.type` needs an
- * explicit string to compare. `AutocompleteItem` is the only part the walk
- * reads TODAY, and it is the part that shipped an empty option registry to
- * every consumer while it was anonymous. Naming the whole set costs a line each
- * and removes the next instance of that defect before it is written; it also
- * makes these parts legible in a React tree, which `MultipleSelect` next door
- * has always done.
- *
- * `__tests__`-style enumeration lives in `autocomplete.test.tsx`: it reads the
- * module's exports rather than a list, so a new part added without a name fails
- * without anyone remembering to extend anything.
- */
-Autocomplete.displayName = 'Autocomplete';
-AutocompleteTrigger.displayName = 'AutocompleteTrigger';
-AutocompleteValue.displayName = 'AutocompleteValue';
-AutocompleteMultipleValue.displayName = 'AutocompleteMultipleValue';
-AutocompleteContent.displayName = 'AutocompleteContent';
-AutocompleteGroup.displayName = 'AutocompleteGroup';
-AutocompleteEmpty.displayName = 'AutocompleteEmpty';
-AutocompleteLoading.displayName = 'AutocompleteLoading';
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,r,n){if(n===void 0)n=r;var a=Object.getOwnPropertyDescriptor(t,r);if(!a||("get"in a?!t.__esModule:a.writable||a.configurable)){a={enumerable:true,get:function(){return t[r]}}}Object.defineProperty(e,n,a)}):(function(e,t,r,n){if(n===void 0)n=r;e[n]=t[r]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:true,value:t})}):function(e,t){e["default"]=t});var __importStar=this&&this.__importStar||(function(){var e=function(t){e=Object.getOwnPropertyNames||function(r){var n=[];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))n[n.length]=a;return n};return e(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null){for(var n=e(t),a=0;a<n.length;a++)if(n[a]!=="default")__createBinding(r,t,n[a])}__setModuleDefault(r,t);return r}})();var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.SIDE_OPTIONS=void 0;exports.AutocompleteTrigger=AutocompleteTrigger;exports.AutocompleteValue=AutocompleteValue;exports.AutocompleteMultipleValue=AutocompleteMultipleValue;exports.AutocompleteEmpty=AutocompleteEmpty;exports.AutocompleteLoading=AutocompleteLoading;exports.AutocompleteContent=AutocompleteContent;exports.AutocompleteGroup=AutocompleteGroup;exports.AutocompleteItem=AutocompleteItem;exports.Autocomplete=Autocomplete;const jsx_runtime_1=require("react/jsx-runtime");const react_1=__importDefault(require("react"));const SelectPrimitive=__importStar(require("@radix-ui/react-select"));const lucide_react_1=require("lucide-react");const badge_1=require("../badge");const utils_1=require("../../../lib/utils");const separator_1=require("../separator");const cmdk_1=require("cmdk");const use_click_away_1=require("../../../hooks/use-click-away");const isNil_js_1=__importDefault(require("lodash/isNil.js"));const AutocompleteContext=react_1.default.createContext({value:[],onValueChange:e=>e,handleChange:e=>e,handleClear:()=>{},setOpen:()=>{},setOnScrollbar:()=>{},options:{},addOption:e=>e,inputRef:react_1.default.createRef()});const useAutocomplete=()=>{const e=react_1.default.useContext(AutocompleteContext);if(!e){throw new Error("useAutocomplete must be used within a AutocompleteProvider")}return e};function labelOf(e,t){return e[t]??t}function AutocompleteTrigger({ref:e,className:t,onClear:r,clearLabel:n="Clear",children:a}){const m=react_1.default.useRef(null);const{open:s,readOnly:f,setOpen:i,disabled:d,value:o,inputRef:c,handleClear:_}=useAutocomplete();react_1.default.useImperativeHandle(e,()=>m.current);const x=d||f||o.length<1;return(0,jsx_runtime_1.jsxs)("div",{ref:m,className:(0,utils_1.cn)("bg-background ring-offset-background placeholder:text-input-placeholder data-[disabled=true]:bg-shadcn-100 data-[read-only=true]:bg-shadcn-100 border-input-border flex rounded-md border text-sm focus:outline-hidden focus-visible:outline-hidden data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[read-only=true]:opacity-50 md:text-sm [&>span]:line-clamp-1",{"h-9":o.length===0,"min-h-9":o.length>0,"cursor-text":!d&&o.length!==0},t),onClick:()=>{if(f||d){return}if(s){c?.current?.blur()}else{c?.current?.focus()}i(!s)},"data-disabled":d,"data-read-only":f,children:[(0,jsx_runtime_1.jsx)("div",{className:"flex grow flex-wrap gap-1 px-3 py-2",children:a}),(0,jsx_runtime_1.jsxs)("div",{className:"flex shrink-0 items-center justify-end",children:[(0,jsx_runtime_1.jsx)("button",{type:"button","aria-label":n,className:(0,utils_1.cn)("cursor-pointer",x&&"hidden"),onKeyDown:h=>{if(h.key==="Enter"){h.stopPropagation()}},onClick:h=>{h.stopPropagation();_();r?.()},children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{"aria-hidden":true,className:"text-muted-foreground mx-2 h-4"})}),(0,jsx_runtime_1.jsx)(separator_1.Separator,{orientation:"vertical",className:(0,utils_1.cn)(x&&"hidden")}),(0,jsx_runtime_1.jsx)(SelectPrimitive.Icon,{className:"cursor-pointer data-[disabled=true]:cursor-not-allowed data-[read-only=true]:cursor-default","data-disabled":d,"data-read-only":f,children:(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronDown,{className:"mx-3 my-2 h-4 w-4 opacity-50"})})]})]})}function AutocompleteValue({ref:e,className:t,value:r,onValueChange:n,onBlur:a,...m}){const[s,f]=react_1.default.useState(r);const{value:i,showValue:d,options:o,readOnly:c,disabled:_,inputRef:x}=useAutocomplete();react_1.default.useImperativeHandle(e,()=>x.current);const h=l=>{if((0,isNil_js_1.default)(l)){return}const p=typeof l==="string"?l:l[0];if(p===""){b("");return}b(d?p:labelOf(o,p))};const b=l=>{f(l);n?.(l)};const v=l=>{h(i);a?.(l)};react_1.default.useEffect(()=>{if((0,isNil_js_1.default)(i)){return}const l=typeof i==="string"?i:i[0];if(l===""){return}f(d?l:labelOf(o,l))},[o]);react_1.default.useEffect(()=>{h(i)},[i]);return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Input,{...m,ref:x,value:s,onValueChange:b,disabled:_,readOnly:c,className:(0,utils_1.cn)("placeholder:text-muted-foreground w-full bg-transparent outline-hidden read-only:opacity-50 read-only:placeholder:opacity-0 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0",t),onBlur:v})}function AutocompleteMultipleValue({ref:e,className:t,clearLabel:r="Clear",...n}){const{value:a,disabled:m,handleChange:s,options:f,showValue:i,inputRef:d}=useAutocomplete();react_1.default.useImperativeHandle(e,()=>d.current);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[f&&a?.map(o=>(0,jsx_runtime_1.jsxs)(badge_1.Badge,{variant:"secondary",className:(0,utils_1.cn)("data-disabled:bg-muted-foreground data-fixed:bg-muted-foreground data-disabled:text-muted data-fixed:text-muted data-disabled:hover:bg-muted-foreground data-fixed:hover:bg-muted-foreground"),children:[i?o:labelOf(f,o),(0,jsx_runtime_1.jsx)("button",{type:"button","aria-label":`${r} ${i?o:labelOf(f,o)}`,className:(0,utils_1.cn)("ring-offset-background focus:ring-ring ml-1 rounded-full outline-hidden focus:ring-2 focus:ring-offset-2",m&&"hidden"),onKeyDown:c=>{if(c.key==="Enter"){c.stopPropagation()}},onClick:c=>{c.stopPropagation();s(o)},children:(0,jsx_runtime_1.jsx)(lucide_react_1.X,{"aria-hidden":true,className:"text-muted-foreground hover:text-foreground h-3 w-3"})})]},o)),(0,jsx_runtime_1.jsx)(cmdk_1.Command.Input,{...n,ref:d,disabled:m,className:(0,utils_1.cn)("placeholder:text-muted-foreground w-full bg-transparent outline-hidden focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:opacity-0",t)})]})}function AutocompleteEmpty({className:e,...t}){const r=(0,cmdk_1.useCommandState)(n=>n.filtered.count===0);if(!r)return null;return(0,jsx_runtime_1.jsx)("div",{"data-slot":"autocomplete-empty",className:(0,utils_1.cn)("py-6 text-center text-sm",e),"cmdk-empty":"",role:"presentation",...t})}function AutocompleteLoading({className:e,ref:t,...r}){return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Loading,{ref:t,"data-slot":"autocomplete-loading",className:(0,utils_1.cn)("flex items-center justify-center py-6 text-center text-sm",e),...r,children:(0,jsx_runtime_1.jsx)(lucide_react_1.Loader2,{className:"text-muted-foreground h-5 w-5 motion-safe:animate-spin"})})}exports.SIDE_OPTIONS=["top","right","bottom","left"];function AutocompleteContent({className:e,position:t="popper",side:r="bottom",ref:n,children:a,onMouseEnter:m,onMouseLeave:s,onPointerDownOutside:f,...i}){const d=react_1.default.useRef(null);const{open:o,addOption:c,setOpen:_,onScrollbar:x,setOnScrollbar:h,inputRef:b}=useAutocomplete();react_1.default.useImperativeHandle(n,()=>d.current);(0,use_click_away_1.useClickAway)(d,l=>{if(!o){return}if(x){return}_(false);b.current?.blur();f?.(l)});const v=l=>{react_1.default.Children.forEach(react_1.default.Children.toArray(l),p=>{if(!react_1.default.isValidElement(p)){return}if(p.type&&p.type.displayName==="AutocompleteItem"){if(p.props.value){const{label:N,children:j}=p.props;const g=N??(typeof j==="string"?j:void 0);if(g!==void 0){c({[p.props.value]:g})}}return}if(p.props.children){v(p.props.children)}})};react_1.default.useEffect(()=>{v(a)},[a]);return(0,jsx_runtime_1.jsx)("div",{className:"relative",hidden:!o,children:(0,jsx_runtime_1.jsx)(cmdk_1.Command.List,{ref:d,className:(0,utils_1.cn)("bg-popover text-popover-foreground motion-safe:animate-in absolute top-1 z-50 max-h-96 w-full min-w-32 overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-hidden",t==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),"data-side":r,...i,onMouseEnter:l=>{m?.(l);h(true)},onMouseLeave:l=>{s?.(l);h(false)},children:o?a:null})})}function AutocompleteGroup({className:e,...t}){return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Group,{"data-slot":"autocomplete-group",className:(0,utils_1.cn)("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}function AutocompleteItem({className:e,value:t,label:r,onSelect:n,...a}){const{handleChange:m}=useAutocomplete();return(0,jsx_runtime_1.jsx)(cmdk_1.Command.Item,{"data-slot":"autocomplete-item",value:t,className:(0,utils_1.cn)("data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",e),...a,onMouseDown:s=>{s.preventDefault();s.stopPropagation()},onSelect:s=>{m(s);n?.(s)}})}AutocompleteItem.displayName="AutocompleteItem";function Autocomplete({ref:e,value:t,defaultValue:r,onValueChange:n,onClear:a,className:m,open:s,onOpenChange:f,showValue:i,readOnly:d,disabled:o,multiple:c,onKeyDown:_,children:x,...h}){const b=react_1.default.useRef(null);const[v,l]=react_1.default.useState(s);const p=react_1.default.useRef(null);const[N,j]=react_1.default.useState(false);const[g,w]=react_1.default.useState(r??t??(c?[]:""));const[O,S]=react_1.default.useReducer((u,y)=>({...u,...y}),{});react_1.default.useImperativeHandle(e,()=>b.current);const A=u=>{l(u);f?.(u)};const k=()=>{a?.();if(!c){w("");n?.("");return}w([]);n?.([])};const C=react_1.default.useCallback(u=>{if(!u){return}if(!c){w(u);n?.(u);A(false);return}const y=g.includes(u)?g.filter(I=>I!==u):[...g,u];w(y);n?.(y)},[g,n]);const E=react_1.default.useCallback(u=>{const y=p.current;if(y){if(u.key==="Delete"||u.key==="Backspace"){if(c){if(y.value===""&&g.length>0){C(g[g.length-1])}}}if(u.key==="Escape"){u.stopPropagation();y.blur()}}},[g,C]);react_1.default.useEffect(()=>{if(!(0,isNil_js_1.default)(t)){w(t)}},[t]);react_1.default.useEffect(()=>{if(s!==void 0){A(s)}},[s]);return(0,jsx_runtime_1.jsx)(AutocompleteContext.Provider,{value:{value:g,onValueChange:w,showValue:i,readOnly:d,disabled:o,handleChange:C,handleClear:k,onScrollbar:N,setOnScrollbar:j,open:v,setOpen:A,options:O,addOption:S,inputRef:p},children:(0,jsx_runtime_1.jsx)(cmdk_1.Command,{ref:b,className:(0,utils_1.cn)("text-foreground flex h-auto w-full flex-col overflow-visible rounded-md bg-transparent",m),"data-disabled":o,"aria-disabled":o,"data-read-only":d,"aria-readonly":d,...h,onKeyDown:u=>{E(u);_?.(u)},children:x})})}Autocomplete.displayName="Autocomplete";AutocompleteTrigger.displayName="AutocompleteTrigger";AutocompleteValue.displayName="AutocompleteValue";AutocompleteMultipleValue.displayName="AutocompleteMultipleValue";AutocompleteContent.displayName="AutocompleteContent";AutocompleteGroup.displayName="AutocompleteGroup";AutocompleteEmpty.displayName="AutocompleteEmpty";AutocompleteLoading.displayName="AutocompleteLoading";