@a-type/ui 2.8.13 → 3.0.0

package/dist/esm/colors.stories.js

@@ -36,7 +36,7 @@ export const Default = {
                 '--dyn-primary-hue-rotate': args.customRotate,
             }
             : {};
-        return (_jsxs(Box, { col: true, children: [_jsx("input", { type: "color", className: "sticky top-0 z-1" }), _jsxs(Box, { full: true, children: [_jsxs(Box, { d: "col", grow: true, p: true, surface: "default", children: [_jsx(Range, { className: "theme", style: style }), _jsx(Range, { className: "theme-lemon" }), _jsx(Range, { className: "theme-leek" }), _jsx(Range, { className: "theme-tomato" }), _jsx(Range, { className: "theme-eggplant" }), _jsx(Range, { className: "theme-blueberry" }), _jsx(Range, { className: "theme-salt" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-gray-wash" }), _jsx(Box, { grow: true, className: "bg-gray-light" }), _jsx(Box, { grow: true, className: "bg-gray" }), _jsx(Box, { grow: true, className: "bg-gray-dark" }), _jsx(Box, { grow: true, className: "bg-gray-ink" })] }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-black" }), _jsx(Box, { grow: true, className: "bg-wash" }), _jsx(Box, { grow: true, className: "bg-white" })] })] }), _jsxs(Box, { d: "col", className: "override-dark theme", grow: true, p: true, surface: "default", children: [_jsx(Range, { className: "theme", style: style }), _jsx(Range, { className: "theme-lemon" }), _jsx(Range, { className: "theme-leek" }), _jsx(Range, { className: "theme-tomato" }), _jsx(Range, { className: "theme-eggplant" }), _jsx(Range, { className: "theme-blueberry" }), _jsx(Range, { className: "theme-salt" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-gray-wash" }), _jsx(Box, { grow: true, className: "bg-gray-light" }), _jsx(Box, { grow: true, className: "bg-gray" }), _jsx(Box, { grow: true, className: "bg-gray-dark" }), _jsx(Box, { grow: true, className: "bg-gray-ink" })] }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-black" }), _jsx(Box, { grow: true, className: "bg-wash" }), _jsx(Box, { grow: true, className: "bg-white" })] })] })] })] }));
+        return (_jsxs(Box, { col: true, children: [_jsx("input", { type: "color", className: "sticky top-0 z-1" }), _jsxs(Box, { full: true, children: [_jsxs(Box, { d: "col", grow: true, p: true, surface: true, children: [_jsx(Range, { className: "theme", style: style }), _jsx(Range, { className: "theme-lemon" }), _jsx(Range, { className: "theme-leek" }), _jsx(Range, { className: "theme-tomato" }), _jsx(Range, { className: "theme-eggplant" }), _jsx(Range, { className: "theme-blueberry" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-gray-wash" }), _jsx(Box, { grow: true, className: "bg-gray-light" }), _jsx(Box, { grow: true, className: "bg-gray" }), _jsx(Box, { grow: true, className: "bg-gray-dark" }), _jsx(Box, { grow: true, className: "bg-gray-ink" })] }), _jsx(Range, { className: "palette-high-contrast" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-black" }), _jsx(Box, { grow: true, className: "bg-wash" }), _jsx(Box, { grow: true, className: "bg-white" })] })] }), _jsxs(Box, { d: "col", className: "override-dark theme", grow: true, p: true, children: [_jsx(Range, { className: "theme", style: style }), _jsx(Range, { className: "theme-lemon" }), _jsx(Range, { className: "theme-leek" }), _jsx(Range, { className: "theme-tomato" }), _jsx(Range, { className: "theme-eggplant" }), _jsx(Range, { className: "theme-blueberry" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-gray-wash" }), _jsx(Box, { grow: true, className: "bg-gray-light" }), _jsx(Box, { grow: true, className: "bg-gray" }), _jsx(Box, { grow: true, className: "bg-gray-dark" }), _jsx(Box, { grow: true, className: "bg-gray-ink" })] }), _jsx(Range, { className: "palette-high-contrast" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-black" }), _jsx(Box, { grow: true, className: "bg-wash" }), _jsx(Box, { grow: true, className: "bg-white" })] })] })] })] }));
     },
 };
 function Swatch({ className, children, }) {
@@ -73,13 +73,13 @@ export const Inheritance = {
                 '--dyn-primary-hue-rotate': args.customRotate,
             }
             : {};
-        return (_jsx(Box, { surface: "primary", p: "xl", className: "theme", style: style, children: _jsx(Box, { className: "border-bg border-darken-5 color-bg color-darken-5", border: true, p: "xl", children: "Inherits and darkens" }) }));
+        return (_jsx(Box, { color: "primary", surface: true, p: "xl", className: "theme", style: style, children: _jsx(Box, { className: "border-bg border-darken-5 color-bg color-darken-5", border: true, p: "xl", children: "Inherits and darkens" }) }));
     },
 };
 export const TweakOpacity = {
     render() {
         // none of these elements have root opacity; all opacity is done through colors
-        return (_jsxs(Box, { surface: "accent", className: "h-32", full: "width", p: true, gap: true, children: [_jsx(Box, { className: "bg-primary/100 h-full color-primary-dark/100 ring ring-primary-light/100 border border-black/100", grow: true, children: "100" }), _jsx(Box, { className: "bg-primary/90 h-full color-primary-dark/90 ring ring-primary-light/90 border border-black/90", grow: true, children: "90" }), _jsx(Box, { className: "bg-primary/80 h-full color-primary-dark/80 ring ring-primary-light/80 border border-black/80", grow: true, children: "80" }), _jsx(Box, { className: "bg-primary/70 h-full color-primary-dark/70 ring ring-primary-light/70 border border-black/70", grow: true, children: "70" }), _jsx(Box, { className: "bg-primary/60 h-full color-primary-dark/60 ring ring-primary-light/60 border border-black/60", grow: true, children: "60" }), _jsx(Box, { className: "bg-primary/50 h-full color-primary-dark/50 ring ring-primary-light/50 border border-black/50", grow: true, children: "50" }), _jsx(Box, { className: "bg-primary/40 h-full color-primary-dark/40 ring ring-primary-light/40 border border-black/40", grow: true, children: "40" }), _jsx(Box, { className: "bg-primary/30 h-full color-primary-dark/30 ring ring-primary-light/30 border border-black/30", grow: true, children: "30" }), _jsx(Box, { className: "bg-primary/20 h-full color-primary-dark/20 ring ring-primary-light/20 border border-black/20", grow: true, children: "20" }), _jsx(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 (_jsxs(Box, { color: "accent", surface: true, className: "h-32", full: "width", p: true, gap: true, children: [_jsx(Box, { className: "bg-primary/100 h-full color-primary-dark/100 ring ring-primary-light/100 border border-black/100", grow: true, children: "100" }), _jsx(Box, { className: "bg-primary/90 h-full color-primary-dark/90 ring ring-primary-light/90 border border-black/90", grow: true, children: "90" }), _jsx(Box, { className: "bg-primary/80 h-full color-primary-dark/80 ring ring-primary-light/80 border border-black/80", grow: true, children: "80" }), _jsx(Box, { className: "bg-primary/70 h-full color-primary-dark/70 ring ring-primary-light/70 border border-black/70", grow: true, children: "70" }), _jsx(Box, { className: "bg-primary/60 h-full color-primary-dark/60 ring ring-primary-light/60 border border-black/60", grow: true, children: "60" }), _jsx(Box, { className: "bg-primary/50 h-full color-primary-dark/50 ring ring-primary-light/50 border border-black/50", grow: true, children: "50" }), _jsx(Box, { className: "bg-primary/40 h-full color-primary-dark/40 ring ring-primary-light/40 border border-black/40", grow: true, children: "40" }), _jsx(Box, { className: "bg-primary/30 h-full color-primary-dark/30 ring ring-primary-light/30 border border-black/30", grow: true, children: "30" }), _jsx(Box, { className: "bg-primary/20 h-full color-primary-dark/20 ring ring-primary-light/20 border border-black/20", grow: true, children: "20" }), _jsx(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/esm/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,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,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,MAAC,GAAG,IAAC,GAAG,mBACP,gBAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,GAAG,EACnD,MAAC,GAAG,IAAC,IAAI,mBACR,MAAC,GAAG,IAAC,CAAC,EAAC,KAAK,EAAC,IAAI,QAAC,CAAC,QAAC,OAAO,mBAC1B,KAAC,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,GAAI,EACzC,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,EACjC,KAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,EAChC,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,GAAG,EAClC,KAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,GAAG,EACpC,KAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACrC,MAAC,GAAG,IAAC,SAAS,EAAC,SAAS,aACvB,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,aAAa,GAAG,IAC/B,EACN,KAAC,KAAK,IAAC,SAAS,EAAC,uBAAuB,GAAG,EAC3C,MAAC,GAAG,IAAC,SAAS,EAAC,SAAS,aACvB,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,IACD,EACN,MAAC,GAAG,IAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,QAAC,CAAC,mBAClD,KAAC,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,GAAI,EACzC,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,EACjC,KAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,EAChC,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,GAAG,EAClC,KAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,GAAG,EACpC,KAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACrC,MAAC,GAAG,IAAC,SAAS,EAAC,SAAS,aACvB,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,cAAc,GAAG,EACrC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,aAAa,GAAG,IAC/B,EACN,KAAC,KAAK,IAAC,SAAS,EAAC,uBAAuB,GAAG,EAC3C,MAAC,GAAG,IAAC,SAAS,EAAC,SAAS,aACvB,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,SAAS,GAAG,EAChC,KAAC,GAAG,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,cACC,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,MAAC,GAAG,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACtC,KAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACtC,KAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,GAAG,EACvC,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,GAAG,EACjC,KAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACtC,KAAC,MAAM,IAAC,SAAS,EAAC,gBAAgB,GAAG,IAChC,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,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,MAAC,GAAG,IAAC,GAAG,mBACP,KAAC,aAAa,IAAC,SAAS,EAAC,YAAY,GAAG,EACxC,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,GAAG,EACzC,KAAC,aAAa,IAAC,SAAS,EAAC,YAAY,GAAG,EACxC,KAAC,aAAa,IAAC,SAAS,EAAC,cAAc,GAAG,EAC1C,KAAC,aAAa,IAAC,SAAS,EAAC,gBAAgB,GAAG,EAC5C,KAAC,aAAa,IAAC,SAAS,EAAC,iBAAiB,GAAG,EAC7C,KAAC,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,MAAC,GAAG,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aACtC,KAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,kBAAW,EAC9C,KAAC,MAAM,IAAC,SAAS,EAAC,+BAA+B,oBAAa,EAC9D,KAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,kBAAW,EAE/C,KAAC,MAAM,IAAC,SAAS,EAAC,yBAAyB,oBAAa,EACxD,KAAC,MAAM,IAAC,SAAS,EAAC,yBAAyB,oBAAa,EACxD,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,kBAAW,EACzC,KAAC,MAAM,IAAC,SAAS,EAAC,wBAAwB,oBAAa,EACvD,KAAC,MAAM,IAAC,SAAS,EAAC,wBAAwB,oBAAa,EAEvD,KAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,kBAAW,EAC9C,KAAC,MAAM,IAAC,SAAS,EAAC,6BAA6B,oBAAa,EAC5D,KAAC,MAAM,IAAC,SAAS,EAAC,gBAAgB,kBAAW,IACxC,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,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,KAAC,GAAG,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,QAAC,CAAC,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YACjE,KAAC,GAAG,IACH,SAAS,EAAC,mDAAmD,EAC7D,MAAM,QACN,CAAC,EAAC,IAAI,qCAGD,GACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,MAAM;QACL,+EAA+E;QAC/E,OAAO,CACN,MAAC,GAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,QAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,CAAC,QAAC,GAAG,mBAC9D,KAAC,GAAG,IACH,SAAS,EAAC,kGAAkG,EAC5G,IAAI,0BAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,EACN,KAAC,GAAG,IACH,SAAS,EAAC,8FAA8F,EACxG,IAAI,yBAGC,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

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

@@ -12,7 +12,7 @@ const meta = {
         children: [
             _jsx(ActionButton, { children: _jsx(Icon, { name: "plus" }) }, "1"),
             _jsxs(ActionButton, { children: [_jsx(Icon, { name: "pencil" }), "Edit"] }, "2"),
-            _jsxs(ActionButton, { color: "accent", children: [_jsx(Icon, { name: "globe" }), "Publish"] }, "3"),
+            _jsxs(ActionButton, { color: "accent", emphasis: "primary", children: [_jsx(Icon, { name: "globe" }), "Publish"] }, "3"),
             _jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Overflow 1"] }, "3"),
             _jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Overflow 2"] }, "4"),
             _jsxs(ActionButton, { toggled: true, children: [_jsx(Icon, { name: "placeholder" }), "Overflow 3"] }, "5"),
@@ -26,7 +26,7 @@ export default meta;
 export const Default = {};
 export const OnBackground = {
     render: (args) => {
-        return (_jsx(Box, { surface: "accent", overflow: "hidden", children: _jsx(ActionBar, Object.assign({}, args)) }));
+        return (_jsx(Box, { color: "accent", surface: true, overflow: "hidden", children: _jsx(ActionBar, Object.assign({}, args)) }));
     },
 };
 //# sourceMappingURL=ActionBar.stories.js.map

package/dist/esm/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,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,KAAC,YAAY,cACZ,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,KAAK,EAAC,QAAQ,aACnC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,OAAO,mBAC5B,KAAC,IAAI,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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACtC,KAAC,SAAS,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,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,KAAC,YAAY,cACZ,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,aACtD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,OAAO,mBAC5B,KAAC,IAAI,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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,KAAC,GAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,QAAC,QAAQ,EAAC,QAAQ,YAC5C,KAAC,SAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/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").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").JSX.Element;
 export declare const BoxContext: import("react").Context<{
     spacingScale: number;
 }>;

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

@@ -21,13 +21,13 @@ function hasDefault(value, val) {
     return value === val || (isResponsive(value) && value.default === val);
 }
 export 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 } = useContext(BoxContext);
     const style = 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 = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('layer-components:flex layer-components:relative', {
-            'layer-components:flex-row': hasDefault(direction, 'row'),
+    const main = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('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'),
@@ -83,13 +83,15 @@ export 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/esm/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/esm/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").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/esm/components/box/Box.stories.js

@@ -1,6 +1,12 @@
 // @unocss-include
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { paletteNames } from '../../uno/logic/color.js';
 import { Button } from '../button/Button.js';
+import { Checkbox } from '../checkbox/Checkbox.js';
+import { Progress } from '../progress/Progress.js';
+import { Slider } from '../slider/Slider.js';
+import { Switch } from '../switch/Switch.js';
+import { ToggleGroup } from '../toggleGroup/toggleGroup.js';
 import { Box } from './Box.js';
 const meta = {
     title: 'Components/Box',
@@ -47,9 +53,9 @@ const meta = {
         container: {
             type: 'boolean',
         },
-        theme: {
+        color: {
             type: 'string',
-            options: ['lemon', 'leek', 'tomato', 'eggplant', 'blueberry', 'salt'],
+            options: paletteNames,
             control: {
                 type: 'select',
             },
@@ -60,21 +66,30 @@ const meta = {
             },
         },
     },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
     args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", children: "Primary" }), _jsx(Button, { color: "accent", children: "Accent" }), _jsx(Button, { children: "Default" })] })),
+        children: (_jsxs(_Fragment, { children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { children: "Default" })] })),
         p: 'md',
         gap: 'md',
         border: true,
     },
-    parameters: {
-        controls: { expanded: true },
-    },
 };
-export default meta;
-export const Default = {};
 export const NestedContainers = {
     render(args) {
-        return (_jsxs(Box, Object.assign({}, args, { container: true, surface: "accent", direction: "col", children: [_jsxs(Box, Object.assign({}, args, { container: true, surface: "primary", children: [_jsxs(Box, Object.assign({}, args, { surface: "default", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] })), _jsxs(Box, Object.assign({}, args, { surface: "attention", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })), _jsxs(Box, Object.assign({}, args, { surface: "wash", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })));
+        return (_jsxs(Box, Object.assign({}, args, { container: true, surface: true, color: "accent", direction: "col", children: [_jsxs(Box, Object.assign({}, args, { container: true, surface: true, color: "primary", children: [_jsxs(Box, Object.assign({}, args, { surface: true, children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] })), _jsxs(Box, Object.assign({}, args, { surface: true, color: "attention", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })), _jsxs(Box, Object.assign({}, args, { surface: true, color: "gray", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })));
+    },
+};
+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" })] }));
+}
+export const Surfaces = {
+    render(args) {
+        return (_jsxs("div", Object.assign({ className: "grid gap-lg grid-cols-2 md:grid-cols-3 bg-wash" }, args, { children: [_jsx(Box, Object.assign({}, args, { surface: "white", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "White" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "primary", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Primary" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "accent", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Accent" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "gray", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Gray" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "attention", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Attention" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "success", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Success" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "high-contrast", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "High Contrast" }) }))] })));
     },
 };
 //# sourceMappingURL=Box.stories.js.map

package/dist/esm/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,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,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,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,8BACC,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,wBAAiB,EACxC,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,uBAAgB,EACtC,KAAC,MAAM,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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACtC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,GAAG,oBAAK,IAAI,IAAE,SAAS,QAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,aACxD,MAAC,GAAG,oBAAK,IAAI,IAAE,SAAS,QAAC,OAAO,EAAC,SAAS,aACzC,MAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,EAAC,SAAS,aAC/B,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,yBAAgB,KAClB,EACN,MAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,EAAC,WAAW,aACjC,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,yBAAgB,KAClB,KACD,EACN,MAAC,GAAG,oBAAK,IAAI,IAAE,OAAO,EAAC,MAAM,aAC5B,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,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/esm/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").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").JSX.Element;
 export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
     value: boolean;
 }>;

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

@@ -12,24 +12,31 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
-import classNames, { clsx } from 'clsx';
+import { clsx } from 'clsx';
 import { AnimatePresence, motion } from 'motion/react';
-import { memo, useCallback, useState } from 'react';
+import { Children, memo, useCallback, useState, } from 'react';
 import { withClassName } from '../../hooks.js';
 import useMergedRef from '../../hooks/useMergedRef.js';
+import { DropdownMenuTriggerIcon } from '../dropdownMenu/DropdownMenu.js';
+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 { getButtonClassName } from './classes.js';
 export 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 ? Slot : 'button';
     const isFormSubmitting = false;
     const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
     const isLoading = loading || isSubmitLoading;
+    const childArray = Children.toArray(children);
+    const iconChildCount = childArray.filter(isIconChild).length;
+    const hasLabelChild = childArray.length > iconChildCount;
+    const isDropdownTrigger = useIsDropdownTrigger();
     const finalRef = useMergedRef(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: classNames(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: clsx(getButtonClassName({
             color,
+            emphasis,
             size,
             toggleable: toggled !== undefined &&
                 (toggleMode === 'color' || toggleMode === 'color-and-indicator'),
@@ -47,7 +54,7 @@ export function ButtonRoot(_a) {
     }
     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 &&
                     (toggleMode === 'indicator' ||
-                        toggleMode === 'color-and-indicator') && (_jsx(ButtonToggleIndicator, { value: toggled })), children] })) }));
+                        toggleMode === 'color-and-indicator') && (_jsx(ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && (_jsx(DropdownMenuTriggerIcon, { asChild: true, children: _jsx(Icon, { name: "chevron" }) }))] })) }));
 }
 export const ButtonToggleIndicator = memo(function ToggleIndicator({ value, }) {
     return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "transition-width w-0 ml--1", style: {
@@ -106,4 +113,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 === ButtonIcon)
+            return true;
+        if (type === Icon)
+            return true;
+        if (typeof type === 'function' && type.displayName === 'Icon')
+            return true;
+    }
+    return false;
+}
 //# sourceMappingURL=Button.js.map

package/dist/esm/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/esm/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/esm/components/button/Button.stories.js

@@ -1,6 +1,7 @@
 // @unocss-include
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
+import { paletteNames } from '../../uno/logic/color.js';
 import { Box } from '../box/Box.js';
 import { Icon } from '../icon/index.js';
 import { Button } from './Button.js';
@@ -8,14 +9,19 @@ import { ConfirmedButton } from './ConfirmedButton.js';
 const meta = {
     title: 'Components/Button',
     component: Button,
-    argTypes: {},
+    argTypes: {
+        color: {
+            control: 'select',
+            options: paletteNames,
+        },
+    },
     parameters: {
         controls: { expanded: true },
     },
     args: {
         children: 'Button',
         loading: false,
-        color: 'default',
+        emphasis: 'default',
         size: 'default',
         visuallyDisabled: false,
         disabled: false,
@@ -25,7 +31,7 @@ const meta = {
 export default meta;
 export const Default = {
     render: (args) => {
-        return (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args)), _jsxs(Button, Object.assign({}, args, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), args.children] })), _jsx(Button, Object.assign({}, args, { size: "small" }))] }));
+        return (_jsxs(Box, { col: true, gap: true, children: [_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args)), _jsxs(Button, Object.assign({}, args, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), args.children] })), _jsx(Button, Object.assign({}, args, { size: "small" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Button, { emphasis: "default", children: "Default" }), _jsx(Button, { emphasis: "light", children: "Light" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { emphasis: "contrast", children: "Contrast" })] })] }));
     },
 };
 export const WithIcon = {
@@ -38,6 +44,12 @@ export const IconOnly = {
         children: _jsx(Icon, { name: "placeholder" }),
     },
 };
+export const IconTransition = {
+    render: (args) => {
+        const [toggled, setToggled] = useState(false);
+        return (_jsx(Button, Object.assign({}, args, { onClick: () => setToggled((v) => !v), children: toggled ? _jsx(Icon, { name: "check" }) : 'no icon' })));
+    },
+};
 export const Toggled = {
     render: (args) => {
         const [on, setOn] = useState(false);
@@ -47,7 +59,7 @@ export const Toggled = {
 };
 export const Alignment = {
     render(args) {
-        return (_jsxs("div", { className: "col", children: [_jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({ size: "small" }, args, { children: "Button" })), _jsx(Button, Object.assign({ size: "small" }, args, { children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({}, args, { children: "Button" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] })] }));
+        return (_jsxs("div", { className: "col", children: [_jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({}, args, { size: "small", children: "Button" })), _jsx(Button, Object.assign({}, args, { size: "small", children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({}, args, { children: "Button" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] })] }));
     },
 };
 export const ConfirmedButtonDemo = {
@@ -57,7 +69,7 @@ export const ConfirmedButtonDemo = {
 };
 export const FragmentTest = {
     render(args) {
-        return (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args, { children: _jsx(_Fragment, { children: args.children }) })), _jsx(Button, Object.assign({}, args, { children: _jsxs(_Fragment, { children: [_jsx(Icon, { name: "placeholder" }), args.children] }) }))] }));
+        return (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args, { children: _jsx(_Fragment, { children: args.children }) })), _jsx(Button, Object.assign({}, args, { children: _jsxs(_Fragment, { children: [_jsx(Icon, { name: "placeholder" }), args.children] }) })), _jsx(Button, { children: _jsx(_Fragment, { children: _jsx(Icon, { name: "placeholder" }) }) })] }));
     },
 };
 //# sourceMappingURL=Button.stories.js.map

package/dist/esm/components/button/Button.stories.js.map

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

package/dist/esm/components/button/classes.d.ts

@@ -1,19 +1,10 @@
+import { PaletteName } from '../../uno/logic/color.js';
 import { type ButtonProps } from './Button.jsx';
-export declare function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }: {
-    color?: ButtonProps['color'];
+export declare function getButtonClassName({ color, emphasis, size, toggleable, align, disableIconMode, }: {
+    color?: PaletteName;
+    emphasis?: ButtonProps['emphasis'];
     size?: ButtonProps['size'];
     toggleable?: boolean;
     align?: ButtonProps['align'];
     disableIconMode?: boolean;
 }): string;
-export declare const buttonColorClasses: {
-    primary: string;
-    accent: string;
-    default: string;
-    ghost: string;
-    destructive: string;
-    ghostDestructive: string;
-    ghostAccent: string;
-    contrast: string;
-    unstyled: string;
-};