@a-type/ui 4.1.8 → 5.0.1

package/dist/cjs/components/checkbox/Checkbox.d.ts

@@ -1,18 +0,0 @@
-import { CheckboxIndicatorProps, CheckboxRootProps } from '@base-ui/react/checkbox';
-import { Ref } from 'react';
-export interface CheckboxProps extends CheckboxRootProps {
-    /**
-     * The checked visual state. Prominent mode means the checked version is visually
-     * emphasized to the user. Faded means the checked version is visually de-emphasized.
-     * Prominent is appropriate when the user's attention should be drawn to the 'on' state,
-     * while faded is appropriate when a checked state means the item is 'done,' like in a task list.
-     */
-    checkedMode?: 'prominent' | 'faded';
-    ref?: Ref<HTMLButtonElement>;
-}
-export declare function CheckboxRoot({ className, checkedMode, ...props }: CheckboxProps): import("react/jsx-runtime.js").JSX.Element;
-export declare function CheckboxIndicator({ children, className, ...props }: CheckboxIndicatorProps): import("react/jsx-runtime.js").JSX.Element;
-export declare const Checkbox: ((props: CheckboxProps) => import("react/jsx-runtime.js").JSX.Element) & {
-    Root: typeof CheckboxRoot;
-    Indicator: typeof CheckboxIndicator;
-};

package/dist/cjs/components/checkbox/Checkbox.js

@@ -1,42 +0,0 @@
-// @unocss-include
-"use strict";
-'use client';
-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.Checkbox = void 0;
-exports.CheckboxRoot = CheckboxRoot;
-exports.CheckboxIndicator = CheckboxIndicator;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const checkbox_1 = require("@base-ui/react/checkbox");
-const clsx_1 = __importDefault(require("clsx"));
-const Icon_js_1 = require("../icon/Icon.js");
-function CheckboxRoot(_a) {
-    var { className, checkedMode = 'prominent' } = _a, props = __rest(_a, ["className", "checkedMode"]);
-    return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox.Root, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:relative layer-components:block layer-components:h-28px layer-components:w-28px layer-components:flex-shrink-0 layer-components:cursor-pointer layer-components:border layer-components:border-default layer-components:rounded-lg layer-components:shadow-sm layer-components:transition-all layer-components:bg-white', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', checkedMode === 'faded'
-            ? 'layer-components:data-[checked]:animate-checkbox-fade layer-components:data-[checked]:animate-forwards layer-components:data-[checked]:bg-main'
-            : 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:ring-2 layer-components:[&:hover:not(:disabled)]:bg-lighten-2 layer-components:[&:hover:not(:disabled)]:ring-bg', 'layer-components:[&:active:not(:disabled)]:ring-4 layer-components:[&:active:not(:disabled)]:bg-darken-1', 'layer-components:[&:disabled]:shadow-none layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light', className) })));
-}
-function CheckboxIndicator(_a) {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox.Indicator, Object.assign({ className: (0, clsx_1.default)('absolute center color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "check", size: 16 }) })));
-}
-exports.Checkbox = Object.assign(function Checkbox(props) {
-    return ((0, jsx_runtime_1.jsx)(CheckboxRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CheckboxIndicator, {}) })));
-}, {
-    Root: CheckboxRoot,
-    Indicator: CheckboxIndicator,
-});
-//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/components/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;AAsBb,oCAqBC;AAED,8CAaC;;AAxDD,sDAIiC;AACjC,gDAA8B;AAE9B,6CAAuC;AAavC,SAAgB,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,uBAAC,mBAAY,CAAC,IAAI,oBACb,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,iJAAiJ,EACjJ,iEAAiE,EACjE,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,kFAAkF;YACpF,CAAC,CAAC,2DAA2D,EAC9D,yEAAyE,EACzE,iEAAiE,EACjE,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,SAAgB,iBAAiB,CAAC,EAIT;QAJS,EACjC,QAAQ,EACR,SAAS,OAEe,EADrB,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,mBAAY,CAAC,SAAS,kBACtB,SAAS,EAAE,IAAA,cAAU,EAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACpB,CACzB,CAAC;AACH,CAAC;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,uBAAC,YAAY,oBAAK,KAAK,cACtB,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}

package/dist/cjs/components/checkbox/Checkbox.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Checkbox } from './Checkbox.js';
-declare const meta: {
-    title: string;
-    component: ((props: import("./Checkbox.js").CheckboxProps) => import("react/jsx-runtime.js").JSX.Element) & {
-        Root: typeof import("./Checkbox.js").CheckboxRoot;
-        Indicator: typeof import("./Checkbox.js").CheckboxIndicator;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Checkbox>;
-export declare const Default: Story;

package/dist/cjs/components/checkbox/Checkbox.stories.js

@@ -1,16 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const Checkbox_js_1 = require("./Checkbox.js");
-const meta = {
-    title: 'Components/Checkbox',
-    component: Checkbox_js_1.Checkbox,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {};
-//# sourceMappingURL=Checkbox.stories.js.map

package/dist/cjs/components/checkbox/Checkbox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";;;AACA,+CAAyC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,sBAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC"}

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

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

package/dist/cjs/components/checkbox/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("./Checkbox.js"), exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/chip/Chip.d.ts

@@ -1,8 +0,0 @@
-import { Ref } from 'react';
-import { PaletteName } from '../../uno/index.js';
-import { SlotDivProps } from '../utility/SlotDiv.js';
-export interface ChipProps extends SlotDivProps {
-    color?: PaletteName;
-    ref?: Ref<any>;
-}
-export declare function Chip({ className, color, ...rest }: ChipProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/chip/Chip.js

@@ -1,26 +0,0 @@
-// @unocss-include
-"use strict";
-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.Chip = Chip;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const SlotDiv_js_1 = require("../utility/SlotDiv.js");
-function Chip(_a) {
-    var { className, color } = _a, rest = __rest(_a, ["className", "color"]);
-    return ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ className: (0, clsx_1.default)(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:items-center layer-composed:gap-1 layer-composed:whitespace-nowrap layer-composed:text-xs layer-composed:font-normal', 'layer-composed:border layer-composed:border-light layer-composed:rounded-lg layer-composed:border-solid layer-composed:color-contrast layer-composed:bg-main-wash', 'layer-composed:[&:not(:is(button))]:px-sm layer-composed:[&:not(:is(button))]:py-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
-}
-//# sourceMappingURL=Chip.js.map

package/dist/cjs/components/chip/Chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,oBAcC;;AAxBD,gDAA8B;AAG9B,sDAA8D;AAO9D,SAAgB,IAAI,CAAC,EAAwC;QAAxC,EAAE,SAAS,EAAE,KAAK,OAAsB,EAAjB,IAAI,cAA3B,sBAA6B,CAAF;IAC/C,OAAO,CACN,uBAAC,oBAAO,kBACP,SAAS,EAAE,IAAA,cAAU,EACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,gGAAgG,EAChG,0FAA0F,EAC1F,mDAAmD,EACnD,SAAS,CACT,EACD,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,EACP,CACF,CAAC;AACH,CAAC"}

package/dist/cjs/components/chip/Chip.stories.d.ts

@@ -1,25 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Chip } from './Chip.js';
-declare const meta: {
-    title: string;
-    component: typeof Chip;
-    argTypes: {
-        color: {
-            control: "select";
-            options: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
-        };
-    };
-    args: {
-        children: string;
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Chip>;
-export declare const Default: Story;
-export declare const Colors: Story;
-export declare const AsButton: Story;

package/dist/cjs/components/chip/Chip.stories.js

@@ -1,42 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AsButton = exports.Colors = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_js_1 = require("../../uno/index.js");
-const Box_js_1 = require("../box/Box.js");
-const Button_js_1 = require("../button/Button.js");
-const Chip_js_1 = require("./Chip.js");
-const meta = {
-    title: 'Components/Chip',
-    component: Chip_js_1.Chip,
-    argTypes: {
-        color: {
-            control: 'select',
-            options: index_js_1.paletteNames,
-        },
-    },
-    args: {
-        children: 'Chip',
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    render(args) {
-        return (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, Object.assign({}, args));
-    },
-};
-exports.Colors = {
-    render() {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '12px' }, children: [(0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "gray", children: "Gray" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "accent", children: "Accent" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "attention", children: "Attention" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "success", children: "Success" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "lemon", children: "Lemon" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "leek", children: "Leek" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "tomato", children: "Tomato" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "blueberry", children: "Blueberry" }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "eggplant", children: "Eggplant" })] }));
-    },
-};
-exports.AsButton = {
-    render(args) {
-        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "primary", children: "Clickable Chip" }) }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, Object.assign({}, args, { children: "Non-clickable Chip" }))] }));
-    },
-};
-//# sourceMappingURL=Chip.stories.js.map

package/dist/cjs/components/chip/Chip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";;;;AACA,iDAAkD;AAClD,0CAAoC;AACpC,mDAA6C;AAC7C,uCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,uBAAY;SACrB;KACD;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;IAC3B,CAAC;CACD,CAAC;AAEW,QAAA,MAAM,GAAU;IAC5B,MAAM;QACL,OAAO,CACN,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3C,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,OAAO,sBAAa,EAChC,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,UAAU,yBAAgB,IACjC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,uBAAC,kBAAM,IAAC,MAAM,EAAE,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,GAAI,EAC/D,uBAAC,cAAI,oBAAK,IAAI,sCAA2B,IACpC,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

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

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

package/dist/cjs/components/chip/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("./Chip.js"), exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/collapsible/Collapsible.d.ts

@@ -1,27 +0,0 @@
-import { CollapsiblePanelProps, CollapsibleRootProps } from '@base-ui/react/collapsible';
-import { Ref } from 'react';
-export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CollapsibleContent: ({ ref, horizontal, both, ...props }: CollapsiblePanelProps & {
-    horizontal?: boolean;
-    both?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime.js").JSX.Element;
-export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible/index.js").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
-    horizontal?: boolean;
-    both?: boolean;
-}) => import("react/jsx-runtime.js").JSX.Element;
-export declare const CollapsibleIcon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Content: ({ ref, horizontal, both, ...props }: CollapsiblePanelProps & {
-        horizontal?: boolean;
-        both?: boolean;
-        ref?: Ref<HTMLDivElement>;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Trigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible/index.js").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Simple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
-        horizontal?: boolean;
-        both?: boolean;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-};

package/dist/cjs/components/collapsible/Collapsible.js

@@ -1,51 +0,0 @@
-// @unocss-include
-"use strict";
-'use client';
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Collapsible = exports.CollapsibleIcon = exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const collapsible_1 = require("@base-ui/react/collapsible");
-const withClassName_js_1 = require("../../hooks/withClassName.js");
-exports.CollapsibleRoot = collapsible_1.Collapsible.Root;
-const CollapsibleContentBase = (0, withClassName_js_1.withClassName)(collapsible_1.Collapsible.Panel, 'overflow-hidden transition-all', 'data-[horizontal]:w-[--collapsible-panel-width] data-[vertical]:h-[--collapsible-panel-height]', 'data-[both]:h-[--collapsible-panel-height] data-[both]:w-[--collapsible-panel-width]', 'start-end:data-[vertical]:h-0', 'start-end:data-[both]:h-0 start-end:data-[both]:w-0', 'start-end:data-[horizontal]:w-0', 'data-[hidden]:[&:not([hidden="until-found"])]:hidden');
-// specifically removing className... it's causing problems?
-const CollapsibleContent = function CollapsibleContent(_a) {
-    var { ref, horizontal, both } = _a, props = __rest(_a, ["ref", "horizontal", "both"]);
-    const extraProps = {};
-    if (horizontal) {
-        extraProps['data-horizontal'] = true;
-    }
-    else if (both) {
-        extraProps['data-both'] = true;
-    }
-    else {
-        extraProps['data-vertical'] = true;
-    }
-    return (0, jsx_runtime_1.jsx)(CollapsibleContentBase, Object.assign({}, extraProps, props, { ref: ref }));
-};
-exports.CollapsibleContent = CollapsibleContent;
-exports.CollapsibleTrigger = collapsible_1.Collapsible.Trigger;
-const CollapsibleSimple = (_a) => {
-    var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
-    return ((0, jsx_runtime_1.jsx)(exports.CollapsibleRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.CollapsibleContent, { horizontal: horizontal, both: both, children: children }) })));
-};
-exports.CollapsibleSimple = CollapsibleSimple;
-exports.CollapsibleIcon = (0, withClassName_js_1.withClassName)('span', 'layer-components:transition-transform', 'layer-components:[[data-panel-open]_&]:rotate-180');
-exports.Collapsible = Object.assign(exports.CollapsibleRoot, {
-    Content: exports.CollapsibleContent,
-    Trigger: exports.CollapsibleTrigger,
-    Simple: exports.CollapsibleSimple,
-    Icon: exports.CollapsibleIcon,
-});
-//# sourceMappingURL=Collapsible.js.map

package/dist/cjs/components/collapsible/Collapsible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AACb,4DAIoC;AAEpC,mEAA6D;AAEhD,QAAA,eAAe,GAAG,yBAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,yBAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,iCAAiC,EACjC,iCAAiC,EACjC,mCAAmC,EACnC,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AACrD,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,MAAM,UAAU,GAAQ,EAAE,CAAC;IAC3B,IAAI,UAAU,EAAE,CAAC;QAChB,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACjB,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChC,CAAC;SAAM,CAAC;QACP,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IACD,OAAO,uBAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AAnBW,QAAA,kBAAkB,sBAmB7B;AACW,QAAA,kBAAkB,GAAG,yBAAe,CAAC,OAAO,CAAC;AAEnD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,MAAM,EACN,uCAAuC,EACvC,mDAAmD,CACnD,CAAC;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;IACzB,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}

package/dist/cjs/components/collapsible/Collapsible.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { CollapsibleSimple } from './Collapsible.js';
-declare const meta: {
-    title: string;
-    component: ({ horizontal, both, children, ...props }: import("@base-ui/react/collapsible/index.js").CollapsibleRootProps & {
-        horizontal?: boolean;
-        both?: boolean;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof CollapsibleSimple>;
-export declare const Default: Story;

package/dist/cjs/components/collapsible/Collapsible.stories.js

@@ -1,24 +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 react_1 = require("react");
-const Collapsible_js_1 = require("./Collapsible.js");
-const meta = {
-    title: 'Components/CollapsibleSimple',
-    component: Collapsible_js_1.CollapsibleSimple,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    render: () => {
-        const [count, setCount] = (0, react_1.useState)(2);
-        const [open, setOpen] = (0, react_1.useState)(false);
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Collapsible_js_1.CollapsibleSimple, { open: open, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setCount(count + 1), children: "Increment" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setCount(count - 1), children: "Decrement" }), new Array(count).fill(null).map((_, i) => ((0, jsx_runtime_1.jsxs)("div", { children: ["Item ", i] }, i)))] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setOpen(!open), children: "Toggle" })] }));
-    },
-};
-//# sourceMappingURL=Collapsible.stories.js.map

package/dist/cjs/components/collapsible/Collapsible.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible.stories.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,qDAAqD;AAErD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,kCAAiB;IAC5B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACwC,CAAC;AAE3C,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAExC,OAAO,CACN,6DACC,wBAAC,kCAAiB,IAAC,IAAI,EAAE,IAAI,aAC5B,mCAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,0BAAoB,EAC9D,mCAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,0BAAoB,EAC7D,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,qDAAmB,CAAC,KAAV,CAAC,CAAgB,CAC3B,CAAC,IACiB,EACpB,mCAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,uBAAiB,IACpD,CACH,CAAC;IACH,CAAC;CACD,CAAC"}

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

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

package/dist/cjs/components/collapsible/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("./Collapsible.js"), exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/colorMode/ColorModeToggle.d.ts

@@ -1,6 +0,0 @@
-import { ToggleGroupProps } from '@base-ui/react/toggle-group';
-export interface ColorModeToggleProps extends Omit<ToggleGroupProps, 'type' | 'onValueChange' | 'value'> {
-    value?: 'light' | 'dark' | 'system';
-    onValueChange?: (value: 'light' | 'dark' | 'system', event: any) => void;
-}
-export declare function ColorModeToggle({ value: userValue, onValueChange: userOnValueChange, className, ...rest }: ColorModeToggleProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/colorMode/ColorModeToggle.js

@@ -1,33 +0,0 @@
-// @unocss-include
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorModeToggle = ColorModeToggle;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colorMode_js_1 = require("../../colorMode.js");
-const Icon_js_1 = require("../icon/Icon.js");
-const toggleGroup_js_1 = require("../toggleGroup/toggleGroup.js");
-function ColorModeToggle(_a) {
-    var { value: userValue, onValueChange: userOnValueChange, className } = _a, rest = __rest(_a, ["value", "onValueChange", "className"]);
-    const colorMode = (0, colorMode_js_1.useColorMode)();
-    const value = userValue !== null && userValue !== void 0 ? userValue : colorMode;
-    return ((0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, Object.assign({ value: [value], onValueChange: ([value], ev) => {
-            if (userOnValueChange) {
-                userOnValueChange(value, ev);
-            }
-            else {
-                (0, colorMode_js_1.setColorMode)(value);
-            }
-        }, className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "system", "aria-label": "Device", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "phone" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "light", "aria-label": "Light", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "sun" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "moon" }) })] })));
-}
-//# sourceMappingURL=ColorModeToggle.js.map

package/dist/cjs/components/colorMode/ColorModeToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,0CAiCC;;AA3CD,qDAAgE;AAChE,6CAAuC;AACvC,kEAA4D;AAQ5D,SAAgB,eAAe,CAAC,EAKT;QALS,EAC/B,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,iBAAiB,EAChC,SAAS,OAEa,EADnB,IAAI,cAJwB,uCAK/B,CADO;IAEP,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;IAErC,OAAO,CACN,wBAAC,4BAAW,kBACX,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE;YAC9B,IAAI,iBAAiB,EAAE,CAAC;gBACvB,iBAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACP,IAAA,2BAAY,EAAC,KAAoC,CAAC,CAAC;YACpD,CAAC;QACF,CAAC,EACD,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,gBAAY,QAAQ,YACnD,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACH,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACjD,uBAAC,cAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACD,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,gBAAY,MAAM,YAC/C,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACF,KACN,CACd,CAAC;AACH,CAAC"}

package/dist/cjs/components/colorMode/ColorModeToggle.stories.d.ts

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

package/dist/cjs/components/colorMode/ColorModeToggle.stories.js

@@ -1,16 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const ColorModeToggle_js_1 = require("./ColorModeToggle.js");
-const meta = {
-    title: 'Components/ColorModeToggle',
-    component: ColorModeToggle_js_1.ColorModeToggle,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {};
-//# sourceMappingURL=ColorModeToggle.stories.js.map

package/dist/cjs/components/colorMode/ColorModeToggle.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorModeToggle.stories.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.stories.tsx"],"names":[],"mappings":";;;AACA,6DAAuD;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oCAAe;IAC1B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACsC,CAAC;AAEzC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC"}

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

@@ -1,14 +0,0 @@
-import { SelectTriggerProps } from '@base-ui/react/select';
-import { ReactNode } from 'react';
-import { PaletteName } from '../../uno/index.js';
-export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'onChange' | 'color'> {
-    value: PaletteName | null;
-    onChange: (value: PaletteName) => void;
-    showGray?: boolean;
-}
-export declare function ColorPicker({ value, onChange, showGray, className, nativeButton: _, ...rest }: ColorPickerProps): import("react/jsx-runtime.js").JSX.Element;
-export declare function ColorSwatch({ value, children, className, ...rest }: {
-    value: PaletteName;
-    children?: ReactNode;
-    className?: string;
-}): import("react/jsx-runtime.js").JSX.Element;

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

@@ -1,68 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorPicker = ColorPicker;
-exports.ColorSwatch = ColorSwatch;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importStar(require("clsx"));
-const withClassName_js_1 = require("../../hooks/withClassName.js");
-const index_js_1 = require("../../uno/index.js");
-const index_js_2 = require("../button/index.js");
-const Select_js_1 = require("../select/Select.js");
-function ColorPicker(_a) {
-    var { value, onChange, showGray, className, nativeButton: _ } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className", "nativeButton"]);
-    const resolvedValue = value && index_js_1.paletteNames.includes(value) ? value : 'lemon';
-    return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, { value: resolvedValue, onValueChange: (v) => {
-            onChange(v);
-        }, children: [(0, jsx_runtime_1.jsx)(Select_js_1.Select.Trigger, Object.assign({ className: (0, clsx_1.clsx)('layer-composed:p-sm', className) }, rest, { children: (0, jsx_runtime_1.jsx)(index_js_2.Button.Icon, { render: (0, jsx_runtime_1.jsx)(ColorSwatch, { value: resolvedValue }) }) })), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Content, { className: "z-[calc(var(--z-dialog)+1)]", children: [(0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "lemon", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "tomato", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "leek", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "blueberry", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "eggplant", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] }), showGray && ((0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "gray", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "gray" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Salt" })] }))] })] }));
-}
-const ItemLabel = (0, withClassName_js_1.withClassName)('span', 'sr-only');
-function ColorSwatch(_a) {
-    var { value, children, className } = _a, rest = __rest(_a, ["value", "children", "className"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('h-16px w-16px rounded-sm bg-main', `palette-${value !== null && value !== void 0 ? value : 'lemon'}`, className) }, rest, { children: children })));
-}
-//# sourceMappingURL=ColorPicker.js.map