@a-type/ui 4.1.8 → 5.0.1

package/dist/cjs/components/colorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,kCAsDC;AAID,kCAsBC;;AA9FD,6CAAwC;AAExC,mEAA6D;AAC7D,iDAA+D;AAC/D,iDAA4C;AAC5C,mDAA6C;AAS7C,SAAgB,WAAW,CAAC,EAOT;QAPS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,CAAC,OAEG,EADf,IAAI,cANoB,8DAO3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,uBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,wBAAC,kBAAM,IACN,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YACpB,QAAQ,CAAC,CAAgB,CAAC,CAAC;QAC5B,CAAC,aAED,uBAAC,kBAAM,CAAC,OAAO,kBACd,SAAS,EAAE,IAAA,WAAI,EAAC,qBAAqB,EAAE,SAAS,CAAC,IAC5C,IAAY,cAEjB,uBAAC,iBAAM,CAAC,IAAI,IAAC,MAAM,EAAE,uBAAC,WAAW,IAAC,KAAK,EAAE,aAAa,GAAI,GAAI,IAC9C,EACjB,wBAAC,kBAAM,CAAC,OAAO,IAAC,SAAS,EAAC,6BAA6B,aACtD,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,aACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,IACf,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAC1B,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,IAChB,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACd,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aAC7B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,IACnB,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,aAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,IAClB,EACb,QAAQ,IAAI,CACZ,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACd,CACd,IACe,IACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,SAAgB,WAAW,CAAC,EAS3B;QAT2B,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,OAMT,EALG,IAAI,cAJoB,kCAK3B,CADO;IAMP,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,EAC7B,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/colorPicker/ColorPicker.stories.d.ts

@@ -1,15 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { ColorPicker } from './ColorPicker.js';
-declare const meta: {
-    title: string;
-    component: typeof ColorPicker;
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ColorPicker>;
-export declare const Default: Story;

package/dist/cjs/components/colorPicker/ColorPicker.stories.js

@@ -1,21 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ColorPicker_js_1 = require("./ColorPicker.js");
-const meta = {
-    title: 'Components/ColorPicker',
-    component: ColorPicker_js_1.ColorPicker,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    render(args) {
-        return (0, jsx_runtime_1.jsx)(ColorPicker_js_1.ColorPicker, Object.assign({}, args));
-    },
-};
-//# sourceMappingURL=ColorPicker.stories.js.map

package/dist/cjs/components/colorPicker/ColorPicker.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.stories.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":";;;;AACA,qDAA+C;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,4BAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,4BAAW,oBAAK,IAAI,EAAI,CAAC;IAClC,CAAC;CACD,CAAC"}

package/dist/cjs/components/colorPicker/index.d.ts

@@ -1 +0,0 @@
-export * from './ColorPicker.js';

package/dist/cjs/components/colorPicker/index.js

@@ -1,19 +0,0 @@
-// @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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ColorPicker.js"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/colorPicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

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

@@ -1,208 +0,0 @@
-import * as BaseCombobox from '@base-ui/react/combobox';
-import { ReactNode, Ref } from 'react';
-import { PaletteName } from '../../uno/index.js';
-import { ButtonProps } from '../button/index.js';
-import { ChipProps } from '../chip/Chip.js';
-import { InputProps } from '../input/Input.js';
-import { SlotDivProps } from '../utility/SlotDiv.js';
-export declare const comboboxPopupClassName: string;
-export declare const comboboxBackdropClassName: string;
-export declare const comboboxListClassName: string;
-export declare const comboboxIconClassName: string;
-export declare const comboboxEmptyClassName: string;
-export declare const comboboxGroupClassName: string;
-export declare const comboboxGroupItemListClassName: string;
-export declare const comboboxGroupLabelClassName: string;
-export declare const comboboxRowClassName: string;
-export declare const comboboxGroupItemClassName: string;
-export interface ComboboxInputProps extends Omit<BaseCombobox.ComboboxInputProps, 'className' | 'render'> {
-    ref?: React.Ref<HTMLInputElement>;
-    icon?: ReactNode;
-    disableCaret?: boolean;
-    disableClear?: boolean;
-    children?: ReactNode;
-    className?: string;
-}
-export declare function ComboboxComposedInput({ open, ref, className, icon, children, disableCaret, disableClear, ...props }: ComboboxInputProps & {
-    className?: string;
-    ref?: React.Ref<HTMLInputElement>;
-    open: boolean;
-    disableCaret?: boolean;
-    disableClear?: boolean;
-    children?: React.ReactNode;
-    icon?: React.ReactNode;
-    render?: InputProps['render'];
-}): import("react/jsx-runtime.js").JSX.Element;
-export declare const ComboboxValueContext: import("react").Context<any>;
-declare function makeCreatableItem(input: string): any;
-declare function isCreatableItem(item: any): item is {
-    value: string;
-    label: string;
-};
-export interface ComboboxProps<TItem, Multiple extends boolean | undefined = false> extends BaseCombobox.ComboboxRootProps<TItem, Multiple> {
-    onCreate?: (value: string) => void;
-    showCreatableItem?: boolean;
-}
-declare function ComboboxInput({ disableCaret, disableClear, icon, children, onKeyDown: userOnKeyDown, ...outerProps }: ComboboxInputProps): import("react/jsx-runtime.js").JSX.Element;
-declare function ComboboxCreateButton({ onClick, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
-declare function ComboboxChips({ className, ...props }: BaseCombobox.ComboboxChipsProps): import("react/jsx-runtime.js").JSX.Element;
-declare function ComboboxChip({ className, children, color, ...props }: BaseCombobox.ComboboxChipProps & {
-    color?: ChipProps['color'];
-}): import("react/jsx-runtime.js").JSX.Element;
-declare function ComboboxIcon({ className, ...props }: BaseCombobox.ComboboxIconProps): import("react/jsx-runtime.js").JSX.Element;
-declare function ComboboxArrow({ className, ...props }: BaseCombobox.ComboboxArrowProps): import("react/jsx-runtime.js").JSX.Element;
-export interface ComboboxPopupProps extends BaseCombobox.ComboboxPopupProps {
-    positioner?: BaseCombobox.ComboboxPositionerProps;
-    ref?: Ref<HTMLDivElement>;
-    arrow?: boolean;
-}
-declare function ComboboxContent({ positioner, arrow, children, ...props }: ComboboxPopupProps): import("react/jsx-runtime.js").JSX.Element;
-declare function ComboboxList({ className, ...props }: BaseCombobox.ComboboxListProps): import("react/jsx-runtime.js").JSX.Element;
-export interface ComboboxItemProps extends BaseCombobox.ComboboxItemProps {
-    ref?: Ref<HTMLDivElement>;
-    color?: PaletteName;
-}
-declare function ComboboxItem({ className, color, children, ...props }: ComboboxItemProps): import("react/jsx-runtime.js").JSX.Element;
-export interface ComboboxGroupItemProps extends Omit<BaseCombobox.ComboboxItemProps, 'render'> {
-    ref?: Ref<HTMLDivElement>;
-    replace?: BaseCombobox.ComboboxItemProps['render'];
-    render?: ChipProps['render'];
-    color?: ChipProps['color'];
-}
-declare function ComboboxGroupItem({ className, replace, render, color, children, ...props }: ComboboxGroupItemProps): import("react/jsx-runtime.js").JSX.Element;
-export interface ComboboxMultiValueProps extends BaseCombobox.ComboboxValueProps, Omit<SlotDivProps, 'children'> {
-}
-declare function ComboboxMultiValue({ children, className, ...props }: ComboboxMultiValueProps): import("react/jsx-runtime.js").JSX.Element;
-export type ComboboxClearProps = ButtonProps & {
-    ref?: Ref<HTMLButtonElement>;
-    children?: ReactNode;
-};
-declare function ComboboxClear({ children, ...props }: ComboboxClearProps): import("react/jsx-runtime.js").JSX.Element;
-declare function createCombobox<TItem>(): ((props: Omit<ComboboxProps<TItem, false>, "items"> & {
-    items?: readonly TItem[];
-}) => import("react/jsx-runtime.js").JSX.Element) & {
-    Multi: (props: Omit<ComboboxProps<TItem, true>, "items"> & {
-        items?: readonly TItem[];
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Item: (props: Omit<ComboboxItemProps, "value"> & {
-        value: TItem;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    List: (props: Omit<BaseCombobox.ComboboxListProps, "children"> & {
-        children?: ReactNode | ((item: TItem, index: number) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Value: (props: Omit<BaseCombobox.ComboboxValueProps, "children"> & {
-        children?: ReactNode | ((item: TItem | null) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    MultiValue: (props: Omit<ComboboxMultiValueProps, "children"> & {
-        children?: ReactNode | ((items: TItem[]) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    useFilter: typeof BaseCombobox.Combobox.useFilter;
-    makeCreatableItem: typeof makeCreatableItem;
-    isCreatableItem: typeof isCreatableItem;
-    Input: typeof ComboboxInput;
-    Content: typeof ComboboxContent;
-    Empty: import("react").FunctionComponent<BaseCombobox.ComboboxEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").FunctionComponent<BaseCombobox.ComboboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    GroupItemList: import("react").FunctionComponent<SlotDivProps>;
-    GroupLabel: import("react").FunctionComponent<BaseCombobox.ComboboxGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    Row: import("react").FunctionComponent<BaseCombobox.ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    ItemGroup: typeof ComboboxGroupItem;
-    Icon: typeof ComboboxIcon;
-    Clear: typeof ComboboxClear;
-    Chips: typeof ComboboxChips;
-    Chip: typeof ComboboxChip;
-    ChipsList: import("react").FunctionComponent<SlotDivProps>;
-    CreateButton: typeof ComboboxCreateButton;
-    Positioner: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
-    Portal: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPortalProps & import("react").RefAttributes<HTMLDivElement>>;
-    Backdrop: import("react").FunctionComponent<BaseCombobox.ComboboxBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
-    Arrow: typeof ComboboxArrow;
-    Popup: import("react").FunctionComponent<BaseCombobox.ComboboxPopupProps & import("react").RefAttributes<HTMLDivElement>>;
-    ListItem: typeof ComboboxItem;
-    GroupItem: typeof ComboboxGroupItem;
-    Unstyled: typeof BaseCombobox.Combobox;
-};
-declare function createComboboxGrouped<TItemGroup extends {
-    items: readonly any[];
-}>(): ((props: Omit<ComboboxProps<TItemGroup["items"][number], false>, "items"> & {
-    items?: readonly TItemGroup[];
-}) => import("react/jsx-runtime.js").JSX.Element) & {
-    Multi: (props: Omit<ComboboxProps<TItemGroup["items"][number], true>, "items"> & {
-        items?: readonly TItemGroup[];
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Item: (props: Omit<ComboboxGroupItemProps, "value"> & {
-        value: TItemGroup["items"][number];
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    List: (props: Omit<BaseCombobox.ComboboxListProps, "children"> & {
-        children?: ReactNode | ((item: TItemGroup, index: number) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Group: import("react").FunctionComponent<BaseCombobox.ComboboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    GroupList: import("react").FunctionComponent<SlotDivProps>;
-    GroupLabel: import("react").FunctionComponent<BaseCombobox.ComboboxGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    Row: import("react").FunctionComponent<BaseCombobox.ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
-    Value: (props: Omit<BaseCombobox.ComboboxValueProps, "children"> & {
-        children?: ReactNode | ((item: TItemGroup["items"][number] | null) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    MultiValue: (props: Omit<ComboboxMultiValueProps, "children"> & {
-        children?: ReactNode | ((items: TItemGroup["items"][number][]) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    useFilter: typeof BaseCombobox.Combobox.useFilter;
-    makeCreatableItem: typeof makeCreatableItem;
-    isCreatableItem: typeof isCreatableItem;
-    Input: typeof ComboboxInput;
-    Content: typeof ComboboxContent;
-    Empty: import("react").FunctionComponent<BaseCombobox.ComboboxEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
-    GroupItemList: import("react").FunctionComponent<SlotDivProps>;
-    Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    ItemGroup: typeof ComboboxGroupItem;
-    Icon: typeof ComboboxIcon;
-    Clear: typeof ComboboxClear;
-    Chips: typeof ComboboxChips;
-    Chip: typeof ComboboxChip;
-    ChipsList: import("react").FunctionComponent<SlotDivProps>;
-    CreateButton: typeof ComboboxCreateButton;
-    Positioner: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
-    Portal: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPortalProps & import("react").RefAttributes<HTMLDivElement>>;
-    Backdrop: import("react").FunctionComponent<BaseCombobox.ComboboxBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
-    Arrow: typeof ComboboxArrow;
-    Popup: import("react").FunctionComponent<BaseCombobox.ComboboxPopupProps & import("react").RefAttributes<HTMLDivElement>>;
-    ListItem: typeof ComboboxItem;
-    GroupItem: typeof ComboboxGroupItem;
-    Unstyled: typeof BaseCombobox.Combobox;
-};
-export declare const Combobox: (({ onCreate, items: userItems, onItemHighlighted, itemToStringLabel: userItemToStringLabel, inputValue: userInputValue, onInputValueChange: userOnInputValueChange, onValueChange: userOnValueChange, showCreatableItem, ...props }: ComboboxProps<any, any>) => import("react/jsx-runtime.js").JSX.Element) & {
-    useFilter: typeof BaseCombobox.Combobox.useFilter;
-    makeCreatableItem: typeof makeCreatableItem;
-    isCreatableItem: typeof isCreatableItem;
-    Input: typeof ComboboxInput;
-    Content: typeof ComboboxContent;
-    Empty: import("react").FunctionComponent<BaseCombobox.ComboboxEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
-    List: typeof ComboboxList;
-    Item: typeof ComboboxItem;
-    Group: import("react").FunctionComponent<BaseCombobox.ComboboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    GroupItemList: import("react").FunctionComponent<SlotDivProps>;
-    GroupLabel: import("react").FunctionComponent<BaseCombobox.ComboboxGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    Row: import("react").FunctionComponent<BaseCombobox.ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    ItemGroup: typeof ComboboxGroupItem;
-    Icon: typeof ComboboxIcon;
-    Clear: typeof ComboboxClear;
-    Chips: typeof ComboboxChips;
-    Chip: typeof ComboboxChip;
-    ChipsList: import("react").FunctionComponent<SlotDivProps>;
-    CreateButton: typeof ComboboxCreateButton;
-    Value: typeof BaseCombobox.ComboboxValue;
-    MultiValue: typeof ComboboxMultiValue;
-    Positioner: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
-    Portal: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPortalProps & import("react").RefAttributes<HTMLDivElement>>;
-    Backdrop: import("react").FunctionComponent<BaseCombobox.ComboboxBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
-    Arrow: typeof ComboboxArrow;
-    Popup: import("react").FunctionComponent<BaseCombobox.ComboboxPopupProps & import("react").RefAttributes<HTMLDivElement>>;
-    ListItem: typeof ComboboxItem;
-    GroupItem: typeof ComboboxGroupItem;
-    Unstyled: typeof BaseCombobox.Combobox;
-    create: typeof createCombobox;
-    createGrouped: typeof createComboboxGrouped;
-};
-export {};

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

@@ -1,324 +0,0 @@
-// @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:data-[highlighted]:ring-2 layer-composed-2:data-[highlighted]:bg-main-wash layer-composed-2:data-[highlighted]:ring-main');
-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)('layer-components:max-w-full layer-components:min-w-12ch layer-components:flex layer-components:flex-1 layer-components:flex-row layer-components:items-center layer-components: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', 'layer-composed:pl-0'), 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 handleCreate = 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,
-                onCreate: handleCreate,
-                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 ? true : undefined }) })));
-}
-function ComboboxInput(_a) {
-    var { disableCaret, disableClear, icon, children, onKeyDown: userOnKeyDown } = _a, outerProps = __rest(_a, ["disableCaret", "disableClear", "icon", "children", "onKeyDown"]);
-    const { onCreate: 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)));
-}
-function ComboboxCreateButton(_a) {
-    var { onClick } = _a, props = __rest(_a, ["onClick"]);
-    const { onCreate: onInputEnter, inputValue } = (0, react_1.useContext)(ComboboxCreatableContext);
-    return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ onClick: (ev) => {
-            onInputEnter === null || onInputEnter === void 0 ? void 0 : onInputEnter(inputValue);
-            onClick === null || onClick === void 0 ? void 0 : onClick(ev);
-        } }, props)));
-}
-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', 'layer-composed:pl-md', 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:px-sm layer-components:py-xs layer-components:-ml-md', 'layer-components:empty:hidden');
-function ComboboxChip(_a) {
-    var { className, children, color = 'gray' } = _a, props = __rest(_a, ["className", "children", "color"]);
-    return ((0, jsx_runtime_1.jsxs)(BaseCombobox.Combobox.Chip, Object.assign({ render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: color }), 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', 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 = 'gray', 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,
-    CreateButton: ComboboxCreateButton,
-    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