@a-type/ui 2.8.13 → 3.0.0

package/dist/cjs/colors.stories.js

@@ -39,7 +39,7 @@ exports.Default = {
                 '--dyn-primary-hue-rotate': args.customRotate,
             }
             : {};
-        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)("input", { type: "color", className: "sticky top-0 z-1" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { full: true, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Box, { d: "col", grow: true, p: true, surface: "default", children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-salt" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { d: "col", className: "override-dark theme", grow: true, p: true, surface: "default", children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-salt" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] })] })] }));
+        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)("input", { type: "color", className: "sticky top-0 z-1" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { full: true, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Box, { d: "col", grow: true, p: true, surface: true, children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-high-contrast" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { d: "col", className: "override-dark theme", grow: true, p: true, children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-high-contrast" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] })] })] }));
     },
 };
 function Swatch({ className, children, }) {
@@ -76,13 +76,13 @@ exports.Inheritance = {
                 '--dyn-primary-hue-rotate': args.customRotate,
             }
             : {};
-        return ((0, jsx_runtime_1.jsx)(index_js_1.Box, { surface: "primary", p: "xl", className: "theme", style: style, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "border-bg border-darken-5 color-bg color-darken-5", border: true, p: "xl", children: "Inherits and darkens" }) }));
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Box, { color: "primary", surface: true, p: "xl", className: "theme", style: style, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "border-bg border-darken-5 color-bg color-darken-5", border: true, p: "xl", children: "Inherits and darkens" }) }));
     },
 };
 exports.TweakOpacity = {
     render() {
         // none of these elements have root opacity; all opacity is done through colors
-        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { surface: "accent", className: "h-32", full: "width", p: true, gap: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/100 h-full color-primary-dark/100 ring ring-primary-light/100 border border-black/100", grow: true, children: "100" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/90 h-full color-primary-dark/90 ring ring-primary-light/90 border border-black/90", grow: true, children: "90" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/80 h-full color-primary-dark/80 ring ring-primary-light/80 border border-black/80", grow: true, children: "80" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/70 h-full color-primary-dark/70 ring ring-primary-light/70 border border-black/70", grow: true, children: "70" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/60 h-full color-primary-dark/60 ring ring-primary-light/60 border border-black/60", grow: true, children: "60" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/50 h-full color-primary-dark/50 ring ring-primary-light/50 border border-black/50", grow: true, children: "50" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/40 h-full color-primary-dark/40 ring ring-primary-light/40 border border-black/40", grow: true, children: "40" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/30 h-full color-primary-dark/30 ring ring-primary-light/30 border border-black/30", grow: true, children: "30" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/20 h-full color-primary-dark/20 ring ring-primary-light/20 border border-black/20", grow: true, children: "20" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/10 h-full color-primary-dark/10 ring ring-primary-light/10 border border-black/10", grow: true, children: "10" })] }));
+        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { color: "accent", surface: true, className: "h-32", full: "width", p: true, gap: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/100 h-full color-primary-dark/100 ring ring-primary-light/100 border border-black/100", grow: true, children: "100" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/90 h-full color-primary-dark/90 ring ring-primary-light/90 border border-black/90", grow: true, children: "90" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/80 h-full color-primary-dark/80 ring ring-primary-light/80 border border-black/80", grow: true, children: "80" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/70 h-full color-primary-dark/70 ring ring-primary-light/70 border border-black/70", grow: true, children: "70" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/60 h-full color-primary-dark/60 ring ring-primary-light/60 border border-black/60", grow: true, children: "60" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/50 h-full color-primary-dark/50 ring ring-primary-light/50 border border-black/50", grow: true, children: "50" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/40 h-full color-primary-dark/40 ring ring-primary-light/40 border border-black/40", grow: true, children: "40" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/30 h-full color-primary-dark/30 ring ring-primary-light/30 border border-black/30", grow: true, children: "30" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/20 h-full color-primary-dark/20 ring ring-primary-light/20 border border-black/20", grow: true, children: "20" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/10 h-full color-primary-dark/10 ring ring-primary-light/10 border border-black/10", grow: true, children: "10" })] }));
     },
 };
 //# sourceMappingURL=colors.stories.js.map

package/dist/cjs/colors.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../src/colors.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../src/colors.stories.tsx"],"names":[],"mappings":";;;;AACA,oDAA4C;AAE5C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,OAAO,EAAE;gBACR,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;aACR;SACD;QACD,YAAY,EAAE;YACb,OAAO,EAAE;gBACR,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,CAAC,EAAE;gBACR,GAAG,EAAE,EAAE;aACP;SACD;KACD;IACD,IAAI,EAAE;QACL,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KACf;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAS;QACf,MAAM,KAAK,GAAQ,IAAI,CAAC,SAAS;YAChC,CAAC,CAAC;gBACA,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,0BAA0B,EAAE,IAAI,CAAC,YAAY;aAC5C;YACH,CAAC,CAAC,EAAE,CAAC;QACN,OAAO,CACN,wBAAC,cAAG,IAAC,GAAG,mBACP,kCAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACnD,wBAAC,cAAG,IAAC,IAAI,mBACR,wBAAC,cAAG,IAAC,CAAC,EAAC,KAAK,EAAC,IAAI,QAAC,CAAC,QAAC,OAAO,mBAC1B,uBAAC,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,GAAI,EACzC,uBAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,EACjC,uBAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,EAChC,uBAAC,KAAK,IAAC,SAAS,EAAC,cAAc,GAAG,EAClC,uBAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,GAAG,EACpC,uBAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACrC,wBAAC,cAAG,IAAC,SAAS,EAAC,SAAS,aACvB,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,eAAe,GAAG,EACtC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,aAAa,GAAG,IAC/B,EACN,uBAAC,KAAK,IAAC,SAAS,EAAC,uBAAuB,GAAG,EAC3C,wBAAC,cAAG,IAAC,SAAS,EAAC,SAAS,aACvB,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,UAAU,GAAG,EACjC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,IACD,EACN,wBAAC,cAAG,IAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,QAAC,CAAC,mBAClD,uBAAC,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,GAAI,EACzC,uBAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,EACjC,uBAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,EAChC,uBAAC,KAAK,IAAC,SAAS,EAAC,cAAc,GAAG,EAClC,uBAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,GAAG,EACpC,uBAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACrC,wBAAC,cAAG,IAAC,SAAS,EAAC,SAAS,aACvB,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,eAAe,GAAG,EACtC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,aAAa,GAAG,IAC/B,EACN,uBAAC,KAAK,IAAC,SAAS,EAAC,uBAAuB,GAAG,EAC3C,wBAAC,cAAG,IAAC,SAAS,EAAC,SAAS,aACvB,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,UAAU,GAAG,EACjC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,uBAAC,cAAG,IAAC,IAAI,QAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,IACD,IACD,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,MAAM,CAAC,EACf,SAAS,EACT,QAAQ,GAIR;IACA,OAAO,CACN,gCACC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACN,MAAM,EAAE,OAAO;YACf,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,GAAG;SACT,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAuC;IACvE,OAAO,CACN,wBAAC,cAAG,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACtC,uBAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACtC,uBAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,GAAG,EACvC,uBAAC,MAAM,IAAC,SAAS,EAAC,YAAY,GAAG,EACjC,uBAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACtC,uBAAC,MAAM,IAAC,SAAS,EAAC,gBAAgB,GAAG,IAChC,CACN,CAAC;AACH,CAAC;AAEY,QAAA,SAAS,GAAU;IAC/B,MAAM,CAAC,IAAS;QACf,MAAM,KAAK,GAAQ,IAAI,CAAC,SAAS;YAChC,CAAC,CAAC;gBACA,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,0BAA0B,EAAE,IAAI,CAAC,YAAY;aAC5C;YACH,CAAC,CAAC,EAAE,CAAC;QACN,OAAO,CACN,wBAAC,cAAG,IAAC,GAAG,mBACP,uBAAC,aAAa,IAAC,SAAS,EAAC,YAAY,GAAG,EACxC,uBAAC,aAAa,IAAC,SAAS,EAAC,aAAa,GAAG,EACzC,uBAAC,aAAa,IAAC,SAAS,EAAC,YAAY,GAAG,EACxC,uBAAC,aAAa,IAAC,SAAS,EAAC,cAAc,GAAG,EAC1C,uBAAC,aAAa,IAAC,SAAS,EAAC,gBAAgB,GAAG,EAC5C,uBAAC,aAAa,IAAC,SAAS,EAAC,iBAAiB,GAAG,EAC7C,uBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,GAAG,IAC5C,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,aAAa,CAAC,EACtB,SAAS,EACT,KAAK,GAIL;IACA,OAAO,CACN,wBAAC,cAAG,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACtC,uBAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,kBAAW,EAC9C,uBAAC,MAAM,IAAC,SAAS,EAAC,+BAA+B,oBAAa,EAC9D,uBAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,kBAAW,EAE/C,uBAAC,MAAM,IAAC,SAAS,EAAC,yBAAyB,oBAAa,EACxD,uBAAC,MAAM,IAAC,SAAS,EAAC,yBAAyB,oBAAa,EACxD,uBAAC,MAAM,IAAC,SAAS,EAAC,YAAY,kBAAW,EACzC,uBAAC,MAAM,IAAC,SAAS,EAAC,wBAAwB,oBAAa,EACvD,uBAAC,MAAM,IAAC,SAAS,EAAC,wBAAwB,oBAAa,EAEvD,uBAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,kBAAW,EAC9C,uBAAC,MAAM,IAAC,SAAS,EAAC,6BAA6B,oBAAa,EAC5D,uBAAC,MAAM,IAAC,SAAS,EAAC,gBAAgB,kBAAW,IACxC,CACN,CAAC;AACH,CAAC;AAEY,QAAA,WAAW,GAAU;IACjC,MAAM,CAAC,IAAS;QACf,MAAM,KAAK,GAAQ,IAAI,CAAC,SAAS;YAChC,CAAC,CAAC;gBACA,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,0BAA0B,EAAE,IAAI,CAAC,YAAY;aAC5C;YACH,CAAC,CAAC,EAAE,CAAC;QACN,OAAO,CACN,uBAAC,cAAG,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,QAAC,CAAC,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YACjE,uBAAC,cAAG,IACH,SAAS,EAAC,mDAAmD,EAC7D,MAAM,QACN,CAAC,EAAC,IAAI,qCAGD,GACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,YAAY,GAAU;IAClC,MAAM;QACL,+EAA+E;QAC/E,OAAO,CACN,wBAAC,cAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,QAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,CAAC,QAAC,GAAG,mBAC9D,uBAAC,cAAG,IACH,SAAS,EAAC,kGAAkG,EAC5G,IAAI,0BAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,uBAAC,cAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

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

@@ -15,7 +15,7 @@ const meta = {
         children: [
             (0, jsx_runtime_1.jsx)(ActionButton_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) }, "1"),
             (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "pencil" }), "Edit"] }, "2"),
-            (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { color: "accent", children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "globe" }), "Publish"] }, "3"),
+            (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { color: "accent", emphasis: "primary", children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "globe" }), "Publish"] }, "3"),
             (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 1"] }, "3"),
             (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 2"] }, "4"),
             (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { toggled: true, children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 3"] }, "5"),
@@ -29,7 +29,7 @@ exports.default = meta;
 exports.Default = {};
 exports.OnBackground = {
     render: (args) => {
-        return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { surface: "accent", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(ActionBar_js_1.ActionBar, Object.assign({}, args)) }));
+        return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { color: "accent", surface: true, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(ActionBar_js_1.ActionBar, Object.assign({}, args)) }));
     },
 };
 //# sourceMappingURL=ActionBar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,6CAAuC;AACvC,iDAA2C;AAC3C,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,wBAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,uBAAC,8BAAY,cACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,KAAK,EAAC,QAAQ,aACnC,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,OAAO,mBAC5B,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACgC,CAAC;AAEnC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,uBAAC,YAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACtC,uBAAC,wBAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,6CAAuC;AACvC,iDAA2C;AAC3C,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,wBAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,uBAAC,8BAAY,cACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,aACtD,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,OAAO,mBAC5B,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACgC,CAAC;AAEnC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,uBAAC,YAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,QAAC,QAAQ,EAAC,QAAQ,YAC5C,uBAAC,wBAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/box/Box.d.ts

@@ -1,4 +1,5 @@
 import { Ref } from 'react';
+import { PaletteName } from '../../uno/logic/color.js';
 import { ThemeName } from '../colorPicker/ColorPicker.js';
 import { SlotDivProps } from '../utility/SlotDiv.js';
 export type BoxAlignment = 'center' | 'stretch' | 'start' | 'end';
@@ -26,16 +27,18 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
     wrap?: BoxResponsive<boolean>;
     p?: BoxResponsive<BoxSpacingSize | boolean>;
     container?: boolean | 'reset';
-    surface?: boolean | 'primary' | 'accent' | 'default' | 'attention' | 'wash';
+    surface?: boolean | 'white';
+    color?: PaletteName;
     theme?: ThemeName;
     border?: boolean;
     full?: boolean | 'width' | 'height';
     overflow?: 'hidden' | 'auto' | 'auto-x' | 'auto-y';
     grow?: boolean;
     elevated?: ShadowValue;
+    rounded?: 'sm' | 'md' | 'lg' | 'xl' | boolean;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, d, direction, container, style: userStyle, surface, theme, border, full, overflow, col, grow, elevated, ref, ...rest }: BoxProps): import("react/jsx-runtime.js").JSX.Element;
+export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, d, direction, container, style: userStyle, surface, color, theme, border, full, overflow, col, grow, elevated, rounded, ref, ...rest }: BoxProps): import("react/jsx-runtime.js").JSX.Element;
 export declare const BoxContext: import("react").Context<{
     spacingScale: number;
 }>;

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

@@ -28,13 +28,13 @@ function hasDefault(value, val) {
     return value === val || (isResponsive(value) && value.default === val);
 }
 function Box(_a) {
-    var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, theme, border, full, overflow, col, grow, elevated, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "theme", "border", "full", "overflow", "col", "grow", "elevated", "ref"]);
+    var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, color, theme, border, full, overflow, col, grow, elevated, rounded, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "color", "theme", "border", "full", "overflow", "col", "grow", "elevated", "rounded", "ref"]);
     const { spacingScale } = (0, react_1.useContext)(exports.BoxContext);
     const style = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, userStyle), { '--spacing-scale': container === 'reset' ? 1 : spacingScale, '--local-corner-scale': container === 'reset' ? 1 : `${spacingScale}` })), [userStyle, spacingScale, container]);
     const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
     const justify = justifySolo !== null && justifySolo !== void 0 ? justifySolo : align === null || align === void 0 ? void 0 : align.split(' ')[1];
-    const main = ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: (0, clsx_1.default)('layer-components:flex layer-components:relative', {
-            'layer-components:flex-row': hasDefault(direction, 'row'),
+    const main = ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: (0, clsx_1.default)('layer-components:flex layer-components:relative', color && `palette-${color}`, {
+            'layer-components:flex-row': hasDefault(direction, 'row') && !col,
             'layer-components:flex-col': hasDefault(direction, 'col') || col,
             'layer-components:flex-row-reverse': hasDefault(direction, 'row-reverse'),
             'layer-components:flex-col-reverse': hasDefault(direction, 'col-reverse'),
@@ -90,13 +90,15 @@ function Box(_a) {
             'layer-components:lg:p-md': isResponsive(p) && p.lg === 'md',
             'layer-components:lg:p-lg': isResponsive(p) && p.lg === 'lg',
             'layer-components:lg:p-xl': isResponsive(p) && p.lg === 'xl',
-            'layer-components:rounded-lg': !!surface,
-            'layer-components:bg-white layer-components:border-gray-ink': surface === true || surface === 'default',
-            'layer-components:bg-wash layer-components:border-gray-ink': surface === 'wash',
-            'layer-components:bg-primary-wash layer-components:border-primary-dark layer-components:color-primary-ink': surface === 'primary',
-            'layer-components:bg-accent-wash layer-components:border-accent-dark layer-components:color-accent-ink': surface === 'accent',
-            'layer-components:bg-attention-wash layer-components:border-attention-dark layer-components:color-attention-ink': surface === 'attention',
-            'layer-components:border layer-components:border-solid layer-components:rounded-lg': border,
+            'layer-components:rounded-sm': rounded === 'sm',
+            'layer-components:rounded-md': rounded === 'md',
+            'layer-components:rounded-lg': rounded === 'lg' ||
+                rounded === true ||
+                (rounded === undefined && (surface || border)),
+            'layer-components:rounded-xl': rounded === 'xl',
+            'layer-components:bg-white layer-components:border-gray-dark layer-components:color-black': surface === 'white',
+            'layer-components:bg-main-wash layer-components:border-main-dark layer-components:color-main-ink': surface === true,
+            'layer-components:border layer-components:border-solid': border,
             'layer-components:w-full': full === true || full === 'width',
             'layer-components:h-full': full === true || full === 'height',
             'layer-components:overflow-hidden': overflow === 'hidden',

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

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

package/dist/cjs/components/box/Box.stories.d.ts

@@ -28,9 +28,9 @@ declare const meta: {
         container: {
             type: "boolean";
         };
-        theme: {
+        color: {
             type: "string";
-            options: string[];
+            options: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
             control: {
                 type: "select";
             };
@@ -41,12 +41,6 @@ declare const meta: {
             };
         };
     };
-    args: {
-        children: import("react/jsx-runtime.js").JSX.Element;
-        p: "md";
-        gap: "md";
-        border: true;
-    };
     parameters: {
         controls: {
             expanded: boolean;
@@ -57,3 +51,4 @@ export default meta;
 type Story = StoryObj<typeof Box>;
 export declare const Default: Story;
 export declare const NestedContainers: Story;
+export declare const Surfaces: Story;

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

@@ -1,9 +1,15 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NestedContainers = exports.Default = void 0;
+exports.Surfaces = exports.NestedContainers = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const color_js_1 = require("../../uno/logic/color.js");
 const Button_js_1 = require("../button/Button.js");
+const Checkbox_js_1 = require("../checkbox/Checkbox.js");
+const Progress_js_1 = require("../progress/Progress.js");
+const Slider_js_1 = require("../slider/Slider.js");
+const Switch_js_1 = require("../switch/Switch.js");
+const toggleGroup_js_1 = require("../toggleGroup/toggleGroup.js");
 const Box_js_1 = require("./Box.js");
 const meta = {
     title: 'Components/Box',
@@ -50,9 +56,9 @@ const meta = {
         container: {
             type: 'boolean',
         },
-        theme: {
+        color: {
             type: 'string',
-            options: ['lemon', 'leek', 'tomato', 'eggplant', 'blueberry', 'salt'],
+            options: color_js_1.paletteNames,
             control: {
                 type: 'select',
             },
@@ -63,21 +69,30 @@ const meta = {
             },
         },
     },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+exports.Default = {
     args: {
-        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { color: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { color: "accent", children: "Accent" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Default" })] })),
+        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Default" })] })),
         p: 'md',
         gap: 'md',
         border: true,
     },
-    parameters: {
-        controls: { expanded: true },
-    },
 };
-exports.default = meta;
-exports.Default = {};
 exports.NestedContainers = {
     render(args) {
-        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { container: true, surface: "accent", direction: "col", children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { container: true, surface: "primary", children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { surface: "default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] })), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { surface: "attention", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] }))] })), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { surface: "wash", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] }))] })));
+        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { container: true, surface: true, color: "accent", direction: "col", children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { container: true, surface: true, color: "primary", children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { surface: true, children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] })), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "attention", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] }))] })), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "gray", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] }))] })));
+    },
+};
+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" })] }));
+}
+exports.Surfaces = {
+    render(args) {
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "grid gap-lg grid-cols-2 md:grid-cols-3 bg-wash" }, args, { children: [(0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({}, args, { surface: "white", p: "lg", col: true, gap: true, children: (0, jsx_runtime_1.jsx)(SurfaceContent, { name: "White" }) })), (0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "primary", p: "lg", col: true, gap: true, children: (0, jsx_runtime_1.jsx)(SurfaceContent, { name: "Primary" }) })), (0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "accent", p: "lg", col: true, gap: true, children: (0, jsx_runtime_1.jsx)(SurfaceContent, { name: "Accent" }) })), (0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "gray", p: "lg", col: true, gap: true, children: (0, jsx_runtime_1.jsx)(SurfaceContent, { name: "Gray" }) })), (0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "attention", p: "lg", col: true, gap: true, children: (0, jsx_runtime_1.jsx)(SurfaceContent, { name: "Attention" }) })), (0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "success", p: "lg", col: true, gap: true, children: (0, jsx_runtime_1.jsx)(SurfaceContent, { name: "Success" }) })), (0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({}, args, { surface: true, color: "high-contrast", p: "lg", col: true, gap: true, children: (0, jsx_runtime_1.jsx)(SurfaceContent, { name: "High Contrast" }) }))] })));
     },
 };
 //# sourceMappingURL=Box.stories.js.map

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":";;;;AACA,mDAA6C;AAC7C,qCAA+B;AAE/B,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,YAAG;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,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC;YACrE,OAAO,EAAE;gBACR,IAAI,EAAE,QAAQ;aACd;SACD;QACD,QAAQ,EAAE;YACT,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI;aACb;SACD;KACD;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,6DACC,uBAAC,kBAAM,IAAC,KAAK,EAAC,SAAS,wBAAiB,EACxC,uBAAC,kBAAM,IAAC,KAAK,EAAC,QAAQ,uBAAgB,EACtC,uBAAC,kBAAM,0BAAiB,IACtB,CACH;QACD,CAAC,EAAE,IAAI;QACP,GAAG,EAAE,IAAI;QACT,MAAM,EAAE,IAAI;KACZ;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC0B,CAAC;AAE7B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,gBAAgB,GAAU;IACtC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,YAAG,oBAAK,IAAI,IAAE,SAAS,QAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,aACxD,wBAAC,YAAG,oBAAK,IAAI,IAAE,SAAS,QAAC,OAAO,EAAC,SAAS,aACzC,wBAAC,YAAG,oBAAK,IAAI,IAAE,OAAO,EAAC,SAAS,aAC/B,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,yBAAgB,KAClB,EACN,wBAAC,YAAG,oBAAK,IAAI,IAAE,OAAO,EAAC,WAAW,aACjC,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,yBAAgB,KAClB,KACD,EACN,wBAAC,YAAG,oBAAK,IAAI,IAAE,OAAO,EAAC,MAAM,aAC5B,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,yBAAgB,KAClB,KACD,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
+{"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,10 +1,9 @@
 import { ButtonHTMLAttributes, Ref } from 'react';
+import { PaletteName } from '../../uno/logic/color.js';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    color?: 'primary' | 'default' | 'ghost' | 'destructive' | 'ghostDestructive' | 'ghostAccent' | 'accent' | 'contrast' | 'unstyled';
-    /**
-     * icon and icon-small are deprecated.
-     */
-    size?: 'default' | 'small' | 'icon' | 'icon-small';
+    color?: PaletteName;
+    emphasis?: 'primary' | 'default' | 'ghost' | 'contrast' | 'light' | 'unstyled';
+    size?: 'default' | 'small';
     toggled?: boolean;
     toggleMode?: 'color-and-indicator' | 'color' | 'indicator' | 'state-only';
     align?: 'start' | 'stretch' | 'end';
@@ -15,7 +14,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     disableIconMode?: boolean;
     ref?: Ref<HTMLButtonElement>;
 }
-export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, 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, asChild, disableIconMode, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
 export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
     value: boolean;
 }>;

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

@@ -1,38 +1,5 @@
 // @unocss-include
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -52,24 +19,31 @@ 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 clsx_1 = __importStar(require("clsx"));
+const clsx_1 = require("clsx");
 const react_1 = require("motion/react");
 const react_2 = require("react");
 const hooks_js_1 = require("../../hooks.js");
 const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
+const DropdownMenu_js_1 = require("../dropdownMenu/DropdownMenu.js");
+const DropdownTriggerContext_js_1 = require("../dropdownMenu/DropdownTriggerContext.js");
 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 classes_js_1 = require("./classes.js");
 function ButtonRoot(_a) {
-    var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "disableIconMode", "ref"]);
+    var { className, color, emphasis = 'default', size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref } = _a, props = __rest(_a, ["className", "color", "emphasis", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "disableIconMode", "ref"]);
     const Comp = asChild ? react_slot_1.Slot : 'button';
     const isFormSubmitting = false;
     const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
     const isLoading = loading || isSubmitLoading;
+    const childArray = react_2.Children.toArray(children);
+    const iconChildCount = childArray.filter(isIconChild).length;
+    const hasLabelChild = childArray.length > iconChildCount;
+    const isDropdownTrigger = (0, DropdownTriggerContext_js_1.useIsDropdownTrigger)();
     const finalRef = (0, useMergedRef_js_1.default)(useAnnotateWithChildParts(), ref);
-    const buttonProps = Object.assign(Object.assign({ ref: finalRef }, props), { disabled: disabled || isLoading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, 'data-loading': isLoading, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, clsx_1.default)((0, classes_js_1.getButtonClassName)({
+    const buttonProps = Object.assign(Object.assign({ ref: finalRef }, props), { disabled: disabled || isLoading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, 'data-loading': isLoading, 'data-has-label': hasLabelChild || undefined, 'data-icon-count': iconChildCount > 0 ? iconChildCount : undefined, 'data-dropdown-trigger': isDropdownTrigger ? true : undefined, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, clsx_1.clsx)((0, classes_js_1.getButtonClassName)({
             color,
+            emphasis,
             size,
             toggleable: toggled !== undefined &&
                 (toggleMode === 'color' || toggleMode === 'color-and-indicator'),
@@ -87,7 +61,7 @@ function ButtonRoot(_a) {
     }
     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 &&
                     (toggleMode === 'indicator' ||
-                        toggleMode === 'color-and-indicator') && ((0, jsx_runtime_1.jsx)(exports.ButtonToggleIndicator, { value: toggled })), children] })) }));
+                        toggleMode === 'color-and-indicator') && ((0, jsx_runtime_1.jsx)(exports.ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && ((0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenuTriggerIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron" }) }))] })) }));
 }
 exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ value, }) {
     return ((0, jsx_runtime_1.jsx)(index_js_1.Icon, { "aria-hidden": true, name: "check", className: "transition-width w-0 ml--1", style: {
@@ -146,4 +120,18 @@ function applyPartAttributes(button) {
     button.setAttribute('data-has-label', String(registry.label > 0));
     button.setAttribute('data-icon-count', String(registry.icon));
 }
+function isIconChild(child) {
+    if (typeof child !== 'object' || child === null)
+        return false;
+    if ('type' in child) {
+        const type = child.type;
+        if (type === exports.ButtonIcon)
+            return true;
+        if (type === index_js_1.Icon)
+            return true;
+        if (typeof type === 'function' && type.displayName === 'Icon')
+            return true;
+    }
+    return false;
+}
 //# sourceMappingURL=Button.js.map

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

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

@@ -8,7 +8,12 @@ declare const meta: {
         }>;
         Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
     };
-    argTypes: {};
+    argTypes: {
+        color: {
+            control: "select";
+            options: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
+        };
+    };
     parameters: {
         controls: {
             expanded: boolean;
@@ -17,7 +22,7 @@ declare const meta: {
     args: {
         children: string;
         loading: false;
-        color: "default";
+        emphasis: "default";
         size: "default";
         visuallyDisabled: false;
         disabled: false;
@@ -29,6 +34,7 @@ type Story = StoryObj<typeof Button>;
 export declare const Default: Story;
 export declare const WithIcon: Story;
 export declare const IconOnly: Story;
+export declare const IconTransition: Story;
 export declare const Toggled: Story;
 export declare const Alignment: Story;
 export declare const ConfirmedButtonDemo: Story;

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

@@ -1,9 +1,10 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FragmentTest = exports.ConfirmedButtonDemo = exports.Alignment = exports.Toggled = exports.IconOnly = exports.WithIcon = exports.Default = void 0;
+exports.FragmentTest = exports.ConfirmedButtonDemo = exports.Alignment = exports.Toggled = exports.IconTransition = exports.IconOnly = exports.WithIcon = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const color_js_1 = require("../../uno/logic/color.js");
 const Box_js_1 = require("../box/Box.js");
 const index_js_1 = require("../icon/index.js");
 const Button_js_1 = require("./Button.js");
@@ -11,14 +12,19 @@ const ConfirmedButton_js_1 = require("./ConfirmedButton.js");
 const meta = {
     title: 'Components/Button',
     component: Button_js_1.Button,
-    argTypes: {},
+    argTypes: {
+        color: {
+            control: 'select',
+            options: color_js_1.paletteNames,
+        },
+    },
     parameters: {
         controls: { expanded: true },
     },
     args: {
         children: 'Button',
         loading: false,
-        color: 'default',
+        emphasis: 'default',
         size: 'default',
         visuallyDisabled: false,
         disabled: false,
@@ -28,7 +34,7 @@ const meta = {
 exports.default = meta;
 exports.Default = {
     render: (args) => {
-        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args)), (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({}, args, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), args.children] })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small" }))] }));
+        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { col: true, gap: true, children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args)), (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({}, args, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), args.children] })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "default", children: "Default" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "light", children: "Light" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "contrast", children: "Contrast" })] })] }));
     },
 };
 exports.WithIcon = {
@@ -41,6 +47,12 @@ exports.IconOnly = {
         children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }),
     },
 };
+exports.IconTransition = {
+    render: (args) => {
+        const [toggled, setToggled] = (0, react_1.useState)(false);
+        return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { onClick: () => setToggled((v) => !v), children: toggled ? (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "check" }) : 'no icon' })));
+    },
+};
 exports.Toggled = {
     render: (args) => {
         const [on, setOn] = (0, react_1.useState)(false);
@@ -50,7 +62,7 @@ exports.Toggled = {
 };
 exports.Alignment = {
     render(args) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small" }, args, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small" }, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small", children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] })] }));
     },
 };
 exports.ConfirmedButtonDemo = {
@@ -60,7 +72,7 @@ exports.ConfirmedButtonDemo = {
 };
 exports.FragmentTest = {
     render(args) {
-        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: args.children }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), args.children] }) }))] }));
+        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: args.children }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), args.children] }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }) })] }));
     },
 };
 //# sourceMappingURL=Button.stories.js.map