@elaraai/east-ui 1.0.60 → 1.0.62

package/dist/test/buttons/button-group.examples.js

@@ -4,9 +4,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 /** @jsxImportSource @elaraai/east-ui */
-import { East, example } from "@elaraai/east";
-import { UIComponentType } from "@elaraai/east-ui";
-import { Button, ButtonGroup, IconButton } from "@elaraai/east-ui";
+import { ArrayType, BooleanType, East, NullType, StringType, example } from "@elaraai/east";
+import { State, UIComponentType } from "@elaraai/east-ui";
+import { Button, ButtonGroup, Configurator, HStack, IconButton, Reactive, SegmentGroup, Switch, Text } from "@elaraai/east-ui";
 // NOTE: Chakra v3's <Group> does NOT propagate `variant` / `size` /
 // `colorPalette` to descendant buttons — set those on EACH child Button
 // explicitly. The group-level options carry only Group-level visuals
@@ -19,20 +19,39 @@ export const buttonGroupPrevNext = example({
     }),
     inputs: [],
 });
-export const buttonGroupTimescale = example({
-    keywords: ["ButtonGroup", "Root", "attached", "timescale", "segmented"],
-    description: "Segmented timescale control — 5 attached outline buttons",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsxs(ButtonGroup, { attached: true, children: [_jsx(Button, { variant: "outline", size: "sm", children: "1d" }), _jsx(Button, { variant: "outline", size: "sm", children: "1w" }), _jsx(Button, { variant: "outline", size: "sm", children: "1m" }), _jsx(Button, { variant: "outline", size: "sm", children: "3m" }), _jsx(Button, { variant: "outline", size: "sm", children: "1y" })] }));
-    }),
-    inputs: [],
-});
-export const buttonGroupSplit = example({
-    keywords: ["ButtonGroup", "Root", "split", "mixed", "IconButton"],
-    description: "Split button — primary Button + IconButton overflow trigger",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsxs(ButtonGroup, { attached: true, children: [_jsx(Button, { variant: "solid", colorPalette: "blue", size: "md", children: "Deploy" }), _jsx(IconButton, { prefix: "fas", name: "chevron-down", label: "More deploy options", variant: "solid", colorPalette: "blue", size: "md" })] }));
-    }),
+export const buttonGroupVariants = example({
+    keywords: ["ButtonGroup", "Root", "attached", "timescale", "segmented", "split", "mixed", "IconButton", "gap", "Reactive", "State", "SegmentGroup", "Switch", "Configurator", "getTag", "configurator"],
+    description: "ButtonGroup configurator — a composition preset axis (timescale / split) plus an attached switch",
+    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
+            const presets = $.const(["timescale", "split"], ArrayType(StringType));
+            const presetBind = $.let(State.bind([StringType], "buttongroup_preset", "timescale"));
+            const attachedBind = $.let(State.bind([BooleanType], "buttongroup_attached", true));
+            const pKey = $.let(presetBind.read());
+            const attachedOn = $.let(attachedBind.read());
+            const onPreset = $.const(East.function([StringType], NullType, ($, next) => { $(presetBind.write(next)); }));
+            const onAttached = $.const(East.function([BooleanType], NullType, ($, next) => { $(attachedBind.write(next)); }));
+            // children are VALUES — the preset swaps the kid array on the
+            // ONE group; attached stays live.
+            const splitKids = $.let([
+                _jsx(Button, { variant: "solid", colorPalette: "brand", size: "md", children: "Deploy" }),
+                _jsx(IconButton, { prefix: "fas", name: "chevron-down", label: "More deploy options", variant: "solid", colorPalette: "brand", size: "md" }),
+            ], ArrayType(UIComponentType));
+            const rangeKids = $.let([
+                _jsx(Button, { variant: "outline", size: "sm", children: "1d" }),
+                _jsx(Button, { variant: "outline", size: "sm", children: "1w" }),
+                _jsx(Button, { variant: "outline", size: "sm", children: "1m" }),
+                _jsx(Button, { variant: "outline", size: "sm", children: "3m" }),
+                _jsx(Button, { variant: "outline", size: "sm", children: "1y" }),
+            ], ArrayType(UIComponentType));
+            const kids = $.let(pKey.equal("split").ifElse(_$ => splitKids, _$ => rangeKids));
+            const preview = $.const(_jsx(ButtonGroup, { attached: attachedOn, children: kids }));
+            return (_jsx(Configurator, { controls: [
+                    Configurator.Control("Preset", pKey, _jsx(SegmentGroup, { value: pKey, onChange: onPreset, size: "sm", items: presets.map((_$, p) => SegmentGroup.Item(p, _jsx(Text, { children: p.upperCase() }))) })),
+                    Configurator.Slot("Layout", _jsx(HStack, { gap: "5", align: "center", wrap: "wrap", children: _jsx(Switch, { checked: attachedOn, label: "Attached", onChange: onAttached }) })),
+                ], preview: preview, spec: [
+                    Configurator.Spec("Buttons", pKey.equal("split").ifElse(_$ => "2 · mixed", _$ => "5")),
+                ] }));
+        } }))),
     inputs: [],
 });
 //# sourceMappingURL=button-group.examples.js.map

package/dist/test/buttons/button-group.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.examples.js","sourceRoot":"","sources":["../../../test/buttons/button-group.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnE,oEAAoE;AACpE,wEAAwE;AACxE,qEAAqE;AACrE,wCAAwC;AAExC,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC;IAC7D,WAAW,EAAE,wDAAwD;IACrE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,MAAC,WAAW,IAAC,QAAQ,mBACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,qBAAc,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,qBAAc,IACvC,CACjB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACxC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,CAAC;IACvE,WAAW,EAAE,0DAA0D;IACvE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,MAAC,WAAW,IAAC,QAAQ,mBACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY,EAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY,EAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY,EAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY,EAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY,IACrC,CACjB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC;IACjE,WAAW,EAAE,6DAA6D;IAC1E,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,MAAC,WAAW,IAAC,QAAQ,mBACjB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,uBAAgB,EACrE,KAAC,UAAU,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,IAC/G,CACjB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"button-group.examples.js","sourceRoot":"","sources":["../../../test/buttons/button-group.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE/H,oEAAoE;AACpE,wEAAwE;AACxE,qEAAqE;AACrE,wCAAwC;AAExC,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC;IAC7D,WAAW,EAAE,wDAAwD;IACrE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,MAAC,WAAW,IAAC,QAAQ,mBACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,qBAAc,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,qBAAc,IACvC,CACjB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC;IACvM,WAAW,EAAE,kGAAkG;IAC/G,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;YACX,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,OAAO,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;YAEvE,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAC;YACtF,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,sBAAsB,EAAE,IAAI,CAAC,CAAC,CAAC;YAEpF,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;YACtC,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YAE9C,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7G,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAElH,8DAA8D;YAC9D,kCAAkC;YAClC,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;gBACpB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,uBAAgB;gBACtE,KAAC,UAAU,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG;aAC7H,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;YAC/B,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;gBACpB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY;gBAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY;gBAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY;gBAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY;gBAC/C,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,mBAAY;aAClD,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;YAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;YACjF,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,UAAU,YAAG,IAAI,GAAe,CAAC,CAAC;YAEjF,OAAO,CACH,KAAC,YAAY,IACT,QAAQ,EAAE;oBACN,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,EAC/B,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EACpD,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,KAAC,IAAI,cAAE,CAAC,CAAC,SAAS,EAAE,GAAQ,CAAC,CAAC,GAAI,CAAC;oBAC9F,YAAY,CAAC,IAAI,CAAC,QAAQ,EACtB,KAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YACtC,KAAC,MAAM,IAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,UAAU,GAAI,GACjE,CAAC;iBACjB,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE;oBACF,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;iBACzF,GACH,CACL,CAAC;QACN,CAAC,GAAY,CAChB,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}

package/dist/test/buttons/button.examples.d.ts

@@ -1,11 +1,5 @@
 export declare const buttonBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonSolidVariant: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonDangerOutline: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonReactiveCounter: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonWithIcons: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonLoading: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonRichLabel: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonGhost: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonPlain: import("@elaraai/east").ExampleDef<[], any>;
-export declare const buttonBrandedColours: import("@elaraai/east").ExampleDef<[], any>;
+export declare const buttonVariants: import("@elaraai/east").ExampleDef<[], any>;
+/** Raw colour escape hatches — branded ink and plain unadorned buttons. */
+export declare const buttonCustomColours: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=button.examples.d.ts.map

package/dist/test/buttons/button.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,6CAOtB,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAa9B,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CA8BhC,CAAC;AAMH,eAAO,MAAM,eAAe,6CAgB1B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAiBxB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAc1B,CAAC;AAEH,eAAO,MAAM,WAAW,6CAOtB,CAAC;AAEH,eAAO,MAAM,WAAW,6CAOtB,CAAC;AAEH,eAAO,MAAM,oBAAoB,6CAiB/B,CAAC"}
+{"version":3,"file":"button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,6CAOtB,CAAC;AAMH,eAAO,MAAM,cAAc,6CAuHzB,CAAC;AAEH,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB,6CAW9B,CAAC"}

package/dist/test/buttons/button.examples.js

@@ -4,9 +4,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 /** @jsxImportSource @elaraai/east-ui */
-import { East, IntegerType, NullType, example } from "@elaraai/east";
+import { East, ArrayType, BooleanType, IntegerType, NullType, StringType, example, variant } from "@elaraai/east";
 import { State, UIComponentType } from "@elaraai/east-ui";
-import { Button, Text, VStack, HStack, Stat, Reactive } from "@elaraai/east-ui";
+import { Button, Configurator, HStack, Select, Style, Switch, Text, Reactive } from "@elaraai/east-ui";
 export const buttonBasic = example({
     keywords: ["Button", "Root", "label", "basic", "create"],
     description: "Create a simple button with a text label",
@@ -15,89 +15,85 @@ export const buttonBasic = example({
     }),
     inputs: [],
 });
-export const buttonSolidVariant = example({
-    keywords: ["Button", "Root", "variant", "solid", "colorPalette", "blue", "size"],
-    description: "Create a solid blue primary action button with size",
+// ============================================================================
+// Button — live configurator over every style axis
+// ============================================================================
+export const buttonVariants = example({
+    keywords: ["Button", "Root", "variant", "solid", "colorPalette", "blue", "size", "outline", "ghost", "red", "danger", "escape-hatch", "color", "hoverBackground", "plain", "unadorned", "style", "background", "borderColor", "branded", "startIcon", "endIcon", "icon", "loading", "loadingText", "loadingIcon", "spinner", "label", "rich", "UIComp", "HStack", "Switch", "Configurator", "getTag", "configurator", "onClick", "Reactive", "State", "callback", "interactive", "counter"],
+    description: "Button configurator — variant, palette, size and colour axes plus loading, icons and rich-label switches driving one live button; the aside increments a reactive count",
     fn: East.function([], UIComponentType, (_$) => {
-        return _jsx(Button, { variant: "solid", colorPalette: "blue", size: "md", children: "Save Changes" });
+        return (_jsx(Reactive, { children: $ => {
+                // Enumerated axes are just their variants — `getTag()` gives the
+                // segment key AND its label, so there is no parallel table to
+                // keep in step.
+                const variants = $.const([
+                    variant("solid", null), variant("outline", null),
+                    variant("ghost", null), variant("plain", null),
+                ], ArrayType(Button.Types.Variant));
+                const palettes = $.const([
+                    variant("brand", null), variant("success", null), variant("warning", null),
+                    variant("danger", null), variant("info", null), variant("gray", null),
+                ], ArrayType(Style.Types.ColorScheme));
+                const sizes = $.const([
+                    variant("xs", null), variant("sm", null), variant("md", null), variant("lg", null),
+                ], ArrayType(Style.Types.Size));
+                const variantBind = $.let(State.bind([StringType], "button_variant", "solid"));
+                const paletteBind = $.let(State.bind([StringType], "button_palette", "brand"));
+                const sizeBind = $.let(State.bind([StringType], "button_size", "md"));
+                const loadingBind = $.let(State.bind([BooleanType], "button_loading", false));
+                const richBind = $.let(State.bind([BooleanType], "button_rich", false));
+                const counter = $.let(State.bind([IntegerType], "button_counter", 0n));
+                const vKey = $.let(variantBind.read());
+                const pKey = $.let(paletteBind.read());
+                const sKey = $.let(sizeBind.read());
+                const loading = $.let(loadingBind.read());
+                const rich = $.let(richBind.read());
+                const count = $.let(counter.read());
+                const onVariant = $.const(East.function([StringType], NullType, ($, next) => { $(variantBind.write(next)); }));
+                const onPalette = $.const(East.function([StringType], NullType, ($, next) => { $(paletteBind.write(next)); }));
+                const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
+                const onLoading = $.const(East.function([BooleanType], NullType, ($, next) => { $(loadingBind.write(next)); }));
+                const onRich = $.const(East.function([BooleanType], NullType, ($, next) => { $(richBind.write(next)); }));
+                const inc = $.const(East.function([], NullType, $ => {
+                    const cur = $.let(counter.read());
+                    $(counter.write(cur.add(1n)));
+                }));
+                // Each selection is a lookup into the same array the control renders.
+                const buttonVariant = $.let(variants.filter((_$, v) => v.getTag().equal(vKey)).get(0n));
+                const palette = $.let(palettes.filter((_$, v) => v.getTag().equal(pKey)).get(0n));
+                const size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+                // The label is a UIComponentType slot — the rich switch swaps the
+                // plain run for an HStack of Texts (primary + muted caption).
+                const btnLabel = $.const(rich.ifElse(_$ => (_jsxs(HStack, { gap: "1", align: "center", children: [_jsx(Text, { children: "Accept" }), _jsx(Text, { color: "fg.inverse", children: "\u2192 log to MES" })] })), _$ => _jsx(Text, { children: "Save Changes" })));
+                // ONE button — the icon slots compose on permanently; the raw
+                // colour escape hatches live in their own example.
+                const btn = $.const(_jsx(Button, { variant: buttonVariant, colorPalette: palette, size: size, loading: loading, loadingText: "Submitting\u2026", loadingIcon: { prefix: "fas", name: "spinner" }, startIcon: { prefix: "fas", name: "save" }, endIcon: { prefix: "fas", name: "arrow-right" }, children: btnLabel }));
+                return (_jsx(Configurator, { controls: [
+                        Configurator.Control("Variant", vKey, _jsx(Select, { value: vKey, onChange: onVariant, size: "sm", items: variants.map((_$, v) => Select.Item(v.getTag(), v.getTag())) })),
+                        Configurator.Control("Palette", pKey, _jsx(Select, { value: pKey, onChange: onPalette, size: "sm", items: palettes.map((_$, v) => Select.Item(v.getTag(), v.getTag())) })),
+                        Configurator.Control("Size", sKey, _jsx(Select, { value: sKey, onChange: onSize, size: "sm", items: sizes.map((_$, v) => Select.Item(v.getTag(), v.getTag())) })),
+                        // Slots, not Controls: the switches report as the
+                        // Loading / Icons / Label spec rows below rather than
+                        // as one value each.
+                        Configurator.Slot("State", _jsx(HStack, { gap: "5", align: "center", wrap: "wrap", children: _jsx(Switch, { checked: loading, label: "Loading", onChange: onLoading }) })),
+                        Configurator.Slot("Content", _jsx(HStack, { gap: "5", align: "center", wrap: "wrap", children: _jsx(Switch, { checked: rich, label: "Rich label", onChange: onRich }) })),
+                    ], preview: btn, aside: {
+                        label: "Count · Reactive",
+                        body: (_jsxs(HStack, { gap: "3", align: "center", children: [_jsx(Text, { children: East.str `Clicked ${East.print(count)} times` }), _jsx(Button, { size: "xs", onClick: inc, children: "Click me" })] })),
+                    }, spec: [
+                        Configurator.Spec("Loading", loading.ifElse(_$ => "Submitting… · spinner", _$ => "idle")),
+                        Configurator.Spec("Label", rich.ifElse(_$ => "HStack · Accept + caption", _$ => "Save Changes")),
+                        Configurator.Spec("Slots", "variant recipe"),
+                    ] }));
+            } }));
     }),
     inputs: [],
 });
-export const buttonDangerOutline = example({
-    keywords: ["Button", "Root", "variant", "outline", "ghost", "colorPalette", "red", "danger"],
-    description: "Create danger and secondary action buttons with outline and ghost variants",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsxs(HStack, { gap: "2", children: [_jsx(Button, { variant: "solid", colorPalette: "red", children: "Delete" }), _jsx(Button, { variant: "outline", colorPalette: "gray", children: "Cancel" }), _jsx(Button, { variant: "ghost", size: "sm", children: "More" })] }));
-    }),
-    inputs: [],
-});
-export const buttonReactiveCounter = example({
-    keywords: ["Button", "Root", "onClick", "Reactive", "State", "callback", "interactive", "counter"],
-    description: "Reactive counter with increment/decrement buttons using onClick callbacks and State",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const counter = $.let(State.bind([IntegerType], "counter", 0n));
-            const count = $.let(counter.read());
-            const increment = $.const(East.function([], NullType, $ => {
-                const current = $.let(counter.read());
-                $(counter.write(current.add(1n)));
-            }));
-            const decrement = $.const(East.function([], NullType, $ => {
-                const current = $.let(counter.read());
-                $(counter.write(current.subtract(1n)));
-            }));
-            return (_jsxs(VStack, { gap: "4", children: [_jsx(Stat, { label: "Count", value: East.print(count) }), _jsxs(HStack, { gap: "2", children: [_jsx(Button, { onClick: decrement, variant: "solid", colorPalette: "red", children: "-" }), _jsx(Button, { onClick: increment, variant: "solid", colorPalette: "blue", children: "+" })] })] }));
-        } }))),
-    inputs: [],
-});
-// -----------------------------------------------------------------------------
-// Plan 1.4 new examples
-// -----------------------------------------------------------------------------
-export const buttonWithIcons = example({
-    keywords: ["Button", "Root", "startIcon", "endIcon", "icon"],
-    description: "Button with start + end icons (Save · ⏎)",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Button, { startIcon: { prefix: "fas", name: "save" }, endIcon: { prefix: "fas", name: "arrow-right" }, variant: "solid", colorPalette: "blue", children: "Save" }));
-    }),
-    inputs: [],
-});
-export const buttonLoading = example({
-    keywords: ["Button", "Root", "loading", "loadingText", "loadingIcon", "spinner"],
-    description: "Loading button with custom loadingText + loadingIcon swap",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Button, { loading: true, loadingText: "Submitting\u2026", loadingIcon: { prefix: "fas", name: "spinner" }, variant: "solid", colorPalette: "blue", children: "Submit" }));
-    }),
-    inputs: [],
-});
-export const buttonRichLabel = example({
-    keywords: ["Button", "Root", "label", "rich", "UIComp", "HStack"],
-    description: "Button whose label is an HStack of Text children (primary + muted caption)",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Button, { variant: "solid", colorPalette: "green", children: _jsxs(HStack, { gap: "1", align: "center", children: [_jsx(Text, { children: "Accept" }), _jsx(Text, { color: "whiteAlpha.700", children: "\u2192 log to MES" })] }) }));
-    }),
-    inputs: [],
-});
-export const buttonGhost = example({
-    keywords: ["Button", "Root", "variant", "ghost", "escape-hatch", "color", "hoverBackground"],
-    description: "Ghost button with full colour escape hatches (color + hoverBackground)",
-    fn: East.function([], UIComponentType, (_$) => {
-        return _jsx(Button, { variant: "ghost", color: "#3d5cff", hoverBackground: "#eef2ff", children: "View details" });
-    }),
-    inputs: [],
-});
-export const buttonPlain = example({
-    keywords: ["Button", "Root", "variant", "plain", "unadorned"],
-    description: "Plain variant — unadorned pressable text",
-    fn: East.function([], UIComponentType, (_$) => {
-        return _jsx(Button, { variant: "plain", colorPalette: "blue", children: "Learn more" });
-    }),
-    inputs: [],
-});
-export const buttonBrandedColours = example({
-    keywords: ["Button", "Root", "style", "color", "background", "borderColor", "branded"],
-    description: "Branded button with hex colour escape hatches on style",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Button, { startIcon: { prefix: "fas", name: "rocket" }, color: "#ffffff", background: "#1a2234", borderColor: "#3d5cff", hoverBackground: "#25345a", children: "Deploy" }));
-    }),
+/** Raw colour escape hatches — branded ink and plain unadorned buttons. */
+export const buttonCustomColours = example({
+    keywords: ["Button", "escape-hatch", "color", "background", "borderColor", "hoverBackground", "branded", "plain", "unadorned", "override", "link"],
+    description: "Colour escape hatches — link and branded-ink buttons beside the recipe default",
+    fn: East.function([], UIComponentType, (_$) => (_jsxs(HStack, { gap: "3", align: "center", children: [_jsx(Button, { variant: "solid", colorPalette: "brand", children: "Recipe" }), _jsx(Button, { variant: "ghost", color: "link", background: "transparent", borderColor: "transparent", hoverBackground: "bg.brand.subtle", children: "Link" }), _jsx(Button, { variant: "solid", color: "fg.inverse", background: "bg.inverse", borderColor: "border.brand", hoverBackground: "bg.inverse", children: "Branded" })] }))),
     inputs: [],
 });
 //# sourceMappingURL=button.examples.js.map

package/dist/test/buttons/button.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.examples.js","sourceRoot":"","sources":["../../../test/buttons/button.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;IACxD,WAAW,EAAE,0CAA0C;IACvD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,MAAM,2BAAkB,CAAC;IACrC,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACtC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,CAAC;IAChF,WAAW,EAAE,qDAAqD;IAClE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,6BAAsB,CAAC;IACvF,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC;IAC5F,WAAW,EAAE,4EAA4E;IACzF,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,aACX,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,uBAAgB,EAC1D,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,uBAAgB,EAC7D,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,qBAAc,IAC1C,CACZ,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,CAAC;IAClG,WAAW,EAAE,qFAAqF;IAClG,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;YACX,MAAM,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;YAChE,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;YAEpC,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACtD,MAAM,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;gBACtC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC,CAAC;YAEJ,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACtD,MAAM,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;gBACtC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC,CAAC;YAEJ,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,aACX,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAI,EAChD,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,aACX,KAAC,MAAM,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,kBAAW,EACzE,KAAC,MAAM,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAW,IACrE,IACJ,CACZ,CAAC;QACN,CAAC,GAAY,CAChB,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,gFAAgF;AAChF,wBAAwB;AACxB,gFAAgF;AAEhF,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;IACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC;IAC5D,WAAW,EAAE,0CAA0C;IACvD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,MAAM,IACH,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAC1C,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,EAC/C,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,MAAM,qBAGd,CACZ,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC;IAChF,WAAW,EAAE,2DAA2D;IACxE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,MAAM,IACH,OAAO,QACP,WAAW,EAAC,kBAAa,EACzB,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAC/C,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,MAAM,uBAGd,CACZ,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;IACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACjE,WAAW,EAAE,4EAA4E;IACzF,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,OAAO,YACxC,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,aAC1B,KAAC,IAAI,yBAAc,EACnB,KAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,kCAAoB,IAC3C,GACJ,CACZ,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,CAAC;IAC5F,WAAW,EAAE,wEAAwE;IACrF,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,eAAe,EAAC,SAAS,6BAAsB,CAAC;IACnG,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,CAAC;IAC7D,WAAW,EAAE,0CAA0C;IACvD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,2BAAoB,CAAC;IAC3E,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACxC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,CAAC;IACtF,WAAW,EAAE,wDAAwD;IACrE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,MAAM,IACH,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAC5C,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,SAAS,EACpB,WAAW,EAAC,SAAS,EACrB,eAAe,EAAC,SAAS,uBAGpB,CACZ,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"button.examples.js","sourceRoot":"","sources":["../../../test/buttons/button.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/buttons/close-button.examples.d.ts

@@ -1,5 +1,5 @@
 export declare const closeButtonBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const closeButtonLabelled: import("@elaraai/east").ExampleDef<[], any>;
-export declare const closeButtonReactive: import("@elaraai/east").ExampleDef<[], any>;
-export declare const closeButtonBranded: import("@elaraai/east").ExampleDef<[], any>;
+export declare const closeButtonVariants: import("@elaraai/east").ExampleDef<[], any>;
+/** Raw colour escape hatches on a static close button. */
+export declare const closeButtonCustomColours: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=close-button.examples.d.ts.map

package/dist/test/buttons/close-button.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"close-button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/close-button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,6CAO3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAO9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAa9B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAe7B,CAAC"}
+{"version":3,"file":"close-button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/close-button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,6CAO3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CA2D9B,CAAC;AAEH,0DAA0D;AAC1D,eAAO,MAAM,wBAAwB,6CAOnC,CAAC"}

package/dist/test/buttons/close-button.examples.js

@@ -4,9 +4,9 @@ import { jsx as _jsx } from "@elaraai/east-ui/jsx-runtime";
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 /** @jsxImportSource @elaraai/east-ui */
-import { East, BooleanType, NullType, example } from "@elaraai/east";
-import { State, UIComponentType } from "@elaraai/east-ui";
-import { CloseButton, Reactive } from "@elaraai/east-ui";
+import { ArrayType, East, IntegerType, NullType, StringType, example, variant } from "@elaraai/east";
+import { State, Style, UIComponentType } from "@elaraai/east-ui";
+import { CloseButton, Configurator, Reactive, SegmentGroup, Text } from "@elaraai/east-ui";
 export const closeButtonBasic = example({
     keywords: ["CloseButton", "Root", "dismiss", "default"],
     description: "Default CloseButton — aria-label renders as 'Close'",
@@ -15,32 +15,50 @@ export const closeButtonBasic = example({
     }),
     inputs: [],
 });
-export const closeButtonLabelled = example({
-    keywords: ["CloseButton", "Root", "label", "aria-label", "localised"],
-    description: "CloseButton with a custom aria-label",
-    fn: East.function([], UIComponentType, (_$) => {
-        return _jsx(CloseButton, { label: "Dismiss banner", variant: "ghost", size: "sm" });
-    }),
-    inputs: [],
-});
-export const closeButtonReactive = example({
-    keywords: ["CloseButton", "Root", "onClick", "Reactive", "State", "dismiss"],
-    description: "Reactive CloseButton that flips a dismiss flag in state",
+export const closeButtonVariants = example({
+    keywords: ["CloseButton", "Root", "variant", "ghost", "subtle", "solid", "size", "label", "aria-label", "localised", "color", "background", "branded", "onClick", "Reactive", "State", "dismiss", "SegmentGroup", "Switch", "Configurator", "getTag", "configurator"],
+    description: "CloseButton configurator — variant, size and colour axes on one live button with a custom aria-label; the aside counts dismissals",
     fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const visible = $.let(State.bind([BooleanType], "banner_visible", true));
+            const variants = $.const([
+                variant("ghost", null), variant("subtle", null), variant("solid", null),
+            ], ArrayType(CloseButton.Types.Variant));
+            const sizes = $.const([
+                variant("sm", null), variant("md", null), variant("lg", null),
+            ], ArrayType(Style.Types.Size));
+            const variantBind = $.let(State.bind([StringType], "closebutton_variant", "ghost"));
+            const sizeBind = $.let(State.bind([StringType], "closebutton_size", "md"));
+            const countBind = $.let(State.bind([IntegerType], "closebutton_count", 0n));
+            const vKey = $.let(variantBind.read());
+            const sKey = $.let(sizeBind.read());
+            const count = $.let(countBind.read());
+            const onVariant = $.const(East.function([StringType], NullType, ($, next) => { $(variantBind.write(next)); }));
+            const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
             const dismiss = $.const(East.function([], NullType, $ => {
-                $(visible.write(false));
+                const cur = $.let(countBind.read());
+                $(countBind.write(cur.add(1n)));
             }));
-            return _jsx(CloseButton, { label: "Dismiss banner", onClick: dismiss, variant: "subtle" });
+            const buttonVariant = $.let(variants.filter((_$, v) => v.getTag().equal(vKey)).get(0n));
+            const size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+            // ONE button — recipe colouring; the escape hatches live in
+            // their own example.
+            const preview = $.const(_jsx(CloseButton, { label: "Dismiss banner", variant: buttonVariant, size: size, onClick: dismiss }));
+            return (_jsx(Configurator, { controls: [
+                    Configurator.Control("Variant", vKey, _jsx(SegmentGroup, { value: vKey, onChange: onVariant, size: "sm", items: variants.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                    Configurator.Control("Size", sKey, _jsx(SegmentGroup, { value: sKey, onChange: onSize, size: "sm", items: sizes.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                ], preview: preview, aside: {
+                    label: "Dismissals · Reactive",
+                    body: _jsx(Text.MonoLabel, { children: East.str `DISMISSED · ${East.print(count)}` }),
+                }, spec: [
+                    Configurator.Spec("aria-label", "Dismiss banner"),
+                ] }));
         } }))),
     inputs: [],
 });
-export const closeButtonBranded = example({
-    keywords: ["CloseButton", "Root", "style", "color", "background", "branded"],
-    description: "Branded CloseButton with hex colour escape hatches",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(CloseButton, { label: "Dismiss", variant: "solid", color: "#ffffff", background: "#1a2234", hoverBackground: "#25345a" }));
-    }),
+/** Raw colour escape hatches on a static close button. */
+export const closeButtonCustomColours = example({
+    keywords: ["CloseButton", "color", "background", "hoverBackground", "override", "custom"],
+    description: "Colour overrides — inverse-ink close button via the raw escape hatches",
+    fn: East.function([], UIComponentType, (_$) => (_jsx(CloseButton, { label: "Dismiss banner", variant: "solid", color: "fg.inverse", background: "bg.inverse", hoverBackground: "bg.inverse" }))),
     inputs: [],
 });
 //# sourceMappingURL=close-button.examples.js.map

package/dist/test/buttons/close-button.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"close-button.examples.js","sourceRoot":"","sources":["../../../test/buttons/close-button.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC;IACvD,WAAW,EAAE,qDAAqD;IAClE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,WAAW,KAAG,CAAC;IAC3B,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC;IACrE,WAAW,EAAE,sCAAsC;IACnD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,WAAW,IAAC,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,CAAC;IAC5E,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC;IAC5E,WAAW,EAAE,yDAAyD;IACtE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;YACX,MAAM,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;YACzE,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACpD,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC,CAAC;YACJ,OAAO,KAAC,WAAW,IAAC,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,QAAQ,GAAG,CAAC;QACrF,CAAC,GAAY,CAChB,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACtC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,CAAC;IAC5E,WAAW,EAAE,oDAAoD;IACjE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,WAAW,IACR,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,SAAS,EACpB,eAAe,EAAC,SAAS,GAC3B,CACL,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"close-button.examples.js","sourceRoot":"","sources":["../../../test/buttons/close-button.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/buttons/copy-button.examples.d.ts

@@ -1,4 +1,5 @@
 export declare const copyButtonBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const copyButtonLabelled: import("@elaraai/east").ExampleDef<[], any>;
-export declare const copyButtonBranded: import("@elaraai/east").ExampleDef<[], any>;
+export declare const copyButtonVariants: import("@elaraai/east").ExampleDef<[], any>;
+/** Raw colour escape hatches on a static copy button. */
+export declare const copyButtonCustomColours: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=copy-button.examples.d.ts.map

package/dist/test/buttons/copy-button.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/copy-button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,6CAO1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAW7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAmB5B,CAAC"}
+{"version":3,"file":"copy-button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/copy-button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,6CAO1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAyC7B,CAAC;AAEH,yDAAyD;AACzD,eAAO,MAAM,uBAAuB,6CASlC,CAAC"}

package/dist/test/buttons/copy-button.examples.js

@@ -4,9 +4,9 @@ import { jsx as _jsx } from "@elaraai/east-ui/jsx-runtime";
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 /** @jsxImportSource @elaraai/east-ui */
-import { East, example } from "@elaraai/east";
-import { UIComponentType } from "@elaraai/east-ui";
-import { CopyButton } from "@elaraai/east-ui";
+import { ArrayType, East, NullType, StringType, example, variant } from "@elaraai/east";
+import { State, UIComponentType } from "@elaraai/east-ui";
+import { Configurator, CopyButton, Reactive, SegmentGroup, Text } from "@elaraai/east-ui";
 export const copyButtonBasic = example({
     keywords: ["CopyButton", "Root", "icon-only", "clipboard"],
     description: "Icon-only copy affordance (aria-label 'Copy to clipboard')",
@@ -15,20 +15,33 @@ export const copyButtonBasic = example({
     }),
     inputs: [],
 });
-export const copyButtonLabelled = example({
-    keywords: ["CopyButton", "Root", "label", "timeout"],
-    description: "Labelled copy button with a custom 1.5s \"Copied!\" timeout",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(CopyButton, { label: "Copy link", timeout: "1500", variant: "outline", colorPalette: "blue", children: "https://elara.ai/share/abc123" }));
-    }),
+export const copyButtonVariants = example({
+    keywords: ["CopyButton", "Root", "variant", "outline", "solid", "label", "timeout", "color", "background", "successColor", "branded", "clipboard", "Reactive", "State", "SegmentGroup", "Configurator", "getTag", "configurator"],
+    description: "CopyButton configurator — variant and colour axes on one live labelled copy button with a custom Copied! timeout",
+    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
+            const variants = $.const([
+                variant("ghost", null), variant("outline", null), variant("solid", null),
+            ], ArrayType(CopyButton.Types.Variant));
+            const variantBind = $.let(State.bind([StringType], "copybutton_variant", "outline"));
+            const vKey = $.let(variantBind.read());
+            const onVariant = $.const(East.function([StringType], NullType, ($, next) => { $(variantBind.write(next)); }));
+            const buttonVariant = $.let(variants.filter((_$, v) => v.getTag().equal(vKey)).get(0n));
+            // ONE button — recipe colouring; the escape hatches live in
+            // their own example.
+            const preview = $.const(_jsx(CopyButton, { label: "Copy API key", variant: buttonVariant, timeout: "1500", children: "elaraai_sk_live_xxxxxxxx" }));
+            return (_jsx(Configurator, { controls: [
+                    Configurator.Control("Variant", vKey, _jsx(SegmentGroup, { value: vKey, onChange: onVariant, size: "sm", items: variants.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                ], preview: preview, spec: [
+                    Configurator.Spec("Timeout", "1500ms"),
+                ] }));
+        } }))),
     inputs: [],
 });
-export const copyButtonBranded = example({
-    keywords: ["CopyButton", "Root", "style", "color", "background", "successColor", "branded"],
-    description: "Branded copy button with full colour escape hatches including successColor",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(CopyButton, { label: "Copy API key", variant: "solid", color: "#ffffff", background: "#1a2234", borderColor: "#3d5cff", hoverBackground: "#25345a", successColor: "#2e7d32", children: "elaraai_sk_live_xxxxxxxx" }));
-    }),
+/** Raw colour escape hatches on a static copy button. */
+export const copyButtonCustomColours = example({
+    keywords: ["CopyButton", "color", "background", "borderColor", "successColor", "override", "custom"],
+    description: "Colour overrides — inverse-ink copy button with a success tint",
+    fn: East.function([], UIComponentType, (_$) => (_jsx(CopyButton, { label: "Copy API key", variant: "solid", color: "fg.inverse", background: "bg.inverse", borderColor: "border.brand", hoverBackground: "bg.inverse", successColor: "fg.success", children: "elaraai_sk_live_xxxxxxxx" }))),
     inputs: [],
 });
 //# sourceMappingURL=copy-button.examples.js.map

package/dist/test/buttons/copy-button.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.examples.js","sourceRoot":"","sources":["../../../test/buttons/copy-button.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;IACnC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC;IAC1D,WAAW,EAAE,4DAA4D;IACzE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,UAAU,uCAAkC,CAAC;IACzD,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACtC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC;IACpD,WAAW,EAAE,6DAA6D;IAC1E,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,UAAU,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,8CAErE,CAChB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,CAAC;IAC3F,WAAW,EAAE,4EAA4E;IACzF,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAC,cAAc,EACpB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,SAAS,EACpB,WAAW,EAAC,SAAS,EACrB,eAAe,EAAC,SAAS,EACzB,YAAY,EAAC,SAAS,yCAGb,CAChB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"copy-button.examples.js","sourceRoot":"","sources":["../../../test/buttons/copy-button.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/buttons/icon-button.examples.d.ts

@@ -1,6 +1,3 @@
 export declare const iconButtonBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const iconButtonLoading: import("@elaraai/east").ExampleDef<[], any>;
-export declare const iconButtonColoured: import("@elaraai/east").ExampleDef<[], any>;
-export declare const iconButtonBadgeAndAttention: import("@elaraai/east").ExampleDef<[], any>;
-export declare const iconButtonOnClickReactive: import("@elaraai/east").ExampleDef<[], any>;
+export declare const iconButtonVariants: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=icon-button.examples.d.ts.map

package/dist/test/buttons/icon-button.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/icon-button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,6CAO1B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAiB5B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAkB7B,CAAC;AAEH,eAAO,MAAM,2BAA2B,6CAetC,CAAC;AAEH,eAAO,MAAM,yBAAyB,6CAoBpC,CAAC"}
+{"version":3,"file":"icon-button.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/icon-button.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,6CAO1B,CAAC;AAMH,eAAO,MAAM,kBAAkB,6CA+J7B,CAAC"}