@a-type/ui 4.1.0-beta.7 → 4.1.0

package/dist/cjs/components/combobox/Combobox.js

@@ -0,0 +1,311 @@
+// @unocss-include
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Combobox = exports.ComboboxValueContext = exports.comboboxGroupItemClassName = exports.comboboxRowClassName = exports.comboboxGroupLabelClassName = exports.comboboxGroupItemListClassName = exports.comboboxGroupClassName = exports.comboboxEmptyClassName = exports.comboboxIconClassName = exports.comboboxListClassName = exports.comboboxBackdropClassName = exports.comboboxPopupClassName = void 0;
+exports.ComboboxComposedInput = ComboboxComposedInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BaseCombobox = __importStar(require("@base-ui/react/combobox"));
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const hooks_js_1 = require("../../hooks.js");
+const Button_js_1 = require("../button/Button.js");
+const Chip_js_1 = require("../chip/Chip.js");
+const Icon_js_1 = require("../icon/Icon.js");
+const Input_js_1 = require("../input/Input.js");
+const menus_js_1 = require("../primitives/menus.js");
+const ArrowSvg_js_1 = require("../utility/ArrowSvg.js");
+const SlotDiv_js_1 = require("../utility/SlotDiv.js");
+exports.comboboxPopupClassName = (0, clsx_1.default)(menus_js_1.popupClassName, 'layer-components:w-[--anchor-width]');
+exports.comboboxBackdropClassName = (0, clsx_1.default)('layer-components:fixed layer-components:inset-0');
+exports.comboboxListClassName = (0, clsx_1.default)(menus_js_1.itemListClassName, 'layer-components:flex layer-components:flex-col layer-components:overscroll-contain layer-components:outline-none layer-components:overflow-y-auto layer-components:overflow-unstable', 'layer-components:empty:p-0');
+exports.comboboxIconClassName = (0, clsx_1.default)('icon', 'layer-components:flex layer-components:shrink-0 layer-components:items-center layer-components:justify-center layer-components:transition-transform', 'layer-components:data-[open]:rotate-180');
+exports.comboboxEmptyClassName = (0, clsx_1.default)('layer-components:[&:not(:empty)]:p-sm layer-components:[&:not(:empty)]:text-sm layer-components:[&:not(:empty)]:color-gray-dark');
+exports.comboboxGroupClassName = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:gap-xs layer-components:overflow-hidden layer-components:p-sm');
+exports.comboboxGroupItemListClassName = (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:flex-wrap layer-components:gap-xs');
+exports.comboboxGroupLabelClassName = (0, clsx_1.default)('layer-components:w-full layer-components:px-xs layer-components:text-xs layer-components:font-medium layer-components:uppercase layer-components:color-gray-dark');
+exports.comboboxRowClassName = (0, clsx_1.default)('layer-components:flex layer-components:items-center layer-components:gap-xs');
+exports.comboboxGroupItemClassName = (0, clsx_1.default)('layer-composed-2:bg-white', 'layer-composed-2:data-[highlighted]:ring-2 layer-composed-2:data-[highlighted]:bg-main-wash layer-composed-2:data-[highlighted]:ring-primary');
+function ComboboxComposedInput(_a) {
+    var { open, ref, className, icon, children, disableCaret, disableClear } = _a, props = __rest(_a, ["open", "ref", "className", "icon", "children", "disableCaret", "disableClear"]);
+    const hasValue = !!(0, react_1.useContext)(exports.ComboboxValueContext);
+    const isInChips = (0, react_1.useContext)(ComboboxChipsContext);
+    const clearAndCaret = ((!disableClear && hasValue) || !disableCaret) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-shrink-0 items-center", children: [!disableClear && hasValue && (0, jsx_runtime_1.jsx)(ComboboxClear, {}), !disableCaret && (0, jsx_runtime_1.jsx)(ComboboxTrigger, { open: open })] }));
+    if (isInChips) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('max-w-full min-w-12ch flex flex-1 flex-row items-center gap-xs', className), children: [(0, jsx_runtime_1.jsx)(Input_js_1.Input.Input, Object.assign({ autoComplete: "off", ref: ref, className: (0, clsx_1.default)('layer-components:min-w-3ch layer-components:flex-1'), minLength: 3 }, props)), clearAndCaret, children] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(Input_js_1.Input.Border, { ref: ref, className: className, children: [icon, (0, jsx_runtime_1.jsx)(Input_js_1.Input.Input, Object.assign({ autoComplete: "off", minLength: 3 }, props)), clearAndCaret, children] }));
+}
+exports.ComboboxValueContext = (0, react_1.createContext)(null);
+const ComboboxCreatableContext = (0, react_1.createContext)({
+    inputValue: '',
+});
+const createableSymbol = Symbol('combobox-creatable');
+function makeCreatableItem(input) {
+    const item = {
+        [createableSymbol]: true,
+        value: input,
+        label: input,
+        key: input,
+        id: input,
+    };
+    return item;
+}
+function isCreatableItem(item) {
+    return !!(item === null || item === void 0 ? void 0 : item[createableSymbol]);
+}
+function getCreateableItem(value) {
+    if (isCreatableItem(value)) {
+        return value;
+    }
+    if (Array.isArray(value)) {
+        return value.find((v) => isCreatableItem(v));
+    }
+    return null;
+}
+function matchItem(items, itemToStringLabel, input) {
+    return items.find((item) => {
+        const label = itemToStringLabel
+            ? itemToStringLabel(item)
+            : (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.value) || '';
+        return label.toLowerCase() === input.toString().trim().toLowerCase();
+    });
+}
+const ComboboxRoot = (_a) => {
+    var { onCreate, items: userItems, onItemHighlighted, itemToStringLabel: userItemToStringLabel, inputValue: userInputValue, onInputValueChange: userOnInputValueChange, onValueChange: userOnValueChange, showCreatableItem } = _a, props = __rest(_a, ["onCreate", "items", "onItemHighlighted", "itemToStringLabel", "inputValue", "onInputValueChange", "onValueChange", "showCreatableItem"]);
+    const highlightedItemRef = (0, react_1.useRef)(null);
+    const handleItemHighlighted = (item, ev) => {
+        highlightedItemRef.current = item;
+        onItemHighlighted === null || onItemHighlighted === void 0 ? void 0 : onItemHighlighted(item, ev);
+    };
+    const onInputEnter = onCreate
+        ? (value) => {
+            if (highlightedItemRef.current)
+                return;
+            onCreate(value);
+        }
+        : undefined;
+    const [internalInputValue, setInternalInputValue] = (0, react_1.useState)(userInputValue || props.defaultInputValue || '');
+    const inputValue = (userInputValue === undefined ? internalInputValue : userInputValue).toString();
+    const canCreate = !!(showCreatableItem &&
+        onCreate &&
+        inputValue &&
+        !matchItem(userItems !== null && userItems !== void 0 ? userItems : [], userItemToStringLabel, inputValue));
+    const items = canCreate
+        ? userItems
+            ? [...userItems, makeCreatableItem(inputValue)]
+            : [makeCreatableItem(inputValue)]
+        : userItems;
+    const anchorRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsx)(ComboboxAnchorContext.Provider, { value: anchorRef, children: (0, jsx_runtime_1.jsx)(ComboboxCreatableContext.Provider, { value: { inputValue, onInputEnter, showCreatableItem: canCreate }, children: (0, jsx_runtime_1.jsx)(exports.ComboboxValueContext.Provider, { value: props.value || null, children: (0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Root, Object.assign({}, props, { items: items, inputValue: userInputValue, itemToStringLabel: userItemToStringLabel, onInputValueChange: (value, ev) => {
+                        if (userInputValue === undefined) {
+                            setInternalInputValue(value);
+                        }
+                        userOnInputValueChange === null || userOnInputValueChange === void 0 ? void 0 : userOnInputValueChange(value, ev);
+                    }, onValueChange: (value, ev) => {
+                        const creatable = getCreateableItem(value);
+                        if (creatable) {
+                            onCreate === null || onCreate === void 0 ? void 0 : onCreate(creatable.value);
+                            if (value === creatable) {
+                                return;
+                            }
+                            if (Array.isArray(value)) {
+                                value = value.filter((v) => v !== creatable);
+                            }
+                        }
+                        userOnValueChange === null || userOnValueChange === void 0 ? void 0 : userOnValueChange(value, ev);
+                    }, onItemHighlighted: handleItemHighlighted })) }) }) }));
+};
+function ComboboxTrigger(_a) {
+    var { children, open } = _a, props = __rest(_a, ["children", "open"]);
+    return ((0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Trigger, Object.assign({ render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", size: "small" }) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(ComboboxIcon, { "data-open": open }) })));
+}
+function ComboboxInput(_a) {
+    var { disableCaret, disableClear, icon, children, onKeyDown: userOnKeyDown } = _a, outerProps = __rest(_a, ["disableCaret", "disableClear", "icon", "children", "onKeyDown"]);
+    const { onInputEnter } = (0, react_1.useContext)(ComboboxCreatableContext);
+    const handleKeyDown = (ev) => {
+        if (ev.key === 'Enter' && onInputEnter) {
+            onInputEnter(ev.currentTarget.value);
+        }
+        userOnKeyDown === null || userOnKeyDown === void 0 ? void 0 : userOnKeyDown(ev);
+    };
+    return ((0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Input, Object.assign({ onKeyDown: handleKeyDown, render: (props, state) => ((0, jsx_runtime_1.jsx)(ComboboxComposedInput, Object.assign({}, props, { open: state.open, disableCaret: disableCaret, disableClear: disableClear, icon: icon, children: children }))) }, outerProps)));
+}
+const ComboboxAnchorContext = (0, react_1.createContext)(null);
+const ComboboxChipsContext = (0, react_1.createContext)(false);
+function ComboboxChips(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const anchorRef = (0, react_1.useContext)(ComboboxAnchorContext);
+    return ((0, jsx_runtime_1.jsx)(ComboboxChipsContext.Provider, { value: true, children: (0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Chips, Object.assign({ ref: anchorRef || undefined, className: (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs', className), render: (0, jsx_runtime_1.jsx)(Input_js_1.Input.Border, {}) }, props)) }));
+}
+const ComboboxChipsList = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv, 'layer-components:flex layer-components:flex-row layer-components:flex-wrap layer-components:gap-xs layer-components:p-xs', 'layer-components:empty:hidden');
+function ComboboxChip(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return ((0, jsx_runtime_1.jsxs)(BaseCombobox.Combobox.Chip, Object.assign({ render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, {}), className: (0, clsx_1.default)('layer-composed-2:my-auto layer-composed-2:flex layer-composed-2:flex-row layer-composed-2:items-center layer-composed-2:gap-xs layer-composed-2:px-sm layer-composed-2:bg-white', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.ChipRemove, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "small", emphasis: "ghost", className: "min-h-0 min-w-0 p-0 leading-1", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x", size: 10 }) }) })] })));
+}
+function ComboboxIcon(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Icon, Object.assign({}, props, { className: (0, clsx_1.default)(exports.comboboxIconClassName, className), children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "chevron" }) })));
+}
+const ComboboxPopup = (0, hooks_js_1.withClassName)(BaseCombobox.Combobox.Popup, exports.comboboxPopupClassName);
+const ComboboxBackdrop = (0, hooks_js_1.withClassName)(BaseCombobox.Combobox.Backdrop, exports.comboboxBackdropClassName);
+function ComboboxArrow(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Arrow, Object.assign({}, props, { className: (0, clsx_1.default)(menus_js_1.arrowClassName, className), children: (0, jsx_runtime_1.jsx)(ArrowSvg_js_1.ArrowSvg, {}) })));
+}
+function ComboboxContent(_a) {
+    var { positioner, arrow, children } = _a, props = __rest(_a, ["positioner", "arrow", "children"]);
+    const anchorRef = (0, react_1.useContext)(ComboboxAnchorContext);
+    return ((0, jsx_runtime_1.jsxs)(BaseCombobox.Combobox.Portal, { children: [(0, jsx_runtime_1.jsx)(ComboboxBackdrop, {}), (0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Positioner, Object.assign({ sideOffset: 8, anchor: anchorRef }, positioner, { children: (0, jsx_runtime_1.jsxs)(ComboboxPopup, Object.assign({}, props, { children: [arrow && (0, jsx_runtime_1.jsx)(ComboboxArrow, {}), children] })) }))] }));
+}
+function ComboboxList(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.List, Object.assign({ className: (0, clsx_1.default)(exports.comboboxListClassName, className) }, props)));
+}
+const ComboboxEmpty = (0, hooks_js_1.withClassName)(BaseCombobox.Combobox.Empty, exports.comboboxEmptyClassName);
+function ComboboxItem(_a) {
+    var { className, color = 'gray', children } = _a, props = __rest(_a, ["className", "color", "children"]);
+    return ((0, jsx_runtime_1.jsxs)(BaseCombobox.Combobox.Item, Object.assign({}, props, { className: (0, clsx_1.default)(color && `palette-${color}`, menus_js_1.itemClassName, 'layer-components:data-[selected]:color-gray-dark', className), children: [children, (0, jsx_runtime_1.jsx)(ComboboxItemIndicator, {})] })));
+}
+const ComboboxItemIndicator = (0, hooks_js_1.withClassName)((props) => ((0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.ItemIndicator, Object.assign({}, props, { render: (_a) => {
+        var { children: _ } = _a, rest = __rest(_a, ["children"]);
+        return (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, Object.assign({ name: "check" }, rest));
+    } }))), 'layer-components:ml-auto');
+const ComboboxGroup = (0, hooks_js_1.withClassName)(BaseCombobox.Combobox.Group, exports.comboboxGroupClassName);
+const ComboboxGroupItemList = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv, exports.comboboxGroupItemListClassName);
+const ComboboxGroupLabel = (0, hooks_js_1.withClassName)(BaseCombobox.Combobox.GroupLabel, exports.comboboxGroupLabelClassName);
+const ComboboxRow = (0, hooks_js_1.withClassName)(BaseCombobox.Combobox.Row, exports.comboboxRowClassName);
+const ComboboxSeparator = (0, hooks_js_1.withClassName)(BaseCombobox.Combobox.Separator, menus_js_1.separatorClassName);
+function ComboboxGroupItem(_a) {
+    var { className, replace, render, color, children } = _a, props = __rest(_a, ["className", "replace", "render", "color", "children"]);
+    return ((0, jsx_runtime_1.jsxs)(BaseCombobox.Combobox.Item, Object.assign({ render: replace !== null && replace !== void 0 ? replace : (0, jsx_runtime_1.jsx)(Button_js_1.Button, { render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { render: render, color: color }) }) }, props, { className: (0, clsx_1.default)(exports.comboboxGroupItemClassName, 'layer-components:data-[selected]:color-gray-dark', className), children: [children, (0, jsx_runtime_1.jsx)(ComboboxItemIndicator, { className: "layer-components:h-10px layer-components:w-10px" })] })));
+}
+function ComboboxMultiValue(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ className: (0, clsx_1.default)('max-w-full flex flex-row flex-wrap gap-xs', className) }, props, { children: (0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Value, { children: children }) })));
+}
+function ComboboxClear(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Clear, Object.assign({ render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", size: "small" }) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }) })));
+}
+const baseSubComponents = {
+    useFilter: BaseCombobox.Combobox.useFilter,
+    makeCreatableItem,
+    isCreatableItem,
+    Input: ComboboxInput,
+    Content: ComboboxContent,
+    Empty: ComboboxEmpty,
+    List: ComboboxList,
+    Item: ComboboxItem,
+    Group: ComboboxGroup,
+    GroupItemList: ComboboxGroupItemList,
+    GroupLabel: ComboboxGroupLabel,
+    Row: ComboboxRow,
+    Separator: ComboboxSeparator,
+    ItemGroup: ComboboxGroupItem,
+    Icon: ComboboxIcon,
+    Clear: ComboboxClear,
+    Chips: ComboboxChips,
+    Chip: ComboboxChip,
+    ChipsList: ComboboxChipsList,
+    Value: BaseCombobox.Combobox.Value,
+    MultiValue: ComboboxMultiValue,
+    Positioner: BaseCombobox.Combobox.Positioner,
+    Portal: BaseCombobox.Combobox.Portal,
+    Backdrop: ComboboxBackdrop,
+    Arrow: ComboboxArrow,
+    Popup: ComboboxPopup,
+    ListItem: ComboboxItem,
+    GroupItem: ComboboxGroupItem,
+    Unstyled: BaseCombobox.Combobox,
+};
+function createCombobox() {
+    function TypedRoot(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxRoot, Object.assign({}, props));
+    }
+    function TypedMultiRoot(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxRoot, Object.assign({ multiple: true }, props));
+    }
+    function TypedList(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxList, Object.assign({}, props));
+    }
+    function TypedItem(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxItem, Object.assign({}, props));
+    }
+    function TypedValue(props) {
+        return (0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Value, Object.assign({}, props));
+    }
+    function TypedMultiValue(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxMultiValue, Object.assign({}, props));
+    }
+    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { Multi: TypedMultiRoot, Item: TypedItem, List: TypedList, Value: TypedValue, MultiValue: TypedMultiValue }));
+}
+function createComboboxGrouped() {
+    function TypedRoot(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxRoot, Object.assign({}, props));
+    }
+    function TypedMultiRoot(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxRoot, Object.assign({ multiple: true }, props));
+    }
+    function TypedList(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxList, Object.assign({}, props));
+    }
+    function TypedItem(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxGroupItem, Object.assign({}, props));
+    }
+    function TypedValue(props) {
+        return (0, jsx_runtime_1.jsx)(BaseCombobox.Combobox.Value, Object.assign({}, props));
+    }
+    function TypedMultiValue(props) {
+        return (0, jsx_runtime_1.jsx)(ComboboxMultiValue, Object.assign({}, props));
+    }
+    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { Multi: TypedMultiRoot, Item: TypedItem, List: TypedList, Group: ComboboxGroup, GroupList: ComboboxGroupItemList, GroupLabel: ComboboxGroupLabel, Row: ComboboxRow, Value: TypedValue, MultiValue: TypedMultiValue }));
+}
+exports.Combobox = Object.assign(ComboboxRoot, Object.assign({ create: createCombobox, createGrouped: createComboboxGrouped }, baseSubComponents));
+//# sourceMappingURL=Combobox.js.map

package/dist/cjs/components/combobox/Combobox.js.map

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

package/dist/cjs/components/combobox/Combobox.stories.d.ts

@@ -0,0 +1,53 @@
+import type { StoryObj } from '@storybook/react';
+interface Args {
+    arrow?: boolean;
+    autoHighlight?: boolean;
+    creatable?: boolean;
+    highlightItemOnHover?: boolean;
+}
+declare const meta: {
+    title: string;
+    argTypes: {
+        arrow: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+        autoHighlight: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+        highlightItemOnHover: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+        creatable: {
+            control: "boolean";
+            description: string;
+            defaultValue: boolean;
+        };
+    };
+    args: {
+        arrow: false;
+        autoHighlight: false;
+        highlightItemOnHover: true;
+        creatable: false;
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<Args>;
+export interface Item {
+    id: string;
+    label: string;
+}
+export declare const Default: Story;
+export declare const Grouped: Story;
+export declare const NotPopover: Story;
+export declare const MultiSelect: Story;

package/dist/cjs/components/combobox/Combobox.stories.js

@@ -0,0 +1,115 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelect = exports.NotPopover = exports.Grouped = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Box_js_1 = require("../box/Box.js");
+const Button_js_1 = require("../button/Button.js");
+const Icon_js_1 = require("../icon/Icon.js");
+const Combobox_js_1 = require("./Combobox.js");
+const meta = {
+    title: 'Components/Combobox',
+    argTypes: {
+        arrow: {
+            control: 'boolean',
+            description: 'Whether to show the arrow on the Combobox popup.',
+            defaultValue: false,
+        },
+        autoHighlight: {
+            control: 'boolean',
+            description: 'If true, the first item will be automatically highlighted when the list opens.',
+            defaultValue: false,
+        },
+        highlightItemOnHover: {
+            control: 'boolean',
+            description: 'If true, items will be highlighted when hovered with the mouse.',
+            defaultValue: false,
+        },
+        creatable: {
+            control: 'boolean',
+            description: 'If true, the Combobox will allow creating new items based on user input.',
+            defaultValue: false,
+        },
+    },
+    args: {
+        arrow: false,
+        autoHighlight: false,
+        highlightItemOnHover: true,
+        creatable: false,
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const items = [
+    { id: 'apple', label: 'Apple' },
+    { id: 'banana', label: 'Banana' },
+    { id: 'cherry', label: 'Cherry' },
+    { id: 'date', label: 'Date' },
+    { id: 'elderberry', label: 'Elderberry' },
+    { id: 'fig', label: 'Fig' },
+    { id: 'grape', label: 'Grape' },
+    { id: 'honeydew', label: 'Honeydew' },
+];
+const ExampleCombobox = Combobox_js_1.Combobox.create();
+exports.Default = {
+    render({ arrow, autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = (0, react_1.useState)(null);
+        const allItems = value && items.includes(value)
+            ? items
+            : value
+                ? [value, ...items]
+                : items;
+        return ((0, jsx_runtime_1.jsxs)(ExampleCombobox, { value: value, onValueChange: setValue, items: allItems, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, showCreatableItem: creatable, onCreate: creatable
+                ? (value) => {
+                    console.log('Creating item:', value);
+                    setValue({ id: value, label: value });
+                }
+                : undefined, children: [(0, jsx_runtime_1.jsx)(ExampleCombobox.Input, { icon: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "food" }), className: "w-[200px]" }), (0, jsx_runtime_1.jsxs)(ExampleCombobox.Content, { arrow: arrow, children: [(0, jsx_runtime_1.jsx)(ExampleCombobox.List, { children: (item) => ((0, jsx_runtime_1.jsx)(ExampleCombobox.Item, { value: item, children: item.label }, item.id)) }), (0, jsx_runtime_1.jsx)(ExampleCombobox.Empty, { children: "No results found." })] })] }));
+    },
+};
+const groupedItems = [
+    {
+        category: 'Fruits',
+        items: [
+            { id: 'apple', label: 'Apple' },
+            { id: 'banana', label: 'Banana' },
+            { id: 'cherry', label: 'Cherry' },
+        ],
+    },
+    {
+        category: 'Berries',
+        items: [
+            { id: 'strawberry', label: 'Strawberry' },
+            { id: 'blueberry', label: 'Blueberry' },
+            { id: 'raspberry', label: 'Raspberry' },
+        ],
+    },
+];
+const GroupedCombobox = Combobox_js_1.Combobox.createGrouped();
+exports.Grouped = {
+    render({ arrow, autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = (0, react_1.useState)(null);
+        const [input, setInput] = (0, react_1.useState)('');
+        return ((0, jsx_runtime_1.jsxs)(GroupedCombobox, { value: value, onValueChange: setValue, inputValue: input, onInputValueChange: setInput, items: groupedItems, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, onCreate: creatable
+                ? (value) => alert(`Create item: ${value}`)
+                : undefined, children: [(0, jsx_runtime_1.jsx)(GroupedCombobox.Input, {}), (0, jsx_runtime_1.jsxs)(GroupedCombobox.Content, { arrow: arrow, children: [(0, jsx_runtime_1.jsx)(GroupedCombobox.List, { children: (group) => ((0, jsx_runtime_1.jsxs)(GroupedCombobox.Group, { children: [(0, jsx_runtime_1.jsx)(GroupedCombobox.GroupLabel, { children: group.category }), (0, jsx_runtime_1.jsx)(GroupedCombobox.GroupList, { children: group.items.map((item) => ((0, jsx_runtime_1.jsx)(GroupedCombobox.Item, { value: item, children: item.label }, item.id))) })] }, group.category)) }), (0, jsx_runtime_1.jsx)(GroupedCombobox.Empty, { children: creatable ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "enterKey" }), " Create \"", input, "\""] })) : (`No results found.`) }), (0, jsx_runtime_1.jsx)(GroupedCombobox.Separator, {}), (0, jsx_runtime_1.jsxs)("div", { className: "p-sm text-xs color-gray-dark", children: ["Select your favorite fruit or berry.", creatable ? ' Enter creates a new item.' : ''] })] })] }));
+    },
+};
+exports.NotPopover = {
+    render({ autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = (0, react_1.useState)(null);
+        return ((0, jsx_runtime_1.jsx)(GroupedCombobox, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, onCreate: creatable
+                ? (value) => alert(`Create item: ${value}`)
+                : undefined, children: (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { border: true, p: true, surface: "white", col: true, children: [(0, jsx_runtime_1.jsx)(GroupedCombobox.Input, { disableCaret: true, className: "w-full", disableClear: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "small", emphasis: "primary", className: "aspect-1 h-full", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) }) }), (0, jsx_runtime_1.jsx)(GroupedCombobox.List, { children: (group) => ((0, jsx_runtime_1.jsxs)(GroupedCombobox.Group, { children: [(0, jsx_runtime_1.jsx)(GroupedCombobox.GroupLabel, { children: group.category }), (0, jsx_runtime_1.jsx)(GroupedCombobox.GroupList, { children: group.items.map((item) => ((0, jsx_runtime_1.jsx)(GroupedCombobox.Item, { value: item, children: item.label }, item.id))) })] }, group.category)) }), (0, jsx_runtime_1.jsx)(GroupedCombobox.Empty, { children: "No results found." })] }) }));
+    },
+};
+exports.MultiSelect = {
+    render({ arrow, autoHighlight, highlightItemOnHover, creatable }) {
+        const [value, setValue] = (0, react_1.useState)([]);
+        return ((0, jsx_runtime_1.jsxs)(ExampleCombobox.Multi, { multiple: true, value: value, onValueChange: setValue, items: items, autoHighlight: autoHighlight, highlightItemOnHover: highlightItemOnHover, showCreatableItem: creatable, children: [(0, jsx_runtime_1.jsx)(ExampleCombobox.Chips, { className: "w-300px", children: (0, jsx_runtime_1.jsx)(ExampleCombobox.MultiValue, { children: (items) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ExampleCombobox.ChipsList, { children: items.map((item) => ((0, jsx_runtime_1.jsx)(ExampleCombobox.Chip, { children: item.label }, item.id))) }), (0, jsx_runtime_1.jsx)(ExampleCombobox.Input, {})] })) }) }), (0, jsx_runtime_1.jsxs)(ExampleCombobox.Content, { arrow: arrow, children: [(0, jsx_runtime_1.jsx)(ExampleCombobox.List, { children: (item) => ((0, jsx_runtime_1.jsx)(ExampleCombobox.Item, { value: item, children: item.label }, item.id)) }), (0, jsx_runtime_1.jsx)(ExampleCombobox.Empty, { children: "No results found." })] })] }));
+    },
+};
+//# sourceMappingURL=Combobox.stories.js.map

package/dist/cjs/components/combobox/Combobox.stories.js.map

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

package/dist/cjs/components/input/Input.js

@@ -24,7 +24,7 @@ const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledVa
 const GroupScale_js_1 = require("../../systems/GroupScale.js");
 const inputs_js_1 = require("../../systems/inputs.js");
 exports.inputClassName = (0, clsx_1.default)('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:md:min-w-120px', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
-const inputBorderClassName = (0, clsx_1.default)('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
+const inputBorderClassName = (0, clsx_1.default)('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:[--global-shadow-spread:0] layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
 function InputBorderImpl(props) {
     return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, props)) }));
 }

package/dist/cjs/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAG8B;AAC9B,gDAAwB;AAExB,6CAA+C;AAC/C,yFAAmF;AACnF,+DAA8D;AAC9D,uDAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,cAAI,EACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,iEAAiE,EACjE,8KAA8K,EAC9K,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,4EAA4E,EAC5E,oCAAoC,CACpC,CAAC;AAEF,SAAS,eAAe,CACvB,KAEC;IAED,OAAO,CACN,uBAAC,+BAAe,cACf,gDAAS,KAAK,EAAI,GACD,CAClB,CAAC;AACH,CAAC;AACD,MAAM,WAAW,GAAG,IAAA,wBAAa,EAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEzE,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,qBAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,qBAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,wBAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,uBAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAG8B;AAC9B,gDAAwB;AAExB,6CAA+C;AAC/C,yFAAmF;AACnF,+DAA8D;AAC9D,uDAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,cAAI,EACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,iEAAiE,EACjE,yMAAyM,EACzM,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,4EAA4E,EAC5E,oCAAoC,CACpC,CAAC;AAEF,SAAS,eAAe,CACvB,KAEC;IAED,OAAO,CACN,uBAAC,+BAAe,cACf,gDAAS,KAAK,EAAI,GACD,CAClB,CAAC;AACH,CAAC;AACD,MAAM,WAAW,GAAG,IAAA,wBAAa,EAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEzE,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,qBAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,qBAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,wBAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,uBAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}