npm - @a-type/ui - Versions diffs - 3.1.1 → 4.0.0-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (457) hide show

package/dist/esm/components/actions/ActionBar.js CHANGED Viewed

@@ -13,9 +13,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'clsx';
 import { Suspense } from 'react';
+import { ScrollArea } from '../scrollArea/ScrollArea.js';
 export function ActionBar(_a) {
     var { children, className, wrap, disableShadow } = _a, rest = __rest(_a, ["children", "className", "wrap", "disableShadow"]);
-    return (_jsx(Suspense, { fallback: null, children: _jsx("div", Object.assign({ className: classNames('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: _jsx("div", { className: classNames('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 (_jsx(Suspense, { fallback: null, children: _jsx("div", Object.assign({ className: classNames('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: _jsx(ScrollArea, { disableFades: disableShadow, className: "layer-components:flex-grow layer-components:w-full layer-components:h-full", children: _jsx(ScrollArea.Content, { className: classNames('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/esm/components/actions/ActionBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;~~AAS5C~~,MAAM,UAAU,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,4BACC,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,qCAAqC,EACrC,~~CAAC,aAAa;gBACb,yKAAyK,EAC1K,~~SAAS,CACT,IACG,IAAI,cAER,~~cACC~~,SAAS,EAAE,UAAU,CACpB,~~gLAAgL~~,~~EAChL~~,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,~~GACJ~~,~~IACD~~,GACI,CACX,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AASzD,MAAM,UAAU,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,4BACC,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,qCAAqC,EACrC,SAAS,CACT,IACG,IAAI,cAER,KAAC,UAAU,IACV,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAC,4CAA4C,YAEtD,KAAC,UAAU,CAAC,OAAO,IAClB,SAAS,EAAE,UAAU,CACpB,2EAA2E,EAC3E,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,GACW,GACT,IACR,GACI,CACX,CAAC;AACH,CAAC"}

package/dist/esm/components/actions/ActionButton.d.ts CHANGED Viewed

@@ -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").JSX.Element | null;
+};
+export declare function ActionButton({ children, className, visible, ...rest }: ActionButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/actions/ActionButton.js CHANGED Viewed

@@ -17,7 +17,7 @@ import { useEffect, useState } from 'react';
 import { Button } from '../button/Button.js';
 import { CollapsibleContent, CollapsibleRoot } from '../collapsible/index.js';
 export 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
@@ -38,6 +38,6 @@ export function ActionButton(_a) {
     if (!render && !visible) {
         return null;
     }
-    return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsx(Button, Object.assign({ size: "small", disableIconMode: true, className: classNames('layer-variants:font-normal layer-variants:m-2 layer-variants:mx-1', className), asChild: asChild }, rest, { children: children })) }) }));
+    return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsx(Button, Object.assign({ size: "small", disableIconMode: true, className: classNames('layer-variants:font-normal layer-variants:m-2 layer-variants:mx-1', className) }, rest, { children: children })) }) }));
 }
 //# sourceMappingURL=ActionButton.js.map

package/dist/esm/components/actions/ActionButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM9E,MAAM,UAAU,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,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,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,KAAC,eAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,KAAC,kBAAkB,uCAClB,KAAC,MAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,UAAU,CACpB,uCAAuC,EACvC,SAAS,CACT,~~EACD~~,~~OAAO,EAAE,OAAO,IACZ,~~IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM9E,MAAM,UAAU,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,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,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,KAAC,eAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,KAAC,kBAAkB,uCAClB,KAAC,MAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,UAAU,CACpB,uCAAuC,EACvC,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}

package/dist/esm/components/avatar/Avatar.d.ts CHANGED Viewed

@@ -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").JSX.Element;
+export declare function Avatar({ className, popIn, imageSrc, name, crossOrigin, style, size, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/avatar/Avatar.js CHANGED Viewed

@@ -11,23 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar as BaseAvatar, } from '@base-ui/react/avatar';
 import classNames from 'clsx';
-import { useState } from 'react';
 import { Icon } from '../icon/index.js';
 export 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 (_jsxs("div", Object.assign({ "data-pop": popIn, className: classNames('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 && (_jsx(AvatarContent, { name: name, imageSrc: imageSrc, crossOrigin: crossOrigin })), empty && _jsx(Icon, { name: "profile" })] })));
-}
-function AvatarContent({ name, imageSrc, crossOrigin = 'anonymous', }) {
-    const [fallback, setFallback] = useState(false);
-    const triggerFallback = () => {
-        setFallback(true);
-    };
-    if (imageSrc && !fallback) {
-        return (_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 (_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 (_jsxs(BaseAvatar.Root, Object.assign({ "data-pop": popIn, className: classNames('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 && (_jsx(BaseAvatar.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 })), _jsx(BaseAvatar.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 && _jsx(Icon, { name: "profile" })] })));
 }
 //# sourceMappingURL=Avatar.js.map

package/dist/esm/components/avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,~~UAAU~~,MAAM,MAAM,CAAC;~~AAC9B~~,OAAO,~~EAA4B~~,~~QAAQ~~,~~EAAE,~~MAAM,~~OAAO,~~CAAC;~~AAC3D~~,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;~~AAWxC~~,MAAM,UAAU,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,~~yCACW~~,KAAK,EACf,SAAS,EAAE,UAAU,CACpB,2JAA2J,EAC3J,KAAK;YACJ,qFAAqF,EACtF,KAAK,IAAI,gDAAgD,EACzD,SAAS,CACT,~~IACG~~,~~IAAI,eAEP,CAAC,~~KAAK,~~IAAI,CACV,KAAC,aAAa,IACb,IAAI,~~EAAE,IAAI,~~EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACvB,CACF,EACA,KAAK,IAAI,KAAC,IAAI,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~~,~~QAAQ~~,CAAC,~~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~~,~~cACC,~~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,cAAK,~~SAAS,EAAC,~~gEAAgE~~,~~YAC7E~~,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAI,GAAG,~~GAClB~~,~~CACN~~,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,MAAM,IAAI,UAAU,GAEpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAYxC,MAAM,UAAU,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,MAAC,UAAU,CAAC,IAAI,8BACL,KAAK,EACf,SAAS,EAAE,UAAU,CACpB,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,KAAC,UAAU,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,KAAC,UAAU,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,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,KAChB,CAClB,CAAC;AACH,CAAC"}

package/dist/esm/components/box/Box.stories.js CHANGED Viewed

@@ -85,7 +85,7 @@ export const NestedContainers = {
     },
 };
 function SurfaceContent({ name }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [name, " Surface"] }), _jsxs(Box, { gap: true, layout: "center start", children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Checkbox, { checked: true }), _jsx(Switch, { checked: true })] }), _jsx(Progress, { value: 50, className: "w-full" }), _jsxs(ToggleGroup, { type: "single", defaultValue: "one", children: [_jsx(ToggleGroup.Item, { value: "one", children: "One" }), _jsx(ToggleGroup.Item, { value: "two", children: "Two" })] }), _jsx(Slider, { defaultValue: [30], className: "w-full" })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [name, " Surface"] }), _jsxs(Box, { gap: true, layout: "center start", children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Checkbox, { checked: true }), _jsx(Switch, { checked: true })] }), _jsx(Progress, { value: 50, className: "w-full" }), _jsxs(ToggleGroup, { defaultValue: ['one'], children: [_jsx(ToggleGroup.Item, { value: "one", children: "One" }), _jsx(ToggleGroup.Item, { value: "two", children: "Two" })] }), _jsx(Slider, { defaultValue: [30], className: "w-full" })] }));
 }
 export const Surfaces = {
     render(args) {

package/dist/esm/components/box/Box.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/box/Box.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACR,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACR,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,KAAK;gBACL,KAAK;gBACL,KAAK;gBACL,KAAK;gBACL,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,QAAQ;gBACR,QAAQ;gBACR,QAAQ;gBACR,QAAQ;aACR;YACD,OAAO,EAAE;gBACR,IAAI,EAAE,QAAQ;aACd;SACD;QACD,MAAM,EAAE;YACP,IAAI,EAAE,QAAQ;SACd;QACD,IAAI,EAAE;YACL,IAAI,EAAE,SAAS;SACf;QACD,SAAS,EAAE;YACV,IAAI,EAAE,SAAS;SACf;QACD,KAAK,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE;gBACR,IAAI,EAAE,QAAQ;aACd;SACD;QACD,QAAQ,EAAE;YACT,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI;aACb;SACD;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC0B,CAAC;AAE7B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,8BACC,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,wBAAiB,EAC3C,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,sBAAe,EACvC,KAAC,MAAM,0BAAiB,IACtB,CACH;QACD,CAAC,EAAE,IAAI;QACP,GAAG,EAAE,IAAI;QACT,MAAM,EAAE,IAAI;KACZ;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACtC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,GAAG,oBAAK,IAAI,IAAE,SAAS,QAAC,OAAO,QAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,aAC9D,MAAC,GAAG,oBAAK,IAAI,IAAE,SAAS,QAAC,OAAO,QAAC,KAAK,EAAC,SAAS,aAC/C,MAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,mBACrB,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,yBAAgB,KAClB,EACN,MAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,WAAW,aACvC,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,yBAAgB,KAClB,KACD,EACN,MAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,MAAM,aAClC,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,yBAAgB,KAClB,KACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,cAAc,CAAC,EAAE,IAAI,EAAoB;IACjD,OAAO,CACN,8BACC,0BAAM,IAAI,gBAAe,EACzB,MAAC,GAAG,IAAC,GAAG,QAAC,MAAM,EAAC,cAAc,aAC7B,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,wBAAiB,EAC3C,KAAC,QAAQ,IAAC,OAAO,SAAG,EACpB,KAAC,MAAM,IAAC,OAAO,SAAG,IACb,EACN,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,GAAG,EAC1C,MAAC,WAAW,IAAC,~~IAAI~~,~~EAAC~~,~~QAAQ~~,~~EAAC~~,~~YAAY~~,~~EAAC~~,~~KAAK,aAC5C,~~KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAAuB,EACpD,KAAC,WAAW,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAAuB,IACvC,EACd,KAAC,MAAM,IAAC,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC/C,CACH,CAAC;AACH,CAAC;AACD,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,6BAAK,SAAS,EAAC,gDAAgD,IAAK,IAAI,eACvE,KAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,EAAC,OAAO,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,GAAG,kBAC5C,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,GAAG,IAC1B,EACN,KAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,SAAS,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,GAAG,kBACpD,KAAC,cAAc,IAAC,IAAI,EAAC,SAAS,GAAG,IAC5B,EACN,KAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,GAAG,kBACnD,KAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,GAAG,IAC3B,EACN,KAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,GAAG,kBACjD,KAAC,cAAc,IAAC,IAAI,EAAC,MAAM,GAAG,IACzB,EACN,KAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,WAAW,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,GAAG,kBACtD,KAAC,cAAc,IAAC,IAAI,EAAC,WAAW,GAAG,IAC9B,EACN,KAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,SAAS,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,GAAG,kBACpD,KAAC,cAAc,IAAC,IAAI,EAAC,SAAS,GAAG,IAC5B,EACN,KAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,QAAC,KAAK,EAAC,eAAe,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,GAAG,kBAC1D,KAAC,cAAc,IAAC,IAAI,EAAC,eAAe,GAAG,IAClC,KACD,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
1	+ {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/box/Box.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/button/Button.d.ts CHANGED Viewed

@@ -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").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").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/esm/components/button/Button.js CHANGED Viewed

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slot } from '@radix-ui/react-slot';
+import { Button as BaseButton, } from '@base-ui/react/button';
 import { clsx } from 'clsx';
 import { AnimatePresence, motion } from 'motion/react';
 import { Children, Fragment, memo, useCallback, useDebugValue, useState, } from 'react';
@@ -22,12 +22,12 @@ import { useIsDropdownTrigger } from '../dropdownMenu/DropdownTriggerContext.js'
 import { IconLoadingProvider } from '../icon/IconLoadingContext.js';
 import { Icon } from '../icon/index.js';
 import { Spinner } from '../spinner/index.js';
+import { SlotDiv } from '../utility/SlotDiv.js';
 import { getButtonClassName } from './classes.js';
 export 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 ? 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;
@@ -51,14 +51,9 @@ export 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 _jsx(Comp, Object.assign({}, buttonProps, { children: children }));
-    }
-    return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(Comp, Object.assign({}, buttonProps, { children: [_jsx(AnimatePresence, { children: isLoading && (_jsx(motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: clsx('flex-shrink-0 inline-block overflow-hidden my-auto flex', '[[data-has-icon=true]_&]:hidden'), "data-default-loader": true, children: _jsx(Spinner, { size: 15, className: "inline-block w-1em h-1em" }) }, "spinner")) }), toggled !== undefined &&
+    return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(BaseButton, Object.assign({}, buttonProps, { children: [_jsx(AnimatePresence, { children: isLoading && (_jsx(motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: clsx('flex-shrink-0 inline-block overflow-hidden my-auto flex', '[[data-has-icon=true]_&]:hidden'), "data-default-loader": true, children: _jsx(Spinner, { size: 15, className: "inline-block w-1em h-1em" }) }, "spinner")) }), toggled !== undefined &&
                     (toggleMode === 'indicator' ||
-                        toggleMode === 'color-and-indicator') && (_jsx(ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && (_jsx(IconLoadingProvider, { value: false, children: _jsx(DropdownMenuTriggerIcon, { asChild: true, children: _jsx(Icon, { name: "chevron" }) }) }))] })) }));
+                        toggleMode === 'color-and-indicator') && (_jsx(ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && (_jsx(IconLoadingProvider, { value: false, children: _jsx(DropdownMenuTriggerIcon, { render: _jsx(Icon, { name: "chevron" }) }) }))] })) }));
 }
 ButtonRoot.displayName = 'Button';
 export const ButtonToggleIndicator = memo(function ToggleIndicator({ value, }) {
@@ -67,7 +62,7 @@ export const ButtonToggleIndicator = memo(function ToggleIndicator({ value, }) {
         }, loading: false }));
 });
 // allows custom icons to trigger icon button behavior
-export const ButtonIcon = withClassName('div', 'icon flex-shrink-0 flex');
+export const ButtonIcon = withClassName(SlotDiv, 'icon flex-shrink-0 flex');
 ButtonIcon.displayName = 'ButtonIcon';
 export const Button = Object.assign(ButtonRoot, {
     ToggleIndicator: ButtonToggleIndicator,

package/dist/esm/components/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,~~EAAE~~,IAAI,~~EAAE~~,MAAM,~~sBAAsB~~,CAAC;~~AAC5C~~,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,~~EAEN~~,QAAQ,EACR,QAAQ,EACR,IAAI,EAGJ,WAAW,EACX,aAAa,EACb,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;~~AAwBlD~~,MAAM,UAAU,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,IAAI,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,aAAa,CACZ,kCAAkC,cAAc,YAAY,aAAa,YAAY,UAAU,CAAC,MAAM,EAAE,CACxG,CAAC;IAEF,MAAM,4BAA4B,GAAG,oBAAoB,EAAE,CAAC;IAC5D,MAAM,iBAAiB,GACtB,CAAC,0BAA0B;QAC3B,aAAa;QACb,4BAA4B,CAAC;IAE9B,MAAM,QAAQ,GAAG,YAAY,CAAC,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,IAAI,CACd,kBAAkB,CAAC;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,KAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;IACjD,CAAC;IAED,OAAO,~~CACN,KAAC,mBAAmB,IAAC,KAAK,EAAE,SAAS,YACpC,MAAC,~~IAAI~~,oBAAK,WAAW,~~eACpB~~,KAAC,eAAe,cACd,SAAS,IAAI,CACb,KAAC,MAAM,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,IAAI,CACd,yDAAyD,EACzD,iCAAiC,CACjC,yCAGD,KAAC,OAAO,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,KAAC,qBAAqB,IAAC,KAAK,EAAE,OAAO,GAAI,CACzC,EACD,QAAQ,EACR,iBAAiB,IAAI,CACrB,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,YAChC,KAAC,uBAAuB,IAAC,~~OAAO~~,~~kBAC/B~~,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,~~GACE~~,~~GACL~~,CACtB,~~KACK~~,~~GACc~~,CACtB,CAAC;AACH,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,QAAQ,CAAC;AAElC,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,SAAS,eAAe,CAAC,EAClE,KAAK,GAGL;IACA,OAAO,CACN,KAAC,IAAI,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;AACtD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,~~KAAK~~,EAAE,yBAAyB,CAAC,CAAC;~~AAC1E~~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"}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/button/Button.stories.d.ts CHANGED Viewed

@@ -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/esm/components/button/ConfirmedButton.js CHANGED Viewed

@@ -1,5 +1,4 @@
 // @unocss-include
-'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)
@@ -35,6 +34,6 @@ export function ConfirmedButton(_a) {
                 onConfirm();
             } })));
     }
-    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, Object.assign({}, rest)) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(DialogActions, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { emphasis: "default", children: cancelAction }) }), _jsx(Button, { loading: loading, onClick: confirm, emphasis: "primary", color: confirmColor, children: confirmAction })] })] })] }));
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, Object.assign({ render: _jsx(Button, {}) }, rest)), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(DialogActions, { children: [_jsx(DialogClose, { render: _jsx(Button, { emphasis: "default" }), children: cancelAction }), _jsx(Button, { loading: loading, onClick: confirm, emphasis: "primary", color: confirmColor, children: confirmAction })] })] })] }));
 }
 //# sourceMappingURL=ConfirmedButton.js.map

package/dist/esm/components/button/ConfirmedButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":"AAAA,~~YAAY,CAAC;;;;;;;;;;;;;AAEb,~~OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,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,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,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,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,aAAa,~~IAAC~~,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~oBAAK~~,IAAI,EAAI,~~GACL~~,~~EAChB,~~MAAC,aAAa,eACb,KAAC,WAAW,cAAE,YAAY,GAAe,EACzC,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,aAAa,eACb,KAAC,WAAW,IAAC,~~OAAO~~,~~kBACnB~~,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,~~YAAE~~,YAAY,~~GAAU~~,~~GACrC,~~EACd,KAAC,MAAM,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"}
1	+ {"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,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,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,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,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,aAAa,kBAAC,MAAM,EAAE,KAAC,MAAM,KAAG,IAAM,IAAI,EAAI,EAC/C,MAAC,aAAa,eACb,KAAC,WAAW,cAAE,YAAY,GAAe,EACzC,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,aAAa,eACb,KAAC,WAAW,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,GAAG,YAChD,YAAY,GACA,EACd,KAAC,MAAM,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/esm/components/camera/Camera.d.ts CHANGED Viewed

@@ -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").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").JSX.Element;
+};
+export declare function CameraShutterButton({ onClick, ref, ...rest }: CameraShutterButtonProps): import("react/jsx-runtime").JSX.Element;
 export interface CameraDeviceSelectorProps {
 }
 export declare const CameraDeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/camera/Camera.js CHANGED Viewed

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slot } from '@radix-ui/react-slot';
+import { Button as BaseButton, } from '@base-ui/react/button';
 import classNames from 'clsx';
 import { createContext, useContext, useEffect, useRef, useState, } from 'react';
 import { withClassName } from '../../hooks.js';
@@ -45,7 +45,7 @@ export 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) => {
@@ -126,15 +126,14 @@ export function CameraRoot(_a) {
         }, children: _jsxs("div", Object.assign({ ref: ref, className: classNames('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: [_jsx("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) }));
 }
 export function CameraShutterButton(_a) {
-    var { asChild, onClick, ref } = _a, rest = __rest(_a, ["asChild", "onClick", "ref"]);
-    const Comp = asChild ? Slot : StyledShutterButton;
+    var { onClick, ref } = _a, rest = __rest(_a, ["onClick", "ref"]);
     const { triggerCapture } = useContext(CameraContext);
-    return (_jsx(Comp, Object.assign({ ref: ref, "aria-label": asChild ? undefined : 'Capture photo', onClick: (ev) => {
+    return (_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 = 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 = withClassName(BaseButton, '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');
 export const CameraDeviceSelector = (props) => {
     const { devices, selectDeviceId, selectedDeviceId } = useContext(CameraContext);
     const swapCamera = () => {
@@ -154,7 +153,7 @@ export const CameraDeviceSelector = (props) => {
     if (devices.length === 2) {
         return (_jsx(Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", onClick: swapCamera, children: _jsx(Icon, { name: "refresh" }) }));
     }
-    return (_jsxs(Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [_jsx(Select.Trigger, { asChild: true, children: _jsx(Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", children: _jsx(Icon, { name: "refresh" }) }) }), _jsx(SelectContent, { children: devices.map((device) => (_jsx(SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
+    return (_jsxs(Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [_jsx(Select.Trigger, { render: _jsx(Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", children: _jsx(Icon, { name: "refresh" }) }) }), _jsx(SelectContent, { children: devices.map((device) => (_jsx(SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
 };
 export const CameraFullscreenButton = (props) => {
     const { setFullscreen, fullscreen } = useContext(CameraContext);

package/dist/esm/components/camera/Camera.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,~~EAAE~~,IAAI,~~EAAE~~,MAAM,~~sBAAsB~~,CAAC;~~AAC5C~~,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAIN,aAAa,EACb,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,aAAa,GAAG,aAAa,CAOhC;IACF,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,gBAAgB,EAAE,SAAS;IAC3B,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;CACvB,CAAC,CAAC;AAWH,MAAM,UAAU,UAAU,CAAC,EAQT;QARS,EAC1B,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,WAAW,EACpB,GAAG,OAEc,EADd,IAAI,cAPmB,qEAQ1B,CADO;IAEP,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;;QACd,MAAA,SAAS,CAAC,YAAY,0CAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC,OAAO,EAAQ,EAAE;YACjE,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAEf,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAErD,CAAC;IAEJ,MAAM,UAAU,GAAG,MAAM,CAAa,SAAS,CAAC,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,GAAG,EAAE;;YACjB,MAAA,UAAU,CAAC,OAAO,0DAAI,CAAC;YACvB,MAAA,SAAS,CAAC,YAAY,0CACnB,YAAY,CAAC;gBACd,KAAK,EAAE;oBACN,QAAQ,EAAE,gBAAgB;~~oBAC1B~~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~~AASD~~,MAAM,UAAU,mBAAmB,CAAC,~~EAKT~~;~~QALS~~,EACnC,OAAO,EACP,~~OAAO,EACP,~~GAAG,OAEuB,EADvB,IAAI,~~cAJ4B~~,~~6BAKnC~~,CADO;IAEP,MAAM,~~IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAClD,MAAM,~~EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAErD,OAAO,CACN,KAAC,~~IAAI~~,~~kBACJ~~,GAAG,EAAE,GAAG,gBACI,~~OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,~~eAAe,~~EACjD~~,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;YACf,cAAc,EAAE,CAAC;YACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;QACf,CAAC,IACG,IAAI,EACP,CACF,CAAC;AACH,CAAC;AAED,MAAM,mBAAmB,GAAG,aAAa,CACxC,~~QAAQ~~,~~EACR~~,4JAA4J,EAC5J,sCAAsC,EACtC,4BAA4B,EAC5B,wDAAwD,EACxD,eAAe,CACf,CAAC;AAIF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACxE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAClD,UAAU,CAAC,aAAa,CAAC,CAAC;IAC3B,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,IAAI,gBAAgB,EAAE,CAAC;YACtB,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAC9B,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,KAAK,gBAAgB,CAChD,CAAC;YACF,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;gBAClB,OAAO;YACR,CAAC;YACD,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACP,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrC,CAAC;IACF,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACzD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CACN,KAAC,MAAM,IACN,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,sCAAsC,EAChD,OAAO,EAAE,UAAU,YAEnB,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GACf,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IACN,KAAK,EAAE,gBAAgB,IAAI,SAAS,EACpC,aAAa,EAAE,cAAc,aAE7B,KAAC,MAAM,CAAC,OAAO,~~IAAC~~,~~OAAO~~,~~kBACtB~~,KAAC,MAAM,IACN,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,sCAAsC,YAEhD,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GACf,~~GACO~~,~~EACjB~~,KAAC,aAAa,cACZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,IAAuB,KAAK,EAAE,MAAM,CAAC,QAAQ,YACtD,MAAM,CAAC,KAAK,IADG,MAAM,CAAC,QAAQ,CAEnB,CACb,CAAC,GACa,IACR,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5D,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChE,OAAO,CACN,KAAC,MAAM,oBACF,KAAK,IACT,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,YAEzC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,GAAI,IACrC,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,OAAO,CACN,MAAC,UAAU,oBAAK,KAAK,eACpB,KAAC,mBAAmB,KAAG,EACvB,KAAC,oBAAoB,KAAG,EACxB,KAAC,sBAAsB,KAAG,KACd,CACb,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,aAAa,EAAE,mBAAmB;IAClC,cAAc,EAAE,oBAAoB;IACpC,gBAAgB,EAAE,sBAAsB;CACxC,CAAC,CAAC;AAEH,SAAS,aAAa,CAAC,OAAe;IACrC,+EAA+E;IAC/E,IAAI,UAAU,CAAC;IACf,IAAI,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC/C,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;QACrC,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,kCAAkC;IAClC,IAAI,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,iDAAiD;IACjD,IAAI,EAAE,GAAG,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5C,EAAE,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC;IACD,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,OAAO,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;AACjE,CAAC"}
1	+ {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/card/Card.d.ts CHANGED Viewed

@@ -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/esm/components/card/Card.js CHANGED Viewed

@@ -11,7 +11,7 @@ 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 { useRender } from '@base-ui/react/use-render';
 import classNames from 'clsx';
 import { withClassName, withProps } from '../../hooks.js';
 import { GroupScaleLayer, useGroupScaleStyles, } from '../../systems/GroupScale.js';
@@ -20,18 +20,30 @@ import { Masonry } from '../masonry/masonry.js';
 import { SlotDiv } from '../utility/SlotDiv.js';
 export const CardRoot = withClassName(withProps(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');
 export 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 ? 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 = useGroupScaleStyles(style);
-    return (_jsx(GroupScaleLayer, { children: _jsx(Comp, Object.assign({ ref: ref, className: classNames('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 &&
-                classNames('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: classNames('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 &&
+            classNames('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 = useRender({
+        defaultTagName: isInteractive ? 'button' : 'div',
+        props: rootProps,
+        ref,
+        render,
+        state: {
+            interactive: !!isInteractive,
+            compact: !!compact,
+            visuallyFocused: !!visuallyFocused,
+            visuallyDisabled: !!visuallyDisabled,
+        },
+    });
+    return _jsx(GroupScaleLayer, { children: root });
 }
-export const CardTitle = 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 = 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');
+export const CardTitle = 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 = 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');
 export function CardContent(_a) {
     var { unstyled, ref } = _a, rest = __rest(_a, ["unstyled", "ref"]);
-    return _jsx(CardContentRoot, Object.assign({ ref: ref, "data-unstyled": unstyled }, rest));
+    return (_jsx(CardContentRoot, Object.assign({ ref: ref, "data-unstyled": unstyled || undefined }, rest)));
 }
 export const CardImage = withClassName(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');
 export const CardFooter = 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/esm/components/card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,~~IAAI~~,~~EAAE~~,MAAM,~~sBAAsB~~,CAAC;~~AAC5C~~,OAAO,UAAU,MAAM,MAAM,CAAC;AAQ9B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EACN,eAAe,EACf,mBAAmB,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,OAAO,EAAgB,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACtC,qJAAqJ,EACrJ,kEAAkE,CAClE,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,~~EAqBxB~~;~~QArBwB~~,EACxB,~~OAAO,EACP,~~SAAS,EACT,OAAO,EACP,cAAc,EACd,GAAG,EACH,KAAK,EACL,QAAQ,~~OAcR~~,~~EAbG~~,~~IAAI~~,~~cARiB~~,~~iFASxB~~,~~CADO;IAcP,~~MAAM,~~aAAa~~,~~GAAG~~,~~CAAC,cAAc,~~IAAI,~~CAAC~~,~~CAAC~~,~~CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC~~;~~IACvE~~,MAAM,~~IAAI~~,GAAG,~~OAAO,~~CAAC,~~CAAC~~,~~CAAC,~~IAAI,CAAC,CAAC,CAAC,~~aAAa~~,~~CAAC~~,CAAC,CAAC,~~QAAQ~~,CAAC,~~CAAC~~,CAAC,~~KAAK,~~CAAC;~~IAE/D~~,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAE/C,~~OAAO~~,~~CACN~~,~~KAAC~~,~~eAAe,cACf,KAAC,~~IAAI,~~kBACJ~~,~~GAAG,EAAE,GAAG,EACR,~~SAAS,EAAE,UAAU,CACpB,sGAAsG,EACtG,wHAAwH,EACxH,CAAC,CAAC,OAAO,IAAI,uBAAuB,EACpC,aAAa;~~gBACZ~~,UAAU,CACT,iCAAiC,EACjC,kDAAkD,EAClD,qCAAqC,EACrC,yFAAyF,EACzF,~~8FAA8F~~,~~EAC9F~~,4CAA4C,EAC5C,~~oEAAoE~~,~~CACpE~~,EACF,SAAS,CACT,~~kBACa~~,~~OAAO~~,~~2BACE~~,~~IAAI~~,CAAC,~~eAAe~~,~~4BACnB,~~IAAI,CAAC,~~gBAAgB~~,~~sBAC3B~~,aAAa,~~EAC/B~~,KAAK,EAAE,WAAW,~~IACd~~,~~IAAI~~,~~cAEP~~,~~QAAQ~~,~~IACH~~,~~GACU~~,~~CAClB~~,CAAC;~~AACH~~,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,KAAK,EACL,0GAA0G,EAC1G,+FAA+F,EAC/F,qFAAqF,EACrF,~~oDAAoD~~,~~CACpD,~~CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CACpC,KAAK,EACL,8JAA8J,EAC9J,~~kEAAkE~~,~~EAClE~~,~~6EAA6E~~,~~CAC7E~~,CAAC;AAKF,MAAM,UAAU,WAAW,CAAC,EAA4C;QAA5C,EAAE,QAAQ,EAAE,GAAG,OAA6B,EAAxB,IAAI,cAAxB,mBAA0B,CAAF;IACnD,OAAO,KAAC,eAAe,~~kBAAC~~,GAAG,EAAE,GAAG,~~mBAAiB~~,QAAQ,~~IAAM~~,IAAI,~~EAAI~~,CAAC;~~AACzE~~,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACrC,OAAO,EACP,sGAAsG,CACtG,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,iEAAiE,CACjE,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,KAAK,EACL,qIAAqI,CACrI,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,4GAA4G,CAC5G,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,OAAO,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,KAAK,EAAE,CAAC,IAAY,EAAE,EAAE,CACvB,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,eAAe,CAAC,OAAO,EACjC,GAAG,GACW,EAAE,EAAE;IAClB,OAAO,CACN,KAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YACvD,QAAQ,GACA,CACV,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;CACd,CAAC,CAAC"}
1	+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}

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

@@ -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: () => {