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

package/dist/esm/components/card/Card.stories.js

@@ -15,7 +15,7 @@ const meta = {
 };
 export default meta;
 export const Default = {
-    render: (args) => (_jsxs("div", { className: "row items-stretch", children: [_jsxs(CardRoot, Object.assign({}, args, { className: "min-h-20vh", children: [_jsx(CardImage, { asChild: true, children: _jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), _jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), _jsx(CardContent, { children: "More things, if you want." })] }), _jsxs(CardFooter, { children: [_jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", color: "primary", children: _jsx(Icon, { name: "placeholder" }) })] }), _jsx(CardMenu, { children: _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "dots" }) }) })] })] })), _jsxs(CardRoot, Object.assign({}, args, { className: "max-w-300px", children: [_jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title which is very long and would normally wrap" }), _jsx(CardContent, { children: "Other stuff" }), _jsx(CardContent, { unstyled: true, children: "Styling optional" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }))] })),
+    render: (args) => (_jsxs("div", { className: "row items-stretch", children: [_jsxs(CardRoot, Object.assign({}, args, { className: "min-h-20vh", children: [_jsx(CardImage, { render: _jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), _jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), _jsx(CardContent, { children: "More things, if you want." })] }), _jsxs(CardFooter, { children: [_jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", color: "primary", children: _jsx(Icon, { name: "placeholder" }) })] }), _jsx(CardMenu, { children: _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "dots" }) }) })] })] })), _jsxs(CardRoot, Object.assign({}, args, { className: "max-w-300px", children: [_jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title which is very long and would normally wrap" }), _jsx(CardContent, { children: "Other stuff" }), _jsx(CardContent, { unstyled: true, children: "Styling optional" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }))] })),
 };
 export const Compact = {
     render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { compact: true, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" }), _jsx(CardContent, { children: "More things, if you want." })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
@@ -24,10 +24,10 @@ export const NonInteractive = {
     render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
 };
 export const AsChild = {
-    render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { asChild: true, children: _jsxs("a", { href: "#here", children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
+    render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { render: _jsxs("a", { href: "#here", children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
 };
 export const AsChildNonInteractive = {
-    render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { asChild: true, nonInteractive: true, children: _jsxs("button", { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
+    render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { nonInteractive: true, render: _jsxs("button", { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
 };
 export const Grid = {
     render: () => {

package/dist/esm/components/card/Card.stories.js.map

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

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

@@ -1,6 +1,6 @@
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckboxIndicatorProps, CheckboxRootProps } from '@base-ui/react/checkbox';
 import { Ref } from 'react';
-export interface CheckboxProps extends CheckboxPrimitive.CheckboxProps {
+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.
@@ -11,7 +11,7 @@ export interface CheckboxProps extends CheckboxPrimitive.CheckboxProps {
     ref?: Ref<HTMLButtonElement>;
 }
 export declare function CheckboxRoot({ className, checkedMode, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
-export declare function CheckboxIndicator({ children, className, ...props }: CheckboxPrimitive.CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxIndicator({ children, className, ...props }: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
 export declare const Checkbox: ((props: CheckboxProps) => import("react/jsx-runtime").JSX.Element) & {
     Root: typeof CheckboxRoot;
     Indicator: typeof CheckboxIndicator;

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

@@ -12,18 +12,18 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Checkbox as BaseCheckbox, } from '@base-ui/react/checkbox';
 import classNames from 'clsx';
 import { Icon } from '../icon/Icon.js';
 export function CheckboxRoot(_a) {
     var { className, checkedMode = 'prominent' } = _a, props = __rest(_a, ["className", "checkedMode"]);
-    return (_jsx(CheckboxPrimitive.Root, Object.assign({}, props, { className: classNames('layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border layer-components:border-default layer-components:transition-all layer-components:rounded-lg layer-components:shadow-sm layer-components:cursor-pointer', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', checkedMode === 'faded'
-            ? 'layer-components:[&[data-state=checked]]:bg-main layer-components:[&[data-state=checked]]:animate-checkbox-fade layer-components:[&[data-state=checked]]:animate-forwards'
-            : 'layer-components:[&[data-state=checked]]:bg-main layer-components:[&[data-state=checked]]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:bg-lighten-2 layer-components:[&:hover:not(:disabled)]:ring-bg layer-components:[&:hover:not(:disabled)]:ring-2', 'layer-components:[&:active:not(:disabled)]:bg-darken-1 layer-components:[&:active:not(:disabled)]:ring-4', 'layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light layer-components:[&:disabled]:shadow-none', className) })));
+    return (_jsx(BaseCheckbox.Root, Object.assign({}, props, { className: classNames('layer-components:block layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border layer-components:border-default layer-components:transition-all layer-components:rounded-lg layer-components:shadow-sm layer-components:cursor-pointer', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', checkedMode === 'faded'
+            ? 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:animate-checkbox-fade layer-components:data-[checked]:animate-forwards'
+            : 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:bg-lighten-2 layer-components:[&:hover:not(:disabled)]:ring-bg layer-components:[&:hover:not(:disabled)]:ring-2', 'layer-components:[&:active:not(:disabled)]:bg-darken-1 layer-components:[&:active:not(:disabled)]:ring-4', 'layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light layer-components:[&:disabled]:shadow-none', className) })));
 }
 export function CheckboxIndicator(_a) {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (_jsx(CheckboxPrimitive.Indicator, Object.assign({ className: classNames('absolute center color-black', className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Icon, { name: "check", size: 16 }) })));
+    return (_jsx(BaseCheckbox.Indicator, Object.assign({ className: classNames('absolute center color-black', className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Icon, { name: "check", size: 16 }) })));
 }
 export const Checkbox = Object.assign(function Checkbox(props) {
     return (_jsx(CheckboxRoot, Object.assign({}, props, { children: _jsx(CheckboxIndicator, {}) })));

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAavC,MAAM,UAAU,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,2IAA2I,EAC3I,iEAAiE,EACjE,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,2FAA2F;YAC7F,CAAC,CAAC,oEAAoE,EACvE,yEAAyE,EACzE,iEAAiE,EACjE,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACf,CAC9B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,KAAC,YAAY,oBAAK,KAAK,cACtB,KAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EACN,QAAQ,IAAI,YAAY,GAGxB,MAAM,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAavC,MAAM,UAAU,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,KAAC,YAAY,CAAC,IAAI,oBACb,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,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,MAAM,UAAU,iBAAiB,CAAC,EAIT;QAJS,EACjC,QAAQ,EACR,SAAS,OAEe,EADrB,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,KAAC,YAAY,CAAC,SAAS,kBACtB,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACpB,CACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,KAAC,YAAY,oBAAK,KAAK,cACtB,KAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}

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

@@ -1,8 +1,9 @@
+import { UseRenderRenderProp } from '@base-ui/react/use-render';
 import { HTMLAttributes, Ref } from 'react';
 import { PaletteName } from '../../uno/index.js';
 export interface ChipProps extends HTMLAttributes<HTMLElement> {
     color?: PaletteName;
-    asChild?: boolean;
+    render?: UseRenderRenderProp;
     ref?: Ref<any>;
 }
-export declare function Chip({ className, color, asChild, ref, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chip({ className, color, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,11 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from '@radix-ui/react-slot';
 import classNames from 'clsx';
+import { SlotDiv } from '../utility/SlotDiv.js';
 export function Chip(_a) {
-    var { className, color, asChild, ref } = _a, rest = __rest(_a, ["className", "color", "asChild", "ref"]);
-    const Component = asChild ? Slot : 'div';
-    return (_jsx(Component, Object.assign({ ref: ref, className: classNames(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:gap-1 layer-composed:items-center layer-composed:whitespace-nowrap', 'layer-composed:bg-main-wash layer-composed:color-contrast layer-composed:border-light layer-composed:border-solid layer-composed:border layer-composed:rounded-lg', 'layer-composed:px-sm layer-composed:py-xs layer-composed:text-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
+    var { className, color } = _a, rest = __rest(_a, ["className", "color"]);
+    return (_jsx(SlotDiv, Object.assign({ className: classNames(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:gap-1 layer-composed:items-center layer-composed:whitespace-nowrap layer-composed:font-normal', 'layer-composed:bg-main-wash layer-composed:color-contrast layer-composed:border-light layer-composed:border-solid layer-composed:border layer-composed:rounded-lg', 'layer-composed:px-sm layer-composed:py-xs layer-composed:text-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
 }
 //# sourceMappingURL=Chip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAU9B,MAAM,UAAU,IAAI,CAAC,EAAsD;QAAtD,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAsB,EAAjB,IAAI,cAAzC,wCAA2C,CAAF;IAC7D,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACN,KAAC,SAAS,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,4EAA4E,EAC5E,0FAA0F,EAC1F,sCAAsC,EACtC,SAAS,CACT,EACD,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,EACP,CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,MAAM,CAAC;AAG9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAQhD,MAAM,UAAU,IAAI,CAAC,EAAwC;QAAxC,EAAE,SAAS,EAAE,KAAK,OAAsB,EAAjB,IAAI,cAA3B,sBAA6B,CAAF;IAC/C,OAAO,CACN,KAAC,OAAO,kBACP,SAAS,EAAE,UAAU,CACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,wFAAwF,EACxF,0FAA0F,EAC1F,sCAAsC,EACtC,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/esm/components/chip/Chip.stories.d.ts

@@ -3,7 +3,12 @@ import { Chip } from './Chip.js';
 declare const meta: {
     title: string;
     component: typeof Chip;
-    argTypes: {};
+    argTypes: {
+        color: {
+            control: "select";
+            options: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
+        };
+    };
     args: {
         children: string;
     };

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

@@ -1,12 +1,18 @@
 // @unocss-include
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { paletteNames } from '../../uno/index.js';
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
 import { Chip } from './Chip.js';
 const meta = {
     title: 'Components/Chip',
     component: Chip,
-    argTypes: {},
+    argTypes: {
+        color: {
+            control: 'select',
+            options: paletteNames,
+        },
+    },
     args: {
         children: 'Chip',
     },
@@ -26,8 +32,8 @@ export const Colors = {
     },
 };
 export const AsButton = {
-    render() {
-        return (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, { asChild: true, children: _jsx(Chip, { color: "primary", children: "Clickable Chip" }) }), _jsx(Chip, { children: "Non-clickable Chip" })] }));
+    render(args) {
+        return (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args, { render: _jsx(Chip, { color: "primary", children: "Clickable Chip" }) })), _jsx(Chip, Object.assign({}, args, { children: "Non-clickable Chip" }))] }));
     },
 };
 //# sourceMappingURL=Chip.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE,MAAM;KAChB;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,MAAM,GAAU;IAC5B,MAAM;QACL,OAAO,CACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3C,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAAa,EAChC,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,yBAAgB,IACjC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM;QACL,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,MAAM,IAAC,OAAO,kBACd,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,GACnC,EACT,KAAC,IAAI,qCAA0B,IAC1B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,YAAY;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,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,MAAM,GAAU;IAC5B,MAAM;QACL,OAAO,CACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3C,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAAa,EAChC,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,yBAAgB,IACjC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,MAAM,oBACF,IAAI,IACR,MAAM,EAAE,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,IAClD,EACF,KAAC,IAAI,oBAAK,IAAI,sCAA2B,IACpC,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

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

@@ -1,25 +1,27 @@
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { CollapsiblePanelProps, CollapsibleRootProps } from '@base-ui/react/collapsible';
 import { Ref } from 'react';
-export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CollapsibleContent: ({ ref, horizontal, both, ...props }: CollapsiblePrimitive.CollapsibleContentProps & {
+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").JSX.Element;
-export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
+export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
     horizontal?: boolean;
     both?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Content: ({ ref, horizontal, both, ...props }: CollapsiblePrimitive.CollapsibleContentProps & {
+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").JSX.Element;
-    Trigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Simple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
+    Trigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Simple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
         horizontal?: boolean;
         both?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
+    Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
 };

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

@@ -12,23 +12,35 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Collapsible as BaseCollapsible, } from '@base-ui/react/collapsible';
 import { withClassName } from '../../hooks/withClassName.js';
-export const CollapsibleRoot = CollapsiblePrimitive.Root;
-const CollapsibleContentBase = withClassName(CollapsiblePrimitive.Content, 'overflow-hidden', 'layer-components:[&[data-state=open]]:animate-radix-collapsible-open-vertical layer-components:[&[data-state=open]]:animate-duration-300 layer-components:[&[data-state=open]]:animate-ease-springy layer-components:[&[data-state=closed]]:animate-radix-collapsible-close-vertical layer-components:[&[data-state=closed]]:animate-duration-300 layer-components:[&[data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-horizontal][data-state=open]]:animate-radix-collapsible-open-horizontal layer-variants:[&[data-horizontal][data-state=open]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=open]]:animate-ease-springy layer-variants:[&[data-horizontal][data-state=closed]]:animate-radix-collapsible-close-horizontal layer-variants:[&[data-horizontal][data-state=closed]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-both][data-state=open]]:animate-radix-collapsible-open-both layer-variants:[&[data-both][data-state=open]]:animate-duration-300 layer-variants:[&[data-both][data-state=open]]:animate-ease-springy layer-variants:[&[data-both][data-state=closed]]:animate-radix-collapsible-close-both layer-variants:[&[data-both][data-state=closed]]:animate-duration-300 layer-variants:[&[data-both][data-state=closed]]:animate-ease-springy');
+export const CollapsibleRoot = BaseCollapsible.Root;
+const CollapsibleContentBase = withClassName(BaseCollapsible.Panel, 'overflow-hidden transition-all', 'data-[vertical]:h-[--collapsible-panel-height] data-[horizontal]:w-[--collapsible-panel-width]', 'data-[both]:h-[--collapsible-panel-height] data-[both]:w-[--collapsible-panel-width]', 'data-[starting-style]:data-[vertical]:h-0', 'data-[starting-style]:data-[both]:h-0 data-[starting-style]:data-[both]:w-0', 'data-[ending-style]:data-[vertical]:h-0', 'data-[ending-style]:data-[both]:h-0 data-[ending-style]:data-[both]:w-0', 'data-[starting-style]:data-[horizontal]:w-0', 'data-[ending-style]:data-[horizontal]:w-0', 'data-[hidden]:[&:not([hidden="until-found"])]:hidden');
 // specifically removing className... it's causing problems?
 export const CollapsibleContent = function CollapsibleContent(_a) {
     var { ref, horizontal, both } = _a, props = __rest(_a, ["ref", "horizontal", "both"]);
-    return (_jsx(CollapsibleContentBase, Object.assign({ "data-horizontal": horizontal, "data-both": both }, props, { ref: ref })));
+    const extraProps = {};
+    if (horizontal) {
+        extraProps['data-horizontal'] = true;
+    }
+    else if (both) {
+        extraProps['data-both'] = true;
+    }
+    else {
+        extraProps['data-vertical'] = true;
+    }
+    return _jsx(CollapsibleContentBase, Object.assign({}, extraProps, props, { ref: ref }));
 };
-export const CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+export const CollapsibleTrigger = BaseCollapsible.Trigger;
 export const CollapsibleSimple = (_a) => {
     var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
     return (_jsx(CollapsibleRoot, Object.assign({}, props, { children: _jsx(CollapsibleContent, { horizontal: horizontal, both: both, children: children }) })));
 };
+export const CollapsibleIcon = withClassName('span', 'layer-components:transition-transform', 'layer-components:[[data-panel-open]_&]:rotate-180');
 export const Collapsible = Object.assign(CollapsibleRoot, {
     Content: CollapsibleContent,
     Trigger: CollapsibleTrigger,
     Simple: CollapsibleSimple,
+    Icon: CollapsibleIcon,
 });
 //# sourceMappingURL=Collapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,aAAa,CAC3C,oBAAoB,CAAC,OAAO,EAC5B,iBAAiB,EACjB,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AAC5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,OAAO,CACN,KAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAE/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,KAAC,eAAe,oBAAK,KAAK,cACzB,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;CACzB,CAAC,CAAC"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,EACN,WAAW,IAAI,eAAe,GAG9B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,aAAa,CAC3C,eAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,6CAA6C,EAC7C,6CAA6C,EAC7C,2CAA2C,EAC3C,2CAA2C,EAC3C,+CAA+C,EAC/C,6CAA6C,EAC7C,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AAC5D,MAAM,CAAC,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,KAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC;AAE1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,KAAC,eAAe,oBAAK,KAAK,cACzB,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,EACN,uCAAuC,EACvC,mDAAmD,CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { CollapsibleSimple } from './Collapsible.js';
 declare const meta: {
     title: string;
-    component: ({ horizontal, both, children, ...props }: import("@radix-ui/react-collapsible").CollapsibleProps & {
+    component: ({ horizontal, both, children, ...props }: import("@base-ui/react/collapsible").CollapsibleRootProps & {
         horizontal?: boolean;
         both?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
-export interface ColorModeToggleProps extends Omit<ToggleGroupSingleProps, 'type'> {
+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").JSX.Element;

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

@@ -18,14 +18,13 @@ export function ColorModeToggle(_a) {
     var { value: userValue, onValueChange: userOnValueChange, className } = _a, rest = __rest(_a, ["value", "onValueChange", "className"]);
     const colorMode = useColorMode();
     const value = userValue !== null && userValue !== void 0 ? userValue : colorMode;
-    const onValueChange = (value) => {
-        if (userOnValueChange) {
-            userOnValueChange(value);
-        }
-        else {
-            setColorMode(value);
-        }
-    };
-    return (_jsxs(ToggleGroup, Object.assign({ value: value, onValueChange: onValueChange, type: "single", className: className }, rest, { children: [_jsx(ToggleGroup.Item, { value: "system", "aria-label": "Device", children: _jsx(Icon, { name: "phone" }) }), _jsx(ToggleGroup.Item, { value: "light", "aria-label": "Light", children: _jsx(Icon, { name: "sun" }) }), _jsx(ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: _jsx(Icon, { name: "moon" }) })] })));
+    return (_jsxs(ToggleGroup, Object.assign({ value: [value], onValueChange: ([value], ev) => {
+            if (userOnValueChange) {
+                userOnValueChange(value, ev);
+            }
+            else {
+                setColorMode(value);
+            }
+        }, className: className }, rest, { children: [_jsx(ToggleGroup.Item, { value: "system", "aria-label": "Device", children: _jsx(Icon, { name: "phone" }) }), _jsx(ToggleGroup.Item, { value: "light", "aria-label": "Light", children: _jsx(Icon, { name: "sun" }) }), _jsx(ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: _jsx(Icon, { name: "moon" }) })] })));
 }
 //# sourceMappingURL=ColorModeToggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAK5D,MAAM,UAAU,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,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;IACrC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;QACvC,IAAI,iBAAiB,EAAE,CAAC;YACvB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACP,YAAY,CAAC,KAAoC,CAAC,CAAC;QACpD,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,MAAC,WAAW,kBACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,gBAAY,QAAQ,YACnD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACH,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACjD,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACD,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,gBAAY,MAAM,YAC/C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACF,KACN,CACd,CAAC;AACH,CAAC"}
+{"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAQ5D,MAAM,UAAU,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,YAAY,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;IAErC,OAAO,CACN,MAAC,WAAW,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,YAAY,CAAC,KAAoC,CAAC,CAAC;YACpD,CAAC;QACF,CAAC,EACD,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,gBAAY,QAAQ,YACnD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACH,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACjD,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACD,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,gBAAY,MAAM,YAC/C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACF,KACN,CACd,CAAC;AACH,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SelectTriggerProps } from '@radix-ui/react-select';
+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'> {
@@ -6,8 +6,9 @@ export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'on
     onChange: (value: PaletteName) => void;
     showGray?: boolean;
 }
-export declare function ColorPicker({ value, onChange, showGray, className, ...rest }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ColorSwatch({ value, children, }: {
+export declare function ColorPicker({ value, onChange, showGray, className, nativeButton: _, ...rest }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorSwatch({ value, children, className, ...rest }: {
     value: PaletteName;
     children?: ReactNode;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -14,14 +14,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames, { clsx } from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
 import { paletteNames } from '../../uno/index.js';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../select/Select.js';
+import { Button } from '../button/index.js';
+import { Select } from '../select/Select.js';
 export function ColorPicker(_a) {
-    var { value, onChange, showGray, className } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className"]);
+    var { value, onChange, showGray, className, nativeButton: _ } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className", "nativeButton"]);
     const resolvedValue = value && paletteNames.includes(value) ? value : 'lemon';
-    return (_jsxs(Select, { value: resolvedValue, onValueChange: onChange, children: [_jsx(SelectTrigger, Object.assign({ className: clsx('layer-composed:p-sm', className) }, rest, { children: _jsx(SelectValue, {}) })), _jsxs(SelectContent, { className: "z-[calc(var(--z-dialog)+1)]", children: [_jsxs(SelectItem, { value: "lemon", children: [_jsx(ColorSwatch, { value: "lemon" }), _jsx(ItemLabel, { children: "Lemon" })] }), _jsxs(SelectItem, { value: "tomato", children: [_jsx(ColorSwatch, { value: "tomato" }), _jsx(ItemLabel, { children: "Tomato" })] }), _jsxs(SelectItem, { value: "leek", children: [_jsx(ColorSwatch, { value: "leek" }), _jsx(ItemLabel, { children: "Leek" })] }), _jsxs(SelectItem, { value: "blueberry", children: [_jsx(ColorSwatch, { value: "blueberry" }), _jsx(ItemLabel, { children: "Blueberry" })] }), _jsxs(SelectItem, { value: "eggplant", children: [_jsx(ColorSwatch, { value: "eggplant" }), _jsx(ItemLabel, { children: "Eggplant" })] }), showGray && (_jsxs(SelectItem, { value: "gray", children: [_jsx(ColorSwatch, { value: "gray" }), _jsx(ItemLabel, { children: "Salt" })] }))] })] }));
+    return (_jsxs(Select, { value: resolvedValue, onValueChange: (v) => {
+            onChange(v);
+        }, children: [_jsx(Select.Trigger, Object.assign({ className: clsx('layer-composed:p-sm', className) }, rest, { children: _jsx(Button.Icon, { render: _jsx(ColorSwatch, { value: resolvedValue }) }) })), _jsxs(Select.Content, { className: "z-[calc(var(--z-dialog)+1)]", children: [_jsxs(Select.Item, { value: "lemon", children: [_jsx(ColorSwatch, { value: "lemon" }), _jsx(ItemLabel, { children: "Lemon" })] }), _jsxs(Select.Item, { value: "tomato", children: [_jsx(ColorSwatch, { value: "tomato" }), _jsx(ItemLabel, { children: "Tomato" })] }), _jsxs(Select.Item, { value: "leek", children: [_jsx(ColorSwatch, { value: "leek" }), _jsx(ItemLabel, { children: "Leek" })] }), _jsxs(Select.Item, { value: "blueberry", children: [_jsx(ColorSwatch, { value: "blueberry" }), _jsx(ItemLabel, { children: "Blueberry" })] }), _jsxs(Select.Item, { value: "eggplant", children: [_jsx(ColorSwatch, { value: "eggplant" }), _jsx(ItemLabel, { children: "Eggplant" })] }), showGray && (_jsxs(Select.Item, { value: "gray", children: [_jsx(ColorSwatch, { value: "gray" }), _jsx(ItemLabel, { children: "Salt" })] }))] })] }));
 }
 const ItemLabel = withClassName('span', 'sr-only');
-export function ColorSwatch({ value, children, }) {
-    return (_jsx("div", { className: classNames('bg-main w-16px h-16px rounded-sm', `palette-${value !== null && value !== void 0 ? value : 'lemon'}`), children: children }));
+export function ColorSwatch(_a) {
+    var { value, children, className } = _a, rest = __rest(_a, ["value", "children", "className"]);
+    return (_jsx("div", Object.assign({ className: classNames('bg-main w-16px h-16px rounded-sm', `palette-${value !== null && value !== void 0 ? value : 'lemon'}`, className) }, rest, { children: children })));
 }
 //# sourceMappingURL=ColorPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAe,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACX,MAAM,qBAAqB,CAAC;AAS7B,MAAM,UAAU,WAAW,CAAC,EAMT;QANS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,OAES,EADf,IAAI,cALoB,8CAM3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,MAAC,MAAM,IAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,aACpD,KAAC,aAAa,kBACb,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAC7C,IAAI,cAER,KAAC,WAAW,KAAG,IACA,EAChB,MAAC,aAAa,IAAC,SAAS,EAAC,6BAA6B,aACrD,MAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,KAAC,SAAS,wBAAkB,IAChB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,aACzB,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,KAAC,SAAS,yBAAmB,IACjB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,MAAM,aACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACf,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,WAAW,aAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,KAAC,SAAS,4BAAsB,IACpB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,UAAU,aAC3B,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,KAAC,SAAS,2BAAqB,IACnB,EACZ,QAAQ,IAAI,CACZ,MAAC,UAAU,IAAC,KAAK,EAAC,MAAM,aACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACf,CACb,IACc,IACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC7B,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAe,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAS7C,MAAM,UAAU,WAAW,CAAC,EAOT;QAPS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,CAAC,OAEG,EADf,IAAI,cANoB,8DAO3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,MAAC,MAAM,IACN,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YACpB,QAAQ,CAAC,CAAgB,CAAC,CAAC;QAC5B,CAAC,aAED,KAAC,MAAM,CAAC,OAAO,kBACd,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAC5C,IAAY,cAEjB,KAAC,MAAM,CAAC,IAAI,IAAC,MAAM,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,aAAa,GAAI,GAAI,IAC9C,EACjB,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,6BAA6B,aACtD,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,aACzB,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,KAAC,SAAS,wBAAkB,IACf,EACd,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAC1B,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,KAAC,SAAS,yBAAmB,IAChB,EACd,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACd,EACd,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aAC7B,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,KAAC,SAAS,4BAAsB,IACnB,EACd,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,aAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,KAAC,SAAS,2BAAqB,IAClB,EACb,QAAQ,IAAI,CACZ,MAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACd,CACd,IACe,IACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,EAS3B;QAT2B,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,OAMT,EALG,IAAI,cAJoB,kCAK3B,CADO;IAMP,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,EAC7B,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

package/dist/esm/components/contextMenu/contextMenu.d.ts

@@ -1,17 +1,16 @@
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import { ComponentPropsWithoutRef } from 'react';
-export declare const ContextMenuRoot: import("react").FC<ContextMenuPrimitive.ContextMenuProps>;
-export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
+import { ContextMenu as BaseContextMenu, ContextMenuPopupProps } from '@base-ui/react/context-menu';
+export declare const ContextMenuRoot: typeof BaseContextMenu.Root;
+export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ContextMenuPopupProps & {
     ref?: React.Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ContextMenuArrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare const ContextMenuItem: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuTrigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const ContextMenu: import("react").FC<ContextMenuPrimitive.ContextMenuProps> & {
-    Content: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
+export declare const ContextMenuArrow: import("react").FunctionComponent<import("@base-ui/react/context-menu").ContextMenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuItem: import("react").FunctionComponent<import("@base-ui/react/context-menu").ContextMenuItemProps & import("react").RefAttributes<Element>>;
+export declare const ContextMenuTrigger: import("react").FunctionComponent<import("@base-ui/react/context-menu").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenu: typeof BaseContextMenu.Root & {
+    Content: ({ ref, className, onClick, ...props }: ContextMenuPopupProps & {
         ref?: React.Ref<HTMLDivElement>;
     }) => import("react/jsx-runtime").JSX.Element;
-    Arrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
-    Item: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    Trigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Arrow: import("react").FunctionComponent<import("@base-ui/react/context-menu").ContextMenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").FunctionComponent<import("@base-ui/react/context-menu").ContextMenuItemProps & import("react").RefAttributes<Element>>;
+    Trigger: import("react").FunctionComponent<import("@base-ui/react/context-menu").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
 };

package/dist/esm/components/contextMenu/contextMenu.js

@@ -11,21 +11,21 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ContextMenu as BaseContextMenu, } from '@base-ui/react/context-menu';
 import classNames from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
 import { GroupScaleReset } from '../../systems/GroupScale.js';
-export const ContextMenuRoot = ContextMenuPrimitive.Root;
+export const ContextMenuRoot = BaseContextMenu.Root;
 export const ContextMenuContent = function Content(_a) {
     var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
-    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(GroupScaleReset, { children: _jsx(ContextMenuPrimitive.Content, Object.assign({ className: classNames('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:overflow-hidden layer-components:border-gray-dark layer-components:border layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--radix-context-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-context-menu-content-available-height)] layer-components:overflow-y-auto layer-components:overflow-unstable', 'important:motion-reduce:animate-none', className), onClick: (ev) => {
-                    ev.stopPropagation();
-                    onClick === null || onClick === void 0 ? void 0 : onClick(ev);
-                }, ref: ref, alignOffset: -10 }, props)) }) }));
+    return (_jsx(BaseContextMenu.Portal, { children: _jsx(BaseContextMenu.Positioner, { alignOffset: -10, children: _jsx(GroupScaleReset, { children: _jsx(BaseContextMenu.Popup, Object.assign({ className: classNames('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:overflow-hidden layer-components:border-gray-dark layer-components:border layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:opacity-0 layer-components:data-[starting-style]:scale-95', 'layer-components:data-[ending-style]:opacity-0 layer-components:data-[ending-style]:scale-95', 'layer-components:overflow-y-auto layer-components:overflow-unstable', 'important:motion-reduce:animate-none', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', className), onClick: (ev) => {
+                        ev.stopPropagation();
+                        onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+                    }, ref: ref }, props)) }) }) }));
 };
-export const ContextMenuArrow = withClassName(ContextMenuPrimitive.Arrow, 'layer-components:arrow');
-export const ContextMenuItem = withClassName(ContextMenuPrimitive.Item, 'palette-gray', 'layer-components:flex layer-components:items-center layer-components:overflow-hidden layer-components:min-h-touch-large layer-components:py-sm layer-components:px-2 layer-components:relative layer-components:pl-25px layer-components:select-none layer-components:outline-none layer-components:cursor-pointer', 'layer-components:hover:bg-main-light layer-components:[&[data-highlighted=true]]:bg-main-light', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:cursor-default)');
-export const ContextMenuTrigger = withClassName(ContextMenuPrimitive.Trigger, '');
+export const ContextMenuArrow = withClassName(BaseContextMenu.Arrow, 'layer-components:arrow');
+export const ContextMenuItem = withClassName(BaseContextMenu.Item, 'palette-gray', 'layer-components:flex layer-components:items-center layer-components:overflow-hidden layer-components:min-h-touch-large layer-components:py-sm layer-components:px-2 layer-components:relative layer-components:pl-25px layer-components:select-none layer-components:outline-none layer-components:cursor-pointer', 'layer-components:hover:bg-main-light layer-components:[&[data-highlighted=true]]:bg-main-light', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:cursor-default)');
+export const ContextMenuTrigger = withClassName(BaseContextMenu.Trigger, '');
 export const ContextMenu = Object.assign(ContextMenuRoot, {
     Content: ContextMenuContent,
     Arrow: ContextMenuArrow,

package/dist/esm/components/contextMenu/contextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAEzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,OAAO,CAAC,EAOlD;QAPkD,EAClD,GAAG,EACH,SAAS,EACT,OAAO,OAIP,EAHG,KAAK,cAJ0C,+BAKlD,CADQ;IAIR,OAAO,CACN,KAAC,oBAAoB,CAAC,MAAM,cAC3B,KAAC,eAAe,cACf,KAAC,oBAAoB,CAAC,OAAO,kBAC5B,SAAS,EAAE,UAAU,CACpB,6GAA6G,EAC7G,gFAAgF,EAChF,0DAA0D,EAC1D,6DAA6D,EAC7D,iHAAiH,EACjH,sCAAsC,EACtC,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,EAAE,CAAC,eAAe,EAAE,CAAC;oBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;gBACf,CAAC,EACD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,EAAE,IACZ,KAAK,EACR,GACe,GACW,CAC9B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,oBAAoB,CAAC,KAAK,EAC1B,wBAAwB,CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,cAAc,EACd,4IAA4I,EAC5I,gGAAgG,EAChG,6HAA6H,CAC7H,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,oBAAoB,CAAC,OAAO,EAC5B,EAAE,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}
+{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,WAAW,IAAI,eAAe,GAE9B,MAAM,6BAA6B,CAAC;AACrC,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,OAAO,CAAC,EAOlD;QAPkD,EAClD,GAAG,EACH,SAAS,EACT,OAAO,OAIP,EAHG,KAAK,cAJ0C,+BAKlD,CADQ;IAIR,OAAO,CACN,KAAC,eAAe,CAAC,MAAM,cACtB,KAAC,eAAe,CAAC,UAAU,IAAC,WAAW,EAAE,CAAC,EAAE,YAC3C,KAAC,eAAe,cACf,KAAC,eAAe,CAAC,KAAK,kBACrB,SAAS,EAAE,UAAU,CACpB,6GAA6G,EAC7G,6DAA6D,EAC7D,6DAA6D,EAC7D,2DAA2D,EAC3D,sDAAsD,EACtD,sCAAsC,EACtC,yEAAyE,EACzE,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;wBACf,EAAE,CAAC,eAAe,EAAE,CAAC;wBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;oBACf,CAAC,EACD,GAAG,EAAE,GAAG,IACJ,KAAK,EACR,GACe,GACU,GACL,CACzB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,eAAe,CAAC,KAAK,EACrB,wBAAwB,CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,eAAe,CAAC,IAAI,EACpB,cAAc,EACd,4IAA4I,EAC5I,gGAAgG,EAChG,6HAA6H,CAC7H,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}

package/dist/esm/components/contextMenu/contextMenu.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react';
+import { ContextMenu } from './contextMenu.js';
+declare const meta: {
+    title: string;
+    component: typeof import("@base-ui/react/context-menu").ContextMenuRoot & {
+        Content: ({ ref, className, onClick, ...props }: import("@base-ui/react/menu").MenuPopupProps & {
+            ref?: React.Ref<HTMLDivElement>;
+        }) => import("react/jsx-runtime").JSX.Element;
+        Arrow: import("react").FunctionComponent<import("@base-ui/react/menu").MenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+        Item: import("react").FunctionComponent<import("@base-ui/react/menu").MenuItemProps & import("react").RefAttributes<Element>>;
+        Trigger: import("react").FunctionComponent<import("@base-ui/react/context-menu").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+    };
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ContextMenu>;
+export declare const Default: Story;

package/dist/esm/components/contextMenu/contextMenu.stories.js

@@ -0,0 +1,19 @@
+// @unocss-include
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../button/index.js';
+import { ContextMenu } from './contextMenu.js';
+const meta = {
+    title: 'Components/ContextMenu',
+    component: ContextMenu,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsxs(ContextMenu, Object.assign({}, args, { children: [_jsx(ContextMenu.Trigger, { children: _jsx(Button, { children: "Right Click Me" }) }), _jsxs(ContextMenu.Content, { children: [_jsx(ContextMenu.Item, { onSelect: () => alert('Item 1 selected'), children: "Item 1" }), _jsx(ContextMenu.Item, { onSelect: () => alert('Item 2 selected'), children: "Item 2" }), _jsx(ContextMenu.Item, { onSelect: () => alert('Item 3 selected'), children: "Item 3" })] })] })));
+    },
+};
+//# sourceMappingURL=contextMenu.stories.js.map

package/dist/esm/components/contextMenu/contextMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,WAAW,oBAAK,IAAI,eACpB,KAAC,WAAW,CAAC,OAAO,cACnB,KAAC,MAAM,iCAAwB,GACV,EACtB,MAAC,WAAW,CAAC,OAAO,eACnB,KAAC,WAAW,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAEvC,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAEvC,EACnB,KAAC,WAAW,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAEvC,IACE,KACT,CACd,CAAC;IACH,CAAC;CACD,CAAC"}