@elaraai/east-ui 1.0.60 → 1.0.62

package/dist/test/forms/time-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, 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 { Text, TimeRangeInput, VStack, Reactive } from "@elaraai/east-ui";
+import { Configurator, HStack, SegmentGroup, Style, Switch, Text, TimeRangeInput, Reactive } from "@elaraai/east-ui";
+// ============================================================================
+// Module-scope fixtures — presets are a host-level array (not an East
+// expression), so the three shifts live here once.
+// ============================================================================
+// ============================================================================
+// Basic — the search-index front door
+// ============================================================================
 export const timeRangeInputBasic = example({
     keywords: ["TimeRangeInput", "Root", "shift", "time", "range"],
     description: "Basic 06:00 – 14:00 morning window with 15-min step",
@@ -17,70 +24,72 @@ export const timeRangeInputBasic = example({
     }),
     inputs: [],
 });
-export const timeRangeInputReactive = example({
-    keywords: ["TimeRangeInput", "Reactive", "State", "onChange", "interactive"],
-    description: "Reactive range bound to State — both inputs write back through the same callback",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const startBind = $.let(State.bind([IntegerType], "trin.start", 360n));
-            const endBind = $.let(State.bind([IntegerType], "trin.end", 840n));
-            const start = $.let(startBind.read(), IntegerType);
-            const end = $.let(endBind.read(), IntegerType);
-            const onChange = $.const(East.function([IntegerType, IntegerType], NullType, ($, s, e) => {
-                $(startBind.write(s));
-                $(endBind.write(e));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "flex-start", children: [_jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, onChange: onChange }), _jsx(Text.MonoLabel, { children: East.str `MIN · ${start} → ${end}` })] }));
-        } }))),
-    inputs: [],
-});
-export const timeRangeInputPresets = example({
-    keywords: ["TimeRangeInput", "presets", "shift", "morning", "afternoon", "night"],
-    description: "Three named shift presets — clicking applies the start/end pair",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const startBind = $.let(State.bind([IntegerType], "trin.preset.start", 360n));
-            const endBind = $.let(State.bind([IntegerType], "trin.preset.end", 840n));
-            const start = $.let(startBind.read(), IntegerType);
-            const end = $.let(endBind.read(), IntegerType);
-            const onChange = $.const(East.function([IntegerType, IntegerType], NullType, ($, s, e) => {
-                $(startBind.write(s));
-                $(endBind.write(e));
-            }));
-            return (_jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, onChange: onChange, presets: [
-                    { label: "Morning", start: 360n, end: 840n },
-                    { label: "Afternoon", start: 840n, end: 1320n },
-                    { label: "Night", start: 1320n, end: 360n },
-                ] }));
-        } }))),
-    inputs: [],
-});
-export const timeRangeInputColours = example({
-    keywords: ["TimeRangeInput", "colour", "color", "escape", "hatches"],
-    description: "Explicit colour overrides — text / background / border / focus border",
-    fn: East.function([], UIComponentType, ($) => {
-        const start = $.let(540n, IntegerType);
-        const end = $.let(1020n, IntegerType);
-        return _jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, color: "fg", background: "bg.subtle", borderColor: "blue.300", focusBorderColor: "blue.500" });
+// ============================================================================
+// TimeRangeInput — live configurator over every range axis
+// ============================================================================
+export const timeRangeInputVariants = example({
+    keywords: ["TimeRangeInput", "presets", "shift", "morning", "afternoon", "night", "colour", "color", "escape", "hatches", "size", "sm", "md", "lg", "disabled", "readonly", "SegmentGroup", "Switch", "Configurator", "getTag", "configurator", "Reactive", "State", "onChange", "interactive"],
+    description: "TimeRangeInput configurator — size and colour axes plus disabled and presets switches driving one live State-bound shift window; the aside reads the minutes back",
+    fn: East.function([], UIComponentType, (_$) => {
+        const TIME_RANGE_PRESETS = [
+            { label: "Morning", start: 360n, end: 840n },
+            { label: "Afternoon", start: 840n, end: 1320n },
+            { label: "Night", start: 1320n, end: 360n },
+        ];
+        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("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 sizeBind = $.let(State.bind([StringType], "time_range_input_size", "md"));
+                const disabledBind = $.let(State.bind([BooleanType], "time_range_input_disabled", false));
+                // The preview is a live control, so the window keeps its own
+                // State-bound start / end pair — the old reactive row's binds.
+                const startBind = $.let(State.bind([IntegerType], "time_range_input_start", 360n));
+                const endBind = $.let(State.bind([IntegerType], "time_range_input_end", 840n));
+                const sKey = $.let(sizeBind.read());
+                const disabled = $.let(disabledBind.read());
+                const start = $.let(startBind.read(), IntegerType);
+                const end = $.let(endBind.read(), IntegerType);
+                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([IntegerType, IntegerType], NullType, ($, s, e) => {
+                    $(startBind.write(s));
+                    $(endBind.write(e));
+                }));
+                // Each selection is a lookup into the same array the control renders.
+                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 window = $.const(_jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, size: size, disabled: disabled, onChange: onChange, presets: TIME_RANGE_PRESETS }));
+                return (_jsx(Configurator, { controls: [
+                        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: window, aside: {
+                        label: "Window · Reactive",
+                        body: _jsx(Text.MonoLabel, { children: East.str `MIN · ${start} → ${end}` }),
+                    }, spec: [
+                        Configurator.Spec("Disabled", disabled.ifElse(_$ => "both inputs", _$ => "off")),
+                        Configurator.Spec("Step", "15 min"),
+                    ] }));
+            } }));
     }),
     inputs: [],
 });
-export const timeRangeInputSizes = example({
-    keywords: ["TimeRangeInput", "size", "sm", "md", "lg"],
-    description: "All three sizes (sm / md / lg) stacked for comparison",
-    fn: East.function([], UIComponentType, ($) => {
-        const start = $.let(360n, IntegerType);
-        const end = $.let(840n, IntegerType);
-        return (_jsxs(VStack, { gap: "3", align: "flex-start", children: [_jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, size: "sm" }), _jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, size: "md" }), _jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, size: "lg" })] }));
-    }),
-    inputs: [],
-});
-export const timeRangeInputDisabled = example({
-    keywords: ["TimeRangeInput", "disabled", "readonly"],
-    description: "Disabled range — no editing, both inputs greyed",
-    fn: East.function([], UIComponentType, ($) => {
-        const start = $.let(360n, IntegerType);
-        const end = $.let(840n, IntegerType);
-        return _jsx(TimeRangeInput, { startValue: start, endValue: end, step: 15n, disabled: true });
-    }),
+/** Raw colour escape hatches on a static time-range input. */
+export const timeRangeInputCustomColours = example({
+    keywords: ["TimeRangeInput", "color", "background", "borderColor", "focusBorderColor", "override", "custom"],
+    description: "Colour overrides — brand border and focus ring on a static time window",
+    fn: East.function([], UIComponentType, (_$) => (_jsx(TimeRangeInput, { startValue: 360n, endValue: 840n, color: "fg.default", background: "bg.canvas", borderColor: "border.brand", focusBorderColor: "border.brand" }))),
     inputs: [],
 });
 //# sourceMappingURL=time-range-input.examples.js.map

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

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

package/dist/test/layout/aligned-stack.examples.d.ts

@@ -1,65 +1,18 @@
 /**
- * Two charts on the same day axis, stacked in an `<AlignedStack>` with a shared
- * `gutter`. Both plots inset their lane to `[left, W−right]` (the gutter), so
- * their x-axes line up pixel-for-pixel even though each derives different y-axis
- * widths on its own. (#147)
+ * The kitchen-sink panel — the flagship all-seven stack plus every merged
+ * AlignedStack variant as captioned groups (epic #455). The flagship: ONE
+ * `<AlignedStack gutter>` lines up **seven** stacked lane components on a
+ * single shared day axis: a `<Chart>` trajectory over a `<Trace>` heat-strip, a
+ * `<Matrix>` utilisation grid, a `<Planner>` activity timeline, a `<Calendar>`
+ * week band, a `<Table>` of per-day metrics, and a `<Gantt>` phase timeline.
+ * Every component inherits the same `{ left, right }` gutter from context —
+ * the frozen label columns / row headers / week labels all fill `left`, and
+ * each data lane fills `[left, W−right]`, so the day columns line up top to
+ * bottom without the consumer hand-matching a single number. (#147) The
+ * remaining groups keep the chart-over-lane pairs, the density presets, and
+ * the axis-title / date-axis / auto-gutter variants mounted.
  */
-export declare const alignedStackCharts: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * A `<Chart>` stacked over a `<Trace>` in an `<AlignedStack>` — both inherit the
- * gutter from context, so the Trace's step lane fills `[left, W−right]` and lines
- * up under the chart's day axis (the canonical Chart-over-lane alignment). (#147)
- */
-export declare const alignedStackChartTrace: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * A `<Chart>` stacked over a `<Calendar>` in an `<AlignedStack>` — the Calendar
- * inherits the gutter from context, so its 7-day band fills `[left, W−right]` and
- * lines up under the chart's day axis. `left` (the week-label column) and `right`
- * come from the shared gutter, not the calendar's own density. (#147)
- */
-export declare const alignedStackChartCalendar: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * A `<Chart>` stacked over a `<Matrix>` in an `<AlignedStack>` — the Matrix inherits
- * the gutter from context, so its row-header pane fills `left` and the value-grid
- * columns fill `[left, W−right]`, lining up column-for-column under the chart's day
- * axis. (#147)
- */
-export declare const alignedStackChartMatrix: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * A `<Chart>` stacked over a `<Table>` in an `<AlignedStack>` — the Table inherits
- * the gutter from context, so the frozen `resource` column fills `left`, the data
- * columns flex-fill `[left, W−right]`, and horizontal scroll is dropped. The data
- * lane lines up under the chart's day axis on shared categories. (#147)
- */
-export declare const alignedStackChartTable: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * A `<Chart>` stacked over a `<Planner>` in an `<AlignedStack>` — the canonical
- * acceptance case (#147). The Planner inherits the gutter from context, so its
- * frozen channel column fills `left`, the day-slot timeline fills `[left, W−right]`,
- * and horizontal scroll is dropped — the slot lane lines up under the chart's day
- * axis. (Match the chart's interval count to the slot count for the interior
- * day-lines to coincide; the gutter always aligns the lane edges.)
- */
-export declare const alignedStackChartPlanner: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * #327 regression — a `<Chart>` carrying BOTH axis titles (`x` "Day", `y` "°C")
- * stacked over a `<Planner>`. The x-title renders in its own band below the plot
- * (growing the chart's footprint) rather than eating the bottom plot margin, so
- * the plot rect stays put and the chart's day ticks still line up with the
- * Planner's day columns — the title no longer shoves the stacked lane.
- */
-export declare const alignedStackChartTitles: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * A `<Chart>` and a `<Planner>` on one FORMATTED DATE axis (#309) — both lanes
- * speak real instants and the same date-pattern tokens. The Planner pins a
- * half-open day window `[min, max)` at `resolution: "day"` (seven columns,
- * `"ddd DD"` → `Mon 30 … Sun 05`); the Chart's time x-axis pins the SAME
- * `[min, max]` domain with `Chart.format.date("ddd DD")` ticks. Because the
- * window spans exactly seven days, each day-noon data point lands at
- * `(i + 0.5)/7` of the shared gutter lane — the centre of its Planner day
- * column — so the bars sit inside the day cells they schedule.
- */
-export declare const alignedStackDateAxis: import("@elaraai/east").ExampleDef<[], any>;
+export declare const alignedStackAll: import("@elaraai/east").ExampleDef<[], any>;
 /**
  * DnD across an `<AlignedStack>` (#330) — a `<Library>` (drag SOURCE) beside a
  * Chart-over-`<Planner>` stack whose Planner is the drop TARGET (`sources` +
@@ -69,39 +22,4 @@ export declare const alignedStackDateAxis: import("@elaraai/east").ExampleDef<[]
  * in the AlignedStack (a sibling of the source).
  */
 export declare const alignedStackLibraryDnd: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * A `<Chart>` stacked over a `<Gantt>` in an `<AlignedStack>` — the Gantt inherits
- * the gutter from context, so its frozen table panel is pinned to `left` (the
- * splitter no longer drags) and its time-axis timeline fills `[left, W−right]`,
- * lining up under the chart's plot. (#147)
- */
-export declare const alignedStackChartGantt: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * The kitchen-sink — ONE `<AlignedStack gutter>` lines up **seven** stacked lane
- * components on a single shared day axis: a `<Chart>` trajectory over a `<Trace>`
- * heat-strip, a `<Matrix>` utilisation grid, a `<Planner>` activity timeline, a
- * `<Calendar>` week band, a `<Table>` of per-day metrics, and a `<Gantt>` phase
- * timeline. Every component inherits the same `{ left, right }` gutter from
- * context — the frozen label columns / row headers / week labels all fill `left`,
- * and each data lane fills `[left, W−right]`, so the day columns line up top to
- * bottom without the consumer hand-matching a single number. (#147)
- */
-export declare const alignedStackAll: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * The same seven-component stack as {@link alignedStackAll}, but with
- * `density="compact"` on the `<AlignedStack>` — the stack imposes the density on
- * every lane child via context (each child still reads it through `useDensity`),
- * so the whole dashboard tightens its row rhythm in one place. (#147)
- */
-export declare const alignedStackAllCompact: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * The all-seven stack at `density="condensed"` — the tightest preset. Same single
- * density prop on the `<AlignedStack>` cascades to every lane child. (#147)
- */
-export declare const alignedStackAllCondensed: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * `gutter="auto"` — AlignedStack measures the max gutter its children need and
- * imposes it on all (not yet wired in the renderer; imposes nothing for now).
- */
-export declare const alignedStackAuto: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=aligned-stack.examples.d.ts.map

package/dist/test/layout/aligned-stack.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aligned-stack.examples.d.ts","sourceRoot":"","sources":["../../../test/layout/aligned-stack.examples.tsx"],"names":[],"mappings":"AAUA;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,6CAkC7B,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,6CA+BjC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,6CAoCpC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,6CA0ClC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,6CAmCjC,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,6CAoCnC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,6CAiClC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,6CA2C/B,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,6CAiDjC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,6CA+BjC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,6CAkG1B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,6CA0FjC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,wBAAwB,6CA0FnC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,6CAgB3B,CAAC"}
+{"version":3,"file":"aligned-stack.examples.d.ts","sourceRoot":"","sources":["../../../test/layout/aligned-stack.examples.tsx"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,6CAoiB1B,CAAC;AAMH;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,6CAiDjC,CAAC"}