@elaraai/east-ui 1.0.4 → 1.0.5

package/dist/src/runtime/buttons/icon-button.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 { IconButton as IconButtonFactory } from "../../buttons/icon-button/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Compact action button showing only an icon — for toolbars, table-row
+ * actions, and tight controls where a text label would crowd the layout.
+ * The icon comes from the `prefix` / `name` props; there is no visible
+ * label, so a `label` (accessible name) is required. Supports a loading
+ * state with an optional swapped spinner icon. Every option is a flat
+ * prop ({@link IconButtonOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, IntegerType, NullType } from "@elaraai/east";
+ * import { IconButton, Reactive, State, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const increment = East.function([], UIComponentType, _$ => (
+ *     <Reactive>{$ => {
+ *         const counter = $.let(State.bind([IntegerType], "icon_button_counter", 0n));
+ *         const onClick = $.const(East.function([], NullType, $ => {
+ *             const current = $.let(counter.read());
+ *             $(counter.write(current.add(1n)));
+ *         }));
+ *         return <IconButton prefix="fas" name="plus" label="Increment" onClick={onClick} variant="solid" colorPalette="blue" />;
+ *     }}</Reactive>
+ * ));
+ * ```
+ *
+ * @remarks
+ * `loading` shows a spinner, optionally swapped via `loadingIcon`. Carries
+ * `IconButton.Types`. Desugars to `IconButton.Root(options)`.
+ */
+export const IconButton = Object.assign(optionsTag(IconButtonFactory.Root), { Types: IconButtonFactory.Types });
+//# sourceMappingURL=icon-button.js.map

package/dist/src/runtime/buttons/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/runtime/buttons/icon-button.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAA0B,MAAM,oCAAoC,CAAC;AAC7G,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,UAAU,GACnB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Button JSX tags. Mirrors `src/buttons/`. */
+export { Button } from "./button.js";
+export { ButtonGroup } from "./button-group.js";
+export { CloseButton } from "./close-button.js";
+export { CopyButton } from "./copy-button.js";
+export { IconButton } from "./icon-button.js";
+export { Toggle } from "./toggle.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/buttons/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,+CAA+C;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/src/runtime/buttons/index.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Button JSX tags. Mirrors `src/buttons/`. */
+export { Button } from "./button.js";
+export { ButtonGroup } from "./button-group.js";
+export { CloseButton } from "./close-button.js";
+export { CopyButton } from "./copy-button.js";
+export { IconButton } from "./icon-button.js";
+export { Toggle } from "./toggle.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/buttons/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,+CAA+C;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/src/runtime/buttons/toggle.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { Toggle as ToggleFactory, type ToggleOptions } from "../../buttons/toggle/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * Two-state button that stays pressed — for binary toolbar controls like
+ * bold, gridlines, or auto-refresh, where the on/off state is part of the
+ * button itself. The label is the child; `pressed` drives the current
+ * state and `onChange` reports the new one. Supports a leading `icon` and
+ * a `pressedBackground` tint. Every option is a flat prop
+ * ({@link ToggleOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, BooleanType, NullType } from "@elaraai/east";
+ * import { Toggle, Reactive, State, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const autoRefresh = East.function([], UIComponentType, _$ => (
+ *     <Reactive>{$ => {
+ *         const bind = $.let(State.bind([BooleanType], "auto_refresh", false));
+ *         const pressed = $.let(bind.read());
+ *         const onChange = $.const(East.function([BooleanType], NullType, ($, next) => {
+ *             $(bind.write(next));
+ *         }));
+ *         return (
+ *             <Toggle pressed={pressed} icon={{ prefix: "fas", name: "rotate" }} onChange={onChange} variant="subtle">
+ *                 Auto-refresh
+ *             </Toggle>
+ *         );
+ *     }}</Reactive>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Toggle.Types`. Desugars to `Toggle.Root(label, options)`.
+ */
+export declare const Toggle: JsxTag<ToggleOptions & {
+    children: Parameters<typeof ToggleFactory.Root>[0];
+}> & {
+    Types: typeof ToggleFactory.Types;
+};
+//# sourceMappingURL=toggle.d.ts.map

package/dist/src/runtime/buttons/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/runtime/buttons/toggle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAW,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,aAAa,GAAG;IAAE,QAAQ,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;CAC3D,CAAC"}

package/dist/src/runtime/buttons/toggle.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { Toggle as ToggleFactory } from "../../buttons/toggle/index.js";
+import { content } from "../combinators.js";
+/**
+ * Two-state button that stays pressed — for binary toolbar controls like
+ * bold, gridlines, or auto-refresh, where the on/off state is part of the
+ * button itself. The label is the child; `pressed` drives the current
+ * state and `onChange` reports the new one. Supports a leading `icon` and
+ * a `pressedBackground` tint. Every option is a flat prop
+ * ({@link ToggleOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, BooleanType, NullType } from "@elaraai/east";
+ * import { Toggle, Reactive, State, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const autoRefresh = East.function([], UIComponentType, _$ => (
+ *     <Reactive>{$ => {
+ *         const bind = $.let(State.bind([BooleanType], "auto_refresh", false));
+ *         const pressed = $.let(bind.read());
+ *         const onChange = $.const(East.function([BooleanType], NullType, ($, next) => {
+ *             $(bind.write(next));
+ *         }));
+ *         return (
+ *             <Toggle pressed={pressed} icon={{ prefix: "fas", name: "rotate" }} onChange={onChange} variant="subtle">
+ *                 Auto-refresh
+ *             </Toggle>
+ *         );
+ *     }}</Reactive>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Toggle.Types`. Desugars to `Toggle.Root(label, options)`.
+ */
+export const Toggle = Object.assign(content(ToggleFactory.Root), { Types: ToggleFactory.Types });
+//# sourceMappingURL=toggle.js.map

package/dist/src/runtime/buttons/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/runtime/buttons/toggle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAsB,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,OAAO,EAAe,MAAM,mBAAmB,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Chart>` tag and its layer / reference / format builders.
+ */
+import { Chart as ChartFactory } from "../../charts/chart/index.js";
+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;
+    Bar: typeof ChartFactory.Bar;
+    Area: typeof ChartFactory.Area;
+    Scatter: typeof ChartFactory.Scatter;
+    Band: typeof ChartFactory.Band;
+    Series: typeof ChartFactory.Series;
+    refLine: typeof ChartFactory.refLine;
+    refBand: typeof ChartFactory.refBand;
+    refDot: typeof ChartFactory.refDot;
+    format: typeof ChartFactory.format;
+    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
+ * builder calls in `layers`. Reach for this whenever you need a real,
+ * axis-bearing chart rather than the inline {@link Sparkline}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, ArrayType, StructType, StringType, IntegerType } from "@elaraai/east";
+ * import { Box, Chart, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const revenueVsProfit = East.function([], UIComponentType, $ => {
+ *     const rows = $.const([
+ *         { month: "Jan", revenue: 186n, profit: 80n },
+ *         { month: "Feb", revenue: 305n, profit: 120n },
+ *         { month: "Mar", revenue: 237n, profit: 95n },
+ *     ], ArrayType(StructType({ month: StringType, revenue: IntegerType, profit: IntegerType })));
+ *     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.Line(rows, { x: r => r.month, y: r => r.profit }, { key: "Profit", color: "purple.solid" }),
+ *             ]} legend tooltip grid />
+ *         </Box>
+ *     );
+ * });
+ * ```
+ *
+ * @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)`.
+ */
+export declare const Chart: JsxTag<ValueProps<typeof ChartFactory.Root, "layers">> & ChartBuilders;
+export {};
+//# sourceMappingURL=chart.d.ts.map

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

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

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

@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Chart>` tag and its layer / reference / format builders.
+ */
+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
+ * builder calls in `layers`. Reach for this whenever you need a real,
+ * axis-bearing chart rather than the inline {@link Sparkline}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, ArrayType, StructType, StringType, IntegerType } from "@elaraai/east";
+ * import { Box, Chart, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const revenueVsProfit = East.function([], UIComponentType, $ => {
+ *     const rows = $.const([
+ *         { month: "Jan", revenue: 186n, profit: 80n },
+ *         { month: "Feb", revenue: 305n, profit: 120n },
+ *         { month: "Mar", revenue: 237n, profit: 95n },
+ *     ], ArrayType(StructType({ month: StringType, revenue: IntegerType, profit: IntegerType })));
+ *     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.Line(rows, { x: r => r.month, y: r => r.profit }, { key: "Profit", color: "purple.solid" }),
+ *             ]} legend tooltip grid />
+ *         </Box>
+ *     );
+ * });
+ * ```
+ *
+ * @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)`.
+ */
+export const Chart = Object.assign(leaf(ChartFactory.Root, "layers"), {
+    Line: ChartFactory.Line,
+    Bar: ChartFactory.Bar,
+    Area: ChartFactory.Area,
+    Scatter: ChartFactory.Scatter,
+    Band: ChartFactory.Band,
+    Series: ChartFactory.Series,
+    refLine: ChartFactory.refLine,
+    refBand: ChartFactory.refBand,
+    refDot: ChartFactory.refDot,
+    format: ChartFactory.format,
+    Spec: ChartFactory.Spec,
+});
+//# sourceMappingURL=chart.js.map

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

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

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Chart JSX tags. Mirrors `src/charts/`. */
+export { Sparkline } from "./sparkline.js";
+export { Chart } from "./chart.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/charts/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,6CAA6C;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Chart JSX tags. Mirrors `src/charts/`. */
+export { Sparkline } from "./sparkline.js";
+export { Chart } from "./chart.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/charts/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,6CAA6C;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Sparkline>` tag — see the export's JSDoc.
+ */
+import { Sparkline as SparklineFactory } from "../../charts/sparkline/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/**
+ * Compact, axis-free trend line — a single series of numbers rendered inline
+ * to show shape and direction at a glance. Sized to fit beside text in a
+ * metric tile, table cell, or list row, where a full {@link Chart} would be
+ * too heavy. The numbers are the `data` prop; pick a `line` or filled `area`
+ * `type`, a `color`, and explicit `width` / `height`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { HStack, VStack, Text, Sparkline, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const revenueTile = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="4" align="center">
+ *         <VStack gap="1">
+ *             <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" />
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * `data` accepts plain numbers or East expressions, so the trend can be driven
+ * by reactive `State` inside a `<Reactive>` block. Carries `Sparkline.Types` —
+ * the East data type and the type enum. Desugars to `Sparkline.Root(data, options)`.
+ */
+export declare const Sparkline: JsxTag<ValueProps<typeof SparklineFactory.Root, "data">> & {
+    Types: typeof SparklineFactory.Types;
+};
+//# sourceMappingURL=sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../../src/runtime/charts/sparkline.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,gBAAgB,CAAC,KAAK,CAAA;CAChC,CAAC"}

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

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Sparkline>` tag — see the export's JSDoc.
+ */
+import { Sparkline as SparklineFactory } from "../../charts/sparkline/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Compact, axis-free trend line — a single series of numbers rendered inline
+ * to show shape and direction at a glance. Sized to fit beside text in a
+ * metric tile, table cell, or list row, where a full {@link Chart} would be
+ * too heavy. The numbers are the `data` prop; pick a `line` or filled `area`
+ * `type`, a `color`, and explicit `width` / `height`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { HStack, VStack, Text, Sparkline, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const revenueTile = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="4" align="center">
+ *         <VStack gap="1">
+ *             <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" />
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * `data` accepts plain numbers or East expressions, so the trend can be driven
+ * by reactive `State` inside a `<Reactive>` block. Carries `Sparkline.Types` —
+ * the East data type and the type enum. Desugars to `Sparkline.Root(data, options)`.
+ */
+export const Sparkline = Object.assign(leaf(SparklineFactory.Root, "data"), { Types: SparklineFactory.Types });
+//# sourceMappingURL=sparkline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../../src/runtime/charts/sparkline.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,SAAS,GAClB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/children.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Children handling for the east-ui JSX runtime.
+ *
+ * A container factory's children arg is `SubtypeExprOrValue<ArrayType<
+ * UIComponentType>>` — a list. JSX hands that list in one of two East-typed
+ * shapes, and {@link coalesceChildren} normalizes either to the factory's arg:
+ *
+ * - a single `UIComponentType` (a lone child, or an East `cond.ifElse(<A/>, <B/>)`)
+ *   → wrapped into a one-element list `[child]`;
+ * - an `ArrayType<UIComponentType>` — a JS array of elements (`<Box><A/><B/></Box>`)
+ *   or a dynamic East expression (`rows.map(...)`) → passed straight through.
+ *
+ * A JS array of children may freely mix single `UIComponentType` elements with
+ * dynamic `ArrayType<UIComponentType>` expressions — e.g. a static `<Text/>`
+ * beside a `rows.map(...)`. Consecutive statics are grouped into list literals
+ * and the dynamic lists are concatenated in place, so the result is one flat
+ * `ArrayType<UIComponentType>` regardless of ordering.
+ *
+ * No JS `boolean`/`null`/nesting: conditional UI is East-side (`ifElse`). The
+ * only runtime type read is `Expr.type(x).type === "Array"`, to tell a dynamic
+ * array expression apart from a single element when lowering.
+ */
+import { ArrayType, type SubtypeExprOrValue } from "@elaraai/east";
+import { UIComponentType } from "../component.js";
+/**
+ * One JSX child of a container: a single `UIComponentType` element or a dynamic
+ * `ArrayType<UIComponentType>` list (e.g. `rows.map(...)`).
+ */
+export type ContainerChild = SubtypeExprOrValue<UIComponentType> | SubtypeExprOrValue<ArrayType<UIComponentType>>;
+/**
+ * The children of a container tag: a single {@link ContainerChild}, or a JS
+ * array of them (`<Box><A/>{rows.map(...)}<B/></Box>`) — elements may freely mix
+ * single elements and dynamic lists, flattened in source order by
+ * {@link coalesceChildren}.
+ */
+export type ContainerChildrenType = ContainerChild | ReadonlyArray<ContainerChild> | undefined;
+/**
+ * Lower a container tag's `children` into the factory's
+ * `SubtypeExprOrValue<ArrayType<UIComponentType>>` arg.
+ */
+export declare function coalesceChildren(child: ContainerChildrenType): SubtypeExprOrValue<ArrayType<UIComponentType>>;
+//# sourceMappingURL=children.d.ts.map

package/dist/src/runtime/children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../src/runtime/children.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAc,SAAS,EAA4B,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,cAAc,GACpB,kBAAkB,CAAC,eAAe,CAAC,GACnC,kBAAkB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;AAErD;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAC3B,cAAc,GACd,aAAa,CAAC,cAAc,CAAC,GAC7B,SAAS,CAAC;AAEhB;;;GAGG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,qBAAqB,GAC7B,kBAAkB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAoChD"}

package/dist/src/runtime/children.js

@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Children handling for the east-ui JSX runtime.
+ *
+ * A container factory's children arg is `SubtypeExprOrValue<ArrayType<
+ * UIComponentType>>` — a list. JSX hands that list in one of two East-typed
+ * shapes, and {@link coalesceChildren} normalizes either to the factory's arg:
+ *
+ * - a single `UIComponentType` (a lone child, or an East `cond.ifElse(<A/>, <B/>)`)
+ *   → wrapped into a one-element list `[child]`;
+ * - an `ArrayType<UIComponentType>` — a JS array of elements (`<Box><A/><B/></Box>`)
+ *   or a dynamic East expression (`rows.map(...)`) → passed straight through.
+ *
+ * A JS array of children may freely mix single `UIComponentType` elements with
+ * dynamic `ArrayType<UIComponentType>` expressions — e.g. a static `<Text/>`
+ * beside a `rows.map(...)`. Consecutive statics are grouped into list literals
+ * and the dynamic lists are concatenated in place, so the result is one flat
+ * `ArrayType<UIComponentType>` regardless of ordering.
+ *
+ * No JS `boolean`/`null`/nesting: conditional UI is East-side (`ifElse`). The
+ * only runtime type read is `Expr.type(x).type === "Array"`, to tell a dynamic
+ * array expression apart from a single element when lowering.
+ */
+import { Expr, East, ArrayType, isSubtype } from "@elaraai/east";
+import { UIComponentType } from "../component.js";
+/**
+ * Lower a container tag's `children` into the factory's
+ * `SubtypeExprOrValue<ArrayType<UIComponentType>>` arg.
+ */
+export function coalesceChildren(child) {
+    if (child === undefined)
+        return East.value([], ArrayType(UIComponentType));
+    // Multiple children: JSX hands a JS array of element expressions, each
+    // either a single UIComponentType or a dynamic ArrayType<UIComponentType>
+    // (`rows.map(...)`). Group consecutive statics into list literals and concat
+    // the dynamic lists in place, so a static element beside a dynamic one
+    // flattens to a single ArrayType<UIComponentType>.
+    if (Array.isArray(child)) {
+        // JSX hands a heterogeneous array of element expressions; each is an
+        // `Expr` that's either a single UIComponentType or a dynamic list.
+        const elements = child;
+        const parts = [];
+        let statics = [];
+        const flush = () => {
+            if (statics.length > 0) {
+                parts.push(East.value(statics, ArrayType(UIComponentType)));
+                statics = [];
+            }
+        };
+        for (const el of elements) {
+            if (Expr.type(el).type === "Array") {
+                flush();
+                parts.push(el);
+            }
+            else {
+                statics.push(el);
+            }
+        }
+        flush();
+        if (parts.length === 0)
+            return East.value([], ArrayType(UIComponentType));
+        return parts.reduce((acc, part) => acc.concat(part));
+    }
+    // A single East expression: an ArrayType<UIComponentType> (e.g. `rows.map(...)`)
+    // is the list already; anything else is one UIComponentType — wrap it.
+    return isSubtype(Expr.type(child), ArrayType(UIComponentType))
+        ? child
+        : East.value([child], ArrayType(UIComponentType));
+}
+//# sourceMappingURL=children.js.map

package/dist/src/runtime/children.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.js","sourceRoot":"","sources":["../../../src/runtime/children.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAA0C,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAqBlD;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC5B,KAA4B;IAE5B,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;IAC3E,uEAAuE;IACvE,0EAA0E;IAC1E,6EAA6E;IAC7E,uEAAuE;IACvE,mDAAmD;IACnD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,qEAAqE;QACrE,mEAAmE;QACnE,MAAM,QAAQ,GAAG,KAAe,CAAC;QACjC,MAAM,KAAK,GAA2C,EAAE,CAAC;QACzD,IAAI,OAAO,GAA0C,EAAE,CAAC;QACxD,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;gBAC5D,OAAO,GAAG,EAAE,CAAC;YACjB,CAAC;QACL,CAAC,CAAC;QACF,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACjC,KAAK,EAAE,CAAC;gBACR,KAAK,CAAC,IAAI,CAAC,EAA0C,CAAC,CAAC;YAC3D,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,IAAI,CAAC,EAA+B,CAAC,CAAC;YAClD,CAAC;QACL,CAAC;QACD,KAAK,EAAE,CAAC;QACR,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;QAC1E,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,CAAC;IACD,iFAAiF;IACjF,uEAAuE;IACvE,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;QAClE,CAAC,CAAE,KAAwD;QAC3D,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAA4C,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;AACjG,CAAC"}

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

@@ -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 { type ExprType, type SubtypeExprOrValue, ArrayType, StructType } from "@elaraai/east";
+import { Blend as BlendFactory, type BlendConfig, type RowElement } 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)`.
+ */
+declare function BlendTag<T extends SubtypeExprOrValue<ArrayType<StructType>>>(props: {
+    targets: T;
+} & BlendConfig<RowElement<T>>): ExprType<UIComponentType>;
+export declare const Blend: typeof BlendTag & {
+    allocation: typeof BlendFactory.allocation;
+    metric: typeof BlendFactory.metric;
+    Types: typeof BlendFactory.Types;
+};
+export {};
+//# sourceMappingURL=blend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blend.d.ts","sourceRoot":"","sources":["../../../../src/runtime/collections/blend.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EACH,KAAK,IAAI,YAAY,EACrB,KAAK,WAAW,EAChB,KAAK,UAAU,EAClB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,iBAAS,QAAQ,CAAC,CAAC,SAAS,kBAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EACjE,KAAK,EAAE;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GACnD,QAAQ,CAAC,eAAe,CAAC,CAG3B;AAED,eAAO,MAAM,KAAK,EAAE,OAAO,QAAQ,GAAG;IAClC,UAAU,EAAE,OAAO,YAAY,CAAC,UAAU,CAAC;IAC3C,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;CAKnC,CAAC"}