@elaraai/east-ui 1.0.59 → 1.0.61

package/dist/test/forms/combobox.examples.js

@@ -4,9 +4,12 @@ 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, ArrayType, BooleanType, IntegerType, NullType, StringType, example } from "@elaraai/east";
+import { East, ArrayType, BooleanType, IntegerType, NullType, StringType, StructType, example, variant } from "@elaraai/east";
 import { State, UIComponentType } from "@elaraai/east-ui";
-import { Combobox, Text, VStack, Reactive } from "@elaraai/east-ui";
+import { Combobox, Configurator, HStack, Select, Separator, Style, Switch, Text, VStack, Reactive } from "@elaraai/east-ui";
+// ============================================================================
+// Basic — the search-index front door
+// ============================================================================
 export const comboboxBasic = example({
     keywords: ["Combobox", "Root", "Item", "searchable", "dropdown"],
     description: "Searchable dropdown with type-to-filter",
@@ -23,136 +26,107 @@ export const comboboxBasic = example({
     }),
     inputs: [],
 });
-export const comboboxWithValue = example({
-    keywords: ["Combobox", "Root", "initial value", "preselected"],
-    description: "Pre-selected initial value",
+// ============================================================================
+// Combobox — live configurator over every control axis
+// ============================================================================
+export const comboboxVariants = example({
+    keywords: ["Combobox", "Root", "initial value", "preselected", "size", "xs", "sm", "md", "lg", "disabled", "Item", "allowCustomValue", "freeform", "SegmentGroup", "Switch", "Configurator", "getTag", "configurator", "multiple", "multi-select", "Reactive", "State", "onChange", "interactive", "onChangeMultiple", "multi"],
+    description: "Combobox configurator — value and size axes plus disabled, custom-value and multiple switches driving one live select bound to State; the aside reads the single and multi selections back",
     fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Combobox, { value: "ca", items: [
-                Combobox.Item("us", "United States"),
-                Combobox.Item("uk", "United Kingdom"),
-                Combobox.Item("ca", "Canada"),
-                Combobox.Item("au", "Australia"),
-            ], placeholder: "Search countries..." }));
-    }),
-    inputs: [],
-});
-export const comboboxSizes = example({
-    keywords: ["Combobox", "Root", "size", "xs", "sm", "md", "lg"],
-    description: "Available sizes: xs, sm, md, lg",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsxs(VStack, { gap: "2", align: "stretch", width: "100%", children: [_jsx(Combobox, { value: "", items: [Combobox.Item("a", "Option A"), Combobox.Item("b", "Option B")], placeholder: "Extra Small", size: "xs" }), _jsx(Combobox, { value: "", items: [Combobox.Item("a", "Option A"), Combobox.Item("b", "Option B")], placeholder: "Small", size: "sm" }), _jsx(Combobox, { value: "", items: [Combobox.Item("a", "Option A"), Combobox.Item("b", "Option B")], placeholder: "Medium (default)", size: "md" }), _jsx(Combobox, { value: "", items: [Combobox.Item("a", "Option A"), Combobox.Item("b", "Option B")], placeholder: "Large", size: "lg" })] }));
+        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 sizes = $.const([
+                    variant("xs", null), variant("sm", null), variant("md", null), variant("lg", null),
+                ], ArrayType(Style.Types.Size));
+                // One data table feeds BOTH the dropdown items and the value
+                // presets — the segment pre-selects the same codes the combobox
+                // itself can pick, and Antarctica stays item-disabled to keep
+                // the per-item flag on show.
+                const countries = $.const([
+                    { value: "us", label: "United States", disabled: false },
+                    { value: "uk", label: "United Kingdom", disabled: false },
+                    { value: "ca", label: "Canada", disabled: false },
+                    { value: "au", label: "Australia", disabled: false },
+                    { value: "aq", label: "Antarctica", disabled: true },
+                ], ArrayType(StructType({ value: StringType, label: StringType, disabled: BooleanType })));
+                const sizeBind = $.let(State.bind([StringType], "combobox_size", "md"));
+                const valueBind = $.let(State.bind([StringType], "combobox_value", "ca"));
+                const disabledBind = $.let(State.bind([BooleanType], "combobox_disabled", false));
+                const customBind = $.let(State.bind([BooleanType], "combobox_custom", false));
+                const multipleBind = $.let(State.bind([BooleanType], "combobox_multiple", false));
+                // Multi selection keeps its own State key (the old interactive
+                // panel's), so flipping the Multiple switch preserves each
+                // mode's selection.
+                const multiBind = $.let(State.bind([ArrayType(StringType)], "form_combobox_multi", []));
+                const sKey = $.let(sizeBind.read());
+                const selected = $.let(valueBind.read());
+                const disabled = $.let(disabledBind.read());
+                const custom = $.let(customBind.read());
+                const multiple = $.let(multipleBind.read());
+                const multiSel = $.let(multiBind.read());
+                const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
+                const onValue = $.const(East.function([StringType], NullType, ($, next) => { $(valueBind.write(next)); }));
+                const onDisabled = $.const(East.function([BooleanType], NullType, ($, next) => { $(disabledBind.write(next)); }));
+                const onCustom = $.const(East.function([BooleanType], NullType, ($, next) => { $(customBind.write(next)); }));
+                const onMultiple = $.const(East.function([BooleanType], NullType, ($, next) => { $(multipleBind.write(next)); }));
+                const onChangeMultiple = $.const(East.function([ArrayType(StringType)], NullType, ($, next) => { $(multiBind.write(next)); }));
+                // Each selection is a lookup into the same array the control renders.
+                const size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+                const selDisplay = $.let(East.greater(selected.length(), 0n).ifElse(_$ => selected, _$ => "(none)"));
+                const multiDisplay = $.let(East.greater(multiSel.size(), 0n).ifElse(_$ => multiSel.stringJoin(", "), _$ => "(none)"));
+                // multiple feeds as an expression; BOTH change callbacks stay
+                // attached and the matching one fires.
+                const combo = $.const(_jsx(Combobox, { value: "", items: countries.map((_$, c) => Combobox.Item(c.value, c.label, { disabled: c.disabled })), placeholder: "Search countries...", size: size, disabled: disabled, allowCustomValue: custom, multiple: multiple, onChange: onValue, onChangeMultiple: onChangeMultiple }));
+                return (_jsx(Configurator, { controls: [
+                        Configurator.Control("Value", selDisplay, _jsx(Select, { value: selected, onChange: onValue, size: "sm", items: countries.filter((_$, c) => c.disabled.not()).map((_$, c) => Select.Item(c.value, c.label)) })),
+                        Configurator.Control("Size", sKey, _jsx(Select, { value: sKey, onChange: onSize, size: "sm", items: sizes.map((_$, v) => Select.Item(v.getTag(), v.getTag())) })),
+                        // A Slot, not a Control: the switches report as the
+                        // Disabled / Custom / Mode spec rows below rather
+                        // than as one value each.
+                        Configurator.Slot("Flags", _jsxs(HStack, { gap: "5", align: "center", wrap: "wrap", children: [_jsx(Switch, { checked: disabled, label: "Disabled", onChange: onDisabled }), _jsx(Switch, { checked: custom, label: "Custom value", onChange: onCustom }), _jsx(Switch, { checked: multiple, label: "Multiple", onChange: onMultiple })] })),
+                    ], preview: combo, aside: {
+                        label: "Selection · Reactive",
+                        body: (_jsxs(VStack, { gap: "1", align: "flex-start", children: [_jsx(Text.MonoLabel, { children: East.str `SELECTED · ${selDisplay.upperCase()}` }), _jsx(Text.MonoLabel, { children: East.str `MULTI · ${multiDisplay.upperCase()}` })] })),
+                    }, spec: [
+                        Configurator.Spec("Mode", multiple.ifElse(_$ => "multi · onChangeMultiple", _$ => "single · onChange")),
+                        Configurator.Spec("Disabled", disabled.ifElse(_$ => "control", _$ => "antarctica item only")),
+                        Configurator.Spec("Custom values", custom.ifElse(_$ => "accepted", _$ => "list only")),
+                        Configurator.Spec("Items", East.str `${East.print(countries.size())} · antarctica disabled`),
+                    ] }));
+            } }));
     }),
     inputs: [],
 });
-export const comboboxDisabled = example({
-    keywords: ["Combobox", "Root", "disabled", "Item"],
-    description: "Disabled combobox and disabled items",
+// ============================================================================
+// Combobox — keystroke + open/close logs (events panel)
+// ============================================================================
+export const comboboxEvents = example({
+    keywords: ["Combobox", "Root", "Reactive", "State", "onInputValueChange", "interactive", "onOpenChange"],
+    description: "Combobox events panel — on input value change (combobox whose onInputValueChange records every keystroke), on open change (combobox whose onOpenChange counts dropdown open/close transitions)",
     fn: East.function([], UIComponentType, (_$) => {
-        return (_jsxs(VStack, { gap: "4", align: "stretch", width: "100%", children: [_jsx(Combobox, { value: "", items: [Combobox.Item("a", "Option A"), Combobox.Item("b", "Option B")], placeholder: "Disabled combobox", disabled: true }), _jsx(Combobox, { value: "", items: [
-                        Combobox.Item("free", "Free Plan"),
-                        Combobox.Item("pro", "Pro Plan"),
-                        Combobox.Item("enterprise", "Enterprise Plan", { disabled: true }),
-                    ], placeholder: "Item disabled" })] }));
-    }),
-    inputs: [],
-});
-export const comboboxCustomValue = example({
-    keywords: ["Combobox", "Root", "allowCustomValue", "freeform"],
-    description: "Accept values not in the list",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Combobox, { value: "", items: [
-                Combobox.Item("react", "React"),
-                Combobox.Item("vue", "Vue"),
-                Combobox.Item("angular", "Angular"),
-                Combobox.Item("svelte", "Svelte"),
-            ], placeholder: "Type or pick a framework...", allowCustomValue: true }));
+        return (_jsxs(VStack, { gap: "4", align: "stretch", children: [_jsx(Separator, { label: "ON INPUT VALUE CHANGE", align: "start" }), _jsx(Reactive, { children: $ => {
+                        const inputBind = $.let(State.bind([StringType], "form_combobox_inputvalue", ""));
+                        const last = $.let(inputBind.read());
+                        const onInputValueChange = $.const(East.function([StringType], NullType, ($, next) => {
+                            $(inputBind.write(next));
+                        }));
+                        return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Combobox, { value: "", items: [
+                                        Combobox.Item("a", "Apple"),
+                                        Combobox.Item("b", "Banana"),
+                                        Combobox.Item("c", "Cherry"),
+                                    ], placeholder: "Type anything\u2026", onInputValueChange: onInputValueChange }), _jsx(Text.MonoLabel, { children: East.str `LAST TYPED · ${last}` })] }));
+                    } }), _jsx(Separator, { label: "ON OPEN CHANGE", align: "start" }), _jsx(Reactive, { children: $ => {
+                        const bind = $.let(State.bind([IntegerType], "form_combobox_toggles", 0n));
+                        const value = $.let(bind.read());
+                        const onOpenChange = $.const(East.function([BooleanType], NullType, ($, _open) => {
+                            const cur = $.let(bind.read());
+                            $(bind.write(cur.add(1n)));
+                        }));
+                        return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Combobox, { value: "", items: [Combobox.Item("a", "Apple"), Combobox.Item("b", "Banana")], placeholder: "Open me\u2026", onOpenChange: onOpenChange }), _jsx(Text.MonoLabel, { children: East.str `TOGGLED · ${value}` })] }));
+                    } })] }));
     }),
     inputs: [],
 });
-export const comboboxMultiple = example({
-    keywords: ["Combobox", "Root", "multiple", "multi-select"],
-    description: "Select multiple values from the list",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Combobox, { value: "", items: [
-                Combobox.Item("red", "Red"),
-                Combobox.Item("green", "Green"),
-                Combobox.Item("blue", "Blue"),
-                Combobox.Item("yellow", "Yellow"),
-                Combobox.Item("purple", "Purple"),
-            ], placeholder: "Search colors...", multiple: true }));
-    }),
-    inputs: [],
-});
-export const comboboxInteractive = example({
-    keywords: ["Combobox", "Root", "Reactive", "State", "onChange", "interactive"],
-    description: "Single select - type to search, pick one",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const selectBind = $.let(State.bind([StringType], "form_combobox", ""));
-            const selected = $.let(selectBind.read());
-            const onChange = $.const(East.function([StringType], NullType, ($, newValue) => {
-                $(selectBind.write(newValue));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Combobox, { value: selected, items: [
-                            Combobox.Item("apple", "Apple"),
-                            Combobox.Item("banana", "Banana"),
-                            Combobox.Item("cherry", "Cherry"),
-                            Combobox.Item("date", "Date"),
-                            Combobox.Item("elderberry", "Elderberry"),
-                            Combobox.Item("fig", "Fig"),
-                            Combobox.Item("guava", "Guava"),
-                        ], placeholder: "Search fruits...", onChange: onChange }), _jsx(Text.MonoLabel, { children: East.str `SELECTED · ${East.greater(selected.length(), 0n).ifElse(_$ => selected, _$ => "(NONE)")}` })] }));
-        } }))),
-    inputs: [],
-});
-export const comboboxInteractiveMulti = example({
-    keywords: ["Combobox", "Root", "Reactive", "State", "onChangeMultiple", "multi"],
-    description: "Multi select - type to search, pick many",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const selectBind = $.let(State.bind([ArrayType(StringType)], "form_combobox_multi", []));
-            const selected = $.let(selectBind.read());
-            const onChangeMultiple = $.const(East.function([ArrayType(StringType)], NullType, ($, newValue) => {
-                $(selectBind.write(newValue));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Combobox, { value: "", items: [
-                            Combobox.Item("react", "React"),
-                            Combobox.Item("vue", "Vue"),
-                            Combobox.Item("angular", "Angular"),
-                            Combobox.Item("svelte", "Svelte"),
-                            Combobox.Item("solid", "Solid"),
-                            Combobox.Item("ember", "Ember"),
-                        ], placeholder: "Search frameworks...", multiple: true, onChangeMultiple: onChangeMultiple }), _jsx(Text.MonoLabel, { children: East.str `SELECTED · ${East.greater(selected.length(), 0n).ifElse(_$ => selected.stringJoin(", "), _$ => "(NONE)")}` })] }));
-        } }))),
-    inputs: [],
-});
-export const comboboxOnInputValueChange = example({
-    keywords: ["Combobox", "Root", "Reactive", "State", "onInputValueChange", "interactive"],
-    description: "Combobox whose onInputValueChange records every keystroke",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const inputBind = $.let(State.bind([StringType], "form_combobox_inputvalue", ""));
-            const last = $.let(inputBind.read());
-            const onInputValueChange = $.const(East.function([StringType], NullType, ($, next) => {
-                $(inputBind.write(next));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Combobox, { value: "", items: [
-                            Combobox.Item("a", "Apple"),
-                            Combobox.Item("b", "Banana"),
-                            Combobox.Item("c", "Cherry"),
-                        ], placeholder: "Type anything\u2026", onInputValueChange: onInputValueChange }), _jsx(Text.MonoLabel, { children: East.str `LAST TYPED · ${last}` })] }));
-        } }))),
-    inputs: [],
-});
-export const comboboxOnOpenChange = example({
-    keywords: ["Combobox", "Root", "Reactive", "State", "onOpenChange", "interactive"],
-    description: "Combobox whose onOpenChange counts dropdown open/close transitions",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const bind = $.let(State.bind([IntegerType], "form_combobox_toggles", 0n));
-            const value = $.let(bind.read());
-            const onOpenChange = $.const(East.function([BooleanType], NullType, ($, _open) => {
-                const cur = $.let(bind.read());
-                $(bind.write(cur.add(1n)));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Combobox, { value: "", items: [Combobox.Item("a", "Apple"), Combobox.Item("b", "Banana")], placeholder: "Open me\u2026", onOpenChange: onOpenChange }), _jsx(Text.MonoLabel, { children: East.str `TOGGLED · ${value}` })] }));
-        } }))),
-    inputs: [],
-});
 //# sourceMappingURL=combobox.examples.js.map

package/dist/test/forms/combobox.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.examples.js","sourceRoot":"","sources":["../../../test/forms/combobox.examples.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"combobox.examples.js","sourceRoot":"","sources":["../../../test/forms/combobox.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9H,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5H,+EAA+E;AAC/E,sCAAsC;AACtC,+EAA+E;AAE/E,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC;IAChE,WAAW,EAAE,yCAAyC;IACtD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,QAAQ,IACL,KAAK,EAAC,EAAE,EACR,KAAK,EAAE;gBACH,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC;gBACpC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC;gBACrC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC;gBAC7B,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC;gBAChC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC;gBAC9B,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC;gBAC7B,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC;aAC/B,EACD,WAAW,EAAC,qBAAqB,GACnC,CACL,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,+EAA+E;AAC/E,uDAAuD;AACvD,+EAA+E;AAE/E,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,kBAAkB,EAAE,OAAO,CAAC;IAC/T,WAAW,EAAE,4LAA4L;IACzM,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;gBACX,iEAAiE;gBACjE,8DAA8D;gBAC9D,gBAAgB;gBAChB,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;oBAClB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;iBACrF,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;gBAEhC,6DAA6D;gBAC7D,gEAAgE;gBAChE,8DAA8D;gBAC9D,6BAA6B;gBAC7B,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC;oBACtB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAG,QAAQ,EAAE,KAAK,EAAE;oBACzD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE;oBACzD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAU,QAAQ,EAAE,KAAK,EAAE;oBACzD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAO,QAAQ,EAAE,KAAK,EAAE;oBACzD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAM,QAAQ,EAAE,IAAI,EAAE;iBAC3D,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;gBAE3F,MAAM,QAAQ,GAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC5E,MAAM,SAAS,GAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC7E,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;gBAClF,MAAM,UAAU,GAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;gBAChF,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;gBAClF,+DAA+D;gBAC/D,2DAA2D;gBAC3D,oBAAoB;gBACpB,MAAM,SAAS,GAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,qBAAqB,EAAE,EAAE,CAAC,CAAC,CAAC;gBAE3F,MAAM,IAAI,GAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;gBACxC,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;gBACzC,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC5C,MAAM,MAAM,GAAK,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC1C,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC5C,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;gBAEzC,MAAM,MAAM,GAAa,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnH,MAAM,OAAO,GAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpH,MAAM,UAAU,GAAS,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;gBACxH,MAAM,QAAQ,GAAW,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,WAAW,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;gBACtH,MAAM,UAAU,GAAS,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;gBACxH,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAE/H,sEAAsE;gBACtE,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC5E,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACrG,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAEtH,8DAA8D;gBAC9D,uCAAuC;gBACvC,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CACjB,KAAC,QAAQ,IACL,KAAK,EAAC,EAAE,EACR,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC1F,WAAW,EAAC,qBAAqB,EACjC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,MAAM,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,OAAO,EACjB,gBAAgB,EAAE,gBAAgB,GACpC,CACL,CAAC;gBAEF,OAAO,CACH,KAAC,YAAY,IACT,QAAQ,EAAE;wBACN,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,EACpC,KAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EACjD,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,GAAI,CAAC;wBAC/G,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,EAC7B,KAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,IAAI,EAC5C,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,GAAI,CAAC;wBAC7E,oDAAoD;wBACpD,kDAAkD;wBAClD,0BAA0B;wBAC1B,YAAY,CAAC,IAAI,CAAC,OAAO,EACrB,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACtC,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,UAAU,GAAI,EACpE,KAAC,MAAM,IAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAE,QAAQ,GAAI,EACpE,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,UAAU,GAAI,IAC/D,CAAC;qBACjB,EACD,OAAO,EAAE,KAAK,EACd,KAAK,EAAE;wBACH,KAAK,EAAE,sBAAsB;wBAC7B,IAAI,EAAE,CACF,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,YAAY,aAC9B,KAAC,IAAI,CAAC,SAAS,cAAE,IAAI,CAAC,GAAG,CAAA,cAAc,UAAU,CAAC,SAAS,EAAE,EAAE,GAAkB,EACjF,KAAC,IAAI,CAAC,SAAS,cAAE,IAAI,CAAC,GAAG,CAAA,WAAW,YAAY,CAAC,SAAS,EAAE,EAAE,GAAkB,IAC3E,CACZ;qBACJ,EACD,IAAI,EAAE;wBACF,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,0BAA0B,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;wBACvG,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;wBAC7F,YAAY,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;wBACtF,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAA,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,wBAAwB,CAAC;qBAC9F,GACH,CACL,CAAC;YACN,CAAC,GAAY,CAChB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAGH,+EAA+E;AAC/E,wDAAwD;AACxD,+EAA+E;AAE/E,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,CAAC;IACxG,WAAW,EAAE,gMAAgM;IAC7M,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,aAC3B,KAAC,SAAS,IAAC,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAC,OAAO,GAAG,EACzD,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;wBACX,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,0BAA0B,EAAE,EAAE,CAAC,CAAC,CAAC;wBAClF,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;wBACrC,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;4BACjF,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;wBAC7B,CAAC,CAAC,CAAC,CAAC;wBACJ,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,aAC3B,KAAC,QAAQ,IACL,KAAK,EAAC,EAAE,EACR,KAAK,EAAE;wCACH,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC;wCAC3B,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC;wCAC5B,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC;qCAC/B,EACD,WAAW,EAAC,qBAAgB,EAC5B,kBAAkB,EAAE,kBAAkB,GACxC,EACD,KAAC,IAAI,CAAC,SAAS,cAAE,IAAI,CAAC,GAAG,CAAA,gBAAgB,IAAI,EAAE,GAAkB,IAC7D,CACZ,CAAC;oBACN,CAAC,GAAY,EACb,KAAC,SAAS,IAAC,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAC,OAAO,GAAG,EAClD,KAAC,QAAQ,cAAE,CAAC,CAAC,EAAE;wBACX,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,uBAAuB,EAAE,EAAE,CAAC,CAAC,CAAC;wBAC3E,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;wBACjC,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;4BAC7E,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;4BAC/B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC/B,CAAC,CAAC,CAAC,CAAC;wBACJ,OAAO,CACH,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,aAC3B,KAAC,QAAQ,IACL,KAAK,EAAC,EAAE,EACR,KAAK,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAClE,WAAW,EAAC,eAAU,EACtB,YAAY,EAAE,YAAY,GAC5B,EACD,KAAC,IAAI,CAAC,SAAS,cAAE,IAAI,CAAC,GAAG,CAAA,aAAa,KAAK,EAAE,GAAkB,IAC3D,CACZ,CAAC;oBACN,CAAC,GAAY,IACR,CACZ,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}

package/dist/test/forms/date-range-input.examples.d.ts

@@ -1,8 +1,5 @@
 export declare const dateRangeInputBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const dateRangeInputDateTime: import("@elaraai/east").ExampleDef<[], any>;
-export declare const dateRangeInputReactive: import("@elaraai/east").ExampleDef<[], any>;
-export declare const dateRangeInputPresets: import("@elaraai/east").ExampleDef<[], any>;
-export declare const dateRangeInputColours: import("@elaraai/east").ExampleDef<[], any>;
-export declare const dateRangeInputSizes: import("@elaraai/east").ExampleDef<[], any>;
-export declare const dateRangeInputDisabled: import("@elaraai/east").ExampleDef<[], any>;
+export declare const dateRangeInputVariants: import("@elaraai/east").ExampleDef<[], any>;
+/** Raw colour escape hatches on a static range input. */
+export declare const dateRangeInputCustomColours: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=date-range-input.examples.d.ts.map

package/dist/test/forms/date-range-input.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-input.examples.d.ts","sourceRoot":"","sources":["../../../test/forms/date-range-input.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,6CAS9B,CAAC;AAEH,eAAO,MAAM,sBAAsB,6CASjC,CAAC;AAEH,eAAO,MAAM,sBAAsB,6CAsBjC,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CA+BhC,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CAShC,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAe9B,CAAC;AAEH,eAAO,MAAM,sBAAsB,6CASjC,CAAC"}
+{"version":3,"file":"date-range-input.examples.d.ts","sourceRoot":"","sources":["../../../test/forms/date-range-input.examples.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,mBAAmB,6CAS9B,CAAC;AAMH,eAAO,MAAM,sBAAsB,6CA8FjC,CAAC;AAEH,yDAAyD;AACzD,eAAO,MAAM,2BAA2B,6CAQtC,CAAC"}

package/dist/test/forms/date-range-input.examples.js

@@ -1,12 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
+import { jsx as _jsx } from "@elaraai/east-ui/jsx-runtime";
 /**
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 /** @jsxImportSource @elaraai/east-ui */
-import { East, DateTimeType, NullType, example } from "@elaraai/east";
+import { East, ArrayType, BooleanType, DateTimeType, NullType, StringType, example, variant } from "@elaraai/east";
 import { State, UIComponentType } from "@elaraai/east-ui";
-import { DateRangeInput, Text, VStack, Reactive } from "@elaraai/east-ui";
+import { Configurator, DateRangeInput, HStack, Input, SegmentGroup, Style, Switch, Text, Reactive } from "@elaraai/east-ui";
+// ============================================================================
+// Module-scope fixtures — presets are a host-level array (not an East
+// expression), so the five canonical ranges live here once.
+// ============================================================================
+// ============================================================================
+// Basic — the search-index front door
+// ============================================================================
 export const dateRangeInputBasic = example({
     keywords: ["DateRangeInput", "Root", "date", "range", "basic"],
     description: "Basic date range — April 1 → April 30 2026",
@@ -17,82 +24,81 @@ export const dateRangeInputBasic = example({
     }),
     inputs: [],
 });
-export const dateRangeInputDateTime = example({
-    keywords: ["DateRangeInput", "precision", "datetime", "time", "hours"],
-    description: "DateTime precision — picker exposes date + time-of-day",
-    fn: East.function([], UIComponentType, ($) => {
-        const start = $.let(new Date("2026-04-01T09:00:00Z"), DateTimeType);
-        const end = $.let(new Date("2026-04-01T17:00:00Z"), DateTimeType);
-        return _jsx(DateRangeInput, { startValue: start, endValue: end, precision: "datetime" });
-    }),
-    inputs: [],
-});
-export const dateRangeInputReactive = example({
-    keywords: ["DateRangeInput", "Reactive", "State", "onChange", "interactive"],
-    description: "Reactive range bound to State — both fields write back through one callback",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const startBind = $.let(State.bind([DateTimeType], "drin.start", new Date("2026-04-01T00:00:00Z")));
-            const endBind = $.let(State.bind([DateTimeType], "drin.end", new Date("2026-04-07T00:00:00Z")));
-            const start = $.let(startBind.read(), DateTimeType);
-            const end = $.let(endBind.read(), DateTimeType);
-            const onChange = $.const(East.function([DateTimeType, DateTimeType], NullType, ($, s, e) => {
-                $(startBind.write(s));
-                $(endBind.write(e));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "flex-start", children: [_jsx(DateRangeInput, { startValue: start, endValue: end, precision: "date", onChange: onChange }), _jsx(Text.MonoLabel, { children: East.str `${start} → ${end}` })] }));
-        } }))),
-    inputs: [],
-});
-export const dateRangeInputPresets = example({
-    keywords: ["DateRangeInput", "presets", "relative", "MTD", "YTD", "Last 7 days"],
-    description: "Range with five canonical presets — Last 7 days / MTD / QTD / YTD / Q2 2026",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const startBind = $.let(State.bind([DateTimeType], "drin.preset.start", new Date("2026-04-21T00:00:00Z")));
-            const endBind = $.let(State.bind([DateTimeType], "drin.preset.end", new Date("2026-04-28T00:00:00Z")));
-            const start = $.let(startBind.read(), DateTimeType);
-            const end = $.let(endBind.read(), DateTimeType);
-            const onChange = $.const(East.function([DateTimeType, DateTimeType], NullType, ($, s, e) => {
-                $(startBind.write(s));
-                $(endBind.write(e));
-            }));
-            return (_jsx(DateRangeInput, { startValue: start, endValue: end, precision: "date", onChange: onChange, presets: [
-                    { label: "Last 7 days", start: new Date("2026-04-21T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
-                    { label: "MTD", start: new Date("2026-04-01T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
-                    { label: "QTD", start: new Date("2026-04-01T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
-                    { label: "YTD", start: new Date("2026-01-01T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
-                    { label: "Q2 2026", start: new Date("2026-04-01T00:00:00Z"), end: new Date("2026-06-30T00:00:00Z") },
-                ] }));
-        } }))),
-    inputs: [],
-});
-export const dateRangeInputColours = example({
-    keywords: ["DateRangeInput", "colour", "color", "escape", "hatches"],
-    description: "Explicit colour overrides — text / background / border / focus border",
-    fn: East.function([], UIComponentType, ($) => {
-        const start = $.let(new Date("2026-04-01T00:00:00Z"), DateTimeType);
-        const end = $.let(new Date("2026-04-30T00:00:00Z"), DateTimeType);
-        return _jsx(DateRangeInput, { startValue: start, endValue: end, precision: "date", color: "fg", background: "bg.subtle", borderColor: "blue.300", focusBorderColor: "blue.500" });
+// ============================================================================
+// DateRangeInput — live configurator over every range axis
+// ============================================================================
+export const dateRangeInputVariants = example({
+    keywords: ["DateRangeInput", "precision", "datetime", "time", "hours", "presets", "relative", "MTD", "YTD", "Last 7 days", "colour", "color", "escape", "hatches", "size", "sm", "md", "lg", "disabled", "readonly", "SegmentGroup", "Switch", "Configurator", "getTag", "configurator", "Reactive", "State", "onChange", "interactive"],
+    description: "DateRangeInput configurator — precision, size and colour axes plus disabled and presets switches driving one live State-bound range; the aside reads the range back",
+    fn: East.function([], UIComponentType, (_$) => {
+        const DATE_RANGE_PRESETS = [
+            { label: "Last 7 days", start: new Date("2026-04-21T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
+            { label: "MTD", start: new Date("2026-04-01T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
+            { label: "QTD", start: new Date("2026-04-01T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
+            { label: "YTD", start: new Date("2026-01-01T00:00:00Z"), end: new Date("2026-04-28T00:00:00Z") },
+            { label: "Q2 2026", start: new Date("2026-04-01T00:00:00Z"), end: new Date("2026-06-30T00:00:00Z") },
+        ];
+        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 precisions = $.const([
+                    variant("date", null), variant("datetime", null),
+                ], ArrayType(Input.Types.DateTimePrecision));
+                const sizes = $.const([
+                    variant("sm", null), variant("md", null), variant("lg", null),
+                ], ArrayType(Style.Types.Size));
+                // Only colour needs a struct — the four escape-hatch slots move
+                // together, with no single value to name them by. The `recipe`
+                // row carries empty slots because the preview drops the
+                // overrides entirely for it (below).
+                const precisionBind = $.let(State.bind([StringType], "date_range_input_precision", "date"));
+                const sizeBind = $.let(State.bind([StringType], "date_range_input_size", "md"));
+                const disabledBind = $.let(State.bind([BooleanType], "date_range_input_disabled", false));
+                // The preview is a live control, so the range keeps its own
+                // State-bound start / end pair — the old reactive row's binds.
+                const startBind = $.let(State.bind([DateTimeType], "date_range_input_start", new Date("2026-04-01T00:00:00Z")));
+                const endBind = $.let(State.bind([DateTimeType], "date_range_input_end", new Date("2026-04-30T00:00:00Z")));
+                const pKey = $.let(precisionBind.read());
+                const sKey = $.let(sizeBind.read());
+                const disabled = $.let(disabledBind.read());
+                const start = $.let(startBind.read(), DateTimeType);
+                const end = $.let(endBind.read(), DateTimeType);
+                const onPrecision = $.const(East.function([StringType], NullType, ($, next) => { $(precisionBind.write(next)); }));
+                const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
+                const onDisabled = $.const(East.function([BooleanType], NullType, ($, next) => { $(disabledBind.write(next)); }));
+                const onChange = $.const(East.function([DateTimeType, DateTimeType], NullType, ($, s, e) => {
+                    $(startBind.write(s));
+                    $(endBind.write(e));
+                }));
+                // Each selection is a lookup into the same array the control renders.
+                const precision = $.let(precisions.filter((_$, v) => v.getTag().equal(pKey)).get(0n));
+                const size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+                // ONE input — the preset rail composes on permanently; the
+                // colour escape hatches live in their own example.
+                const range = $.const(_jsx(DateRangeInput, { startValue: start, endValue: end, precision: precision, size: size, disabled: disabled, onChange: onChange, presets: DATE_RANGE_PRESETS }));
+                return (_jsx(Configurator, { controls: [
+                        Configurator.Control("Precision", pKey, _jsx(SegmentGroup, { value: pKey, onChange: onPrecision, size: "sm", items: precisions.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() }))) })),
+                        // A Slot, not a Control: the switches report as the
+                        // Disabled / Presets spec rows below rather than as
+                        // one value each.
+                        Configurator.Slot("Flags", _jsx(HStack, { gap: "5", align: "center", wrap: "wrap", children: _jsx(Switch, { checked: disabled, label: "Disabled", onChange: onDisabled }) })),
+                    ], preview: range, aside: {
+                        label: "Range · Reactive",
+                        body: _jsx(Text.MonoLabel, { children: East.str `${start} → ${end}` }),
+                    }, spec: [
+                        Configurator.Spec("Disabled", disabled.ifElse(_$ => "both inputs", _$ => "off")),
+                    ] }));
+            } }));
     }),
     inputs: [],
 });
-export const dateRangeInputSizes = example({
-    keywords: ["DateRangeInput", "size", "sm", "md", "lg"],
-    description: "All three sizes (sm / md / lg) stacked for comparison",
-    fn: East.function([], UIComponentType, ($) => {
-        const start = $.let(new Date("2026-04-01T00:00:00Z"), DateTimeType);
-        const end = $.let(new Date("2026-04-30T00:00:00Z"), DateTimeType);
-        return (_jsxs(VStack, { gap: "3", align: "flex-start", children: [_jsx(DateRangeInput, { startValue: start, endValue: end, precision: "date", size: "sm" }), _jsx(DateRangeInput, { startValue: start, endValue: end, precision: "date", size: "md" }), _jsx(DateRangeInput, { startValue: start, endValue: end, precision: "date", size: "lg" })] }));
-    }),
-    inputs: [],
-});
-export const dateRangeInputDisabled = example({
-    keywords: ["DateRangeInput", "disabled", "readonly"],
-    description: "Disabled range — both inputs read-only",
-    fn: East.function([], UIComponentType, ($) => {
-        const start = $.let(new Date("2026-04-01T00:00:00Z"), DateTimeType);
-        const end = $.let(new Date("2026-04-30T00:00:00Z"), DateTimeType);
-        return _jsx(DateRangeInput, { startValue: start, endValue: end, precision: "date", disabled: true });
-    }),
+/** Raw colour escape hatches on a static range input. */
+export const dateRangeInputCustomColours = example({
+    keywords: ["DateRangeInput", "color", "background", "borderColor", "focusBorderColor", "override", "custom"],
+    description: "Colour overrides — brand border and focus ring on a static range input",
+    fn: East.function([], UIComponentType, (_$) => (_jsx(DateRangeInput, { startValue: new Date("2026-07-01T00:00:00Z"), endValue: new Date("2026-07-14T00:00:00Z"), color: "fg.default", background: "bg.canvas", borderColor: "border.brand", focusBorderColor: "border.brand" }))),
     inputs: [],
 });
 //# sourceMappingURL=date-range-input.examples.js.map

package/dist/test/forms/date-range-input.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-input.examples.js","sourceRoot":"","sources":["../../../test/forms/date-range-input.examples.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"date-range-input.examples.js","sourceRoot":"","sources":["../../../test/forms/date-range-input.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/forms/field.examples.d.ts

@@ -1,3 +1,3 @@
 export declare const fieldBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const fieldInteractive: import("@elaraai/east").ExampleDef<[], any>;
+export declare const fieldVariants: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=field.examples.d.ts.map

package/dist/test/forms/field.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.examples.d.ts","sourceRoot":"","sources":["../../../test/forms/field.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,6CAYrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAmB3B,CAAC"}
+{"version":3,"file":"field.examples.d.ts","sourceRoot":"","sources":["../../../test/forms/field.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,6CAYrB,CAAC;AAEH,eAAO,MAAM,aAAa,6CA4CxB,CAAC"}