@a-type/ui 3.1.0 → 4.0.0-beta.1

package/dist/cjs/components/actions/ActionBar.d.ts

@@ -5,4 +5,4 @@ export interface ActionBarProps {
     wrap?: boolean;
     disableShadow?: boolean;
 }
-export declare function ActionBar({ children, className, wrap, disableShadow, ...rest }: ActionBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionBar({ children, className, wrap, disableShadow, ...rest }: ActionBarProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/actions/ActionBar.js

@@ -19,9 +19,9 @@ exports.ActionBar = ActionBar;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
+const ScrollArea_js_1 = require("../scrollArea/ScrollArea.js");
 function ActionBar(_a) {
     var { children, className, wrap, disableShadow } = _a, rest = __rest(_a, ["children", "className", "wrap", "disableShadow"]);
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-hidden layer-components:relative layer-components:h-[max-content] layer-components:transition-[height] layer-components:springy', 'layer-components:[&:empty]:height-0', !disableShadow &&
-                'after:content-[""] after:absolute after:right-0 after:top-0 after:bottom-0 after:w-50px after:z-1 after:bg-gradient-to-l after:from-[color:var(--v-bg,var(--mode-white))] after:from-20% after:to-transparent after:pointer-events-none', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-y-hidden layer-components:overflow-x-overlay layer-components:pr-80px layer-components:relative layer-components:h-full layer-components:[&::-webkit-scrollbar]:hidden', wrap && 'layer-variants:flex-wrap'), children: children }) })) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-hidden layer-components:relative layer-components:h-[max-content] layer-components:transition-[height] layer-components:springy', 'layer-components:[&:empty]:height-0', className) }, rest, { children: (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollArea, { disableFades: disableShadow, className: "layer-components:flex-grow layer-components:w-full layer-components:h-full", children: (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollArea.Content, { className: (0, clsx_1.default)('layer-composed:flex layer-composed:flex-row layer-composed:items-center layer-composed:justify-start layer-composed:relative layer-composed:h-full', wrap && 'layer-variants:flex-wrap'), children: children }) }) })) }));
 }
 //# sourceMappingURL=ActionBar.js.map

package/dist/cjs/components/actions/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,8BA8BC;;AAxCD,gDAA8B;AAC9B,iCAA4C;AAS5C,SAAgB,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,qCAAqC,EACrC,CAAC,aAAa;gBACb,yKAAyK,EAC1K,SAAS,CACT,IACG,IAAI,cAER,gCACC,SAAS,EAAE,IAAA,cAAU,EACpB,gLAAgL,EAChL,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,GACJ,IACD,GACI,CACX,CAAC;AACH,CAAC"}
+{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,8BAiCC;;AA5CD,gDAA8B;AAC9B,iCAA4C;AAC5C,+DAAyD;AASzD,SAAgB,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,qCAAqC,EACrC,SAAS,CACT,IACG,IAAI,cAER,uBAAC,0BAAU,IACV,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAC,4CAA4C,YAEtD,uBAAC,0BAAU,CAAC,OAAO,IAClB,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,GACW,GACT,IACR,GACI,CACX,CAAC;AACH,CAAC"}

package/dist/cjs/components/actions/ActionButton.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '../button/Button.js';
-export interface ActionButtonProps extends ButtonProps {
+export type ActionButtonProps = ButtonProps & {
     visible?: boolean;
-}
-export declare function ActionButton({ children, className, visible, asChild, ...rest }: ActionButtonProps): import("react/jsx-runtime.js").JSX.Element | null;
+};
+export declare function ActionButton({ children, className, visible, ...rest }: ActionButtonProps): import("react/jsx-runtime.js").JSX.Element | null;

package/dist/cjs/components/actions/ActionButton.js

@@ -23,7 +23,7 @@ const react_1 = require("react");
 const Button_js_1 = require("../button/Button.js");
 const index_js_1 = require("../collapsible/index.js");
 function ActionButton(_a) {
-    var { children, className, visible = true, asChild } = _a, rest = __rest(_a, ["children", "className", "visible", "asChild"]);
+    var { children, className, visible = true } = _a, rest = __rest(_a, ["children", "className", "visible"]);
     // this rather convoluted logic is meant to do:
     // - when button goes invisible, wait for collapse and then
     //   stop rendering
@@ -44,6 +44,6 @@ function ActionButton(_a) {
     if (!render && !visible) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small", disableIconMode: true, className: (0, clsx_1.default)('layer-variants:font-normal layer-variants:m-2 layer-variants:mx-1', className), asChild: asChild }, rest, { children: children })) }) }));
+    return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small", disableIconMode: true, className: (0, clsx_1.default)('layer-variants:font-normal layer-variants:m-2 layer-variants:mx-1', className) }, rest, { children: children })) }) }));
 }
 //# sourceMappingURL=ActionButton.js.map

package/dist/cjs/components/actions/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAWb,oCA8CC;;AAvDD,gDAA8B;AAC9B,iCAA4C;AAC5C,mDAA0D;AAC1D,sDAA8E;AAM9E,SAAgB,YAAY,CAAC,EAMT;QANS,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,EACd,OAAO,OAEY,EADhB,IAAI,cALqB,+CAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,uBAAC,0BAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,uBAAC,6BAAkB,uCAClB,uBAAC,kBAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,IAAA,cAAU,EACpB,uCAAuC,EACvC,SAAS,CACT,EACD,OAAO,EAAE,OAAO,IACZ,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAWb,oCA4CC;;AArDD,gDAA8B;AAC9B,iCAA4C;AAC5C,mDAA0D;AAC1D,sDAA8E;AAM9E,SAAgB,YAAY,CAAC,EAKT;QALS,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,OAEK,EADhB,IAAI,cAJqB,oCAK5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,uBAAC,0BAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,uBAAC,6BAAkB,uCAClB,uBAAC,kBAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,IAAA,cAAU,EACpB,uCAAuC,EACvC,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}

package/dist/cjs/components/avatar/Avatar.d.ts

@@ -1,10 +1,12 @@
+import { AvatarRootProps as BaseAvatarProps } from '@base-ui/react/avatar';
 import { CSSProperties, HTMLProps } from 'react';
-export interface AvatarProps {
+export interface AvatarProps extends BaseAvatarProps {
     className?: string;
     popIn?: boolean;
     style?: CSSProperties;
     imageSrc?: string | null;
     name?: string;
     crossOrigin?: HTMLProps<HTMLImageElement>['crossOrigin'];
+    size?: string | number;
 }
-export declare function Avatar({ className, popIn, imageSrc, name, crossOrigin, ...rest }: AvatarProps): import("react/jsx-runtime.js").JSX.Element;
+export declare function Avatar({ className, popIn, imageSrc, name, crossOrigin, style, size, ...rest }: AvatarProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/avatar/Avatar.js

@@ -17,23 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = Avatar;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const avatar_1 = require("@base-ui/react/avatar");
 const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
 const index_js_1 = require("../icon/index.js");
 function Avatar(_a) {
-    var { className, popIn = false, imageSrc, name, crossOrigin } = _a, rest = __rest(_a, ["className", "popIn", "imageSrc", "name", "crossOrigin"]);
+    var { className, popIn = false, imageSrc, name, crossOrigin, style, size } = _a, rest = __rest(_a, ["className", "popIn", "imageSrc", "name", "crossOrigin", "style", "size"]);
     const empty = !name && !imageSrc;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-pop": popIn, className: (0, clsx_1.default)('layer-components:flex layer-components:items-center layer-components:justify-center layer-components:rounded-lg layer-components:border-default layer-components:overflow-hidden layer-components:w-24px layer-components:aspect-1 layer-components:select-none layer-components:relative layer-components:bg-white layer-components:flex-shrink-0', popIn &&
-            'layer-variants:animate-pop-in-from-half layer-variants:animate-ease-springy layer-variants:animate-duration-200', empty && 'layer-components:border-dashed layer-components:bg-gray-light', className) }, rest, { children: [!empty && ((0, jsx_runtime_1.jsx)(AvatarContent, { name: name, imageSrc: imageSrc, crossOrigin: crossOrigin })), empty && (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "profile" })] })));
-}
-function AvatarContent({ name, imageSrc, crossOrigin = 'anonymous', }) {
-    const [fallback, setFallback] = (0, react_1.useState)(false);
-    const triggerFallback = () => {
-        setFallback(true);
-    };
-    if (imageSrc && !fallback) {
-        return ((0, jsx_runtime_1.jsx)("img", { className: "w-full h-full object-cover", referrerPolicy: "no-referrer", src: imageSrc, alt: `${name !== null && name !== void 0 ? name : 'user'}'s profile picture`, crossOrigin: crossOrigin, onError: triggerFallback }));
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: "color-black items-center justify-center flex text-sm font-bold", children: (name === null || name === void 0 ? void 0 : name.charAt(0)) || '?' }));
+    return ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar.Root, Object.assign({ "data-pop": popIn, className: (0, clsx_1.default)('layer-components:flex layer-components:items-center layer-components:justify-center layer-components:rounded-lg layer-components:border-default layer-components:overflow-hidden layer-components:w-24px layer-components:aspect-1 layer-components:select-none layer-components:relative layer-components:bg-white layer-components:flex-shrink-0', popIn &&
+            'layer-variants:animate-pop-in-from-half layer-variants:animate-ease-springy layer-variants:animate-duration-200', empty && 'layer-components:border-dashed layer-components:bg-gray-light', className), style: size ? Object.assign({ width: size, height: size }, style) : style }, rest, { children: [imageSrc && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar.Image, { className: "w-full h-full object-cover", referrerPolicy: "no-referrer", src: imageSrc, alt: `${name !== null && name !== void 0 ? name : 'user'}'s profile picture`, crossOrigin: crossOrigin })), (0, jsx_runtime_1.jsx)(avatar_1.Avatar.Fallback, { className: "text-size-[calc(0.5px*var(--avatar-size,24px))]", style: { '--avatar-size': size }, children: (name === null || name === void 0 ? void 0 : name.charAt(0)) || '?' }), empty && (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "profile" })] })));
 }
 //# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAaA,wBA+BC;;AA5CD,gDAA8B;AAC9B,iCAA2D;AAC3D,+CAAwC;AAWxC,SAAgB,MAAM,CAAC,EAOT;QAPS,EACtB,SAAS,EACT,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,WAAW,OAEE,EADV,IAAI,cANe,yDAOtB,CADO;IAEP,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjC,OAAO,CACN,2DACW,KAAK,EACf,SAAS,EAAE,IAAA,cAAU,EACpB,2JAA2J,EAC3J,KAAK;YACJ,qFAAqF,EACtF,KAAK,IAAI,gDAAgD,EACzD,SAAS,CACT,IACG,IAAI,eAEP,CAAC,KAAK,IAAI,CACV,uBAAC,aAAa,IACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACvB,CACF,EACA,KAAK,IAAI,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,KAC5B,CACN,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,WAAW,GAKzB;IACA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,WAAW,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,IAAI,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,OAAO,CACN,gCACC,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,aAAa,EAC5B,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,GACvB,CACF,CAAC;IACH,CAAC;IACD,OAAO,CACN,gCAAK,SAAS,EAAC,gEAAgE,YAC7E,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAI,GAAG,GAClB,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,wBA0CC;;AA5DD,kDAG+B;AAC/B,gDAA8B;AAE9B,+CAAwC;AAYxC,SAAgB,MAAM,CAAC,EAST;QATS,EACtB,SAAS,EACT,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,OAES,EADV,IAAI,cARe,0EAStB,CADO;IAEP,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjC,OAAO,CACN,wBAAC,eAAU,CAAC,IAAI,8BACL,KAAK,EACf,SAAS,EAAE,IAAA,cAAU,EACpB,2JAA2J,EAC3J,KAAK;YACJ,qFAAqF,EACtF,KAAK,IAAI,gDAAgD,EACzD,SAAS,CACT,EACD,KAAK,EAAE,IAAI,CAAC,CAAC,iBAAG,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,EAAG,CAAC,CAAC,KAAK,IACzD,IAAI,eAEP,QAAQ,IAAI,CACZ,uBAAC,eAAU,CAAC,KAAK,IAChB,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,aAAa,EAC5B,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,oBAAoB,EAC1C,WAAW,EAAE,WAAW,GACvB,CACF,EACD,uBAAC,eAAU,CAAC,QAAQ,IACnB,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAS,YAEtC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAI,GAAG,GACF,EACrB,KAAK,IAAI,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,KAChB,CAClB,CAAC;AACH,CAAC"}

package/dist/cjs/components/box/Box.stories.js

@@ -88,7 +88,7 @@ exports.NestedContainers = {
     },
 };
 function SurfaceContent({ name }) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [name, " Surface"] }), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, layout: "center start", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Checkbox_js_1.Checkbox, { checked: true }), (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, { checked: true })] }), (0, jsx_runtime_1.jsx)(Progress_js_1.Progress, { value: 50, className: "w-full" }), (0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, { type: "single", defaultValue: "one", children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "one", children: "One" }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "two", children: "Two" })] }), (0, jsx_runtime_1.jsx)(Slider_js_1.Slider, { defaultValue: [30], className: "w-full" })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [name, " Surface"] }), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, layout: "center start", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Checkbox_js_1.Checkbox, { checked: true }), (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, { checked: true })] }), (0, jsx_runtime_1.jsx)(Progress_js_1.Progress, { value: 50, className: "w-full" }), (0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, { defaultValue: ['one'], children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "one", children: "One" }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "two", children: "Two" })] }), (0, jsx_runtime_1.jsx)(Slider_js_1.Slider, { defaultValue: [30], className: "w-full" })] }));
 }
 exports.Surfaces = {
     render(args) {

package/dist/cjs/components/box/Box.stories.js.map

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

package/dist/cjs/components/button/Button.d.ts

@@ -1,6 +1,7 @@
-import { ButtonHTMLAttributes, Ref } from 'react';
+import { ButtonProps as BaseButtonProps } from '@base-ui/react/button';
+import { Ref } from 'react';
 import { PaletteName } from '../../uno/index.js';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export type ButtonProps = BaseButtonProps & {
     color?: PaletteName;
     emphasis?: 'primary' | 'default' | 'ghost' | 'contrast' | 'light' | 'unstyled';
     size?: 'default' | 'small';
@@ -9,23 +10,22 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     align?: 'start' | 'stretch' | 'end';
     visuallyDisabled?: boolean;
     loading?: boolean;
-    asChild?: boolean;
     visuallyFocused?: boolean;
     disableIconMode?: boolean;
     ref?: Ref<HTMLButtonElement>;
     disableDropdownTriggerIcon?: boolean;
-}
-export declare function ButtonRoot({ className, color, emphasis, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, disableDropdownTriggerIcon, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
+};
+export declare function ButtonRoot({ className, color, emphasis, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, disableIconMode, disableDropdownTriggerIcon, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
 export declare namespace ButtonRoot {
     var displayName: string;
 }
 export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
     value: boolean;
 }>;
-export declare const ButtonIcon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ButtonIcon: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
 export declare const Button: typeof ButtonRoot & {
     ToggleIndicator: import("react").NamedExoticComponent<{
         value: boolean;
     }>;
-    Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Icon: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
 };

package/dist/cjs/components/button/Button.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = exports.ButtonIcon = exports.ButtonToggleIndicator = void 0;
 exports.ButtonRoot = ButtonRoot;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_slot_1 = require("@radix-ui/react-slot");
+const button_1 = require("@base-ui/react/button");
 const clsx_1 = require("clsx");
 const react_1 = require("motion/react");
 const react_2 = require("react");
@@ -29,12 +29,12 @@ const DropdownTriggerContext_js_1 = require("../dropdownMenu/DropdownTriggerCont
 const IconLoadingContext_js_1 = require("../icon/IconLoadingContext.js");
 const index_js_1 = require("../icon/index.js");
 const index_js_2 = require("../spinner/index.js");
+const SlotDiv_js_1 = require("../utility/SlotDiv.js");
 const classes_js_1 = require("./classes.js");
 function ButtonRoot(_a) {
-    var { className, color, emphasis = 'default', size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, disableDropdownTriggerIcon, ref } = _a, props = __rest(_a, ["className", "color", "emphasis", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "disableIconMode", "disableDropdownTriggerIcon", "ref"]);
-    const Comp = asChild ? react_slot_1.Slot : 'button';
+    var { className, color, emphasis = 'default', size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, disableIconMode, disableDropdownTriggerIcon, ref } = _a, props = __rest(_a, ["className", "color", "emphasis", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "disableIconMode", "disableDropdownTriggerIcon", "ref"]);
     const isFormSubmitting = false;
-    const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
+    const isSubmitLoading = 'type' in props && props.type === 'submit' && isFormSubmitting;
     const isLoading = loading || isSubmitLoading;
     const childArray = childArrayWithoutFragments(children);
     const iconChildCount = childArray.filter(isIconChild).length;
@@ -58,14 +58,9 @@ function ButtonRoot(_a) {
     if (toggled !== undefined) {
         buttonProps['aria-pressed'] = !!toggled;
     }
-    // for asChild, no need to do the rest of this stuff.
-    if (asChild) {
-        // avoid rendering loading spinner with asChild
-        return (0, jsx_runtime_1.jsx)(Comp, Object.assign({}, buttonProps, { children: children }));
-    }
-    return ((0, jsx_runtime_1.jsx)(IconLoadingContext_js_1.IconLoadingProvider, { value: isLoading, children: (0, jsx_runtime_1.jsxs)(Comp, Object.assign({}, buttonProps, { children: [(0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: isLoading && ((0, jsx_runtime_1.jsx)(react_1.motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: (0, clsx_1.clsx)('flex-shrink-0 inline-block overflow-hidden my-auto flex', '[[data-has-icon=true]_&]:hidden'), "data-default-loader": true, children: (0, jsx_runtime_1.jsx)(index_js_2.Spinner, { size: 15, className: "inline-block w-1em h-1em" }) }, "spinner")) }), toggled !== undefined &&
+    return ((0, jsx_runtime_1.jsx)(IconLoadingContext_js_1.IconLoadingProvider, { value: isLoading, children: (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({}, buttonProps, { children: [(0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: isLoading && ((0, jsx_runtime_1.jsx)(react_1.motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: (0, clsx_1.clsx)('flex-shrink-0 inline-block overflow-hidden my-auto flex', '[[data-has-icon=true]_&]:hidden'), "data-default-loader": true, children: (0, jsx_runtime_1.jsx)(index_js_2.Spinner, { size: 15, className: "inline-block w-1em h-1em" }) }, "spinner")) }), toggled !== undefined &&
                     (toggleMode === 'indicator' ||
-                        toggleMode === 'color-and-indicator') && ((0, jsx_runtime_1.jsx)(exports.ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && ((0, jsx_runtime_1.jsx)(IconLoadingContext_js_1.IconLoadingProvider, { value: false, children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenuTriggerIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron" }) }) }))] })) }));
+                        toggleMode === 'color-and-indicator') && ((0, jsx_runtime_1.jsx)(exports.ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && ((0, jsx_runtime_1.jsx)(IconLoadingContext_js_1.IconLoadingProvider, { value: false, children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenuTriggerIcon, { render: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron" }) }) }))] })) }));
 }
 ButtonRoot.displayName = 'Button';
 exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ value, }) {
@@ -74,7 +69,7 @@ exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ val
         }, loading: false }));
 });
 // allows custom icons to trigger icon button behavior
-exports.ButtonIcon = (0, hooks_js_1.withClassName)('div', 'icon flex-shrink-0 flex');
+exports.ButtonIcon = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv, 'icon flex-shrink-0 flex');
 exports.ButtonIcon.displayName = 'ButtonIcon';
 exports.Button = Object.assign(ButtonRoot, {
     ToggleIndicator: exports.ButtonToggleIndicator,

package/dist/cjs/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA8CA,gCAmHC;;AAjKD,qDAA4C;AAC5C,+BAA4B;AAC5B,wCAAuD;AACvD,iCAUe;AACf,6CAA+C;AAC/C,kFAAuD;AAEvD,qEAA0E;AAC1E,yFAAiF;AACjF,yEAAoE;AACpE,+CAAwC;AACxC,kDAA8C;AAC9C,6CAAkD;AAwBlD,SAAgB,UAAU,CAAC,EAkBb;QAlBa,EAC1B,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,qBAAqB,EAClC,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,eAAe,EACf,0BAA0B,EAC1B,GAAG,OAEU,EADV,KAAK,cAjBkB,yNAkB1B,CADQ;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,MAAM,gBAAgB,GAAG,KAAK,CAAC;IAC/B,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,gBAAgB,CAAC;IACpE,MAAM,SAAS,GAAG,OAAO,IAAI,eAAe,CAAC;IAE7C,MAAM,UAAU,GAAG,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC;IAC7D,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,GAAG,cAAc,CAAC;IAEzD,IAAA,qBAAa,EACZ,kCAAkC,cAAc,YAAY,aAAa,YAAY,UAAU,CAAC,MAAM,EAAE,CACxG,CAAC;IAEF,MAAM,4BAA4B,GAAG,IAAA,gDAAoB,GAAE,CAAC;IAC5D,MAAM,iBAAiB,GACtB,CAAC,0BAA0B;QAC3B,aAAa;QACb,4BAA4B,CAAC;IAE9B,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,yBAAyB,EAAE,EAAE,GAAG,CAAC,CAAC;IAEhE,MAAM,WAAW,iCAChB,GAAG,EAAE,QAAQ,IACV,KAAK,KACR,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,eAAe,EAAE,gBAAgB,EACjC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,IAAI,EACjB,cAAc,EAAE,SAAS,EACzB,gBAAgB,EAAE,aAAa,EAC/B,eAAe,EAAE,cAAc,GAAG,CAAC,EACnC,iBAAiB,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAClE,uBAAuB,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7D,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,IAAA,WAAI,EACd,IAAA,+BAAkB,EAAC;YAClB,KAAK;YACL,QAAQ;YACR,IAAI;YACJ,UAAU,EACT,OAAO,KAAK,SAAS;gBACrB,CAAC,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,qBAAqB,CAAC;YACjE,KAAK;YACL,eAAe;SACf,CAAC,EACF,SAAS,CACT,GACD,CAAC;IACF,4BAA4B;IAC5B,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;IACzC,CAAC;IAED,qDAAqD;IACrD,IAAI,OAAO,EAAE,CAAC;QACb,+CAA+C;QAC/C,OAAO,uBAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;IACjD,CAAC;IAED,OAAO,CACN,uBAAC,2CAAmB,IAAC,KAAK,EAAE,SAAS,YACpC,wBAAC,IAAI,oBAAK,WAAW,eACpB,uBAAC,uBAAe,cACd,SAAS,IAAI,CACb,uBAAC,cAAM,CAAC,GAAG,IAEV,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAC5C,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,EACzC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EACzC,SAAS,EAAE,IAAA,WAAI,EACd,yDAAyD,EACzD,iCAAiC,CACjC,yCAGD,uBAAC,kBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,IAVtD,SAAS,CAWD,CACb,GACgB,EACjB,OAAO,KAAK,SAAS;oBACrB,CAAC,UAAU,KAAK,WAAW;wBAC1B,UAAU,KAAK,qBAAqB,CAAC,IAAI,CACzC,uBAAC,6BAAqB,IAAC,KAAK,EAAE,OAAO,GAAI,CACzC,EACD,QAAQ,EACR,iBAAiB,IAAI,CACrB,uBAAC,2CAAmB,IAAC,KAAK,EAAE,KAAK,YAChC,uBAAC,yCAAuB,IAAC,OAAO,kBAC/B,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GACE,GACL,CACtB,KACK,GACc,CACtB,CAAC;AACH,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,QAAQ,CAAC;AAErB,QAAA,qBAAqB,GAAG,IAAA,YAAI,EAAC,SAAS,eAAe,CAAC,EAClE,KAAK,GAGL;IACA,OAAO,CACN,uBAAC,eAAI,yBAEJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;YACN,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SACzB,EACD,OAAO,EAAE,KAAK,GACb,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,sDAAsD;AACzC,QAAA,UAAU,GAAG,IAAA,wBAAa,EAAC,KAAK,EAAE,yBAAyB,CAAC,CAAC;AAC1E,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEzB,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,eAAe,EAAE,6BAAqB;IACtC,IAAI,EAAE,kBAAU;CAChB,CAAC,CAAC;AAEH,SAAS,yBAAyB;IACjC,MAAM,gBAAgB,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACtC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAK,CAAC;QAChD,OAAO,IAAI,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE;YACvC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAA2B,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEN,MAAM,GAAG,GAAG,IAAA,mBAAW,EACtB,CAAC,IAA8B,EAAE,EAAE;QAClC,IAAI,IAAI,IAAI,gBAAgB,EAAE,CAAC;YAC9B,gBAAgB,CAAC,UAAU,EAAE,CAAC;YAC9B,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACnE,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,gBAAgB,EAAE,CAAC;YAC7B,gBAAgB,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC;IACF,CAAC,EACD,CAAC,gBAAgB,CAAC,CAClB,CAAC;IAEF,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,SAAS,mBAAmB,CAAC,MAAyB;IACrD,uDAAuD;IACvD,MAAM,QAAQ,GAAG;QAChB,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACR,CAAC;IACF,MAAM,SAAS,GAAiC,EAAE,CAAC;IACnD,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,CAAC,CAAC,KAAK,YAAY,WAAW,IAAI,KAAK,YAAY,UAAU,CAAC;YAAE,OAAO;QAC3E,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG;YAAE,OAAO,CAAC,uBAAuB;QAChG,IACC,CAAC,KAAK,YAAY,WAAW,IAAI,KAAK,YAAY,UAAU,CAAC;YAC7D,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC/B,CAAC;YACF,QAAQ,CAAC,IAAI,EAAE,CAAC;YAChB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC;IACF,CAAC,CAAC,CAAC;IACH,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9D,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAClE,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IAC5C,CAAC;IACD,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/D,CAAC;AAED,SAAS,WAAW,CAAC,KAAgB;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IAC9D,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QACrB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,IACC,IAAI,KAAK,kBAAU;YACnB,IAAI,KAAK,YAAY;YACpB,IAAY,CAAC,WAAW,KAAK,YAAY;YAE1C,OAAO,IAAI,CAAC;QACb,IACC,IAAI,KAAK,eAAI;YACb,IAAI,KAAK,MAAM;YACd,IAAY,CAAC,WAAW,KAAK,MAAM;YAEpC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC;AAED,SAAS,0BAA0B,CAAC,QAAmB;IACtD,MAAM,QAAQ,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5C,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;YACpE,IAAK,KAAa,CAAC,IAAI,KAAK,gBAAQ,EAAE,CAAC;gBACtC,OAAO,0BAA0B,CAAE,KAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAClE,CAAC;QACF,CAAC;QACD,OAAO,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/button/Button.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
         ToggleIndicator: import("react").NamedExoticComponent<{
             value: boolean;
         }>;
-        Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+        Icon: import("react").FunctionComponent<import("../index.js").SlotDivProps>;
     };
     argTypes: {
         color: {

package/dist/cjs/components/button/ConfirmedButton.js

@@ -1,6 +1,5 @@
 // @unocss-include
 "use strict";
-'use client';
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -38,6 +37,6 @@ function ConfirmedButton(_a) {
                 onConfirm();
             } })));
     }
-    return ((0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest)) }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTitle, { children: confirmTitle }), (0, jsx_runtime_1.jsx)(index_js_2.P, { children: confirmText }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "default", children: cancelAction }) }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { loading: loading, onClick: confirm, emphasis: "primary", color: confirmColor, children: confirmAction })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTrigger, Object.assign({ render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, {}) }, rest)), (0, jsx_runtime_1.jsxs)(index_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTitle, { children: confirmTitle }), (0, jsx_runtime_1.jsx)(index_js_2.P, { children: confirmText }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogClose, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "default" }), children: cancelAction }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { loading: loading, onClick: confirm, emphasis: "primary", color: confirmColor, children: confirmAction })] })] })] }));
 }
 //# sourceMappingURL=ConfirmedButton.js.map

package/dist/cjs/components/button/ConfirmedButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;AAwBb,0CAyDC;;AA/ED,iCAA8C;AAC9C,iDAO4B;AAC5B,qDAA2C;AAC3C,2CAAkD;AAYlD,SAAgB,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,uBAAC,kBAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,wBAAC,iBAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,uBAAC,wBAAa,IAAC,OAAO,kBACrB,uBAAC,kBAAM,oBAAK,IAAI,EAAI,GACL,EAChB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,cAAE,YAAY,GAAe,EACzC,uBAAC,YAAC,cAAE,WAAW,GAAK,EACpB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,IAAC,OAAO,kBACnB,uBAAC,kBAAM,IAAC,QAAQ,EAAC,SAAS,YAAE,YAAY,GAAU,GACrC,EACd,uBAAC,kBAAM,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,YAAY,YAElB,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}
+{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAsBA,0CAuDC;;AA7ED,iCAA8C;AAC9C,iDAO4B;AAC5B,qDAA2C;AAC3C,2CAAkD;AAYlD,SAAgB,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,uBAAC,kBAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,wBAAC,iBAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,uBAAC,wBAAa,kBAAC,MAAM,EAAE,uBAAC,kBAAM,KAAG,IAAM,IAAI,EAAI,EAC/C,wBAAC,wBAAa,eACb,uBAAC,sBAAW,cAAE,YAAY,GAAe,EACzC,uBAAC,YAAC,cAAE,WAAW,GAAK,EACpB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,IAAC,MAAM,EAAE,uBAAC,kBAAM,IAAC,QAAQ,EAAC,SAAS,GAAG,YAChD,YAAY,GACA,EACd,uBAAC,kBAAM,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,YAAY,YAElB,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}

package/dist/cjs/components/camera/Camera.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps as BaseButtonProps } from '@base-ui/react/button';
 import { MouseEvent, ReactNode, Ref } from 'react';
 import { ButtonProps } from '../button/index.js';
 export interface CameraRootProps {
@@ -9,13 +10,12 @@ export interface CameraRootProps {
     ref?: Ref<HTMLDivElement>;
 }
 export declare function CameraRoot({ className, onCapture, children, facingMode, format, ref, ...rest }: CameraRootProps): import("react/jsx-runtime.js").JSX.Element;
-export interface CameraShutterButtonProps {
+export type CameraShutterButtonProps = BaseButtonProps & {
     className?: string;
-    asChild?: boolean;
     onClick?: (ev: MouseEvent<HTMLButtonElement>) => void;
     ref?: Ref<HTMLButtonElement>;
-}
-export declare function CameraShutterButton({ asChild, onClick, ref, ...rest }: CameraShutterButtonProps): import("react/jsx-runtime.js").JSX.Element;
+};
+export declare function CameraShutterButton({ onClick, ref, ...rest }: CameraShutterButtonProps): import("react/jsx-runtime.js").JSX.Element;
 export interface CameraDeviceSelectorProps {
 }
 export declare const CameraDeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime.js").JSX.Element | null;

package/dist/cjs/components/camera/Camera.js

@@ -19,7 +19,7 @@ exports.Camera = exports.CameraFullscreenButton = exports.CameraDeviceSelector =
 exports.CameraRoot = CameraRoot;
 exports.CameraShutterButton = CameraShutterButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_slot_1 = require("@radix-ui/react-slot");
+const button_1 = require("@base-ui/react/button");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 const hooks_js_1 = require("../../hooks.js");
@@ -53,7 +53,7 @@ function CameraRoot(_a) {
             (_a = cleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(cleanupRef);
             (_b = navigator.mediaDevices) === null || _b === void 0 ? void 0 : _b.getUserMedia({
                 video: {
-                    deviceId: selectedDeviceId,
+                    deviceId: selectedDeviceId || undefined,
                     facingMode,
                 },
             }).then((s) => {
@@ -134,15 +134,14 @@ function CameraRoot(_a) {
         }, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: (0, clsx_1.default)('override-light', 'layer-components:[font-family:inherit] layer-components:color-white layer-components:bg-black layer-components:rounded-lg layer-components:overflow-hidden layer-components:min-w-4 layer-components:min-h-4 layer-components:relative', fullscreen && 'fixed inset-0 w-full h-full z-1000 rounded-none', className) }, rest, { children: [(0, jsx_runtime_1.jsx)("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) }));
 }
 function CameraShutterButton(_a) {
-    var { asChild, onClick, ref } = _a, rest = __rest(_a, ["asChild", "onClick", "ref"]);
-    const Comp = asChild ? react_slot_1.Slot : StyledShutterButton;
+    var { onClick, ref } = _a, rest = __rest(_a, ["onClick", "ref"]);
     const { triggerCapture } = (0, react_1.useContext)(CameraContext);
-    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, "aria-label": asChild ? undefined : 'Capture photo', onClick: (ev) => {
+    return ((0, jsx_runtime_1.jsx)(StyledShutterButton, Object.assign({ ref: ref, "aria-label": 'Capture photo', onClick: (ev) => {
             triggerCapture();
             onClick === null || onClick === void 0 ? void 0 : onClick(ev);
         } }, rest)));
 }
-const StyledShutterButton = (0, hooks_js_1.withClassName)('button', 'absolute bottom-3 left-1/2 -translate-x-1/2 w-16 h-16 bg-white rounded-full cursor-pointer border-2 border-black border-solid ring-2 ring-white opacity-80', 'hover:bg-gray-wash hover:opacity-100', 'focus-visible:bg-lighten-1', 'focus:ring-accent focus:outline-none focus:opacity-100', 'sm:w-8 sm:h-8');
+const StyledShutterButton = (0, hooks_js_1.withClassName)(button_1.Button, 'absolute bottom-3 left-1/2 -translate-x-1/2 w-16 h-16 bg-white rounded-full cursor-pointer border-2 border-black border-solid ring-2 ring-white opacity-80', 'hover:bg-gray-wash hover:opacity-100', 'focus-visible:bg-lighten-1', 'focus:ring-accent focus:outline-none focus:opacity-100', 'sm:w-8 sm:h-8');
 const CameraDeviceSelector = (props) => {
     const { devices, selectDeviceId, selectedDeviceId } = (0, react_1.useContext)(CameraContext);
     const swapCamera = () => {
@@ -162,7 +161,7 @@ const CameraDeviceSelector = (props) => {
     if (devices.length === 2) {
         return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", onClick: swapCamera, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) }));
     }
-    return ((0, jsx_runtime_1.jsxs)(index_js_3.Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [(0, jsx_runtime_1.jsx)(index_js_3.Select.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) }) }), (0, jsx_runtime_1.jsx)(index_js_3.SelectContent, { children: devices.map((device) => ((0, jsx_runtime_1.jsx)(index_js_3.SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
+    return ((0, jsx_runtime_1.jsxs)(index_js_3.Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [(0, jsx_runtime_1.jsx)(index_js_3.Select.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) }) }), (0, jsx_runtime_1.jsx)(index_js_3.SelectContent, { children: devices.map((device) => ((0, jsx_runtime_1.jsx)(index_js_3.SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
 };
 exports.CameraDeviceSelector = CameraDeviceSelector;
 const CameraFullscreenButton = (props) => {

package/dist/cjs/components/camera/Camera.js.map

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

package/dist/cjs/components/card/Card.d.ts

@@ -1,8 +1,14 @@
+import { UseRenderRenderProp } from '@base-ui/react/use-render';
 import { CSSProperties, HTMLAttributes, MouseEvent, ReactNode, Ref } from 'react';
 import { MasonryProps } from '../masonry/masonry.js';
 export declare const CardRoot: import("react").FunctionComponent<import("../box/Box.js").BoxProps>;
-export declare function CardMain({ asChild, className, compact, nonInteractive, ref, style, children, ...rest }: {
-    asChild?: boolean;
+export declare function CardMain({ className, compact, nonInteractive, ref, style, children, visuallyDisabled, visuallyFocused, render, ...rest }: {
+    render?: UseRenderRenderProp<{
+        visuallyFocused?: boolean;
+        visuallyDisabled?: boolean;
+        interactive?: boolean;
+        compact?: boolean;
+    }>;
     className?: string;
     onClick?: (ev: MouseEvent) => void;
     children?: ReactNode;

package/dist/cjs/components/card/Card.js

@@ -19,7 +19,7 @@ exports.Card = exports.CardGrid = exports.cardGridColumns = exports.CardMenu = e
 exports.CardMain = CardMain;
 exports.CardContent = CardContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_slot_1 = require("@radix-ui/react-slot");
+const use_render_1 = require("@base-ui/react/use-render");
 const clsx_1 = __importDefault(require("clsx"));
 const hooks_js_1 = require("../../hooks.js");
 const GroupScale_js_1 = require("../../systems/GroupScale.js");
@@ -28,18 +28,30 @@ const masonry_js_1 = require("../masonry/masonry.js");
 const SlotDiv_js_1 = require("../utility/SlotDiv.js");
 exports.CardRoot = (0, hooks_js_1.withClassName)((0, hooks_js_1.withProps)(Box_js_1.Box, { container: 'reset' }), 'layer-components:flex layer-components:flex-col layer-components:border-light layer-components:rounded-lg layer-components:text-lg layer-components:overflow-hidden layer-components:h-max-content layer-components:relative layer-components:bg-wash layer-components:bg-darken-0.5 layer-components:color-black layer-components:shadow-sm', 'layer-variants:[&[data-borderless=true]]:border-none layer-variants:[&[data-borderless=true]]:shadow-md');
 function CardMain(_a) {
-    var { asChild, className, compact, nonInteractive, ref, style, children } = _a, rest = __rest(_a, ["asChild", "className", "compact", "nonInteractive", "ref", "style", "children"]);
-    const isInteractive = !nonInteractive && (!!asChild || !!rest.onClick);
-    const Comp = asChild ? react_slot_1.Slot : isInteractive ? 'button' : 'div';
+    var { className, compact, nonInteractive, ref, style, children, visuallyDisabled, visuallyFocused, render } = _a, rest = __rest(_a, ["className", "compact", "nonInteractive", "ref", "style", "children", "visuallyDisabled", "visuallyFocused", "render"]);
+    const isInteractive = !nonInteractive && (!!render || !!rest.onClick);
     const scaleStyles = (0, GroupScale_js_1.useGroupScaleStyles)(style);
-    return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleLayer, { children: (0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-start layer-components:gap-1 layer-components:transition layer-components:pb-xs layer-components:flex-1 layer-components:min-h-40px layer-components:bg-transparent', 'layer-components:border-none layer-components:text-start layer-components:text-inherit layer-components:text-sm layer-components:relative layer-components:z-1 layer-components:p-0 layer-components:font-inherit layer-components:outline-none layer-components:rounded-t-md', !!compact && 'layer-variants:pb-0', isInteractive &&
-                (0, clsx_1.default)('layer-components:cursor-pointer', 'layer-components:hover:bg-black/10 layer-components:hover:color-black', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-black/10 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', 'layer-components:[&[data-visually-focused=true]]:bg-black/10 layer-components:[&[data-visually-focused=true]]:ring-inset layer-components:[&[data-visually-focused=true]]:ring-4 layer-components:[&[data-visually-focused=true]]:ring-accent', 'layer-components:disabled:cursor-default', 'layer-components:[&[data-visually-disabled=true]]:cursor-default'), className), "data-compact": compact, "data-visually-focused": rest.visuallyFocused, "data-visually-disabled": rest.visuallyDisabled, "data-interactive": isInteractive, style: scaleStyles }, rest, { children: children })) }));
+    const rootProps = Object.assign(Object.assign({}, rest), { className: (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-start layer-components:gap-1 layer-components:transition layer-components:pb-xs layer-components:flex-1 layer-components:min-h-40px layer-components:bg-transparent', 'layer-components:border-none layer-components:text-start layer-components:text-inherit layer-components:text-sm layer-components:relative layer-components:z-1 layer-components:p-0 layer-components:font-inherit layer-components:outline-none layer-components:rounded-t-md', !!compact && 'layer-variants:pb-0', isInteractive &&
+            (0, clsx_1.default)('layer-components:cursor-pointer', 'layer-components:hover:bg-black/10 layer-components:hover:color-black', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-black/10 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', 'layer-components:data-[visually-focused]:bg-black/10 layer-components:data-[visually-focused]:ring-inset layer-components:data-[visually-focused]:ring-4 layer-components:data-[visually-focused]:ring-accent', 'layer-components:disabled:cursor-default', 'layer-components:data-[visually-disabled]:cursor-default'), className), style: scaleStyles, children });
+    const root = (0, use_render_1.useRender)({
+        defaultTagName: isInteractive ? 'button' : 'div',
+        props: rootProps,
+        ref,
+        render,
+        state: {
+            interactive: !!isInteractive,
+            compact: !!compact,
+            visuallyFocused: !!visuallyFocused,
+            visuallyDisabled: !!visuallyDisabled,
+        },
+    });
+    return (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleLayer, { children: root });
 }
-exports.CardTitle = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:my-xs layer-components:mx-xs layer-components:py-xs layer-components:px-sm layer-components:w-auto layer-components:max-h-80px layer-components:max-w-full layer-components:relative layer-components:z-1', 'layer-components:bg-white layer-components:rounded-md layer-components:border layer-components:border-solid layer-components:border-gray-dark layer-components:transition-colors', 'layer-components:text-md layer-components:overflow-hidden layer-components:text-ellipsis layer-components:text-inherit layer-components:font-semibold', 'layer-components:[[data-compact=true]_&]:text-sm');
-const CardContentRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:px-2 layer-components:py-1 layer-components:bg-white/80 layer-components:color-black layer-components:rounded-sm layer-components:mx-2 layer-components:my-0.5 layer-components:border layer-components:border-solid layer-components:border-gray-dark/50 layer-components:text-xs layer-components:relative layer-components:z-1', 'layer-variants:[[data-compact=true]_&]:py-0 layer-variants:[[data-compact=true]_&]:px-sm layer-variants:[[data-compact=true]_&]:my-0 layer-variants:[[data-compact=true]_&]:text-xs', 'layer-variants:[&[data-unstyled=true]]:p-0 layer-variants:[&[data-unstyled=true]]:[background:unset] layer-variants:[&[data-unstyled=true]]:border-none');
+exports.CardTitle = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:my-xs layer-components:mx-xs layer-components:py-xs layer-components:px-sm layer-components:w-auto layer-components:max-h-80px layer-components:max-w-full layer-components:relative layer-components:z-1', 'layer-components:bg-white layer-components:rounded-md layer-components:border layer-components:border-solid layer-components:border-gray-dark layer-components:transition-colors', 'layer-components:text-md layer-components:overflow-hidden layer-components:text-ellipsis layer-components:text-inherit layer-components:font-semibold', 'layer-components:[[data-compact]_&]:text-sm');
+const CardContentRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:px-2 layer-components:py-1 layer-components:bg-white/80 layer-components:color-black layer-components:rounded-sm layer-components:mx-2 layer-components:my-0.5 layer-components:border layer-components:border-solid layer-components:border-gray-dark/50 layer-components:text-xs layer-components:relative layer-components:z-1', 'layer-variants:[[data-compact]_&]:py-0 layer-variants:[[data-compact]_&]:px-sm layer-variants:[[data-compact]_&]:my-0 layer-variants:[[data-compact]_&]:text-xs', 'layer-variants:[&[data-unstyled]]:p-0 layer-variants:[&[data-unstyled]]:[background:unset] layer-variants:[&[data-unstyled]]:border-none');
 function CardContent(_a) {
     var { unstyled, ref } = _a, rest = __rest(_a, ["unstyled", "ref"]);
-    return (0, jsx_runtime_1.jsx)(CardContentRoot, Object.assign({ ref: ref, "data-unstyled": unstyled }, rest));
+    return ((0, jsx_runtime_1.jsx)(CardContentRoot, Object.assign({ ref: ref, "data-unstyled": unstyled || undefined }, rest)));
 }
 exports.CardImage = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv, 'layer-components:absolute layer-components:z-0 layer-components:right-0 layer-components:top-0 layer-components:bottom-0 layer-components:w-full layer-components:h-full layer-components:object-cover layer-components:bg-cover layer-components:bg-center');
 exports.CardFooter = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-row layer-components:flex-shrink-0 layer-components:p-1 layer-components:relative layer-components:z-1');

package/dist/cjs/components/card/Card.js.map

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

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

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