@elaraai/east-ui 1.0.30 → 1.0.32

package/dist/src/internal.js.map

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

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

@@ -0,0 +1,116 @@
+/**
+ * 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, BooleanType, FunctionType, NullType, OptionType, StringType, StructType } from "@elaraai/east";
+import { UIComponentType } from "../../component.js";
+import { ExpandableStyleType, type ExpandableOptions } from "./types.js";
+export { ExpandableStyleType, type ExpandableStyle, type ExpandableOptions, } from "./types.js";
+/**
+ * Concrete struct mirroring the inline `Expandable` variant in
+ * `component.ts`. Renderers reference this for `equalFor` / `ValueTypeOf`.
+ *
+ * @property content - The region content (UIComp) — keeps its identity across expand/collapse
+ * @property expanded - Expanded state (synced on change; omit for local toggling)
+ * @property onExpandedChange - Callback invoked with the new expanded state
+ * @property label - Accessible name for the toggle control
+ * @property style - Visual-presentation sub-struct (zIndex, background)
+ */
+export declare const ExpandableType: StructType<{
+    content: UIComponentType;
+    expanded: OptionType<BooleanType>;
+    onExpandedChange: OptionType<FunctionType<[BooleanType], NullType>>;
+    label: OptionType<StringType>;
+    style: OptionType<ExpandableStyleType>;
+}>;
+export type ExpandableType = typeof ExpandableType;
+/**
+ * Creates an Expandable — a region that can expand in place to fill the
+ * host application's container (the whole window the app renders in) and
+ * collapse back into the surrounding layout.
+ *
+ * @param content - The region content (UIComp)
+ * @param options - Optional state / behaviour / visual style fields
+ * @returns An East expression representing the Expandable component
+ *
+ * @remarks
+ * The renderer performs a CSS takeover (`position: fixed; inset: 0`) on the
+ * same element — the content keeps its React/DOM identity, so transient
+ * state (scroll, selection, splitter drag) survives expand/collapse. This is
+ * an in-place resize, not an overlay: distinct from `Collapsible` (in-flow
+ * show/hide of a region), `Disclosure` (text truncation), and `Dialog` /
+ * `Drawer` (portalled overlays with backdrop semantics that render a copy of
+ * their content).
+ *
+ * The expanded surface fills the viewport only when no ancestor element
+ * creates a CSS containing block (`transform`, `filter`, `backdrop-filter`,
+ * `perspective`, `contain`) — host apps embedding east-ui must keep the
+ * ancestry of expandable regions free of those properties. Esc collapses the
+ * topmost expanded region unless an inner overlay consumed the keypress.
+ *
+ * @example
+ * ```ts
+ * import { East } from "@elaraai/east";
+ * import { Box, Expandable, Text, UIComponentType } from "@elaraai/east-ui/internal";
+ *
+ * const region = East.function([], UIComponentType, _$ =>
+ *     Expandable.Root(
+ *         Box.Root([Text.Root("Dense chart region — expand me")], { padding: "3" }),
+ *         { label: "Schedule" },
+ *     ),
+ * );
+ * ```
+ */
+declare function createExpandable(content: SubtypeExprOrValue<UIComponentType>, options?: ExpandableOptions): ExprType<UIComponentType>;
+/**
+ * Expandable primitive — a region that expands in place to fill the app
+ * container.
+ *
+ * @remarks
+ * Use `Expandable.Root(content, opts)`. Types are exposed via
+ * `Expandable.Types`.
+ */
+export declare const Expandable: {
+    /**
+     * Creates an Expandable component.
+     *
+     * @param content - The region content (UIComp)
+     * @param options - Optional state / behaviour / visual style fields
+     * @returns An East expression representing the Expandable component
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Box, Expandable, Text, UIComponentType } from "@elaraai/east-ui/internal";
+     *
+     * const ex = East.function([], UIComponentType, _$ =>
+     *     Expandable.Root(
+     *         Box.Root([Text.Root("Dense chart region — expand me")], { padding: "3" }),
+     *         { label: "Schedule" },
+     *     ),
+     * );
+     * ```
+     */
+    readonly Root: typeof createExpandable;
+    readonly Types: {
+        /**
+         * The concrete East type for Expandable — mirrors the inline
+         * `Expandable` variant in `component.ts`.
+         */
+        readonly Expandable: StructType<{
+            content: UIComponentType;
+            expanded: OptionType<BooleanType>;
+            onExpandedChange: OptionType<FunctionType<[BooleanType], NullType>>;
+            label: OptionType<StringType>;
+            style: OptionType<ExpandableStyleType>;
+        }>;
+        /**
+         * Visual-only style struct for Expandable (zIndex, background).
+         */
+        readonly Style: StructType<{
+            readonly zIndex: OptionType<import("@elaraai/east").IntegerType>;
+            readonly background: OptionType<StringType>;
+        }>;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/expandable/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EAIb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,mBAAmB,EACnB,KAAK,iBAAiB,EACzB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACH,mBAAmB,EACnB,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACzB,MAAM,YAAY,CAAC;AAMpB;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,EAAE,UAAU,CAAC;IACpC,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAClC,gBAAgB,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;CAC1C,CAMC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AAMnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,iBAAS,gBAAgB,CACrB,OAAO,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAC5C,OAAO,CAAC,EAAE,iBAAiB,GAC5B,QAAQ,CAAC,eAAe,CAAC,CAiB3B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;IACnB;;;;;;;;;;;;;;;;;;;OAmBG;;;QAGC;;;WAGG;;qBAhHE,eAAe;sBACd,UAAU,CAAC,WAAW,CAAC;8BACf,UAAU,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC;mBAC5D,UAAU,CAAC,UAAU,CAAC;mBACtB,UAAU,CAAC,mBAAmB,CAAC;;QA8GlC;;WAEG;;;;;;CAGD,CAAC"}

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

@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { East, BooleanType, FunctionType, NullType, OptionType, StringType, StructType, variant, some, none, } from "@elaraai/east";
+import { UIComponentType } from "../../component.js";
+import { ExpandableStyleType, } from "./types.js";
+// Re-export types
+export { ExpandableStyleType, } from "./types.js";
+// ============================================================================
+// ExpandableType — standalone mirror of the inline `Expandable` variant
+// ============================================================================
+/**
+ * Concrete struct mirroring the inline `Expandable` variant in
+ * `component.ts`. Renderers reference this for `equalFor` / `ValueTypeOf`.
+ *
+ * @property content - The region content (UIComp) — keeps its identity across expand/collapse
+ * @property expanded - Expanded state (synced on change; omit for local toggling)
+ * @property onExpandedChange - Callback invoked with the new expanded state
+ * @property label - Accessible name for the toggle control
+ * @property style - Visual-presentation sub-struct (zIndex, background)
+ */
+export const ExpandableType = StructType({
+    content: UIComponentType,
+    expanded: OptionType(BooleanType),
+    onExpandedChange: OptionType(FunctionType([BooleanType], NullType)),
+    label: OptionType(StringType),
+    style: OptionType(ExpandableStyleType),
+});
+// ============================================================================
+// Expandable Factory
+// ============================================================================
+/**
+ * Creates an Expandable — a region that can expand in place to fill the
+ * host application's container (the whole window the app renders in) and
+ * collapse back into the surrounding layout.
+ *
+ * @param content - The region content (UIComp)
+ * @param options - Optional state / behaviour / visual style fields
+ * @returns An East expression representing the Expandable component
+ *
+ * @remarks
+ * The renderer performs a CSS takeover (`position: fixed; inset: 0`) on the
+ * same element — the content keeps its React/DOM identity, so transient
+ * state (scroll, selection, splitter drag) survives expand/collapse. This is
+ * an in-place resize, not an overlay: distinct from `Collapsible` (in-flow
+ * show/hide of a region), `Disclosure` (text truncation), and `Dialog` /
+ * `Drawer` (portalled overlays with backdrop semantics that render a copy of
+ * their content).
+ *
+ * The expanded surface fills the viewport only when no ancestor element
+ * creates a CSS containing block (`transform`, `filter`, `backdrop-filter`,
+ * `perspective`, `contain`) — host apps embedding east-ui must keep the
+ * ancestry of expandable regions free of those properties. Esc collapses the
+ * topmost expanded region unless an inner overlay consumed the keypress.
+ *
+ * @example
+ * ```ts
+ * import { East } from "@elaraai/east";
+ * import { Box, Expandable, Text, UIComponentType } from "@elaraai/east-ui/internal";
+ *
+ * const region = East.function([], UIComponentType, _$ =>
+ *     Expandable.Root(
+ *         Box.Root([Text.Root("Dense chart region — expand me")], { padding: "3" }),
+ *         { label: "Schedule" },
+ *     ),
+ * );
+ * ```
+ */
+function createExpandable(content, options) {
+    const hasVisual = options !== undefined
+        && (options.zIndex !== undefined || options.background !== undefined);
+    const styleValue = hasVisual
+        ? East.value({
+            zIndex: options.zIndex !== undefined ? some(options.zIndex) : none,
+            background: options.background !== undefined ? some(options.background) : none,
+        }, ExpandableStyleType)
+        : undefined;
+    return East.value(variant("Expandable", {
+        content,
+        expanded: options?.expanded !== undefined ? some(options.expanded) : none,
+        onExpandedChange: options?.onExpandedChange ? some(options.onExpandedChange) : none,
+        label: options?.label !== undefined ? some(options.label) : none,
+        style: styleValue ? some(styleValue) : none,
+    }), UIComponentType);
+}
+/**
+ * Expandable primitive — a region that expands in place to fill the app
+ * container.
+ *
+ * @remarks
+ * Use `Expandable.Root(content, opts)`. Types are exposed via
+ * `Expandable.Types`.
+ */
+export const Expandable = {
+    /**
+     * Creates an Expandable component.
+     *
+     * @param content - The region content (UIComp)
+     * @param options - Optional state / behaviour / visual style fields
+     * @returns An East expression representing the Expandable component
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Box, Expandable, Text, UIComponentType } from "@elaraai/east-ui/internal";
+     *
+     * const ex = East.function([], UIComponentType, _$ =>
+     *     Expandable.Root(
+     *         Box.Root([Text.Root("Dense chart region — expand me")], { padding: "3" }),
+     *         { label: "Schedule" },
+     *     ),
+     * );
+     * ```
+     */
+    Root: createExpandable,
+    Types: {
+        /**
+         * The concrete East type for Expandable — mirrors the inline
+         * `Expandable` variant in `component.ts`.
+         */
+        Expandable: ExpandableType,
+        /**
+         * Visual-only style struct for Expandable (zIndex, background).
+         */
+        Style: ExpandableStyleType,
+    },
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/expandable/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,IAAI,EACJ,IAAI,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,mBAAmB,GAEtB,MAAM,YAAY,CAAC;AAEpB,kBAAkB;AAClB,OAAO,EACH,mBAAmB,GAGtB,MAAM,YAAY,CAAC;AAEpB,+EAA+E;AAC/E,wEAAwE;AACxE,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,cAAc,GAMtB,UAAU,CAAC;IACZ,OAAO,EAAE,eAAe;IACxB,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACjC,gBAAgB,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC;IACnE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC;CACzC,CAAC,CAAC;AAIH,+EAA+E;AAC/E,qBAAqB;AACrB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,SAAS,gBAAgB,CACrB,OAA4C,EAC5C,OAA2B;IAE3B,MAAM,SAAS,GAAG,OAAO,KAAK,SAAS;WAChC,CAAC,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC;IAC1E,MAAM,UAAU,GAAG,SAAS;QACxB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;YACT,MAAM,EAAE,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;YAClE,UAAU,EAAE,OAAO,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI;SACjF,EAAE,mBAAmB,CAAC;QACvB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QACpC,OAAO;QACP,QAAQ,EAAE,OAAO,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;QACzE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI;QACnF,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;QAChE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI;KAC9C,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACH;;;WAGG;QACH,UAAU,EAAE,cAAc;QAC1B;;WAEG;QACH,KAAK,EAAE,mBAAmB;KAC7B;CACK,CAAC"}

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

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { type SubtypeExprOrValue, BooleanType, FunctionType, IntegerType, NullType, OptionType, StringType, StructType } from "@elaraai/east";
+/**
+ * Style configuration for Expandable components.
+ *
+ * @property zIndex - Stacking level of the expanded surface. Default 900 —
+ *   above typical host chrome, below every Chakra floating tier (dropdown
+ *   1000 … tooltip 1800) so overlays raised inside the region stack above it
+ * @property background - Background of the expanded surface. Default `bg.canvas`
+ */
+export declare const ExpandableStyleType: StructType<{
+    readonly zIndex: OptionType<IntegerType>;
+    readonly background: OptionType<StringType>;
+}>;
+export type ExpandableStyleType = typeof ExpandableStyleType;
+/**
+ * TypeScript style interface for {@link ExpandableStyleType}.
+ */
+export interface ExpandableStyle {
+    /** Stacking level of the expanded surface (default 900 — below Chakra floating tiers). */
+    zIndex?: SubtypeExprOrValue<IntegerType>;
+    /** Background of the expanded surface (default `bg.canvas`). */
+    background?: SubtypeExprOrValue<StringType>;
+}
+/**
+ * Expandable options — passed to `Expandable.Root(content, opts)`.
+ */
+export interface ExpandableOptions extends ExpandableStyle {
+    /**
+     * Expanded state. Synced on change (forms convention), so a
+     * `State.bind`-driven value controls the region reactively; omit for
+     * purely local toggling via the built-in control.
+     */
+    expanded?: SubtypeExprOrValue<BooleanType>;
+    /** Callback invoked with the new expanded state when the user toggles. */
+    onExpandedChange?: SubtypeExprOrValue<FunctionType<[BooleanType], NullType>>;
+    /** Accessible name for the toggle control ("Expand ‹label›" / "Collapse ‹label›"). */
+    label?: SubtypeExprOrValue<StringType>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layout/expandable/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACb,MAAM,eAAe,CAAC;AAEvB;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACzC,gEAAgE;IAChE,UAAU,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC/C;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC7E,sFAAsF;IACtF,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC1C"}

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

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { BooleanType, FunctionType, IntegerType, NullType, OptionType, StringType, StructType, } from "@elaraai/east";
+/**
+ * Style configuration for Expandable components.
+ *
+ * @property zIndex - Stacking level of the expanded surface. Default 900 —
+ *   above typical host chrome, below every Chakra floating tier (dropdown
+ *   1000 … tooltip 1800) so overlays raised inside the region stack above it
+ * @property background - Background of the expanded surface. Default `bg.canvas`
+ */
+export const ExpandableStyleType = StructType({
+    zIndex: OptionType(IntegerType),
+    background: OptionType(StringType),
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/layout/expandable/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,GACb,MAAM,eAAe,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC;IAC1C,MAAM,EAAE,UAAU,CAAC,WAAW,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC;CACrC,CAAC,CAAC"}

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

@@ -11,4 +11,5 @@ export { Grid } from "./grid/index.js";
 export { Splitter } from "./splitter/index.js";
 export { Sticky } from "./sticky/index.js";
 export { ScrollArea } from "./scroll-area/index.js";
+export { Expandable } from "./expandable/index.js";
 //# sourceMappingURL=index.d.ts.map

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"}
+{"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"}

package/dist/src/layout/index.js

@@ -11,4 +11,5 @@ export { Grid } from "./grid/index.js";
 export { Splitter } from "./splitter/index.js";
 export { Sticky } from "./sticky/index.js";
 export { ScrollArea } from "./scroll-area/index.js";
+export { Expandable } from "./expandable/index.js";
 //# sourceMappingURL=index.js.map

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"}
+{"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"}

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

@@ -10,6 +10,7 @@ import { type ValueProps, type JsxTag } from "../combinators.js";
 /** Layer / reference / format builders surfaced on the `<Chart>` tag (mirrors the `Chart` factory namespace). */
 type ChartBuilders = {
     Line: typeof ChartFactory.Line;
+    Column: typeof ChartFactory.Column;
     Bar: typeof ChartFactory.Bar;
     Area: typeof ChartFactory.Area;
     Scatter: typeof ChartFactory.Scatter;
@@ -22,12 +23,12 @@ type ChartBuilders = {
     Spec: typeof ChartFactory.Spec;
 };
 /**
- * Composed Cartesian chart — assembles one or more marks (line / bar / area /
- * scatter / area-range band) over a shared coordinate system into a single
- * plot. Build each mark with the layer builders attached to the tag and pass
- * them as `layers`; configure the axes, legend, grid, tooltip, and stacking
- * via the remaining props. Mixed-mark and dual-axis figures (bars + trend
- * line, stacked areas + confidence band) all come from listing several
+ * Composed Cartesian chart — assembles one or more marks (line / column / bar
+ * / area / scatter / area-range band) over a shared coordinate system into a
+ * single plot. Build each mark with the layer builders attached to the tag and
+ * pass them as `layers`; configure the axes, legend, grid, tooltip, and
+ * stacking via the remaining props. Mixed-mark and dual-axis figures (columns
+ * + trend line, stacked areas + confidence band) all come from listing several
  * builder calls in `layers`. Reach for this whenever you need a real,
  * axis-bearing chart rather than the inline {@link Sparkline}.
  *
@@ -46,7 +47,7 @@ type ChartBuilders = {
  *     return (
  *         <Box height="260px" width="100%">
  *             <Chart layers={[
- *                 Chart.Bar(rows, { x: r => r.month, y: r => r.revenue }, { key: "Revenue", color: "teal.solid" }),
+ *                 Chart.Column(rows, { x: r => r.month, y: r => r.revenue }, { key: "Revenue", color: "teal.solid" }),
  *                 Chart.Line(rows, { x: r => r.month, y: r => r.profit }, { key: "Profit", color: "purple.solid" }),
  *             ]} legend tooltip grid />
  *         </Box>
@@ -57,12 +58,14 @@ type ChartBuilders = {
  * @remarks
  * Carries the layer and annotation builders that produce the entries for
  * `layers` (these build chart layers, not nested child tags): mark builders
- * `Chart.Line` / `Chart.Bar` / `Chart.Area` / `Chart.Scatter` / `Chart.Band`
- * (each takes `(rows, encoding, style?)` with typed-accessor encodings, e.g.
- * `x: r => r.month`); reference annotations `Chart.refLine` / `Chart.refBand`
- * / `Chart.refDot`; the axis tick formatters under `Chart.format` (`date` /
- * `currency` / `percent` / `compact`); and the low-level `Chart.Spec` escape
- * hatch. Desugars to `Chart.Root(layers, options)`.
+ * `Chart.Line` / `Chart.Column` (vertical columns) / `Chart.Bar` (horizontal
+ * bars — numeric `x`, categorical `y`; flips the frame, #249) / `Chart.Area`
+ * / `Chart.Scatter` / `Chart.Band` (each takes `(rows, encoding, style?)`
+ * with typed-accessor encodings, e.g. `x: r => r.month`); reference
+ * annotations `Chart.refLine` / `Chart.refBand` / `Chart.refDot`; the axis
+ * tick formatters under `Chart.format` (`date` / `currency` / `percent` /
+ * `compact`); and the low-level `Chart.Spec` escape hatch. Desugars to
+ * `Chart.Root(layers, options)`.
  */
 export declare const Chart: JsxTag<ValueProps<typeof ChartFactory.Root, "layers">> & ChartBuilders;
 export {};

package/dist/src/runtime/charts/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/runtime/charts/chart.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE,iHAAiH;AACjH,KAAK,aAAa,GAAG;IACjB,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;IAC/B,GAAG,EAAE,OAAO,YAAY,CAAC,GAAG,CAAC;IAC7B,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;IAC/B,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IACrC,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IACrC,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,aAavE,CAAC"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/runtime/charts/chart.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE,iHAAiH;AACjH,KAAK,aAAa,GAAG;IACjB,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,GAAG,EAAE,OAAO,YAAY,CAAC,GAAG,CAAC;IAC7B,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;IAC/B,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IACrC,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IACrC,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,aAcvE,CAAC"}

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

@@ -8,12 +8,12 @@
 import { Chart as ChartFactory } from "../../charts/chart/index.js";
 import { leaf } from "../combinators.js";
 /**
- * Composed Cartesian chart — assembles one or more marks (line / bar / area /
- * scatter / area-range band) over a shared coordinate system into a single
- * plot. Build each mark with the layer builders attached to the tag and pass
- * them as `layers`; configure the axes, legend, grid, tooltip, and stacking
- * via the remaining props. Mixed-mark and dual-axis figures (bars + trend
- * line, stacked areas + confidence band) all come from listing several
+ * Composed Cartesian chart — assembles one or more marks (line / column / bar
+ * / area / scatter / area-range band) over a shared coordinate system into a
+ * single plot. Build each mark with the layer builders attached to the tag and
+ * pass them as `layers`; configure the axes, legend, grid, tooltip, and
+ * stacking via the remaining props. Mixed-mark and dual-axis figures (columns
+ * + trend line, stacked areas + confidence band) all come from listing several
  * builder calls in `layers`. Reach for this whenever you need a real,
  * axis-bearing chart rather than the inline {@link Sparkline}.
  *
@@ -32,7 +32,7 @@ import { leaf } from "../combinators.js";
  *     return (
  *         <Box height="260px" width="100%">
  *             <Chart layers={[
- *                 Chart.Bar(rows, { x: r => r.month, y: r => r.revenue }, { key: "Revenue", color: "teal.solid" }),
+ *                 Chart.Column(rows, { x: r => r.month, y: r => r.revenue }, { key: "Revenue", color: "teal.solid" }),
  *                 Chart.Line(rows, { x: r => r.month, y: r => r.profit }, { key: "Profit", color: "purple.solid" }),
  *             ]} legend tooltip grid />
  *         </Box>
@@ -43,15 +43,18 @@ import { leaf } from "../combinators.js";
  * @remarks
  * Carries the layer and annotation builders that produce the entries for
  * `layers` (these build chart layers, not nested child tags): mark builders
- * `Chart.Line` / `Chart.Bar` / `Chart.Area` / `Chart.Scatter` / `Chart.Band`
- * (each takes `(rows, encoding, style?)` with typed-accessor encodings, e.g.
- * `x: r => r.month`); reference annotations `Chart.refLine` / `Chart.refBand`
- * / `Chart.refDot`; the axis tick formatters under `Chart.format` (`date` /
- * `currency` / `percent` / `compact`); and the low-level `Chart.Spec` escape
- * hatch. Desugars to `Chart.Root(layers, options)`.
+ * `Chart.Line` / `Chart.Column` (vertical columns) / `Chart.Bar` (horizontal
+ * bars — numeric `x`, categorical `y`; flips the frame, #249) / `Chart.Area`
+ * / `Chart.Scatter` / `Chart.Band` (each takes `(rows, encoding, style?)`
+ * with typed-accessor encodings, e.g. `x: r => r.month`); reference
+ * annotations `Chart.refLine` / `Chart.refBand` / `Chart.refDot`; the axis
+ * tick formatters under `Chart.format` (`date` / `currency` / `percent` /
+ * `compact`); and the low-level `Chart.Spec` escape hatch. Desugars to
+ * `Chart.Root(layers, options)`.
  */
 export const Chart = Object.assign(leaf(ChartFactory.Root, "layers"), {
     Line: ChartFactory.Line,
+    Column: ChartFactory.Column,
     Bar: ChartFactory.Bar,
     Area: ChartFactory.Area,
     Scatter: ChartFactory.Scatter,

package/dist/src/runtime/charts/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../../src/runtime/charts/chart.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAiBvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,MAAM,KAAK,GACd,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE;IAC7C,IAAI,EAAE,YAAY,CAAC,IAAI;IACvB,GAAG,EAAE,YAAY,CAAC,GAAG;IACrB,IAAI,EAAE,YAAY,CAAC,IAAI;IACvB,OAAO,EAAE,YAAY,CAAC,OAAO;IAC7B,IAAI,EAAE,YAAY,CAAC,IAAI;IACvB,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,OAAO,EAAE,YAAY,CAAC,OAAO;IAC7B,OAAO,EAAE,YAAY,CAAC,OAAO;IAC7B,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI;CAC1B,CAAC,CAAC"}
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../../src/runtime/charts/chart.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAkBvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,MAAM,KAAK,GACd,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE;IAC7C,IAAI,EAAE,YAAY,CAAC,IAAI;IACvB,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,GAAG,EAAE,YAAY,CAAC,GAAG;IACrB,IAAI,EAAE,YAAY,CAAC,IAAI;IACvB,OAAO,EAAE,YAAY,CAAC,OAAO;IAC7B,IAAI,EAAE,YAAY,CAAC,IAAI;IACvB,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,OAAO,EAAE,YAAY,CAAC,OAAO;IAC7B,OAAO,EAAE,YAAY,CAAC,OAAO;IAC7B,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI;CAC1B,CAAC,CAAC"}

package/dist/src/runtime/collections/library.d.ts

@@ -12,8 +12,10 @@ import { UIComponentType } from "../../component.js";
  * carries a primary identity (`item` accessor via `Library.card`) plus
  * configurable secondary dimensions that are filterable, groupable, and
  * visible on the card. Declares the drag & drop **source** role under `id`;
- * targets connect by listing that id in their `sources`. Cards dim when
- * filtered out instead of disappearing, keeping a stable mental map.
+ * targets connect by listing that id in their `sources`. The quick search
+ * hides unmatched cards (the footer shows the hidden count + Show all);
+ * the `filtered` card-face field dims a card instead — the host's
+ * deliberate de-emphasis (e.g. `Slice.partition`'s unmatched rows).
  *
  * @example
  * ```tsx

package/dist/src/runtime/collections/library.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"library.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/library.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gDAAgD;AAEhD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,OAAO,IAAI,cAAc,EACzB,KAAK,aAAa,EAClB,KAAK,UAAU,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,kBAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EACnE,KAAK,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAClD,QAAQ,CAAC,eAAe,CAAC,CAG3B;AAED,eAAO,MAAM,OAAO,EAAE,OAAO,UAAU,GAAG;IACtC,MAAM,EAAE,OAAO,cAAc,CAAC,MAAM,CAAC;IACrC,KAAK,EAAE,OAAO,cAAc,CAAC,KAAK,CAAC;CAIrC,CAAC"}
+{"version":3,"file":"library.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/library.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gDAAgD;AAEhD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,OAAO,IAAI,cAAc,EACzB,KAAK,aAAa,EAClB,KAAK,UAAU,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,kBAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EACnE,KAAK,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAClD,QAAQ,CAAC,eAAe,CAAC,CAG3B;AAED,eAAO,MAAM,OAAO,EAAE,OAAO,UAAU,GAAG;IACtC,MAAM,EAAE,OAAO,cAAc,CAAC,MAAM,CAAC;IACrC,KAAK,EAAE,OAAO,cAAc,CAAC,KAAK,CAAC;CAIrC,CAAC"}

package/dist/src/runtime/collections/library.js

@@ -12,8 +12,10 @@ import { UIComponentType } from "../../component.js";
  * carries a primary identity (`item` accessor via `Library.card`) plus
  * configurable secondary dimensions that are filterable, groupable, and
  * visible on the card. Declares the drag & drop **source** role under `id`;
- * targets connect by listing that id in their `sources`. Cards dim when
- * filtered out instead of disappearing, keeping a stable mental map.
+ * targets connect by listing that id in their `sources`. The quick search
+ * hides unmatched cards (the footer shows the hidden count + Show all);
+ * the `filtered` card-face field dims a card instead — the host's
+ * deliberate de-emphasis (e.g. `Slice.partition`'s unmatched rows).
  *
  * @example
  * ```tsx

package/dist/src/runtime/collections/library.js.map

@@ -1 +1 @@
-{"version":3,"file":"library.js","sourceRoot":"","sources":["../../../../src/runtime/collections/library.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gDAAgD;AAEhD,OAAO,EAA0C,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,OAAO,IAAI,cAAc,GAG5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,SAAS,UAAU,CACf,KAAiD;IAEjD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,MAAsC,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAGhB,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC1B,MAAM,EAAE,cAAc,CAAC,MAAM;IAC7B,KAAK,EAAE,cAAc,CAAC,KAAK;CAC9B,CAAC,CAAC"}
+{"version":3,"file":"library.js","sourceRoot":"","sources":["../../../../src/runtime/collections/library.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gDAAgD;AAEhD,OAAO,EAA0C,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,OAAO,IAAI,cAAc,GAG5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,SAAS,UAAU,CACf,KAAiD;IAEjD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,MAAsC,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAGhB,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC1B,MAAM,EAAE,cAAc,CAAC,MAAM;IAC7B,KAAK,EAAE,cAAc,CAAC,KAAK;CAC9B,CAAC,CAAC"}

package/dist/src/runtime/layout/expandable.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Expandable>` tag — see the export's JSDoc.
+ */
+import { Expandable as ExpandableFactory } from "../../layout/expandable/index.js";
+import { type ContentProps, type JsxTag } from "../combinators.js";
+/**
+ * Lets its single child region expand in place to fill the app container —
+ * the whole window the app renders in — and collapse back into the layout.
+ * Reach for it when one dense region (a chart, a schedule, a board) deserves
+ * the full window while the user works in it. The content keeps its identity
+ * across the toggle (CSS takeover, not an overlay), so scroll, selection,
+ * and drag state survive. A floating control in the region's top-right
+ * toggles it; Esc collapses the topmost expanded region. Drive it from state
+ * with `expanded` + `onExpandedChange`, or omit both for local toggling;
+ * `label` names the control for assistive tech.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Expandable, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const region = East.function([], UIComponentType, _$ => (
+ *     <Expandable label="Schedule">
+ *         <Box padding="3" background="bg.surface">
+ *             <Text>Dense chart region — expand me</Text>
+ *         </Box>
+ *     </Expandable>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Expandable.Types` — the East data type and style struct. Desugars
+ * to `Expandable.Root(content, options)`.
+ */
+export declare const Expandable: JsxTag<ContentProps<typeof ExpandableFactory.Root>> & {
+    Types: typeof ExpandableFactory.Types;
+};
+//# sourceMappingURL=expandable.d.ts.map

package/dist/src/runtime/layout/expandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/expandable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAW,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CAChC,CAAC"}