@elaraai/east-ui 1.0.4 → 1.0.6

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

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** `<Blend>` tag — see the export's JSDoc. */
+import { ArrayType, StructType } from "@elaraai/east";
+import { Blend as BlendFactory, } from "../../collections/blend/index.js";
+import { UIComponentType } from "../../component.js";
+/**
+ * `<Blend>` — the assembly surface for blending / batching decisions: pull
+ * amounts from many sources into one or more targets. Pairs with a
+ * `<Library>`; one pattern, three render modes by target count — `single`
+ * focus, `compare` with the derived diff table, `portfolio` horizontal
+ * scroll. Declares the drag & drop **target** role (`add` from declared
+ * Libraries, `remove` back — no intra-surface move). Renders bare; identity
+ * chrome is host composition.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Blend, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const bench = East.function([], UIComponentType, _$ => (
+ *     <Blend
+ *         id="bench"
+ *         sources={["materials"]}
+ *         targets={[{ key: "BLEND-318", name: "Blend 318", cap: 40000.0, cost: 3.42 }]}
+ *         target={t => ({
+ *             key: t.key, label: t.name, capacity: t.cap,
+ *             objective: "min cost · Grade ≥ A · respect pins",
+ *             allocations: [
+ *                 Blend.allocation({ source: "LOT-204", amount: 16000.0 }),
+ *                 Blend.allocation({ source: "LOT-219", amount: 10000.0, pinned: true }),
+ *             ],
+ *             metrics: [
+ *                 Blend.metric({ key: "cost", label: "cost / unit", value: East.str`$${East.print(t.cost)}`, numeric: t.cost, model: "cost-v1.4" }),
+ *             ],
+ *         })}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Allocation states are typed `PlannerStateType` values
+ * (`Blend.Types.State`); amounts edit in place while proposed. Desugars to
+ * `Blend.Root(targets, config)`.
+ */
+function BlendTag(props) {
+    const { targets, ...config } = props;
+    return BlendFactory.Root(targets, config);
+}
+export const Blend = Object.assign(BlendTag, {
+    allocation: BlendFactory.allocation,
+    metric: BlendFactory.metric,
+    Types: BlendFactory.Types,
+});
+//# sourceMappingURL=blend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blend.js","sourceRoot":"","sources":["../../../../src/runtime/collections/blend.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAA0C,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,KAAK,IAAI,YAAY,GAGxB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,SAAS,QAAQ,CACb,KAAkD;IAElD,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,MAAoC,CAAC,CAAC;AAC5E,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAId,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACxB,UAAU,EAAE,YAAY,CAAC,UAAU;IACnC,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,KAAK,EAAE,YAAY,CAAC,KAAK;CAC5B,CAAC,CAAC"}

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

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** `<Calendar>` tag — see the export's JSDoc. */
+import { type ExprType, type SubtypeExprOrValue, ArrayType, StructType } from "@elaraai/east";
+import { Calendar as CalendarFactory, type CalendarConfig, type RowElement } from "../../collections/calendar/index.js";
+import { UIComponentType } from "../../component.js";
+/**
+ * `<Calendar>` — a day-of-week × week grid coloured by intensity (forecast,
+ * demand, OT exposure). Visualisation only: clicking drills into a day, but
+ * there are no events, no committed/proposed state, and no drag & drop. The
+ * component owns the week — columns are always Mon–Sun; rows appear in
+ * first-appearance order of the `week` field.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Calendar, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const demand = East.function([], UIComponentType, _$ => (
+ *     <Calendar
+ *         data={[
+ *             { week: "W37", day: "Tue", demand: 102.0, lastYear: 95.0 },
+ *             { week: "W37", day: "Wed", demand: 110.0, lastYear: 101.0 },
+ *             { week: "W38", day: "Thu", demand: 131.0, lastYear: 112.0 },
+ *         ]}
+ *         cell={d => ({
+ *             week: d.week, day: d.day, value: d.demand,
+ *             summary: East.str`predicted ${d.demand} · last yr ${d.lastYear}`,
+ *             delta: d.demand.subtract(d.lastYear).divide(d.lastYear),
+ *         })}
+ *         actionLabel="Open day"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Desugars to `Calendar.Root(data, config)`.
+ */
+declare function CalendarTag<T extends SubtypeExprOrValue<ArrayType<StructType>>>(props: {
+    data: T;
+} & CalendarConfig<RowElement<T>>): ExprType<UIComponentType>;
+export declare const Calendar: typeof CalendarTag & {
+    Types: typeof CalendarFactory.Types;
+};
+export {};
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/calendar.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,iDAAiD;AAEjD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,QAAQ,IAAI,eAAe,EAC3B,KAAK,cAAc,EACnB,KAAK,UAAU,EAClB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,WAAW,CAAC,CAAC,SAAS,kBAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EACpE,KAAK,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GACnD,QAAQ,CAAC,eAAe,CAAC,CAG3B;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,WAAW,GAAG;IACxC,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAC;CAGtC,CAAC"}

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

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** `<Calendar>` tag — see the export's JSDoc. */
+import { ArrayType, StructType } from "@elaraai/east";
+import { Calendar as CalendarFactory, } from "../../collections/calendar/index.js";
+import { UIComponentType } from "../../component.js";
+/**
+ * `<Calendar>` — a day-of-week × week grid coloured by intensity (forecast,
+ * demand, OT exposure). Visualisation only: clicking drills into a day, but
+ * there are no events, no committed/proposed state, and no drag & drop. The
+ * component owns the week — columns are always Mon–Sun; rows appear in
+ * first-appearance order of the `week` field.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Calendar, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const demand = East.function([], UIComponentType, _$ => (
+ *     <Calendar
+ *         data={[
+ *             { week: "W37", day: "Tue", demand: 102.0, lastYear: 95.0 },
+ *             { week: "W37", day: "Wed", demand: 110.0, lastYear: 101.0 },
+ *             { week: "W38", day: "Thu", demand: 131.0, lastYear: 112.0 },
+ *         ]}
+ *         cell={d => ({
+ *             week: d.week, day: d.day, value: d.demand,
+ *             summary: East.str`predicted ${d.demand} · last yr ${d.lastYear}`,
+ *             delta: d.demand.subtract(d.lastYear).divide(d.lastYear),
+ *         })}
+ *         actionLabel="Open day"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Desugars to `Calendar.Root(data, config)`.
+ */
+function CalendarTag(props) {
+    const { data, ...config } = props;
+    return CalendarFactory.Root(data, config);
+}
+export const Calendar = Object.assign(CalendarTag, {
+    Types: CalendarFactory.Types,
+});
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/runtime/collections/calendar.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,iDAAiD;AAEjD,OAAO,EAA0C,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,QAAQ,IAAI,eAAe,GAG9B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,SAAS,WAAW,CAChB,KAAkD;IAElD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,MAAuC,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAEjB,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAC3B,KAAK,EAAE,eAAe,CAAC,KAAK;CAC/B,CAAC,CAAC"}

package/dist/src/runtime/collections/data-list.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<DataList>` tag — see the export's JSDoc.
+ */
+import { DataList as DataListFactory } from "../../collections/data-list/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/**
+ * Key/value detail list — a column of label → value pairs for entity detail
+ * panels, summaries, and metadata blocks. Each item is a `{ label, value }`
+ * record whose `value` is any UI component (plain text, a `<Badge>`, a
+ * `<HoverCard>`, …), so the list doubles as a structured definition list. The
+ * display props (`orientation`, `variant`, `size`, colour overrides) are flat
+ * ({@link DataListStyle}). Reach for it instead of a `<Table>` when there is one
+ * subject, not a collection of rows.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, DataList, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const details = East.function([], UIComponentType, _$ => (
+ *     <DataList items={[
+ *         { label: "Status", value: <Badge variant="solid" colorPalette="green">Active</Badge> },
+ *         { label: "User", value: <Text>jane.smith@company.com</Text> },
+ *         { label: "Created", value: <Text>2024-01-15</Text> },
+ *     ]} />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `DataList.Types` for the item / style IR types. Desugars to
+ * `DataList.Root(items, options)`.
+ */
+export declare const DataList: JsxTag<ValueProps<typeof DataListFactory.Root, "items">> & {
+    Types: typeof DataListFactory.Types;
+};
+//# sourceMappingURL=data-list.d.ts.map

package/dist/src/runtime/collections/data-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/data-list.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAA;CAC/B,CAAC"}

package/dist/src/runtime/collections/data-list.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<DataList>` tag — see the export's JSDoc.
+ */
+import { DataList as DataListFactory } from "../../collections/data-list/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Key/value detail list — a column of label → value pairs for entity detail
+ * panels, summaries, and metadata blocks. Each item is a `{ label, value }`
+ * record whose `value` is any UI component (plain text, a `<Badge>`, a
+ * `<HoverCard>`, …), so the list doubles as a structured definition list. The
+ * display props (`orientation`, `variant`, `size`, colour overrides) are flat
+ * ({@link DataListStyle}). Reach for it instead of a `<Table>` when there is one
+ * subject, not a collection of rows.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, DataList, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const details = East.function([], UIComponentType, _$ => (
+ *     <DataList items={[
+ *         { label: "Status", value: <Badge variant="solid" colorPalette="green">Active</Badge> },
+ *         { label: "User", value: <Text>jane.smith@company.com</Text> },
+ *         { label: "Created", value: <Text>2024-01-15</Text> },
+ *     ]} />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `DataList.Types` for the item / style IR types. Desugars to
+ * `DataList.Root(items, options)`.
+ */
+export const DataList = Object.assign(leaf(DataListFactory.Root, "items"), { Types: DataListFactory.Types });
+//# sourceMappingURL=data-list.js.map

package/dist/src/runtime/collections/data-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.js","sourceRoot":"","sources":["../../../../src/runtime/collections/data-list.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,QAAQ,GACjB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Gantt>` tag — see the export's JSDoc.
+ */
+import type { SubtypeExprOrValue, ArrayType, StructType, ExprType, TypeOf } from "@elaraai/east";
+import { Gantt as GanttFactory, type ColumnSpec, type DataFieldKeys, type GanttStyle, type GanttTaskType, type GanttMilestoneType } from "../../collections/gantt/index.js";
+import type { UIElement } from "../runtime.js";
+/**
+ * `<Gantt data={rows} columns={["name"]} rowSpec={row => ({ tasks: … })} />` —
+ * schema-typed gantt. Maps to `Gantt.Root`. `columns` is typed directly as
+ * `ColumnSpec<T>` (not an inferred generic) so an object-form column map gets
+ * excess-property checked — a key that is not a data field is a type error.
+ */
+declare function GanttTag<T extends SubtypeExprOrValue<ArrayType<StructType>>>(props: {
+    data: T;
+    columns: ColumnSpec<T>;
+    rowSpec: (row: ExprType<TypeOf<T> extends ArrayType<infer E> ? E : never>) => {
+        tasks?: SubtypeExprOrValue<ArrayType<GanttTaskType>>;
+        milestones?: SubtypeExprOrValue<ArrayType<GanttMilestoneType>>;
+    };
+} & GanttStyle<DataFieldKeys<T>>): UIElement;
+/**
+ * Schema-typed Gantt chart — a frozen identity grid on the left, a time axis on
+ * the right. Each data row becomes a chart row whose bars and diamonds come from
+ * `rowSpec`: it returns the row's tasks and milestones built from the row's
+ * fields. `columns` is the left-grid column list / config ({@link ColumnSpec}),
+ * and the remaining display options (the `axis` window/tier/format, `striped`,
+ * `showToday` now-line, `density`, `frozen` columns, `rowStatus`, drag steps,
+ * interaction callbacks) are flat ({@link GanttStyle}). Use it for project plans,
+ * roadmaps, and sprint timelines.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Gantt, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const plan = East.function([], UIComponentType, _$ => (
+ *     <Gantt
+ *         data={[
+ *             { task: "Planning", owner: "Alice", start: new Date("2024-01-01"), end: new Date("2024-01-15") },
+ *             { task: "Design", owner: "Bob", start: new Date("2024-01-10"), end: new Date("2024-02-01") },
+ *         ]}
+ *         columns={["task", "owner"]}
+ *         rowSpec={row => ({ tasks: [Gantt.Task({ start: row.start, end: row.end })] })}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Gantt.Task` (a duration bar — start/end, label, progress, status,
+ * popover) and `Gantt.Milestone` (a point diamond — date, label, kind) for use
+ * inside `rowSpec`, plus `Gantt.Types` for the task / milestone event types
+ * (`Gantt.Types.TaskClickEvent`, `Gantt.Types.TaskDragEvent`,
+ * `Gantt.Types.MilestoneClickEvent`, …; left-grid clicks use the shared
+ * `Table.Types.*` events). Desugars to `Gantt.Root(data, columns, rowSpec, style)`.
+ */
+export declare const Gantt: typeof GanttTag & {
+    Task: typeof GanttFactory.Task;
+    Milestone: typeof GanttFactory.Milestone;
+    Types: typeof GanttFactory.Types;
+};
+export {};
+//# sourceMappingURL=gantt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/gantt.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACjG,OAAO,EACH,KAAK,IAAI,YAAY,EACrB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,kBAAkB,EAC1B,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,CAAC,SAAS,kBAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EACjE,KAAK,EAAE;IACH,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB,OAAO,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK;QAC1E,KAAK,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;QACrD,UAAU,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC;KAClE,CAAC;CACL,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GACjC,SAAS,CAQX;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,KAAK,EAAE,OAAO,QAAQ,GAAG;IAClC,IAAI,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC;IAC/B,SAAS,EAAE,OAAO,YAAY,CAAC,SAAS,CAAC;IACzC,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;CAKnC,CAAC"}

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

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { Gantt as GanttFactory, } from "../../collections/gantt/index.js";
+import { hasKeys } from "../combinators.js";
+/**
+ * `<Gantt data={rows} columns={["name"]} rowSpec={row => ({ tasks: … })} />` —
+ * schema-typed gantt. Maps to `Gantt.Root`. `columns` is typed directly as
+ * `ColumnSpec<T>` (not an inferred generic) so an object-form column map gets
+ * excess-property checked — a key that is not a data field is a type error.
+ */
+function GanttTag(props) {
+    const { data, columns, rowSpec, ...style } = props;
+    return GanttFactory.Root(data, columns, rowSpec, (hasKeys(style) ? style : undefined));
+}
+/**
+ * Schema-typed Gantt chart — a frozen identity grid on the left, a time axis on
+ * the right. Each data row becomes a chart row whose bars and diamonds come from
+ * `rowSpec`: it returns the row's tasks and milestones built from the row's
+ * fields. `columns` is the left-grid column list / config ({@link ColumnSpec}),
+ * and the remaining display options (the `axis` window/tier/format, `striped`,
+ * `showToday` now-line, `density`, `frozen` columns, `rowStatus`, drag steps,
+ * interaction callbacks) are flat ({@link GanttStyle}). Use it for project plans,
+ * roadmaps, and sprint timelines.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Gantt, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const plan = East.function([], UIComponentType, _$ => (
+ *     <Gantt
+ *         data={[
+ *             { task: "Planning", owner: "Alice", start: new Date("2024-01-01"), end: new Date("2024-01-15") },
+ *             { task: "Design", owner: "Bob", start: new Date("2024-01-10"), end: new Date("2024-02-01") },
+ *         ]}
+ *         columns={["task", "owner"]}
+ *         rowSpec={row => ({ tasks: [Gantt.Task({ start: row.start, end: row.end })] })}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Gantt.Task` (a duration bar — start/end, label, progress, status,
+ * popover) and `Gantt.Milestone` (a point diamond — date, label, kind) for use
+ * inside `rowSpec`, plus `Gantt.Types` for the task / milestone event types
+ * (`Gantt.Types.TaskClickEvent`, `Gantt.Types.TaskDragEvent`,
+ * `Gantt.Types.MilestoneClickEvent`, …; left-grid clicks use the shared
+ * `Table.Types.*` events). Desugars to `Gantt.Root(data, columns, rowSpec, style)`.
+ */
+export const Gantt = Object.assign(GanttTag, {
+    Task: GanttFactory.Task,
+    Milestone: GanttFactory.Milestone,
+    Types: GanttFactory.Types,
+});
+//# sourceMappingURL=gantt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.js","sourceRoot":"","sources":["../../../../src/runtime/collections/gantt.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EACH,KAAK,IAAI,YAAY,GAMxB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C;;;;;GAKG;AACH,SAAS,QAAQ,CACb,KAOgC;IAEhC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IACnD,OAAO,YAAY,CAAC,IAAI,CACpB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAiC,CACvE,CAAC;AACN,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,MAAM,KAAK,GAId,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACxB,IAAI,EAAE,YAAY,CAAC,IAAI;IACvB,SAAS,EAAE,YAAY,CAAC,SAAS;IACjC,KAAK,EAAE,YAAY,CAAC,KAAK;CAC5B,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Collection JSX tags. Mirrors `src/collections/`. */
+export { TreeView } from "./tree-view.js";
+export { DataList } from "./data-list.js";
+export { Pagination } from "./pagination.js";
+export { Table } from "./table.js";
+export { Matrix } from "./matrix.js";
+export { Gantt } from "./gantt.js";
+export { Planner } from "./planner.js";
+export { Library } from "./library.js";
+export { Roster } from "./roster.js";
+export { Calendar } from "./calendar.js";
+export { Schematic } from "./schematic.js";
+export { Blend } from "./blend.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,uDAAuD;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/runtime/collections/index.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.
+ */
+/** Collection JSX tags. Mirrors `src/collections/`. */
+export { TreeView } from "./tree-view.js";
+export { DataList } from "./data-list.js";
+export { Pagination } from "./pagination.js";
+export { Table } from "./table.js";
+export { Matrix } from "./matrix.js";
+export { Gantt } from "./gantt.js";
+export { Planner } from "./planner.js";
+export { Library } from "./library.js";
+export { Roster } from "./roster.js";
+export { Calendar } from "./calendar.js";
+export { Schematic } from "./schematic.js";
+export { Blend } from "./blend.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/collections/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,uDAAuD;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** `<Library>` tag — see the export's JSDoc. */
+import { type ExprType, type SubtypeExprOrValue, ArrayType, StructType } from "@elaraai/east";
+import { Library as LibraryFactory, type LibraryConfig, type RowElement } from "../../collections/library/index.js";
+import { UIComponentType } from "../../component.js";
+/**
+ * `<Library>` — a draggable palette of things that get assigned onto grid
+ * surfaces (Roster, Blend): people, assets, vehicles, rooms. Each card
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Library, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const palette = East.function([], UIComponentType, _$ => (
+ *     <Library
+ *         id="people"
+ *         data={[
+ *             { id: "patel", name: "Patel, R.", role: "Senior SE", hours: 38.0, skills: ["React", "Node"] },
+ *             { id: "cho", name: "Cho, J.", role: "Senior SE", hours: 26.0, skills: ["Go", "SQL"] },
+ *         ]}
+ *         item={p => ({ key: p.id, label: p.name, sublabel: p.role, icon: "user" })}
+ *         dimensions={[
+ *             { kind: "meter", key: "hours", label: "Hours", value: p => p.hours, max: 40.0,
+ *               format: h => East.str`${h}h` },
+ *             { kind: "chips", key: "skills", label: "Skills", values: p => p.skills },
+ *         ]}
+ *         search={p => p.name}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries the `Library.status` value constructor and `Library.Types`.
+ * Secondary dimensions and group-by options are plain discriminated config
+ * literals, like Planner column definitions.
+ * Desugars to `Library.Root(data, config)`.
+ */
+declare function LibraryTag<T extends SubtypeExprOrValue<ArrayType<StructType>>>(props: {
+    data: T;
+} & LibraryConfig<RowElement<T>>): ExprType<UIComponentType>;
+export declare const Library: typeof LibraryTag & {
+    status: typeof LibraryFactory.status;
+    Types: typeof LibraryFactory.Types;
+};
+export {};
+//# sourceMappingURL=library.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** `<Library>` tag — see the export's JSDoc. */
+import { ArrayType, StructType } from "@elaraai/east";
+import { Library as LibraryFactory, } from "../../collections/library/index.js";
+import { UIComponentType } from "../../component.js";
+/**
+ * `<Library>` — a draggable palette of things that get assigned onto grid
+ * surfaces (Roster, Blend): people, assets, vehicles, rooms. Each card
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Library, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const palette = East.function([], UIComponentType, _$ => (
+ *     <Library
+ *         id="people"
+ *         data={[
+ *             { id: "patel", name: "Patel, R.", role: "Senior SE", hours: 38.0, skills: ["React", "Node"] },
+ *             { id: "cho", name: "Cho, J.", role: "Senior SE", hours: 26.0, skills: ["Go", "SQL"] },
+ *         ]}
+ *         item={p => ({ key: p.id, label: p.name, sublabel: p.role, icon: "user" })}
+ *         dimensions={[
+ *             { kind: "meter", key: "hours", label: "Hours", value: p => p.hours, max: 40.0,
+ *               format: h => East.str`${h}h` },
+ *             { kind: "chips", key: "skills", label: "Skills", values: p => p.skills },
+ *         ]}
+ *         search={p => p.name}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries the `Library.status` value constructor and `Library.Types`.
+ * Secondary dimensions and group-by options are plain discriminated config
+ * literals, like Planner column definitions.
+ * Desugars to `Library.Root(data, config)`.
+ */
+function LibraryTag(props) {
+    const { data, ...config } = props;
+    return LibraryFactory.Root(data, config);
+}
+export const Library = Object.assign(LibraryTag, {
+    status: LibraryFactory.status,
+    Types: LibraryFactory.Types,
+});
+//# sourceMappingURL=library.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Matrix>` tag — see the export's JSDoc.
+ */
+import type { SubtypeExprOrValue, ArrayType, StructType } from "@elaraai/east";
+import { Matrix as MatrixFactory, type MatrixConfig, type RowElement } from "../../collections/matrix/index.js";
+import type { UIElement } from "../runtime.js";
+/**
+ * Maps `props` to `Matrix.Root(data, config)`, threading the data-row generic
+ * `T` so the {@link MatrixConfig} closures (`rowKey` / `cell` / `groupBy` …)
+ * infer their row parameter from the data schema.
+ */
+declare function MatrixTag<T extends SubtypeExprOrValue<ArrayType<StructType>>>(props: {
+    data: T;
+} & MatrixConfig<RowElement<T>>): UIElement;
+/**
+ * Heat-grid matrix — rows × columns where every cell is a stacked weight bar of
+ * coloured segments. Use it for capacity / utilisation / allocation grids: each
+ * row maps to a record, each column to an axis key, and the `cell` closure
+ * builds the cell's segments from the row and column. The config closures
+ * (`rowKey`, `rowHeader`, `rowSublabel`, `groupBy`, `cell`) and the display
+ * options (`orientation`, `minLabelSize`, `legend`, interaction callbacks) live
+ * on {@link MatrixConfig}. Segments can be drag-resizable and cells can carry
+ * status markers and click popovers.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, FloatType } from "@elaraai/east";
+ * import { Matrix, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const utilisation = East.function([], UIComponentType, _$ => (
+ *     <Matrix
+ *         data={[
+ *             { name: "Alice", booked: new Map([["mon", 0.45], ["tue", 0.70]]) },
+ *             { name: "Bob", booked: new Map([["mon", 0.35], ["tue", 0.60]]) },
+ *         ]}
+ *         columns={[
+ *             Matrix.column({ key: "mon", label: "Mon" }),
+ *             Matrix.column({ key: "tue", label: "Tue" }),
+ *         ]}
+ *         rowKey={r => r.name}
+ *         rowHeader="Resource"
+ *         cell={(r, col) => Matrix.cell({ segments: [
+ *             Matrix.segment({ fill: "brand", weight: r.booked.get(col.key) }),
+ *             Matrix.segment({ fill: "free", weight: East.value(1.0, FloatType).subtract(r.booked.get(col.key)) }),
+ *         ] })}
+ *         legend={[{ fill: "brand", label: "Booked" }, { fill: "free", label: "Free" }]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Matrix.column` (declare an x-axis column), `Matrix.cell` (assemble a
+ * cell's segments / markers / popover), `Matrix.segment` (one weight band), and
+ * `Matrix.marker` (a status-coloured corner ring), plus `Matrix.Types` for the
+ * drag / click event types (`Matrix.Types.SegmentChangeEvent`,
+ * `Matrix.Types.CellClickEvent`). Desugars to `Matrix.Root(data, config)`.
+ */
+export declare const Matrix: typeof MatrixTag & {
+    column: typeof MatrixFactory.column;
+    segment: typeof MatrixFactory.segment;
+    cell: typeof MatrixFactory.cell;
+    marker: typeof MatrixFactory.marker;
+    Types: typeof MatrixFactory.Types;
+};
+export {};
+//# sourceMappingURL=matrix.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/matrix.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EACH,MAAM,IAAI,aAAa,EACvB,KAAK,YAAY,EACjB,KAAK,UAAU,EAClB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;GAIG;AACH,iBAAS,SAAS,CAAC,CAAC,SAAS,kBAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAClE,KAAK,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GACjD,SAAS,CAGX;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,MAAM,EAAE,OAAO,SAAS,GAAG;IACpC,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAC;IACpC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,OAAO,aAAa,CAAC,IAAI,CAAC;IAChC,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAC;IACpC,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAC;CAOpC,CAAC"}