@a-type/ui 3.1.1 → 4.0.0-beta.10

package/dist/esm/components/dropdownMenu/DropdownMenu.js

@@ -12,46 +12,48 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Menu as BaseMenu, } from '@base-ui/react/menu';
 import classNames, { clsx } from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
 import { GroupScaleReset } from '../../systems/GroupScale.js';
+import { ArrowSvg } from '../utility/ArrowSvg.js';
 import { SlotDiv } from '../utility/SlotDiv.js';
 import { DropdownTriggerProvider } from './DropdownTriggerContext.js';
 const StyledContent = withClassName(function DropdownMenuContent(props) {
-    return (_jsx(GroupScaleReset, { children: _jsx(DropdownMenuPrimitive.Content, Object.assign({}, props)) }));
-}, 'layer-components:min-w-220px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:rounded-md layer-components:border layer-components:border-gray-dark layer-components:flex layer-components:flex-col', 'layer-components:transform-origin-[var(--radix-dropdown-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-dropdown-menu-content-available-height)]', 'important:motion-reduce:animate-none', 'will-change-transform');
+    return (_jsx(GroupScaleReset, { children: _jsx(BaseMenu.Popup, Object.assign({}, props)) }));
+}, 'layer-components:min-w-220px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:rounded-md layer-components:border layer-components:border-black layer-components:flex layer-components:flex-col layer-components:transition', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:data-[side=bottom]:opacity-0 layer-components:data-[starting-style]:data-[side=bottom]:translate-y-4px', 'layer-components:data-[ending-style]:data-[side=bottom]:opacity-0 layer-components:data-[ending-style]:data-[side=bottom]:translate-y-4px', 'layer-components:data-[starting-style]:data-[side=top]:opacity-0 layer-components:data-[starting-style]:data-[side=top]:translate-y--4px', 'layer-components:data-[ending-style]:data-[side=top]:opacity-0 layer-components:data-[ending-style]:data-[side=top]:translate-y-0', 'layer-components:data-[starting-style]:data-[side=right]:opacity-0 layer-components:data-[starting-style]:data-[side=right]:translate-x-4px', 'layer-components:data-[ending-style]:data-[side=right]:opacity-0 layer-components:data-[ending-style]:data-[side=right]:translate-x-0', 'layer-components:data-[starting-style]:data-[side=left]:opacity-0 layer-components:data-[starting-style]:data-[side=left]:translate-x--4px', 'layer-components:data-[ending-style]:data-[side=left]:opacity-0 layer-components:data-[ending-style]:data-[side=left]:translate-x-0', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', 'important:motion-reduce:animate-none', 'will-change-transform');
 const itemClassName = classNames('layer-components:text-md layer-components:leading-4 layer-components:color-main-ink layer-components:flex layer-components:items-center layer-components:pr-4 layer-components:pl-8 layer-components:py-sm layer-components:min-h-touch-large layer-components:relative layer-components:text-left layer-components:select-none layer-components:cursor-pointer', 'layer-components:[&[data-disabled]]:color-gray-dark layer-components:[&[data-disabled]]:bg-white layer-components:[&[data-disabled]]:pointer-events-none', 'layer-components:focus-visible:bg-main-light layer-components:focus-visible:color-black', 'layer-components:hover:bg-main-light layer-components:hover:color-black', 'layer-components:focus:outline-none');
-const StyledItemBase = withClassName(DropdownMenuPrimitive.Item, itemClassName);
+const StyledItemBase = withClassName(BaseMenu.Item, itemClassName);
 const StyledItem = (_a) => {
     var { ref: forwardedRef, className, color = 'gray' } = _a, props = __rest(_a, ["ref", "className", "color"]);
     return (_jsx(StyledItemBase, Object.assign({}, props, { className: clsx(color && `palette-${color}`, className), ref: forwardedRef })));
 };
-const StyledCheckboxItem = withClassName(DropdownMenuPrimitive.CheckboxItem, itemClassName);
-const StyledRadioItem = withClassName(DropdownMenuPrimitive.RadioItem, itemClassName);
-const StyledLabel = withClassName(DropdownMenuPrimitive.Label, 'layer-components:pl-3 layer-components:py-1 layer-components:font-bold layer-components:text-sm layer-components:leading-6');
-const StyledSeparator = withClassName(DropdownMenuPrimitive.Separator, 'layer-components:h-1px layer-components:bg-gray layer-components:m-5px');
-const StyledItemIndicator = withClassName(DropdownMenuPrimitive.ItemIndicator, 'layer-components:absolute layer-components:left-0 layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center');
-const StyledArrow = withClassName(DropdownMenuPrimitive.Arrow, 'layer-components:arrow');
-const StyledTrigger = withClassName(DropdownMenuPrimitive.Trigger, 'select-none');
-const StyledPortal = DropdownMenuPrimitive.Portal;
+const StyledCheckboxItem = withClassName(BaseMenu.CheckboxItem, itemClassName);
+const StyledRadioItem = withClassName(BaseMenu.RadioItem, itemClassName);
+const StyledLabel = withClassName('span', 'layer-components:pl-3 layer-components:py-1 layer-components:font-bold layer-components:text-sm layer-components:leading-6');
+const StyledSeparator = withClassName(BaseMenu.Separator, 'layer-components:h-1px layer-components:bg-gray layer-components:m-5px');
+const StyledItemIndicator = withClassName(BaseMenu.CheckboxItemIndicator, 'layer-components:absolute layer-components:left-0 layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center');
+const StyledArrow = withClassName((props) => (_jsx(BaseMenu.Arrow, Object.assign({}, props, { children: _jsx(ArrowSvg, {}) }))), 'layer-components:arrow', 'layer-components:data-[closed]:opacity-0 layer-components:data-[closed]:scale-0', 'layer-components:data-[open]:opacity-100 layer-components:data-[open]:scale-100');
+const StyledTrigger = withClassName(BaseMenu.Trigger, 'select-none');
+const StyledPortal = BaseMenu.Portal;
 // Exports
-export const DropdownMenuRoot = DropdownMenuPrimitive.Root;
+export const DropdownMenuRoot = BaseMenu.Root;
 export const DropdownMenuItem = StyledItem;
 export const DropdownMenuCheckboxItem = StyledCheckboxItem;
-export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export const DropdownMenuRadioGroup = BaseMenu.RadioGroup;
 export const DropdownMenuRadioItem = StyledRadioItem;
 export const DropdownMenuItemIndicator = StyledItemIndicator;
 export const DropdownMenuLabel = StyledLabel;
 export const DropdownMenuSeparator = StyledSeparator;
 export const DropdownMenuArrow = StyledArrow;
-export function DropdownMenuTrigger(props) {
+export function DropdownMenuTrigger(_a) {
+    var props = __rest(_a, []);
     return (_jsx(DropdownTriggerProvider, { children: _jsx(StyledTrigger, Object.assign({}, props)) }));
 }
-export const DropdownMenuTriggerIcon = withClassName(SlotDiv, 'layer-components:[[data-state=open]>&]:rotate-180 layer-components:transition-transform');
+export const DropdownMenuTriggerIcon = withClassName(SlotDiv, 'layer-components:[[data-popup-open]>&]:rotate-180 layer-components:transition-transform');
 export const DropdownMenuContent = (_a) => {
-    var { children, forceMount } = _a, props = __rest(_a, ["children", "forceMount"]);
-    return (_jsx(StyledPortal, { forceMount: forceMount, children: _jsxs(StyledContent, Object.assign({}, props, { children: [_jsx("div", { className: "layer-components:overflow-y-auto layer-components:overflow-x-hidden layer-components:overflow-unstable layer-components:max-h-full layer-components:rounded-md layer-components:min-h-0", children: children }), _jsx(StyledArrow, {})] })) }));
+    var { children, forceMount, keepMounted, side, sideOffset = 8, align, alignOffset, anchor, arrowPadding = 2, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod } = _a, props = __rest(_a, ["children", "forceMount", "keepMounted", "side", "sideOffset", "align", "alignOffset", "anchor", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "sticky", "positionMethod"]);
+    return (_jsx(StyledPortal, { keepMounted: keepMounted !== null && keepMounted !== void 0 ? keepMounted : forceMount, children: _jsx(BaseMenu.Positioner, { sideOffset: sideOffset, side: side, align: align, alignOffset: alignOffset, anchor: anchor, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, positionMethod: positionMethod, children: _jsxs(StyledContent, Object.assign({}, props, { children: [_jsx("div", { className: "layer-components:overflow-y-auto layer-components:overflow-x-hidden layer-components:overflow-unstable layer-components:max-h-full layer-components:rounded-md layer-components:min-h-0", children: children }), _jsx(StyledArrow, {})] })) }) }));
 };
 export const DropdownMenuItemRightSlot = withClassName('div', 'ml-auto pl-md');
 export const DropdownMenu = Object.assign(DropdownMenuRoot, {
@@ -59,7 +61,7 @@ export const DropdownMenu = Object.assign(DropdownMenuRoot, {
     Trigger: DropdownMenuTrigger,
     Item: StyledItem,
     CheckboxItem: StyledCheckboxItem,
-    RadioGroup: DropdownMenuPrimitive.RadioGroup,
+    RadioGroup: BaseMenu.RadioGroup,
     RadioItem: StyledRadioItem,
     ItemIndicator: StyledItemIndicator,
     Label: StyledLabel,
@@ -67,5 +69,6 @@ export const DropdownMenu = Object.assign(DropdownMenuRoot, {
     Arrow: StyledArrow,
     ItemRightSlot: DropdownMenuItemRightSlot,
     TriggerIcon: DropdownMenuTriggerIcon,
+    createHandle: BaseMenu.createHandle,
 });
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/components/dropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,aAAa,GAAG,aAAa,CAClC,SAAS,mBAAmB,CAC3B,KAAqD;IAErD,OAAO,CACN,KAAC,eAAe,cACf,KAAC,qBAAqB,CAAC,OAAO,oBAAK,KAAK,EAAI,GAC3B,CAClB,CAAC;AACH,CAAC,EACD,2GAA2G,EAC3G,iFAAiF,EACjF,0DAA0D,EAC1D,6DAA6D,EAC7D,gFAAgF,EAChF,sCAAsC,EACtC,uBAAuB,CACvB,CAAC;AACF,MAAM,aAAa,GAAG,UAAU,CAC/B,uJAAuJ,EACvJ,oFAAoF,EACpF,4DAA4D,EAC5D,oDAAoD,EACpD,qCAAqC,CACrC,CAAC;AACF,MAAM,cAAc,GAAG,aAAa,CAAC,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAMhF,MAAM,UAAU,GAAG,CAAC,EAKI,EAAE,EAAE;QALR,EACnB,GAAG,EAAE,YAAY,EACjB,SAAS,EACT,KAAK,GAAG,MAAM,OAES,EADpB,KAAK,cAJW,6BAKnB,CADQ;IAER,OAAO,CACN,KAAC,cAAc,oBACV,KAAK,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,EACvD,GAAG,EAAE,YAAY,IAChB,CACF,CAAC;AACH,CAAC,CAAC;AACF,MAAM,kBAAkB,GAAG,aAAa,CACvC,qBAAqB,CAAC,YAAY,EAClC,aAAa,CACb,CAAC;AACF,MAAM,eAAe,GAAG,aAAa,CACpC,qBAAqB,CAAC,SAAS,EAC/B,aAAa,CACb,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,qBAAqB,CAAC,KAAK,EAC3B,0DAA0D,CAC1D,CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CACpC,qBAAqB,CAAC,SAAS,EAC/B,wCAAwC,CACxC,CAAC;AAEF,MAAM,mBAAmB,GAAG,aAAa,CACxC,qBAAqB,CAAC,aAAa,EACnC,mFAAmF,CACnF,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,qBAAqB,CAAC,KAAK,EAC3B,0BAA0B,CAC1B,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAClC,qBAAqB,CAAC,OAAO,EAC7B,aAAa,CACb,CAAC;AAEF,MAAM,YAAY,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAElD,UAAU;AACV,MAAM,CAAC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAC3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,kBAAkB,CAAC;AAC3D,MAAM,CAAC,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,UAAU,CAAC;AACvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACrD,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAAC;AAC7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAC7C,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAE7C,MAAM,UAAU,mBAAmB,CAClC,KAAqD;IAErD,OAAO,CACN,KAAC,uBAAuB,cACvB,KAAC,aAAa,oBAAK,KAAK,EAAI,GACH,CAC1B,CAAC;AACH,CAAC;AACD,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,OAAO,EACP,yFAAyF,CACzF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAMnC,EAAE,EAAE;QAN+B,EACnC,QAAQ,EACR,UAAU,OAIV,EAHG,KAAK,cAH2B,0BAInC,CADQ;IAIR,OAAO,CACN,KAAC,YAAY,IAAC,UAAU,EAAE,UAAU,YACnC,MAAC,aAAa,oBAAK,KAAK,eACvB,cAAK,SAAS,EAAC,sGAAsG,YACnH,QAAQ,GACJ,EACN,KAAC,WAAW,KAAG,KACA,GACF,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IAC3D,OAAO,EAAE,mBAAmB;IAC5B,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,kBAAkB;IAChC,UAAU,EAAE,qBAAqB,CAAC,UAAU;IAC5C,SAAS,EAAE,eAAe;IAC1B,aAAa,EAAE,mBAAmB;IAClC,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,WAAW;IAClB,aAAa,EAAE,yBAAyB;IACxC,WAAW,EAAE,uBAAuB;CACpC,CAAC,CAAC"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts

@@ -1,30 +1,7 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { DropdownMenu } from './DropdownMenu.js';
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps> & {
-        Content: ({ children, forceMount, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & {
-            forceMount?: boolean;
-        }) => import("react/jsx-runtime").JSX.Element;
-        Trigger: typeof import("./DropdownMenu.js").DropdownMenuTrigger;
-        Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-        CheckboxItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-        RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-        RadioItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
-        ItemIndicator: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-        Label: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-        Separator: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-        Arrow: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
-        ItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-        TriggerIcon: import("react").FunctionComponent<import("../index.js").SlotDivProps>;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
+declare const meta: Meta<typeof DropdownMenu>;
 export default meta;
 type Story = StoryObj<typeof DropdownMenu>;
 export declare const Default: Story;
+export declare const Sides: Story;

package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js

@@ -1,5 +1,6 @@
 // @unocss-include
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
 import { Icon } from '../icon/index.js';
 import { DropdownMenu } from './DropdownMenu.js';
@@ -14,7 +15,10 @@ const meta = {
 export default meta;
 export const Default = {
     args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsxs(DropdownMenu.Content, { children: [_jsxs(DropdownMenu.Item, { color: "attention", children: [_jsx(DropdownMenu.Label, { children: "Item 1" }), _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "flag" }) })] }), _jsxs(DropdownMenu.Item, { children: [_jsx(DropdownMenu.Label, { children: "Item 2" }), _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "add_person" }) })] })] })] })),
+        children: (_jsxs(_Fragment, { children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Open" }), _jsxs(DropdownMenu.Content, { children: [_jsxs(DropdownMenu.Item, { color: "attention", children: [_jsx(DropdownMenu.Label, { children: "Item 1" }), _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "flag" }) })] }), _jsxs(DropdownMenu.Item, { children: [_jsx(DropdownMenu.Label, { children: "Item 2" }), _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "add_person" }) })] })] })] })),
     },
 };
+export const Sides = {
+    render: (args) => (_jsxs(Box, { col: true, gap: "xl", items: "center", justify: "center", full: true, p: "xl", className: "mt-200px", children: [_jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Top" }), _jsxs(DropdownMenu.Content, { side: "top", children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] }), _jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Right" }), _jsxs(DropdownMenu.Content, { side: "right", children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] }), _jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Left" }), _jsxs(DropdownMenu.Content, { side: "left", sideOffset: 8, children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] }), _jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Bottom" }), _jsxs(DropdownMenu.Content, { side: "bottom", sideOffset: 8, children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] })] })),
+};
 //# sourceMappingURL=DropdownMenu.stories.js.map

package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACmC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,8BACC,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,kBAC5B,KAAC,MAAM,uBAAc,GACC,EACvB,MAAC,YAAY,CAAC,OAAO,eACpB,MAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aACnC,KAAC,YAAY,CAAC,KAAK,yBAA4B,EAC/C,KAAC,YAAY,CAAC,aAAa,cAC1B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACQ,IACV,EACpB,MAAC,YAAY,CAAC,IAAI,eACjB,KAAC,YAAY,CAAC,KAAK,yBAA4B,EAC/C,KAAC,YAAY,CAAC,aAAa,cAC1B,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACE,IACV,IACE,IACrB,CACH;KACD;CACD,CAAC"}
+{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/forms/EmojiField.d.ts

@@ -1,7 +1,8 @@
 import { ButtonProps } from '../button/Button.js';
-export interface EmojiFieldProps extends ButtonProps {
+export type EmojiFieldProps = Omit<ButtonProps, 'className'> & {
     name: string;
     label?: string;
     required?: string;
-}
+    className?: string;
+};
 export declare function EmojiField({ name, label, className, required, id: providedId, ...rest }: EmojiFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/forms/EmojiField.js

@@ -26,7 +26,7 @@ export function EmojiField(_a) {
     const [props, _, tools] = useField({ name });
     const id = useIdOrGenerated(providedId);
     const [open, setOpen] = useState(false);
-    return (_jsxs(Box, { gap: "sm", className: className, children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, Object.assign({ id: id, "aria-label": "Select emoji", size: "small", className: clsx('p-0 transition-color', className) }, rest, { children: _jsx(Button.Icon, { className: "text-[19px] w-touch h-touch flex items-center justify-center", children: props.value || _jsx(Icon, { name: "smile" }) }) })) }), _jsx(Popover.Content, { children: _jsx(EmojiPicker, { onValueChange: (v) => {
+    return (_jsxs(Box, { gap: "sm", className: className, children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { render: _jsx(Button, Object.assign({ id: id, "aria-label": "Select emoji", size: "small", className: clsx('p-0 transition-color', className) }, rest, { children: _jsx(Button.Icon, { className: "text-[19px] w-touch h-touch flex items-center justify-center", children: props.value || _jsx(Icon, { name: "smile" }) }) })) }), _jsx(Popover.Content, { children: _jsx(EmojiPicker, { onValueChange: (v) => {
                                 tools.setValue(v);
                                 setOpen(false);
                             }, onClear: required

package/dist/esm/components/forms/EmojiField.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../../src/components/forms/EmojiField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAQvD,MAAM,UAAU,UAAU,CAAC,EAOT;QAPS,EAC1B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEG,EADd,IAAI,cANmB,gDAO1B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACzC,KAAC,OAAO,CAAC,OAAO,IAAC,OAAO,kBACvB,KAAC,MAAM,kBACN,EAAE,EAAE,EAAE,gBACK,cAAc,EACzB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAC9C,IAAI,cAER,KAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YACnF,KAAK,CAAC,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACxB,IACN,GACQ,EAClB,KAAC,OAAO,CAAC,OAAO,cACf,KAAC,WAAW,IACX,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gCACpB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,OAAO,CAAC,KAAK,CAAC,CAAC;4BAChB,CAAC,EACD,OAAO,EACN,QAAQ;gCACP,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,GAAG,EAAE;oCACL,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oCACnB,OAAO,CAAC,KAAK,CAAC,CAAC;gCACf,CAAC,EAEL,EAAE,EAAE,EAAE,GACL,GACe,IACT,EACT,KAAK,IAAI,CACT,KAAC,oBAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../../src/components/forms/EmojiField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AASvD,MAAM,UAAU,UAAU,CAAC,EAOT;QAPS,EAC1B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEG,EADd,IAAI,cANmB,gDAO1B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACzC,KAAC,OAAO,CAAC,OAAO,IACf,MAAM,EACL,KAAC,MAAM,kBACN,EAAE,EAAE,EAAE,gBACK,cAAc,EACzB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAC9C,IAAI,cAER,KAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YACnF,KAAK,CAAC,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACxB,IACN,GAET,EACF,KAAC,OAAO,CAAC,OAAO,cACf,KAAC,WAAW,IACX,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gCACpB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,OAAO,CAAC,KAAK,CAAC,CAAC;4BAChB,CAAC,EACD,OAAO,EACN,QAAQ;gCACP,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,GAAG,EAAE;oCACL,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oCACnB,OAAO,CAAC,KAAK,CAAC,CAAC;gCACf,CAAC,EAEL,EAAE,EAAE,EAAE,GACL,GACe,IACT,EACT,KAAK,IAAI,CACT,KAAC,oBAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

package/dist/esm/components/forms/FormikForm.d.ts

@@ -19,8 +19,8 @@ export declare const FormikForm: typeof FormikFormRoot & {
     SubmitButton: typeof SubmitButton;
     CheckboxField: typeof CheckboxField;
     SwitchField: typeof SwitchField;
-    ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime").JSX.Element) & {
-        Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    ToggleGroupField: (({ name, label, required, className, type, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime").JSX.Element) & {
+        Item: import("react").FunctionComponent<import("@base-ui/react/toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
     };
     EmojiField: typeof EmojiField;
 };

package/dist/esm/components/forms/FormikForm.stories.d.ts

@@ -16,8 +16,8 @@ declare const meta: {
         SubmitButton: typeof SubmitButton;
         CheckboxField: typeof CheckboxField;
         SwitchField: typeof SwitchField;
-        ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime").JSX.Element) & {
-            Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+        ToggleGroupField: (({ name, label, required, className, type, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime").JSX.Element) & {
+            Item: import("react").FunctionComponent<import("@base-ui/react/toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
         };
         EmojiField: typeof EmojiField;
     };

package/dist/esm/components/forms/SubmitButton.js

@@ -4,6 +4,6 @@ import { useFormikContext } from 'formik';
 import { Button } from '../button/Button.js';
 export function SubmitButton(props) {
     const { isSubmitting, isValid } = useFormikContext();
-    return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", emphasis: "primary", type: "submit" }, props)));
+    return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", emphasis: "primary" }, props, { type: "submit" })));
 }
 //# sourceMappingURL=SubmitButton.js.map

package/dist/esm/components/forms/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAC,QAAQ,IACT,KAAK,EACR,CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,SAAS,IACd,KAAK,IACT,IAAI,EAAC,QAAQ,IACZ,CACF,CAAC;AACH,CAAC"}

package/dist/esm/components/forms/TextField.js.map

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

package/dist/esm/components/forms/ToggleGroupField.d.ts

@@ -5,9 +5,10 @@ export type ToggleGroupFieldProps = ToggleGroupProps & {
     required?: boolean;
     className?: string;
     id?: string;
+    type?: 'single' | 'multiple';
 };
-declare function ToggleGroupFieldDefault({ name, label, required, className, id, ...props }: ToggleGroupFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupFieldDefault({ name, label, required, className, type, id, ...props }: ToggleGroupFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare const ToggleGroupField: typeof ToggleGroupFieldDefault & {
-    Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Item: import("react").FunctionComponent<import("@base-ui/react/toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/dist/esm/components/forms/ToggleGroupField.js

@@ -16,9 +16,16 @@ import { ToggleGroup } from '../toggleGroup/toggleGroup.js';
 import { FieldLabel } from './FieldLabel.js';
 import { FieldRoot } from './TextField.js';
 function ToggleGroupFieldDefault(_a) {
-    var { name, label, required, className, id } = _a, props = __rest(_a, ["name", "label", "required", "className", "id"]);
+    var { name, label, required, className, type = 'single', id } = _a, props = __rest(_a, ["name", "label", "required", "className", "type", "id"]);
     const [fieldProps, _, tools] = useField(Object.assign({ name }, props));
-    return (_jsxs(FieldRoot, { children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(ToggleGroup, Object.assign({}, fieldProps, { onValueChange: (v) => tools.setValue(v) }, props, { id: id, className: className }))] }));
+    return (_jsxs(FieldRoot, { children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(ToggleGroup, Object.assign({}, fieldProps, { onValueChange: (v) => {
+                    if (type === 'multiple') {
+                        tools.setValue(v);
+                    }
+                    else {
+                        tools.setValue(v[0]);
+                    }
+                } }, props, { id: id, className: className }))] }));
 }
 export const ToggleGroupField = Object.assign(ToggleGroupFieldDefault, {
     Item: ToggleGroup.Item,

package/dist/esm/components/forms/ToggleGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupField.js","sourceRoot":"","sources":["../../../../src/components/forms/ToggleGroupField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAoB,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAU3C,SAAS,uBAAuB,CAAC,EAOT;QAPS,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,OAEqB,EADpB,KAAK,cANwB,gDAOhC,CADQ;IAER,MAAM,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,iBAAG,IAAI,IAAK,KAAK,EAAG,CAAC;IAE5D,OAAO,CACN,MAAC,SAAS,eACR,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,KAAC,WAAW,oBACP,UAAU,IACd,aAAa,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IACxC,KAAK,IACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IACnB,IACS,CACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IACtE,IAAI,EAAE,WAAW,CAAC,IAAI;CACtB,CAAC,CAAC"}
+{"version":3,"file":"ToggleGroupField.js","sourceRoot":"","sources":["../../../../src/components/forms/ToggleGroupField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAoB,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAW3C,SAAS,uBAAuB,CAAC,EAQT;QARS,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,OAEqB,EADpB,KAAK,cAPwB,wDAQhC,CADQ;IAER,MAAM,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,iBAAG,IAAI,IAAK,KAAK,EAAG,CAAC;IAE5D,OAAO,CACN,MAAC,SAAS,eACR,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,KAAC,WAAW,oBACP,UAAU,IACd,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;oBACpB,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;wBACzB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACnB,CAAC;yBAAM,CAAC;wBACP,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtB,CAAC;gBACF,CAAC,IACG,KAAK,IACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IACnB,IACS,CACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IACtE,IAAI,EAAE,WAAW,CAAC,IAAI;CACtB,CAAC,CAAC"}

package/dist/esm/components/horizontalList/HorizontalList.d.ts

@@ -1,14 +1,12 @@
 import { ReactNode } from 'react';
-import { ScrollAreaProps } from '../scrollArea/ScrollArea.js';
 export interface HorizontalListProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     children: ReactNode;
     className?: string;
     contentClassName?: string;
-    background?: ScrollAreaProps['background'];
     onCanOpenChange?: (canOpen: boolean) => void;
     openDirection?: 'up' | 'down';
     disableInternalOpenToggle?: boolean;
 }
-export declare function HorizontalList({ open: externalOpen, onOpenChange, children, className, contentClassName, background, onCanOpenChange, openDirection, disableInternalOpenToggle, ...rest }: HorizontalListProps): import("react/jsx-runtime").JSX.Element;
+export declare function HorizontalList({ open: externalOpen, onOpenChange, children, className, contentClassName, onCanOpenChange, openDirection, disableInternalOpenToggle, ...rest }: HorizontalListProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/horizontalList/HorizontalList.js

@@ -16,9 +16,9 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { Button } from '../button/index.js';
 import { CollapsibleSimple } from '../collapsible/Collapsible.js';
 import { Icon } from '../icon/index.js';
-import { ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaViewport, } from '../scrollArea/ScrollArea.js';
+import { ScrollArea } from '../scrollArea/ScrollArea.js';
 export function HorizontalList(_a) {
-    var { open: externalOpen, onOpenChange, children, className, contentClassName, background, onCanOpenChange, openDirection = 'down', disableInternalOpenToggle } = _a, rest = __rest(_a, ["open", "onOpenChange", "children", "className", "contentClassName", "background", "onCanOpenChange", "openDirection", "disableInternalOpenToggle"]);
+    var { open: externalOpen, onOpenChange, children, className, contentClassName, onCanOpenChange, openDirection = 'down', disableInternalOpenToggle } = _a, rest = __rest(_a, ["open", "onOpenChange", "children", "className", "contentClassName", "onCanOpenChange", "openDirection", "disableInternalOpenToggle"]);
     const contentRef = useRef(null);
     const containerRef = useRef(null);
     const rememberedWidth = useRef(0);
@@ -114,7 +114,7 @@ export function HorizontalList(_a) {
         };
     }, [contentRef, containerRef, open]);
     const chevronFlip = openDirection === 'down' ? open : !open;
-    return (_jsxs(ScrollAreaRoot, Object.assign({ className: clsx('flex flex-col', 'layer-components:max-h-300px', className), background: background, "data-state": open ? 'open' : 'closed' }, rest, { children: [_jsx(ScrollAreaViewport, { ref: containerRef, children: _jsxs("div", { className: clsx('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row items-center gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef, children: [_jsx(CollapsibleSimple, { horizontal: true, open: internalCanOpen && !disableInternalOpenToggle, children: _jsx(Button, { onClick: toggleOpen, emphasis: "ghost", className: clsx('layer-variants:flex-shrink-0 layer-variants:sticky layer-variants:left-0 layer-variants:top-2 layer-variants:z-1', !open &&
-                                    'layer-variants:rounded-none layer-variants:h-full layer-variants:border-r layer-variants:border-r-solid layer-variants:border-r-gray'), children: _jsx(Icon, { name: "chevron", className: clsx('transition-transform', chevronFlip && 'rotate-180') }) }) }), children] }) }), _jsx(ScrollAreaScrollbar, {}), _jsx(ScrollAreaScrollbar, { orientation: "horizontal" })] })));
+    return (_jsxs(ScrollArea.Root, Object.assign({ className: clsx('layer-components:flex layer-components:flex-col layer-components:w-full', 'layer-components:max-h-300px', className), "data-state": open ? 'open' : 'closed' }, rest, { children: [_jsx(ScrollArea.Viewport, { ref: containerRef, children: _jsxs(ScrollArea.Content, { className: clsx('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row items-center gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef, children: [_jsx(CollapsibleSimple, { horizontal: true, open: internalCanOpen && !disableInternalOpenToggle, children: _jsx(Button, { onClick: toggleOpen, emphasis: "ghost", className: clsx('layer-variants:flex-shrink-0 layer-variants:sticky layer-variants:left-0 layer-variants:top-2 layer-variants:z-1', !open &&
+                                    'layer-variants:rounded-none layer-variants:h-full layer-variants:border-r layer-variants:border-r-solid layer-variants:border-r-gray'), children: _jsx(Icon, { name: "chevron", className: clsx('transition-transform', chevronFlip && 'rotate-180') }) }) }), children] }) }), _jsx(ScrollArea.Scrollbar, {}), _jsx(ScrollArea.Scrollbar, { orientation: "horizontal" })] })));
 }
 //# sourceMappingURL=HorizontalList.js.map

package/dist/esm/components/horizontalList/HorizontalList.js.map

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

package/dist/esm/components/horizontalList/HorizontalList.stories.js

@@ -19,7 +19,7 @@ export default meta;
 export const Default = {
     render: (args) => {
         const [open, setOpen] = useState(false);
-        return (_jsx("div", { className: "bg-black flex flex-col items-center h-full", children: _jsxs("div", { className: "bg-white w-400px flex flex-col items-stretch h-full", children: [_jsx(Button, { toggled: open, onClick: () => setOpen(!open), className: "mt-auto mb-1 mr-1 self-end", children: open ? 'Close' : 'Open' }), _jsx(HorizontalList, Object.assign({ className: "border-t border-t-solid border-t-black max-h-200px", openDirection: "up" }, args, { open: open, onOpenChange: setOpen }))] }) }));
+        return (_jsx("div", { className: "bg-black flex flex-col items-center h-full min-h-80vh", children: _jsxs("div", { className: "bg-white w-400px flex flex-col items-stretch flex-1", children: [_jsx(Button, { toggled: open, onClick: () => setOpen(!open), className: "mt-auto mb-1 mr-1 self-end", children: open ? 'Close' : 'Open' }), _jsx(HorizontalList, Object.assign({ className: "border-t border-t-solid border-t-black max-h-200px", openDirection: "up" }, args, { open: open, onOpenChange: setOpen }))] }) }));
     },
 };
 export const CantOpen = {

package/dist/esm/components/horizontalList/HorizontalList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalList.stories.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,8BACC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,sBAAe,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,8BAAuB,EAC3C,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,qBAAc,EAClC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,sBAAe,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,sBAAe,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,qBAAc,EAClC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,yBAAkB,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,kCAA2B,EAC/C,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,wBAAiB,EACrC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,wBAAiB,EACrC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,0BAAmB,EACvC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,yBAAkB,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,yBAAkB,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,2BAAoB,EACxC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,2BAAoB,EACxC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,6BAAsB,EAC1C,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,4BAAqB,EACzC,KAAC,MAAM,IACN,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,yDAAyD,YAEnE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACZ,IACP,CACH;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACqC,CAAC;AAExC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO,CACN,cAAK,SAAS,EAAC,4CAA4C,YAC1D,eAAK,SAAS,EAAC,qDAAqD,aACnE,KAAC,MAAM,IACN,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAC7B,SAAS,EAAC,4BAA4B,YAErC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAChB,EACT,KAAC,cAAc,kBACd,SAAS,EAAC,oDAAoD,EAC9D,aAAa,EAAC,IAAI,IACd,IAAI,IACR,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,IACpB,IACG,GACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO,CACN,cAAK,SAAS,EAAC,gEAAgE,YAC9E,MAAC,cAAc,kBACd,SAAS,EAAC,oDAAoD,EAC9D,aAAa,EAAC,IAAI,IACd,IAAI,eAER,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,qBAExD,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EAChC,IAAI,IAAI,CACR,8BACC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,sBAAe,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,qBAAc,EAClC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,qBAAc,EAClC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,sBAAe,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,sBAAe,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,qBAAc,EAClC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,oBAAa,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,yBAAkB,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,yBAAkB,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,wBAAiB,IACnC,CACH,EACD,KAAC,MAAM,IACN,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,yDAAyD,YAEnE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACZ,KACO,GACZ,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"HorizontalList.stories.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/icon/Icon.d.ts

@@ -1,10 +1,14 @@
-import { HTMLAttributes } from 'react';
+import { UseRenderComponentProps } from '@base-ui/react/use-render';
 import { IconName } from './generated/iconNames.js';
-export interface IconProps extends HTMLAttributes<SVGSVGElement> {
+export interface IconProps extends UseRenderComponentProps<'svg', {
+    size: number;
+    name: IconName;
+    loading: boolean;
+}> {
     name: IconName;
     size?: number;
     loading?: boolean;
 }
-export declare const Icon: ({ ref, name, size, className, loading: loadingProp, ...rest }: IconProps & {
+export declare const Icon: ({ ref, name, size, className, loading: loadingProp, render, ...rest }: IconProps & {
     ref?: React.Ref<SVGSVGElement>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/icon/Icon.js

@@ -11,16 +11,28 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useRender } from '@base-ui/react/use-render';
 import classNames from 'clsx';
 import { Spinner } from '../spinner/Spinner.js';
 import { useIconLoading } from './IconLoadingContext.js';
 export const Icon = function Icon(_a) {
-    var { ref, name, size = 15, className, loading: loadingProp } = _a, rest = __rest(_a, ["ref", "name", "size", "className", "loading"]);
+    var { ref, name, size = 15, className, loading: loadingProp, render } = _a, rest = __rest(_a, ["ref", "name", "size", "className", "loading", "render"]);
     const loadingContext = useIconLoading();
     const loading = loadingProp !== false && (loadingProp || loadingContext);
+    const slotted = useRender({
+        defaultTagName: 'svg',
+        ref,
+        props: Object.assign({ className: classNames('icon', 'flex-shrink-0 layer-components:fill-none', className), width: size, height: size, children: _jsx("use", { xlinkHref: `#icon-${name}` }) }, rest),
+        state: {
+            size,
+            name,
+            loading,
+        },
+        render,
+    });
     if (loading) {
         return (_jsx(Spinner, { size: size, className: classNames('icon inline-block flex-shrink-0', className) }));
     }
-    return (_jsx("svg", Object.assign({ ref: ref, className: classNames('icon', 'flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: _jsx("use", { xlinkHref: `#icon-${name}` }) })));
+    return slotted;
 };
 //# sourceMappingURL=Icon.js.map

package/dist/esm/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAQzD,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,EASjC;QATiC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,EACT,OAAO,EAAE,WAAW,OAIpB,EAHG,IAAI,cAN0B,+CAOjC,CADO;IAIP,MAAM,cAAc,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,WAAW,KAAK,KAAK,IAAI,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC;IAEzE,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,CACN,KAAC,OAAO,IACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,iCAAiC,EAAE,SAAS,CAAC,GAClE,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,MAAM,EACN,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,cAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAA2B,MAAM,2BAA2B,CAAC;AAC/E,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAYzD,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,EAUjC;QAViC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,MAAM,OAIN,EAHG,IAAI,cAP0B,yDAQjC,CADO;IAIP,MAAM,cAAc,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,WAAW,KAAK,KAAK,IAAI,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC;IAEzE,MAAM,OAAO,GAAG,SAAS,CAAC;QACzB,cAAc,EAAE,KAAK;QACrB,GAAG;QACH,KAAK,kBACJ,SAAS,EAAE,UAAU,CACpB,MAAM,EACN,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,cAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC1C,IAAI,CACP;QACD,KAAK,EAAE;YACN,IAAI;YACJ,IAAI;YACJ,OAAO;SACP;QACD,MAAM;KACN,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,CACN,KAAC,OAAO,IACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,iCAAiC,EAAE,SAAS,CAAC,GAClE,CACF,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}

package/dist/esm/components/icon/Icon.stories.d.ts

@@ -0,0 +1,28 @@
+import type { StoryObj } from '@storybook/react';
+import { Icon } from './Icon.js';
+declare const meta: {
+    title: string;
+    component: ({ ref, name, size, className, loading: loadingProp, render, ...rest }: import("./Icon.js").IconProps & {
+        ref?: React.Ref<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        name: {
+            control: {
+                type: "select";
+                options: readonly ["placeholder", "dots", "globe", "cart", "fridge", "book", "flag", "locate", "tag", "scan", "filter", "add_note", "drag_vertical", "note", "food", "magic", "convert", "offline", "profile", "add_person", "gift", "add_to_list", "check", "snowflake", "clock", "plus", "x", "refresh", "new_window", "warning", "upload", "download", "undo", "grabby", "copy", "maximize", "email", "link", "linkRemove", "camera", "calendar", "page", "gear", "lock", "lockOpen", "send", "pencil", "eye", "eyeClosed", "stopwatch", "zoomIn", "zoomOut", "picture", "arrowLeft", "arrowRight", "arrowUp", "arrowDown", "info", "cardsGrid", "cardsMixed", "cardsRows", "location", "waterDrop", "chevron", "refreshDisabled", "cloud", "cloudDisabled", "trash", "notAllowed", "connection", "connectionBreak", "connectionSplit", "search", "star", "bell", "bell-off", "home", "thermometer", "lightbulb", "next", "playPause", "pause", "previous", "skipStart", "skipEnd", "enterKey", "gamePiece", "share", "italic", "bold", "capitalization", "underline", "textAlignLeft", "textAlignRight", "textAlignCenter", "textJustify", "menu", "paragraph", "highlight", "pushLeft", "pushRight", "pushUp", "pushDown", "bulletList", "orderedList", "quote", "code", "newPage", "bug", "smile", "phone", "sun", "moon", "suitSpade", "suitClub", "suitDiamond", "suitHeart", "chat", "minus", "plus", "flame", "angles", "magnet", "boxSelect", "hand"];
+            };
+        };
+    };
+    args: {
+        name: "placeholder";
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const All: Story;

package/dist/esm/components/icon/Icon.stories.js

@@ -0,0 +1,31 @@
+// @unocss-include
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from './Icon.js';
+import { iconNames } from './generated/iconNames.js';
+const meta = {
+    title: 'Components/Icon',
+    component: Icon,
+    argTypes: {
+        name: {
+            control: { type: 'select', options: iconNames },
+        },
+    },
+    args: {
+        name: 'placeholder',
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return _jsx(Icon, Object.assign({}, args));
+    },
+};
+export const All = {
+    render() {
+        return (_jsx("div", { className: "grid grid-cols-6 gap-xs", children: iconNames.map((name) => (_jsxs("div", { className: "flex flex-col items-center justify-center p-4 border border-gray-light gap-2", children: [_jsx(Icon, { name: name, size: 25 }), _jsx("span", { className: "text-sm text-center", children: name })] }, name))) }));
+    },
+};
+//# sourceMappingURL=Icon.stories.js.map

package/dist/esm/components/icon/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;SAC/C;KACD;IACD,IAAI,EAAE;QACL,IAAI,EAAE,aAAa;KACnB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,KAAC,IAAI,oBAAK,IAAI,EAAI,CAAC;IAC3B,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAU;IACzB,MAAM;QACL,OAAO,CACN,cAAK,SAAS,EAAC,yBAAyB,YACtC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,eAEC,SAAS,EAAC,8EAA8E,aAExF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,eAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,KAJ9C,IAAI,CAKJ,CACN,CAAC,GACG,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/components/imageUploader/ImageUploader.js

@@ -135,7 +135,7 @@ export function ImageUploaderFileButton(_a) {
             }
         };
     }, [inputId]);
-    return (_jsx(Button, Object.assign({ emphasis: "ghost", size: "small", asChild: true, visuallyFocused: focused }, props, { children: _jsx("label", { htmlFor: inputId, children: children !== null && children !== void 0 ? children : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "upload" }), _jsx("span", { children: dragging ? 'Drop' : 'Upload' })] })) }) })));
+    return (_jsx(Button, Object.assign({ emphasis: "ghost", size: "small", render: _jsx("label", { htmlFor: inputId }), visuallyFocused: focused }, props, { children: children !== null && children !== void 0 ? children : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "upload" }), _jsx("span", { children: dragging ? 'Drop' : 'Upload' })] })) })));
 }
 export function ImageUploaderRemoveButton(_a) {
     var { className } = _a, rest = __rest(_a, ["className"]);