@elaraai/east-ui 1.0.59 → 1.0.61

package/dist/test/buttons/icon-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, StructType, example, none, variant } from "@elaraai/east";
 import { State, UIComponentType } from "@elaraai/east-ui";
-import { IconButton, Reactive, VStack, Stat } from "@elaraai/east-ui";
+import { Configurator, HStack, IconButton, Reactive, SegmentGroup, Select, Stat, Style, Switch, Text } from "@elaraai/east-ui";
 export const iconButtonBasic = example({
     keywords: ["IconButton", "Root", "label", "aria-label", "close"],
     description: "Icon-only close affordance with required aria-label",
@@ -15,42 +15,124 @@ export const iconButtonBasic = example({
     }),
     inputs: [],
 });
-export const iconButtonLoading = example({
-    keywords: ["IconButton", "Root", "loading", "loadingIcon", "spinner"],
-    description: "Loading IconButton with a custom spinner icon swap",
+// ============================================================================
+// IconButton — live configurator over every style axis
+// ============================================================================
+export const iconButtonVariants = example({
+    keywords: ["IconButton", "Root", "loading", "loadingIcon", "spinner", "style", "color", "background", "borderColor", "branded", "badge", "count", "notification", "attention", "pulse", "ring", "dot", "onClick", "Reactive", "State", "counter", "interactive", "SegmentGroup", "Switch", "Configurator", "getTag", "configurator"],
+    description: "IconButton configurator — glyph, size, palette, colour, badge and attention axes plus a loading switch driving one live icon button; the aside folds the reactive click counter",
     fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(IconButton, { prefix: "fas", name: "rotate", label: "Refresh", loading: true, loadingIcon: { prefix: "fas", name: "spinner" }, variant: "subtle", colorPalette: "blue" }));
+        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));
+                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 attentions = $.const([
+                    none, variant("pulse", null), variant("ring", null),
+                ], ArrayType(IconButton.Types.Attention));
+                // The badge forms need a struct — a badge is its superscript text
+                // PLUS the bubble palette that reads with it (`""` renders the
+                // dot-only indicator), so there is no single value to name it by.
+                const badges = $.const([
+                    { label: "count", text: "3", palette: variant("danger", null) },
+                    { label: "99+", text: "99+", palette: variant("warning", null) },
+                    { label: "dot", text: "", palette: variant("danger", null) },
+                ], ArrayType(StructType({ label: StringType, text: StringType, palette: Style.Types.ColorScheme })));
+                const glyphBind = $.let(State.bind([StringType], "icon_button_glyph", "bell"));
+                const sizeBind = $.let(State.bind([StringType], "icon_button_size", "md"));
+                const paletteBind = $.let(State.bind([StringType], "icon_button_palette", "brand"));
+                const colourBind = $.let(State.bind([StringType], "icon_button_color", "palette"));
+                const badgeBind = $.let(State.bind([StringType], "icon_button_badge", "count"));
+                const attentionBind = $.let(State.bind([StringType], "icon_button_attention", "none"));
+                const loadingBind = $.let(State.bind([BooleanType], "icon_button_loading", false));
+                const counter = $.let(State.bind([IntegerType], "icon_button_counter", 0n));
+                const gKey = $.let(glyphBind.read());
+                const sKey = $.let(sizeBind.read());
+                const pKey = $.let(paletteBind.read());
+                const cKey = $.let(colourBind.read());
+                const bKey = $.let(badgeBind.read());
+                const aKey = $.let(attentionBind.read());
+                const loading = $.let(loadingBind.read());
+                const count = $.let(counter.read());
+                const onGlyph = $.const(East.function([StringType], NullType, ($, next) => { $(glyphBind.write(next)); }));
+                const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
+                const onPalette = $.const(East.function([StringType], NullType, ($, next) => { $(paletteBind.write(next)); }));
+                const onColour = $.const(East.function([StringType], NullType, ($, next) => { $(colourBind.write(next)); }));
+                const onBadge = $.const(East.function([StringType], NullType, ($, next) => { $(badgeBind.write(next)); }));
+                const onAttention = $.const(East.function([StringType], NullType, ($, next) => { $(attentionBind.write(next)); }));
+                const onLoading = $.const(East.function([BooleanType], NullType, ($, next) => { $(loadingBind.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 size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+                const palette = $.let(palettes.filter((_$, v) => v.getTag().equal(pKey)).get(0n));
+                const attention = $.let(attentions.filter((_$, v) => v.getTag().equal(aKey)).get(0n));
+                const bdg = $.let(badges.filter((_$, o) => o.label.equal(bKey)).get(0n));
+                // The glyph axis carries its own rendered value: a Font Awesome
+                // identity is a COMPILE-TIME pair — `prefix` / `name` / `label`
+                // take host literals, never expressions — so each row holds the
+                // built button beside the identity it renders. And because the
+                // colour slots are escape hatches the factory omits from the IR
+                // entirely when absent, each row holds the palette-recipe build
+                // AND the branded build: `palette` is the absence of the props,
+                // not an empty value of them, and the preview picks between the
+                // two. Every button takes the live style axes.
+                const glyphs = $.const([
+                    {
+                        label: "bell", prefix: "fas", name: "bell", aria: "Alerts",
+                        button: _jsx(IconButton, { prefix: "fas", name: "bell", label: "Alerts", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" } }),
+                        branded: _jsx(IconButton, { prefix: "fas", name: "bell", label: "Alerts", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" }, color: "fg.inverse", background: "bg.inverse", borderColor: "border.brand", hoverBackground: "bg.inverse" }),
+                    },
+                    {
+                        label: "rotate", prefix: "fas", name: "rotate", aria: "Refresh",
+                        button: _jsx(IconButton, { prefix: "fas", name: "rotate", label: "Refresh", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" } }),
+                        branded: _jsx(IconButton, { prefix: "fas", name: "rotate", label: "Refresh", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" }, color: "fg.inverse", background: "bg.inverse", borderColor: "border.brand", hoverBackground: "bg.inverse" }),
+                    },
+                    {
+                        label: "rocket", prefix: "fas", name: "rocket", aria: "Deploy",
+                        button: _jsx(IconButton, { prefix: "fas", name: "rocket", label: "Deploy", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" } }),
+                        branded: _jsx(IconButton, { prefix: "fas", name: "rocket", label: "Deploy", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" }, color: "fg.inverse", background: "bg.inverse", borderColor: "border.brand", hoverBackground: "bg.inverse" }),
+                    },
+                    {
+                        label: "inbox", prefix: "fas", name: "inbox", aria: "Unread",
+                        button: _jsx(IconButton, { prefix: "fas", name: "inbox", label: "Unread", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" } }),
+                        branded: _jsx(IconButton, { prefix: "fas", name: "inbox", label: "Unread", size: size, colorPalette: palette, badge: bdg.text, badgeColorPalette: bdg.palette, attention: attention, loading: loading, loadingIcon: { prefix: "fas", name: "spinner" }, color: "fg.inverse", background: "bg.inverse", borderColor: "border.brand", hoverBackground: "bg.inverse" }),
+                    },
+                ], ArrayType(StructType({ label: StringType, prefix: StringType, name: StringType, aria: StringType, button: UIComponentType, branded: UIComponentType })));
+                const glyph = $.let(glyphs.filter((_$, g) => g.label.equal(gKey)).get(0n));
+                const btn = $.const(cKey.equal("palette").ifElse(_$ => glyph.button, _$ => glyph.branded));
+                // The colour axis is two-valued — palette recipe or the branded
+                // slot set — so a bare array of the two keys is the whole table.
+                const colours = $.const(["palette", "branded"], ArrayType(StringType));
+                return (_jsx(Configurator, { controls: [
+                        Configurator.Control("Glyph", gKey, _jsx(Select, { value: gKey, onChange: onGlyph, size: "sm", items: glyphs.map((_$, g) => Select.Item(g.label, g.label)) })),
+                        Configurator.Control("Size", sKey, _jsx(Select, { value: sKey, onChange: onSize, size: "sm", items: sizes.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("Colour", cKey, _jsx(SegmentGroup, { value: cKey, onChange: onColour, size: "sm", items: colours.map((_$, s) => SegmentGroup.Item(s, _jsx(Text, { children: s.upperCase() }))) })),
+                        Configurator.Control("Badge", bKey, _jsx(SegmentGroup, { value: bKey, onChange: onBadge, size: "sm", items: badges.map((_$, o) => SegmentGroup.Item(o.label, _jsx(Text, { children: o.label.upperCase() }))) })),
+                        Configurator.Control("Attention", aKey, _jsx(SegmentGroup, { value: aKey, onChange: onAttention, size: "sm", items: attentions.map((_$, v) => SegmentGroup.Item(v.getTag(), _jsx(Text, { children: v.getTag().upperCase() }))) })),
+                        // A Slot, not a Control: the switch reports as the
+                        // Loading spec row below rather than as one value.
+                        Configurator.Slot("State", _jsx(HStack, { gap: "5", align: "center", wrap: "wrap", children: _jsx(Switch, { checked: loading, label: "Loading", onChange: onLoading }) })),
+                    ], preview: btn, aside: {
+                        label: "Clicks · Reactive",
+                        body: (_jsxs(HStack, { gap: "3", align: "center", children: [_jsx(Stat, { label: "Clicks", value: East.print(count) }), _jsx(IconButton, { prefix: "fas", name: "plus", label: "Increment", onClick: inc, variant: "solid", colorPalette: "brand" })] })),
+                    }, spec: [
+                        Configurator.Spec("Font Awesome", East.str `${glyph.prefix} fa-${glyph.name}`),
+                        Configurator.Spec("Aria label", glyph.aria),
+                        Configurator.Spec("Slots", cKey.equal("palette").ifElse(_$ => "palette recipe", _$ => "fg.inverse · bg.inverse · border.brand")),
+                        Configurator.Spec("Loading", loading.ifElse(_$ => "spinner swap", _$ => "idle")),
+                    ] }));
+            } }));
     }),
     inputs: [],
 });
-export const iconButtonColoured = example({
-    keywords: ["IconButton", "Root", "style", "color", "background", "borderColor", "branded"],
-    description: "Branded IconButton with hex colour escape hatches",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(IconButton, { prefix: "fas", name: "rocket", label: "Deploy", color: "#ffffff", background: "#1a2234", borderColor: "#3d5cff", hoverBackground: "#25345a", size: "md" }));
-    }),
-    inputs: [],
-});
-export const iconButtonBadgeAndAttention = example({
-    keywords: ["IconButton", "badge", "count", "notification", "attention", "pulse", "ring", "dot"],
-    description: "Notification badge (count, 99+ cap, dot-only) plus attention animations — pulse the badge, ring the button",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsxs(VStack, { gap: "4", children: [_jsx(IconButton, { prefix: "fas", name: "bell", label: "Alerts", variant: "ghost", badge: "3" }), _jsx(IconButton, { prefix: "fas", name: "bell", label: "Many alerts", variant: "ghost", badge: "99+", badgeColorPalette: "orange" }), _jsx(IconButton, { prefix: "fas", name: "inbox", label: "Unread", variant: "ghost", badge: "" }), _jsx(IconButton, { prefix: "fas", name: "bell", label: "Pulsing alerts", variant: "subtle", colorPalette: "red", badge: "5", attention: "pulse" }), _jsx(IconButton, { prefix: "fas", name: "circle-exclamation", label: "Attention", variant: "solid", colorPalette: "blue", attention: "ring" })] }));
-    }),
-    inputs: [],
-});
-export const iconButtonOnClickReactive = example({
-    keywords: ["IconButton", "Root", "onClick", "Reactive", "State", "counter", "interactive"],
-    description: "Reactive IconButton that increments a counter on click",
-    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const counter = $.let(State.bind([IntegerType], "icon_button_counter", 0n));
-            const count = $.let(counter.read());
-            const increment = $.const(East.function([], NullType, $ => {
-                const current = $.let(counter.read());
-                $(counter.write(current.add(1n)));
-            }));
-            return (_jsxs(VStack, { gap: "3", align: "flex-start", children: [_jsx(Stat, { label: "Clicks", value: East.print(count) }), _jsx(IconButton, { prefix: "fas", name: "plus", label: "Increment", onClick: increment, variant: "solid", colorPalette: "blue" })] }));
-        } }))),
-    inputs: [],
-});
 //# sourceMappingURL=icon-button.examples.js.map

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

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

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

@@ -1,4 +1,3 @@
 export declare const toggleGridlines: import("@elaraai/east").ExampleDef<[], any>;
-export declare const toggleLockColumns: import("@elaraai/east").ExampleDef<[], any>;
-export declare const toggleAutoRefreshReactive: import("@elaraai/east").ExampleDef<[], any>;
+export declare const toggleVariants: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=toggle.examples.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/toggle.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,6CAW1B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAW5B,CAAC;AAEH,eAAO,MAAM,yBAAyB,6CAqBpC,CAAC"}
+{"version":3,"file":"toggle.examples.d.ts","sourceRoot":"","sources":["../../../test/buttons/toggle.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,6CAW1B,CAAC;AAEH,eAAO,MAAM,cAAc,6CAuDzB,CAAC"}

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

@@ -1,38 +1,51 @@
-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, BooleanType, NullType, example } from "@elaraai/east";
-import { State, UIComponentType } from "@elaraai/east-ui";
-import { Toggle, HStack, Text, Reactive } from "@elaraai/east-ui";
+import { ArrayType, BooleanType, East, NullType, StringType, example, variant } from "@elaraai/east";
+import { State, Style, UIComponentType } from "@elaraai/east-ui";
+import { Configurator, Reactive, SegmentGroup, Text, Toggle } from "@elaraai/east-ui";
 export const toggleGridlines = example({
     keywords: ["Toggle", "Root", "pressed", "toolbar", "gridlines"],
-    description: "Toolbar toggle — 'Show gridlines' with a leading icon (presentational)",
+    description: "Toolbar toggle — 'Show gridlines' with a leading icon",
     fn: East.function([], UIComponentType, (_$) => {
         return (_jsx(Toggle, { pressed: true, icon: { prefix: "fas", name: "table-cells" }, variant: "subtle", size: "sm", children: "Show gridlines" }));
     }),
     inputs: [],
 });
-export const toggleLockColumns = example({
-    keywords: ["Toggle", "Root", "pressed", "locked", "icon"],
-    description: "Lock-columns toggle in the unpressed state with a lock icon",
-    fn: East.function([], UIComponentType, (_$) => {
-        return (_jsx(Toggle, { pressed: false, icon: { prefix: "fas", name: "lock" }, variant: "outline", size: "sm", children: "Lock columns" }));
-    }),
-    inputs: [],
-});
-export const toggleAutoRefreshReactive = example({
-    keywords: ["Toggle", "Reactive", "State", "onChange", "auto-refresh"],
-    description: "Reactive auto-refresh toggle wired through State.bind",
+export const toggleVariants = example({
+    keywords: ["Toggle", "Root", "pressed", "variant", "subtle", "outline", "size", "icon", "pressedBackground", "override", "Reactive", "State", "onChange", "SegmentGroup", "Configurator", "getTag", "configurator"],
+    description: "Toggle configurator — variant and size axes on one live State-bound toggle with icon and pressed tint composed on",
     fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
-            const bind = $.let(State.bind([BooleanType], "auto_refresh", false));
-            const pressed = $.let(bind.read());
-            const onChange = $.const(East.function([BooleanType], NullType, ($, next) => {
-                $(bind.write(next));
-            }));
-            return (_jsxs(HStack, { gap: "3", align: "center", children: [_jsx(Toggle, { pressed: pressed, icon: { prefix: "fas", name: "rotate" }, onChange: onChange, variant: "subtle", pressedBackground: "#eef2ff", children: "Auto-refresh" }), _jsx(Text, { color: "fg.muted", children: pressed.ifElse(_$ => "On", _$ => "Off") })] }));
+            const variants = $.const([
+                variant("subtle", null), variant("outline", null),
+            ], ArrayType(Toggle.Types.Variant));
+            const sizes = $.const([
+                variant("sm", null), variant("md", null), variant("lg", null),
+            ], ArrayType(Style.Types.Size));
+            const variantBind = $.let(State.bind([StringType], "toggle_variant", "subtle"));
+            const sizeBind = $.let(State.bind([StringType], "toggle_size", "sm"));
+            const pressedBind = $.let(State.bind([BooleanType], "toggle_pressed", true));
+            const vKey = $.let(variantBind.read());
+            const sKey = $.let(sizeBind.read());
+            const pressed = $.let(pressedBind.read());
+            const onVariant = $.const(East.function([StringType], NullType, ($, next) => { $(variantBind.write(next)); }));
+            const onSize = $.const(East.function([StringType], NullType, ($, next) => { $(sizeBind.write(next)); }));
+            const onPressed = $.const(East.function([BooleanType], NullType, ($, next) => { $(pressedBind.write(next)); }));
+            const toggleVariant = $.let(variants.filter((_$, v) => v.getTag().equal(vKey)).get(0n));
+            const size = $.let(sizes.filter((_$, v) => v.getTag().equal(sKey)).get(0n));
+            // pressedBackground is presence-typed, so the branded switch picks
+            // between two toggles.
+            // ONE toggle — the icon slot and pressed tint compose on.
+            const preview = $.const(_jsx(Toggle, { pressed: pressed, onChange: onPressed, variant: toggleVariant, size: size, icon: { prefix: "fas", name: "rotate" }, pressedBackground: "bg.brand.subtle", children: "Auto-refresh" }));
+            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, spec: [
+                    Configurator.Spec("Pressed", pressed.ifElse(_$ => "on", _$ => "off")),
+                ] }));
         } }))),
     inputs: [],
 });

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

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

package/dist/test/charts/chart.examples.d.ts

@@ -1,52 +1,26 @@
 export declare const lineBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const tooltipOverStickyTable: import("@elaraai/east").ExampleDef<[], any>;
-export declare const columnStackedDiverging: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineMultiColumns: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineBreakdown: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineCurveNatural: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineStepNoDots: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineStepAfterSetpoint: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineDashedTargetOverlay: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineTemporal: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineNumericX: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineIntegerDayTicks: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineRuntimeDomain: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineRuntimeTimeDomain: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * Axis typography overrides (#315) — `tickStyle` / `titleStyle` on any axis
- * restyle its tick labels and caption over the spec chrome (mono 11px,
- * `fg.muted`): CSS font size, theme font family (`sans` / `serif` / `mono`),
- * weight, colour token, and letter spacing. Here the weekday date ticks read
- * in 12px sans `fg.default` and the y caption is a semibold sans eyebrow —
- * the legibility treatment for a dense dashboard lane.
- */
-export declare const axisTextStyled: import("@elaraai/east").ExampleDef<[], any>;
-export declare const lineSampleFan: import("@elaraai/east").ExampleDef<[], any>;
-export declare const columnBasic: import("@elaraai/east").ExampleDef<[], any>;
-export declare const columnPerCategory: import("@elaraai/east").ExampleDef<[], any>;
+export declare const lineVariants: import("@elaraai/east").ExampleDef<[], any>;
+/** Grouped multi-series columns with an explicit colour map. */
 export declare const columnGrouped: import("@elaraai/east").ExampleDef<[], any>;
+/** Stacked columns — two series share one stack key. */
 export declare const columnStacked: import("@elaraai/east").ExampleDef<[], any>;
-export declare const columnPercentStacked: import("@elaraai/east").ExampleDef<[], any>;
-export declare const columnCustomColors: import("@elaraai/east").ExampleDef<[], any>;
-export declare const barRanked: import("@elaraai/east").ExampleDef<[], any>;
-export declare const barGrouped: import("@elaraai/east").ExampleDef<[], any>;
+/** Percent-stacked columns — stackOffset expand + a percent axis format. */
+export declare const columnPercent: import("@elaraai/east").ExampleDef<[], any>;
+/** Horizontal Bar — ranked categorical-y with stacked shifts and tooltip. */
 export declare const barStacked: import("@elaraai/east").ExampleDef<[], any>;
-export declare const barPercentStacked: import("@elaraai/east").ExampleDef<[], any>;
+/** Stacked areas — two series share one stack with a soft fill. */
 export declare const areaStacked: import("@elaraai/east").ExampleDef<[], any>;
-export declare const areaConfidenceBand: import("@elaraai/east").ExampleDef<[], any>;
+/** Band — an area-range confidence band under its value line. */
+export declare const bandConfidence: import("@elaraai/east").ExampleDef<[], any>;
+/** Quadrant scatter — two series with pinned domains and refLine cross-hairs. */
 export declare const scatterQuadrants: import("@elaraai/east").ExampleDef<[], any>;
+/** Bubble scatter — per-point size encodes a third measure. */
 export declare const scatterBubble: import("@elaraai/east").ExampleDef<[], any>;
+/** Column + Line mixed marks on one chart. */
 export declare const composedColumnLine: import("@elaraai/east").ExampleDef<[], any>;
-export declare const composedDualAxisForecast: import("@elaraai/east").ExampleDef<[], any>;
-export declare const referenceAnnotations: import("@elaraai/east").ExampleDef<[], any>;
-export declare const axisFormatting: import("@elaraai/east").ExampleDef<[], any>;
-export declare const interactiveValue: import("@elaraai/east").ExampleDef<[], any>;
-/**
- * Explicit Date ticks on a `time` axis (#318) — `tickValues` accepts
- * `DateTime[]` positions on a time scale (previously float-only), rendered
- * through the date `tickFormat`; pins ticks to exact instants (e.g. a stacked
- * Planner's day-column starts under a shared AlignedStack gutter) instead of
- * the scale's auto-chosen ones. Float `tickValues` on linear axes unchanged.
- */
-export declare const chartTimeTickValues: import("@elaraai/east").ExampleDef<[], any>;
+/** Dual-axis forecast — Area + Band + right-axis trend + capacity refLine. */
+export declare const composedDualAxis: import("@elaraai/east").ExampleDef<[], any>;
+/** Reference annotations — refBand, refLine and refDot around one line. */
+export declare const composedAnnotations: import("@elaraai/east").ExampleDef<[], any>;
+export declare const tooltipOverStickyTable: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=chart.examples.d.ts.map

package/dist/test/charts/chart.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.examples.d.ts","sourceRoot":"","sources":["../../../test/charts/chart.examples.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,SAAS,6CAepB,CAAC;AAEH,eAAO,MAAM,sBAAsB,6CAmBjC,CAAC;AAEH,eAAO,MAAM,sBAAsB,6CAyBjC,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAe3B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAgBxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAe3B,CAAC;AAEH,eAAO,MAAM,cAAc,6CAezB,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CAehC,CAAC;AAEH,eAAO,MAAM,uBAAuB,6CAkBlC,CAAC;AAEH,eAAO,MAAM,YAAY,6CAoBvB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAoBvB,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAoB9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAyB5B,CAAC;AAEH,eAAO,MAAM,qBAAqB,6CAuBhC,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,6CAuBzB,CAAC;AAEH,eAAO,MAAM,aAAa,6CA6BxB,CAAC;AAMH,eAAO,MAAM,WAAW,6CActB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAqB5B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAcxB,CAAC;AAEH,eAAO,MAAM,aAAa,6CAexB,CAAC;AAEH,eAAO,MAAM,oBAAoB,6CAe/B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAe7B,CAAC;AAMH,eAAO,MAAM,SAAS,6CAwBpB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAerB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAgBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAoB5B,CAAC;AAMH,eAAO,MAAM,WAAW,6CAetB,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAkB7B,CAAC;AAMH,eAAO,MAAM,gBAAgB,6CAwB3B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAexB,CAAC;AAMH,eAAO,MAAM,kBAAkB,6CAkB7B,CAAC;AAEH,eAAO,MAAM,wBAAwB,6CA+BnC,CAAC;AAMH,eAAO,MAAM,oBAAoB,6CAoB/B,CAAC;AAMH,eAAO,MAAM,cAAc,6CAezB,CAAC;AAMH,eAAO,MAAM,gBAAgB,6CAc3B,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,6CAgC9B,CAAC"}
+{"version":3,"file":"chart.examples.d.ts","sourceRoot":"","sources":["../../../test/charts/chart.examples.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,SAAS,6CAepB,CAAC;AAMH,eAAO,MAAM,YAAY,6CAiGvB,CAAC;AAOH,gEAAgE;AAChE,eAAO,MAAM,aAAa,6CAexB,CAAC;AAEH,wDAAwD;AACxD,eAAO,MAAM,aAAa,6CAgBxB,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,aAAa,6CAgBxB,CAAC;AAEH,6EAA6E;AAC7E,eAAO,MAAM,UAAU,6CAiBrB,CAAC;AAMH,mEAAmE;AACnE,eAAO,MAAM,WAAW,6CAgBtB,CAAC;AAEH,iEAAiE;AACjE,eAAO,MAAM,cAAc,6CAmBzB,CAAC;AAEH,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,6CAoB3B,CAAC;AAEH,+DAA+D;AAC/D,eAAO,MAAM,aAAa,6CAgBxB,CAAC;AAMH,8CAA8C;AAC9C,eAAO,MAAM,kBAAkB,6CAmB7B,CAAC;AAEH,8EAA8E;AAC9E,eAAO,MAAM,gBAAgB,6CAgC3B,CAAC;AAEH,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB,6CAqB9B,CAAC;AAMH,eAAO,MAAM,sBAAsB,6CAwBjC,CAAC"}