@elaraai/east-ui 1.0.60 → 1.0.62

package/dist/src/layout/configurator/index.d.ts

@@ -0,0 +1,207 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { type ExprType, type SubtypeExprOrValue, ArrayType, BooleanType, OptionType, StringType, StructType } from "@elaraai/east";
+import { UIComponentType } from "../../component.js";
+import { ConfiguratorSpecType, ConfiguratorStyleType, type ConfiguratorStyle } from "./types.js";
+export { ConfiguratorSpecType, ConfiguratorStyleType, type ConfiguratorStyle, } from "./types.js";
+/**
+ * One row of the control table.
+ *
+ * @remarks
+ * Build these with {@link Configurator.Control} rather than by hand — the
+ * `value` field is what the spec column reads, so constructing the struct
+ * directly is the easiest way to let the two drift apart.
+ *
+ * @property label - Row label, rendered in the left gutter
+ * @property value - Current value for the spec column (`none` omits the row)
+ * @property control - The control itself (a SegmentGroup, Switch row, Slider, …)
+ * @property hint - Secondary annotation rendered beside the control
+ */
+export declare const ConfiguratorControlType: StructType<{
+    readonly label: StringType;
+    readonly value: OptionType<StringType>;
+    readonly control: import("@elaraai/east").RecursiveType<import("../../component.js").UIComponentNode>;
+    readonly hint: OptionType<StringType>;
+}>;
+/**
+ * Type representing {@link ConfiguratorControlType} values.
+ */
+export type ConfiguratorControlType = typeof ConfiguratorControlType;
+/**
+ * Standalone East type for `Configurator` data — mirrors the inline arm in
+ * `component.ts` (which spells the child slots with the recursion `node`).
+ * Used by the renderer for `ValueTypeOf` and equality.
+ *
+ * @property controls - The control rows, in display order
+ * @property preview - The component being configured
+ * @property live - Whether the preview updates live (renders the LIVE pip)
+ * @property aside - Optional secondary panel beneath the preview
+ * @property spec - Extra spec rows, appended after those derived from `controls`
+ * @property style - Optional sizing overrides
+ */
+export declare const ConfiguratorType: StructType<{
+    controls: ArrayType<ConfiguratorControlType>;
+    preview: UIComponentType;
+    live: BooleanType;
+    aside: OptionType<StructType<{
+        label: StringType;
+        body: UIComponentType;
+    }>>;
+    spec: ArrayType<ConfiguratorSpecType>;
+    style: OptionType<ConfiguratorStyleType>;
+}>;
+/**
+ * Type representing the Configurator component structure.
+ */
+export type ConfiguratorType = typeof ConfiguratorType;
+/**
+ * Options for {@link Configurator.Root}.
+ */
+export interface ConfiguratorOptions extends ConfiguratorStyle {
+    /**
+     * The control rows, in display order. The single source of truth: each row
+     * renders its control AND contributes its `value` to the spec column.
+     */
+    controls: SubtypeExprOrValue<ArrayType<ConfiguratorControlType>>;
+    /** The component being configured. */
+    preview: SubtypeExprOrValue<UIComponentType>;
+    /**
+     * Whether the preview updates live. Renders the `LIVE` pip in the preview
+     * header. Defaults to `true` — a Configurator whose preview does not react
+     * is almost always a mistake.
+     */
+    live?: SubtypeExprOrValue<BooleanType>;
+    /** Optional secondary panel beneath the preview. */
+    aside?: {
+        /** Section label, e.g. `"Count · Reactive"`. */
+        label: SubtypeExprOrValue<StringType>;
+        /** Section body. */
+        body: SubtypeExprOrValue<UIComponentType>;
+    };
+    /**
+     * Extra spec rows, appended after the ones derived from `controls`. Use for
+     * state with no control row of its own — a value computed from two
+     * switches, say.
+     */
+    spec?: SubtypeExprOrValue<ArrayType<ConfiguratorSpecType>>;
+}
+/**
+ * Builds a control row for {@link Configurator.Root}.
+ *
+ * @param label - Row label, rendered in the left gutter
+ * @param value - Current value, echoed in the spec column
+ * @param control - The control component for this row
+ * @param hint - Optional secondary annotation beside the control
+ * @returns A control row value
+ *
+ * @example
+ * ```ts
+ * import { Configurator, SegmentGroup } from "@elaraai/east-ui";
+ *
+ * Configurator.Control("Density", "compact", SegmentGroup.Root(...));
+ * ```
+ */
+declare function createConfiguratorControl(label: SubtypeExprOrValue<StringType>, value: SubtypeExprOrValue<StringType>, control: SubtypeExprOrValue<UIComponentType>, hint?: SubtypeExprOrValue<StringType>): ExprType<ConfiguratorControlType>;
+/**
+ * Builds a control row that contributes no spec entry.
+ *
+ * @param label - Row label, rendered in the left gutter
+ * @param control - The control component for this row
+ * @param hint - Optional secondary annotation beside the control
+ * @returns A control row value with no spec contribution
+ *
+ * @remarks
+ * For rows whose state is better described by explicit `spec` entries — a
+ * `Shape` row of two switches that reports `Radius` and `Width` separately, for
+ * instance.
+ */
+declare function createConfiguratorSlot(label: SubtypeExprOrValue<StringType>, control: SubtypeExprOrValue<UIComponentType>, hint?: SubtypeExprOrValue<StringType>): ExprType<ConfiguratorControlType>;
+/**
+ * Builds a spec row for the `spec` option.
+ *
+ * @param label - The row label
+ * @param value - The current value
+ * @returns A spec row value
+ */
+declare function createConfiguratorSpec(label: SubtypeExprOrValue<StringType>, value: SubtypeExprOrValue<StringType>): ExprType<ConfiguratorSpecType>;
+/**
+ * Creates a Configurator — a labelled control table beside a live preview and a
+ * derived spec readout.
+ *
+ * @param options - Controls, preview, live pip, optional aside, extra spec rows, and sizing
+ * @returns An East expression representing the Configurator
+ *
+ * @remarks
+ * `controls` is the single source of truth: each row renders its control and
+ * contributes its `value` to the spec column, so a control and its readout
+ * cannot disagree. The sidebar stacks beneath the control table on narrow
+ * viewports. The rendered control column carries a collapse toggle (the Dock
+ * rail chrome) so a viewer can hand its width to the preview; collapsed state
+ * is a viewer preference persisted per instance by the renderer, never part of
+ * this value.
+ *
+ * @example
+ * ```ts
+ * import { Configurator, SegmentGroup, Badge } from "@elaraai/east-ui";
+ *
+ * Configurator.Root({
+ *     controls: [Configurator.Control("Variant", "outline", SegmentGroup.Root(...))],
+ *     preview: Badge.Root("Sample"),
+ * });
+ * ```
+ */
+declare function createConfigurator(options: ConfiguratorOptions): ExprType<UIComponentType>;
+/**
+ * Configurator — a labelled control table beside a live preview and a derived
+ * spec readout.
+ *
+ * @remarks
+ * Use `Configurator.Root({ controls, preview, ... })`; build rows with
+ * `Configurator.Control` (contributes a spec entry) or `Configurator.Slot` (does
+ * not). Types via `.Types`.
+ */
+export declare const Configurator: {
+    /** Build a Configurator (see {@link createConfigurator}). */
+    readonly Root: typeof createConfigurator;
+    /** Build a control row that also reports its value in the spec column. */
+    readonly Control: typeof createConfiguratorControl;
+    /** Build a control row that contributes no spec entry. */
+    readonly Slot: typeof createConfiguratorSlot;
+    /** Build an extra spec row for the `spec` option. */
+    readonly Spec: typeof createConfiguratorSpec;
+    readonly Types: {
+        /** The Configurator data struct. */
+        readonly Configurator: StructType<{
+            controls: ArrayType<ConfiguratorControlType>;
+            preview: UIComponentType;
+            live: BooleanType;
+            aside: OptionType<StructType<{
+                label: StringType;
+                body: UIComponentType;
+            }>>;
+            spec: ArrayType<ConfiguratorSpecType>;
+            style: OptionType<ConfiguratorStyleType>;
+        }>;
+        /** The control-row struct. */
+        readonly Control: StructType<{
+            readonly label: StringType;
+            readonly value: OptionType<StringType>;
+            readonly control: import("@elaraai/east").RecursiveType<import("../../component.js").UIComponentNode>;
+            readonly hint: OptionType<StringType>;
+        }>;
+        /** The spec-row struct. */
+        readonly Spec: StructType<{
+            readonly label: StringType;
+            readonly value: StringType;
+        }>;
+        /** The style sub-struct. */
+        readonly Style: StructType<{
+            readonly labelWidth: OptionType<StringType>;
+            readonly controlsWidth: OptionType<StringType>;
+            readonly previewMinHeight: OptionType<StringType>;
+        }>;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/layout/configurator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/configurator/index.ts"],"names":[],"mappings":"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"}

package/dist/src/layout/configurator/index.js

@@ -0,0 +1,177 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { ArrayType, BooleanType, East, OptionType, StringType, StructType, none, some, variant, } from "@elaraai/east";
+import { UIComponentType } from "../../component.js";
+import { ConfiguratorSpecType, ConfiguratorStyleType, } from "./types.js";
+export { ConfiguratorSpecType, ConfiguratorStyleType, } from "./types.js";
+/**
+ * One row of the control table.
+ *
+ * @remarks
+ * Build these with {@link Configurator.Control} rather than by hand — the
+ * `value` field is what the spec column reads, so constructing the struct
+ * directly is the easiest way to let the two drift apart.
+ *
+ * @property label - Row label, rendered in the left gutter
+ * @property value - Current value for the spec column (`none` omits the row)
+ * @property control - The control itself (a SegmentGroup, Switch row, Slider, …)
+ * @property hint - Secondary annotation rendered beside the control
+ */
+export const ConfiguratorControlType = StructType({
+    label: StringType,
+    value: OptionType(StringType),
+    control: UIComponentType,
+    hint: OptionType(StringType),
+});
+/**
+ * Standalone East type for `Configurator` data — mirrors the inline arm in
+ * `component.ts` (which spells the child slots with the recursion `node`).
+ * Used by the renderer for `ValueTypeOf` and equality.
+ *
+ * @property controls - The control rows, in display order
+ * @property preview - The component being configured
+ * @property live - Whether the preview updates live (renders the LIVE pip)
+ * @property aside - Optional secondary panel beneath the preview
+ * @property spec - Extra spec rows, appended after those derived from `controls`
+ * @property style - Optional sizing overrides
+ */
+export const ConfiguratorType = StructType({
+    controls: ArrayType(ConfiguratorControlType),
+    preview: UIComponentType,
+    live: BooleanType,
+    aside: OptionType(StructType({ label: StringType, body: UIComponentType })),
+    spec: ArrayType(ConfiguratorSpecType),
+    style: OptionType(ConfiguratorStyleType),
+});
+function buildStyle(style) {
+    return East.value({
+        labelWidth: style.labelWidth !== undefined ? some(style.labelWidth) : none,
+        controlsWidth: style.controlsWidth !== undefined ? some(style.controlsWidth) : none,
+        previewMinHeight: style.previewMinHeight !== undefined ? some(style.previewMinHeight) : none,
+    }, ConfiguratorStyleType);
+}
+/**
+ * Builds a control row for {@link Configurator.Root}.
+ *
+ * @param label - Row label, rendered in the left gutter
+ * @param value - Current value, echoed in the spec column
+ * @param control - The control component for this row
+ * @param hint - Optional secondary annotation beside the control
+ * @returns A control row value
+ *
+ * @example
+ * ```ts
+ * import { Configurator, SegmentGroup } from "@elaraai/east-ui";
+ *
+ * Configurator.Control("Density", "compact", SegmentGroup.Root(...));
+ * ```
+ */
+function createConfiguratorControl(label, value, control, hint) {
+    return East.value({
+        label,
+        value: some(value),
+        control,
+        hint: hint !== undefined ? some(hint) : none,
+    }, ConfiguratorControlType);
+}
+/**
+ * Builds a control row that contributes no spec entry.
+ *
+ * @param label - Row label, rendered in the left gutter
+ * @param control - The control component for this row
+ * @param hint - Optional secondary annotation beside the control
+ * @returns A control row value with no spec contribution
+ *
+ * @remarks
+ * For rows whose state is better described by explicit `spec` entries — a
+ * `Shape` row of two switches that reports `Radius` and `Width` separately, for
+ * instance.
+ */
+function createConfiguratorSlot(label, control, hint) {
+    return East.value({
+        label,
+        value: none,
+        control,
+        hint: hint !== undefined ? some(hint) : none,
+    }, ConfiguratorControlType);
+}
+/**
+ * Builds a spec row for the `spec` option.
+ *
+ * @param label - The row label
+ * @param value - The current value
+ * @returns A spec row value
+ */
+function createConfiguratorSpec(label, value) {
+    return East.value({ label, value }, ConfiguratorSpecType);
+}
+/**
+ * Creates a Configurator — a labelled control table beside a live preview and a
+ * derived spec readout.
+ *
+ * @param options - Controls, preview, live pip, optional aside, extra spec rows, and sizing
+ * @returns An East expression representing the Configurator
+ *
+ * @remarks
+ * `controls` is the single source of truth: each row renders its control and
+ * contributes its `value` to the spec column, so a control and its readout
+ * cannot disagree. The sidebar stacks beneath the control table on narrow
+ * viewports. The rendered control column carries a collapse toggle (the Dock
+ * rail chrome) so a viewer can hand its width to the preview; collapsed state
+ * is a viewer preference persisted per instance by the renderer, never part of
+ * this value.
+ *
+ * @example
+ * ```ts
+ * import { Configurator, SegmentGroup, Badge } from "@elaraai/east-ui";
+ *
+ * Configurator.Root({
+ *     controls: [Configurator.Control("Variant", "outline", SegmentGroup.Root(...))],
+ *     preview: Badge.Root("Sample"),
+ * });
+ * ```
+ */
+function createConfigurator(options) {
+    const { controls, preview, live, aside, spec, ...visual } = options;
+    const hasVisual = Object.values(visual).some(field => field !== undefined);
+    return East.value(variant("Configurator", {
+        controls,
+        preview,
+        live: live !== undefined ? live : true,
+        aside: aside !== undefined ? some({ label: aside.label, body: aside.body }) : none,
+        spec: spec !== undefined ? spec : [],
+        style: hasVisual ? some(buildStyle(visual)) : none,
+    }), UIComponentType);
+}
+/**
+ * Configurator — a labelled control table beside a live preview and a derived
+ * spec readout.
+ *
+ * @remarks
+ * Use `Configurator.Root({ controls, preview, ... })`; build rows with
+ * `Configurator.Control` (contributes a spec entry) or `Configurator.Slot` (does
+ * not). Types via `.Types`.
+ */
+export const Configurator = {
+    /** Build a Configurator (see {@link createConfigurator}). */
+    Root: createConfigurator,
+    /** Build a control row that also reports its value in the spec column. */
+    Control: createConfiguratorControl,
+    /** Build a control row that contributes no spec entry. */
+    Slot: createConfiguratorSlot,
+    /** Build an extra spec row for the `spec` option. */
+    Spec: createConfiguratorSpec,
+    Types: {
+        /** The Configurator data struct. */
+        Configurator: ConfiguratorType,
+        /** The control-row struct. */
+        Control: ConfiguratorControlType,
+        /** The spec-row struct. */
+        Spec: ConfiguratorSpecType,
+        /** The style sub-struct. */
+        Style: ConfiguratorStyleType,
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/src/layout/configurator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/configurator/index.ts"],"names":[],"mappings":"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"}

package/dist/src/layout/configurator/types.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { type SubtypeExprOrValue, OptionType, StringType, StructType } from "@elaraai/east";
+/**
+ * Visual overrides for {@link Configurator}.
+ *
+ * @remarks
+ * The layout itself (two columns, the label gutter, the row rules, the sidebar
+ * sections) lives in the renderer's slot recipe — these fields only widen or
+ * narrow it. Everything is optional; the recipe supplies the defaults.
+ *
+ * @property labelWidth - Width of the control-row label gutter (e.g. `"140px"`)
+ * @property controlsWidth - Cap on the control column's width (e.g. `"340px"`); the preview column always takes the remaining width
+ * @property previewMinHeight - Minimum height of the preview stage
+ */
+export declare const ConfiguratorStyleType: StructType<{
+    readonly labelWidth: OptionType<StringType>;
+    readonly controlsWidth: OptionType<StringType>;
+    readonly previewMinHeight: OptionType<StringType>;
+}>;
+/**
+ * Type representing {@link ConfiguratorStyleType} values.
+ */
+export type ConfiguratorStyleType = typeof ConfiguratorStyleType;
+/**
+ * A single row of the spec readout — one label / value pair.
+ *
+ * @remarks
+ * Most rows are derived automatically from the controls (see
+ * {@link ConfiguratorControlType}); this type is what an *extra* derived row
+ * looks like, for state that has no control row of its own.
+ *
+ * @property label - The row label, rendered muted in the spec column
+ * @property value - The current value, rendered as mono emphasis
+ */
+export declare const ConfiguratorSpecType: StructType<{
+    readonly label: StringType;
+    readonly value: StringType;
+}>;
+/**
+ * Type representing {@link ConfiguratorSpecType} values.
+ */
+export type ConfiguratorSpecType = typeof ConfiguratorSpecType;
+/**
+ * Style options accepted by `Configurator.Root`.
+ */
+export interface ConfiguratorStyle {
+    /** Width of the control-row label gutter (e.g. `"140px"`). */
+    labelWidth?: SubtypeExprOrValue<StringType>;
+    /** Cap on the control column's width (e.g. `"340px"`); the preview column always takes the remaining width. */
+    controlsWidth?: SubtypeExprOrValue<StringType>;
+    /** Minimum height of the preview stage. */
+    previewMinHeight?: SubtypeExprOrValue<StringType>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/layout/configurator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layout/configurator/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,UAAU,EACb,MAAM,eAAe,CAAC;AAEvB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB;;;;EAIhC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC;AAEjE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;;;EAG/B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC5C,+GAA+G;IAC/G,aAAa,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC/C,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CACrD"}

package/dist/src/layout/configurator/types.js

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { OptionType, StringType, StructType, } from "@elaraai/east";
+/**
+ * Visual overrides for {@link Configurator}.
+ *
+ * @remarks
+ * The layout itself (two columns, the label gutter, the row rules, the sidebar
+ * sections) lives in the renderer's slot recipe — these fields only widen or
+ * narrow it. Everything is optional; the recipe supplies the defaults.
+ *
+ * @property labelWidth - Width of the control-row label gutter (e.g. `"140px"`)
+ * @property controlsWidth - Cap on the control column's width (e.g. `"340px"`); the preview column always takes the remaining width
+ * @property previewMinHeight - Minimum height of the preview stage
+ */
+export const ConfiguratorStyleType = StructType({
+    labelWidth: OptionType(StringType),
+    controlsWidth: OptionType(StringType),
+    previewMinHeight: OptionType(StringType),
+});
+/**
+ * A single row of the spec readout — one label / value pair.
+ *
+ * @remarks
+ * Most rows are derived automatically from the controls (see
+ * {@link ConfiguratorControlType}); this type is what an *extra* derived row
+ * looks like, for state that has no control row of its own.
+ *
+ * @property label - The row label, rendered muted in the spec column
+ * @property value - The current value, rendered as mono emphasis
+ */
+export const ConfiguratorSpecType = StructType({
+    label: StringType,
+    value: StringType,
+});
+//# sourceMappingURL=types.js.map

package/dist/src/layout/configurator/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/layout/configurator/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,UAAU,GACb,MAAM,eAAe,CAAC;AAEvB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAAC;IAC5C,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC;IAClC,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC;IACrC,gBAAgB,EAAE,UAAU,CAAC,UAAU,CAAC;CAC3C,CAAC,CAAC;AAOH;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAAC;IAC3C,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CACpB,CAAC,CAAC"}

package/dist/src/layout/index.d.ts

@@ -9,6 +9,7 @@ export { AlignedStack } from "./aligned-stack/index.js";
 export { Separator } from "./separator/index.js";
 export { Grid } from "./grid/index.js";
 export { Splitter } from "./splitter/index.js";
+export { Configurator } from "./configurator/index.js";
 export { Sticky } from "./sticky/index.js";
 export { ScrollArea } from "./scroll-area/index.js";
 export { Expandable } from "./expandable/index.js";

package/dist/src/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/layout/index.js

@@ -9,6 +9,7 @@ export { AlignedStack } from "./aligned-stack/index.js";
 export { Separator } from "./separator/index.js";
 export { Grid } from "./grid/index.js";
 export { Splitter } from "./splitter/index.js";
+export { Configurator } from "./configurator/index.js";
 export { Sticky } from "./sticky/index.js";
 export { ScrollArea } from "./scroll-area/index.js";
 export { Expandable } from "./expandable/index.js";

package/dist/src/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/navigation/nav-list/types.d.ts

@@ -38,6 +38,7 @@ export declare const NavItemType: StructType<{
             readonly color: OptionType<StringType>;
             readonly background: OptionType<StringType>;
             readonly colorPalette: OptionType<VariantType<{
+                readonly brand: NullType;
                 readonly gray: NullType;
                 readonly red: NullType;
                 readonly orange: NullType;
@@ -156,6 +157,7 @@ export declare const NavSectionType: StructType<{
                 readonly color: OptionType<StringType>;
                 readonly background: OptionType<StringType>;
                 readonly colorPalette: OptionType<VariantType<{
+                    readonly brand: NullType;
                     readonly gray: NullType;
                     readonly red: NullType;
                     readonly orange: NullType;
@@ -311,6 +313,7 @@ export declare const NavListType: StructType<{
                     readonly color: OptionType<StringType>;
                     readonly background: OptionType<StringType>;
                     readonly colorPalette: OptionType<VariantType<{
+                        readonly brand: NullType;
                         readonly gray: NullType;
                         readonly red: NullType;
                         readonly orange: NullType;

package/dist/src/navigation/nav-list/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/navigation/nav-list/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,EACd,MAAM,eAAe,CAAC;AAQvB;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C;;;;;;;;GAQG;AACH,MAAM,WAAW,YAAY;IACzB,wEAAwE;IACxE,GAAG,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACpC,oBAAoB;IACpB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACtC,0DAA0D;IAC1D,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,oCAAoC;IACpC,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC5C;AAMD;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC5B,gCAAgC;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,uCAAuC;IACvC,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AAMD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;EAG7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC;AAE3D,mEAAmE;AACnE,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;AAMrD;;;;;;GAMG;AACH,MAAM,WAAW,YAAY;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,GAAG,qBAAqB,CAAC;IACzE;;;;OAIG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC/C;AAMD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKtB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/navigation/nav-list/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,EACd,MAAM,eAAe,CAAC;AAQvB;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C;;;;;;;;GAQG;AACH,MAAM,WAAW,YAAY;IACzB,wEAAwE;IACxE,GAAG,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACpC,oBAAoB;IACpB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACtC,0DAA0D;IAC1D,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,oCAAoC;IACpC,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC5C;AAMD;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC5B,gCAAgC;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,uCAAuC;IACvC,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AAMD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;EAG7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC;AAE3D,mEAAmE;AACnE,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;AAMrD;;;;;;GAMG;AACH,MAAM,WAAW,YAAY;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,GAAG,qBAAqB,CAAC;IACzE;;;;OAIG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC/C;AAMD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKtB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC"}

package/dist/src/overlays/command-palette/types.d.ts

@@ -48,6 +48,7 @@ export declare const CommandType: StructType<{
             readonly color: OptionType<StringType>;
             readonly background: OptionType<StringType>;
             readonly colorPalette: OptionType<import("@elaraai/east").VariantType<{
+                readonly brand: NullType;
                 readonly gray: NullType;
                 readonly red: NullType;
                 readonly orange: NullType;
@@ -248,6 +249,7 @@ export declare const CommandPaletteType: StructType<{
                 readonly color: OptionType<StringType>;
                 readonly background: OptionType<StringType>;
                 readonly colorPalette: OptionType<import("@elaraai/east").VariantType<{
+                    readonly brand: NullType;
                     readonly gray: NullType;
                     readonly red: NullType;
                     readonly orange: NullType;

package/dist/src/overlays/command-palette/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/command-palette/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/command-palette/types.ts"],"names":[],"mappings":"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"}

package/dist/src/runtime/charts/sparkline.d.ts

@@ -26,7 +26,7 @@ import { type ValueProps, type JsxTag } from "../combinators.js";
  *             <Text>Revenue</Text>
  *             <Text fontWeight="bold">$45,231</Text>
  *         </VStack>
- *         <Sparkline data={[100.0, 120.0, 115.0, 130.0, 125.0, 140.0, 155.0]} type="area" color="teal.400" width="100px" height="40px" />
+ *         <Sparkline data={[100.0, 120.0, 115.0, 130.0, 125.0, 140.0, 155.0]} type="area" color="brand.600" width="100px" height="40px" />
  *     </HStack>
  * ));
  * ```

package/dist/src/runtime/charts/sparkline.js

@@ -26,7 +26,7 @@ import { leaf } from "../combinators.js";
  *             <Text>Revenue</Text>
  *             <Text fontWeight="bold">$45,231</Text>
  *         </VStack>
- *         <Sparkline data={[100.0, 120.0, 115.0, 130.0, 125.0, 140.0, 155.0]} type="area" color="teal.400" width="100px" height="40px" />
+ *         <Sparkline data={[100.0, 120.0, 115.0, 130.0, 125.0, 140.0, 155.0]} type="area" color="brand.600" width="100px" height="40px" />
  *     </HStack>
  * ));
  * ```

package/dist/src/runtime/disclosure/carousel.d.ts

@@ -27,9 +27,9 @@ import type { ContainerChildrenType } from "../children.js";
  *
  * const slideshow = East.function([], UIComponentType, _$ => (
  *     <Carousel loop={true} showControls={true} showIndicators={true}>
- *         <Box padding="8" background="green.100"><Text>First</Text></Box>
- *         <Box padding="8" background="orange.100"><Text>Second</Text></Box>
- *         <Box padding="8" background="pink.100"><Text>Third</Text></Box>
+ *         <Box padding="8" background="bg.success.subtle"><Text>First</Text></Box>
+ *         <Box padding="8" background="bg.warning.subtle"><Text>Second</Text></Box>
+ *         <Box padding="8" background="bg.subtle"><Text>Third</Text></Box>
  *     </Carousel>
  * ));
  * ```

package/dist/src/runtime/disclosure/carousel.js

@@ -26,9 +26,9 @@ import { container } from "../combinators.js";
  *
  * const slideshow = East.function([], UIComponentType, _$ => (
  *     <Carousel loop={true} showControls={true} showIndicators={true}>
- *         <Box padding="8" background="green.100"><Text>First</Text></Box>
- *         <Box padding="8" background="orange.100"><Text>Second</Text></Box>
- *         <Box padding="8" background="pink.100"><Text>Third</Text></Box>
+ *         <Box padding="8" background="bg.success.subtle"><Text>First</Text></Box>
+ *         <Box padding="8" background="bg.warning.subtle"><Text>Second</Text></Box>
+ *         <Box padding="8" background="bg.subtle"><Text>Third</Text></Box>
  *     </Carousel>
  * ));
  * ```