@elaraai/east-ui 1.0.4 → 1.0.6

package/dist/test/typography/list.examples.js

@@ -1,16 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
 /**
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
+/** @jsxImportSource @elaraai/east-ui */
 import { East, IntegerType, NullType, example } from "@elaraai/east";
-import { Button, Icon, List, Reactive, Stack, State, Text, UIComponentType, } from "@elaraai/east-ui";
+import { State, UIComponentType } from "@elaraai/east-ui";
+import { Button, Icon, List, Reactive, VStack, HStack, Text } from "@elaraai/east-ui";
 export const listUnordered = example({
     keywords: ["List", "Root", "unordered", "bulleted"],
     description: "Bulleted list",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root(["First item", "Second item", "Third item"], {
-            variant: "unordered",
-        });
+        return _jsx(List, { items: ["First item", "Second item", "Third item"], variant: "unordered" });
     }),
     inputs: [],
 });
@@ -18,9 +19,7 @@ export const listOrdered = example({
     keywords: ["List", "Root", "ordered", "numbered"],
     description: "Numbered list",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root(["Step one", "Step two", "Step three"], {
-            variant: "ordered",
-        });
+        return _jsx(List, { items: ["Step one", "Step two", "Step three"], variant: "ordered" });
     }),
     inputs: [],
 });
@@ -28,10 +27,7 @@ export const listWithGap = example({
     keywords: ["List", "Root", "gap", "spacing"],
     description: "Increased spacing between items",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root(["Item A", "Item B", "Item C"], {
-            variant: "unordered",
-            gap: "4",
-        });
+        return _jsx(List, { items: ["Item A", "Item B", "Item C"], variant: "unordered", gap: "4" });
     }),
     inputs: [],
 });
@@ -39,10 +35,7 @@ export const listColored = example({
     keywords: ["List", "Root", "colorPalette", "blue", "markers"],
     description: "Blue list markers",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root(["Blue item one", "Blue item two", "Blue item three"], {
-            variant: "unordered",
-            colorPalette: "blue",
-        });
+        return _jsx(List, { items: ["Blue item one", "Blue item two", "Blue item three"], variant: "unordered", colorPalette: "blue" });
     }),
     inputs: [],
 });
@@ -50,10 +43,7 @@ export const listGreen = example({
     keywords: ["List", "Root", "ordered", "colorPalette", "green"],
     description: "Green numbered list",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root(["Complete task A", "Complete task B", "Complete task C"], {
-            variant: "ordered",
-            colorPalette: "green",
-        });
+        return _jsx(List, { items: ["Complete task A", "Complete task B", "Complete task C"], variant: "ordered", colorPalette: "green" });
     }),
     inputs: [],
 });
@@ -61,16 +51,7 @@ export const listFeatures = example({
     keywords: ["List", "Root", "features", "product"],
     description: "Product features example",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root([
-            "Fast performance",
-            "Type-safe development",
-            "Easy to use API",
-            "Comprehensive documentation",
-        ], {
-            variant: "unordered",
-            gap: "2",
-            colorPalette: "teal",
-        });
+        return _jsx(List, { items: ["Fast performance", "Type-safe development", "Easy to use API", "Comprehensive documentation"], variant: "unordered", gap: "2", colorPalette: "teal" });
     }),
     inputs: [],
 });
@@ -78,15 +59,7 @@ export const listSteps = example({
     keywords: ["List", "Root", "ordered", "steps", "installation"],
     description: "Installation steps",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root([
-            "Install dependencies",
-            "Configure environment",
-            "Run the application",
-            "Verify installation",
-        ], {
-            variant: "ordered",
-            gap: "3",
-        });
+        return _jsx(List, { items: ["Install dependencies", "Configure environment", "Run the application", "Verify installation"], variant: "ordered", gap: "3" });
     }),
     inputs: [],
 });
@@ -94,7 +67,7 @@ export const listEmpty = example({
     keywords: ["List", "Root", "empty"],
     description: "List with no items",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root([]);
+        return _jsx(List, { items: [] });
     }),
     inputs: [],
 });
@@ -102,16 +75,12 @@ export const listCheckmarks = example({
     keywords: ["List", "Root", "marker", "check", "compliance", "workforce"],
     description: "Compliance checklist with green check markers — mirrors the shift-optimiser `.wf-constraints` block",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root([
-            "Max 5 consecutive shifts — 412 staff, clear",
-            "SLA: 92% on-time (27 misses)",
-            "Rostered vs demand: within tolerance",
-            "Training currency: all staff in-date",
-        ], {
-            marker: "check",
-            markerColor: "fg.success",
-            gap: "2",
-        });
+        return (_jsx(List, { items: [
+                "Max 5 consecutive shifts — 412 staff, clear",
+                "SLA: 92% on-time (27 misses)",
+                "Rostered vs demand: within tolerance",
+                "Training currency: all staff in-date",
+            ], marker: "check", markerColor: "fg.success", gap: "2" }));
     }),
     inputs: [],
 });
@@ -119,15 +88,11 @@ export const listDashed = example({
     keywords: ["List", "Root", "marker", "dash", "danger", "problem", "issues"],
     description: "Problem notes with red dash markers — mirrors the `.problem-notes` block",
     fn: East.function([], UIComponentType, (_$) => {
-        return List.Root([
-            Text.Root("Stage 1 delayed ~6h by setpoint drift since 02:00", { fontStyle: "italic" }),
-            Text.Root("Vendor feed unavailable — forecast using last-known", { fontStyle: "italic" }),
-            Text.Root("3 drivers flagged for manual review", { fontStyle: "italic" }),
-        ], {
-            marker: "dash",
-            markerColor: "fg.danger",
-            gap: "2",
-        });
+        return (_jsx(List, { items: [
+                _jsx(Text, { fontStyle: "italic", children: "Stage 1 delayed ~6h by setpoint drift since 02:00" }),
+                _jsx(Text, { fontStyle: "italic", children: "Vendor feed unavailable \u2014 forecast using last-known" }),
+                _jsx(Text, { fontStyle: "italic", children: "3 drivers flagged for manual review" }),
+            ], marker: "dash", markerColor: "fg.danger", gap: "2" }));
     }),
     inputs: [],
 });
@@ -135,39 +100,30 @@ export const listRichItems = example({
     keywords: ["List", "Root", "rich", "UIComp", "icon", "HStack"],
     description: "Rich items — each is a custom HStack with icon + text",
     fn: East.function([], UIComponentType, (_$) => {
-        const row = (glyph, tint, text) => Stack.HStack([
-            Icon.Root("fas", glyph, { color: tint }),
-            Text.Root(text),
-        ], { gap: "2", align: "center" });
-        return List.Root([
-            row("circle-check", "fg.success", "Passed: schema validation"),
-            row("circle-xmark", "fg.danger", "Failed: missing required field `id`"),
-            row("circle-info", "fg.info", "Skipped: optional integrity check"),
-        ], { marker: "none", gap: "2" });
+        return (_jsx(List, { items: [
+                _jsxs(HStack, { gap: "2", align: "center", children: [_jsx(Icon, { prefix: "fas", name: "circle-check", color: "fg.success" }), _jsx(Text, { children: "Passed: schema validation" })] }),
+                _jsxs(HStack, { gap: "2", align: "center", children: [_jsx(Icon, { prefix: "fas", name: "circle-xmark", color: "fg.danger" }), _jsx(Text, { children: "Failed: missing required field `id`" })] }),
+                _jsxs(HStack, { gap: "2", align: "center", children: [_jsx(Icon, { prefix: "fas", name: "circle-info", color: "fg.info" }), _jsx(Text, { children: "Skipped: optional integrity check" })] }),
+            ], marker: "none", gap: "2" }));
     }),
     inputs: [],
 });
 export const listInteractive = example({
     keywords: ["List", "Reactive", "State", "interactive", "counter"],
     description: "Reactive list whose item labels update from a counter",
-    fn: East.function([], UIComponentType, (_$) => {
-        return Reactive.Root(East.function([], UIComponentType, $ => {
+    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
             const counter = $.let(State.bind([IntegerType], "list_counter", 0n));
             const value = $.let(counter.read());
             const increment = $.const(East.function([], NullType, $ => {
                 const cur = $.let(counter.read());
                 $(counter.write(cur.add(1n)));
             }));
-            return Stack.VStack([
-                List.Root([
-                    Text.Root(East.str `First — bump ${East.print(value)}`),
-                    Text.Root(East.str `Second — bump ${East.print(value)}`),
-                    Text.Root(East.str `Third — bump ${East.print(value)}`),
-                ], { variant: "ordered" }),
-                Button.Root("Bump", { onClick: increment }),
-            ], { gap: "3", align: "stretch" });
-        }));
-    }),
+            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(List, { items: [
+                            _jsx(Text, { children: East.str `First — bump ${East.print(value)}` }),
+                            _jsx(Text, { children: East.str `Second — bump ${East.print(value)}` }),
+                            _jsx(Text, { children: East.str `Third — bump ${East.print(value)}` }),
+                        ], variant: "ordered" }), _jsx(Button, { onClick: increment, children: "Bump" })] }));
+        } }))),
     inputs: [],
 });
 //# sourceMappingURL=list.examples.js.map

package/dist/test/typography/list.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.examples.js","sourceRoot":"","sources":["../../../test/typography/list.examples.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EACH,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,eAAe,GAClB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,CAAC;IACnD,WAAW,EAAE,eAAe;IAC5B,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC,EAAE;YAC1D,OAAO,EAAE,WAAW;SACvB,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC;IACjD,WAAW,EAAE,eAAe;IAC5B,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,CAAC,EAAE;YACrD,OAAO,EAAE,SAAS;SACrB,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC;IAC5C,WAAW,EAAE,iCAAiC;IAC9C,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;YAC7C,OAAO,EAAE,WAAW;YACpB,GAAG,EAAE,GAAG;SACX,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS,CAAC;IAC7D,WAAW,EAAE,mBAAmB;IAChC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,eAAe,EAAE,iBAAiB,CAAC,EAAE;YACpE,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,MAAM;SACvB,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,CAAC;IAC9D,WAAW,EAAE,qBAAqB;IAClC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,EAAE;YACxE,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,OAAO;SACxB,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC;IACjD,WAAW,EAAE,0BAA0B;IACvC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC;YACb,kBAAkB;YAClB,uBAAuB;YACvB,iBAAiB;YACjB,6BAA6B;SAChC,EAAE;YACC,OAAO,EAAE,WAAW;YACpB,GAAG,EAAE,GAAG;YACR,YAAY,EAAE,MAAM;SACvB,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC;IAC9D,WAAW,EAAE,oBAAoB;IACjC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC;YACb,sBAAsB;YACtB,uBAAuB;YACvB,qBAAqB;YACrB,qBAAqB;SACxB,EAAE;YACC,OAAO,EAAE,SAAS;YAClB,GAAG,EAAE,GAAG;SACX,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;IACnC,WAAW,EAAE,oBAAoB;IACjC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC;IACxE,WAAW,EAAE,qGAAqG;IAClH,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC;YACb,6CAA6C;YAC7C,8BAA8B;YAC9B,sCAAsC;YACtC,sCAAsC;SACzC,EAAE;YACC,MAAM,EAAE,OAAO;YACf,WAAW,EAAE,YAAY;YACzB,GAAG,EAAE,GAAG;SACX,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;IAC3E,WAAW,EAAE,0EAA0E;IACvF,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,mDAAmD,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;YACvF,IAAI,CAAC,IAAI,CAAC,qDAAqD,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;YACzF,IAAI,CAAC,IAAI,CAAC,qCAAqC,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;SAC5E,EAAE;YACC,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,WAAW;YACxB,GAAG,EAAE,GAAG;SACX,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC;IAC9D,WAAW,EAAE,uDAAuD;IACpE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,MAAM,GAAG,GAAG,CAAC,KAAsD,EAAE,IAAY,EAAE,IAAY,EAAE,EAAE,CAC/F,KAAK,CAAC,MAAM,CAAC;YACT,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YACxC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;SAClB,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC,IAAI,CAAC;YACb,GAAG,CAAC,cAAc,EAAE,YAAY,EAAE,2BAA2B,CAAC;YAC9D,GAAG,CAAC,cAAc,EAAE,WAAW,EAAE,qCAAqC,CAAC;YACvE,GAAG,CAAC,aAAa,EAAE,SAAS,EAAE,mCAAmC,CAAC;SACrE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC;IACjE,WAAW,EAAE,uDAAuD;IACpE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE;YACxD,MAAM,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC;YACrE,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;YACpC,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACtD,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;gBAClC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC,CAAC;YACJ,OAAO,KAAK,CAAC,MAAM,CAAC;gBAChB,IAAI,CAAC,IAAI,CAAC;oBACN,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA,gBAAgB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;oBACtD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA,iBAAiB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;oBACvD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA,gBAAgB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;iBACzD,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;gBAC1B,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;aAC9C,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"list.examples.js","sourceRoot":"","sources":["../../../test/typography/list.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/typography/mark.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mark.examples.d.ts","sourceRoot":"","sources":["../../../test/typography/mark.examples.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,6CAOpB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAOrB,CAAC;AAEH,eAAO,MAAM,SAAS,6CAOpB,CAAC;AAEH,eAAO,MAAM,QAAQ,6CAOnB,CAAC;AAEH,eAAO,MAAM,SAAS,6CAOpB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAarB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAY1B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAWxB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAmB1B,CAAC"}
+{"version":3,"file":"mark.examples.d.ts","sourceRoot":"","sources":["../../../test/typography/mark.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,6CAOpB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAOrB,CAAC;AAEH,eAAO,MAAM,SAAS,6CAOpB,CAAC;AAEH,eAAO,MAAM,QAAQ,6CAOnB,CAAC;AAEH,eAAO,MAAM,SAAS,6CAOpB,CAAC;AAEH,eAAO,MAAM,UAAU,6CAerB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAc1B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAaxB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAqB1B,CAAC"}

package/dist/test/typography/mark.examples.js

@@ -1,14 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
 /**
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
+/** @jsxImportSource @elaraai/east-ui */
 import { East, IntegerType, NullType, example } from "@elaraai/east";
-import { Button, Mark, Reactive, Stack, State, Text, UIComponentType } from "@elaraai/east-ui";
+import { State, UIComponentType } from "@elaraai/east-ui";
+import { Button, Mark, Reactive, VStack, HStack, Text } from "@elaraai/east-ui";
 export const markBasic = example({
     keywords: ["Mark", "Root", "basic"],
     description: "Simple text mark",
     fn: East.function([], UIComponentType, (_$) => {
-        return Mark.Root("Important");
+        return _jsx(Mark, { children: "Important" });
     }),
     inputs: [],
 });
@@ -16,7 +19,7 @@ export const markSubtle = example({
     keywords: ["Mark", "Root", "variant", "subtle"],
     description: "Soft background highlight",
     fn: East.function([], UIComponentType, (_$) => {
-        return Mark.Root("Note", { variant: "subtle" });
+        return _jsx(Mark, { variant: "subtle", children: "Note" });
     }),
     inputs: [],
 });
@@ -24,7 +27,7 @@ export const markSolid = example({
     keywords: ["Mark", "Root", "variant", "solid"],
     description: "Strong background fill",
     fn: East.function([], UIComponentType, (_$) => {
-        return Mark.Root("NEW", { variant: "solid" });
+        return _jsx(Mark, { variant: "solid", children: "NEW" });
     }),
     inputs: [],
 });
@@ -32,7 +35,7 @@ export const markText = example({
     keywords: ["Mark", "Root", "variant", "text"],
     description: "Colored text only",
     fn: East.function([], UIComponentType, (_$) => {
-        return Mark.Root("Updated", { variant: "text" });
+        return _jsx(Mark, { variant: "text", children: "Updated" });
     }),
     inputs: [],
 });
@@ -40,7 +43,7 @@ export const markPlain = example({
     keywords: ["Mark", "Root", "variant", "plain"],
     description: "Minimal styling",
     fn: East.function([], UIComponentType, (_$) => {
-        return Mark.Root("Plain", { variant: "plain" });
+        return _jsx(Mark, { variant: "plain", children: "Plain" });
     }),
     inputs: [],
 });
@@ -48,13 +51,7 @@ export const markColors = example({
     keywords: ["Mark", "Root", "colorPalette", "yellow", "green", "blue", "red", "purple"],
     description: "Different color schemes",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Mark.Root("Yellow", { variant: "subtle", colorPalette: "yellow" }),
-            Mark.Root("Green", { variant: "subtle", colorPalette: "green" }),
-            Mark.Root("Blue", { variant: "subtle", colorPalette: "blue" }),
-            Mark.Root("Red", { variant: "subtle", colorPalette: "red" }),
-            Mark.Root("Purple", { variant: "subtle", colorPalette: "purple" }),
-        ], { gap: "3" });
+        return (_jsxs(HStack, { gap: "3", children: [_jsx(Mark, { variant: "subtle", colorPalette: "yellow", children: "Yellow" }), _jsx(Mark, { variant: "subtle", colorPalette: "green", children: "Green" }), _jsx(Mark, { variant: "subtle", colorPalette: "blue", children: "Blue" }), _jsx(Mark, { variant: "subtle", colorPalette: "red", children: "Red" }), _jsx(Mark, { variant: "subtle", colorPalette: "purple", children: "Purple" })] }));
     }),
     inputs: [],
 });
@@ -62,12 +59,7 @@ export const markSolidColors = example({
     keywords: ["Mark", "Root", "variant", "solid", "success", "warning", "error", "info"],
     description: "Bold color variants",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Mark.Root("Success", { variant: "solid", colorPalette: "green" }),
-            Mark.Root("Warning", { variant: "solid", colorPalette: "orange" }),
-            Mark.Root("Error", { variant: "solid", colorPalette: "red" }),
-            Mark.Root("Info", { variant: "solid", colorPalette: "blue" }),
-        ], { gap: "3" });
+        return (_jsxs(HStack, { gap: "3", children: [_jsx(Mark, { variant: "solid", colorPalette: "green", children: "Success" }), _jsx(Mark, { variant: "solid", colorPalette: "orange", children: "Warning" }), _jsx(Mark, { variant: "solid", colorPalette: "red", children: "Error" }), _jsx(Mark, { variant: "solid", colorPalette: "blue", children: "Info" })] }));
     }),
     inputs: [],
 });
@@ -75,32 +67,22 @@ export const markInContext = example({
     keywords: ["Mark", "Root", "inline", "context", "text"],
     description: "Mark within text flow",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Text.Root("This feature is "),
-            Mark.Root("deprecated", { variant: "subtle", colorPalette: "orange" }),
-            Text.Root(" and will be removed."),
-        ], { gap: "1" });
+        return (_jsxs(HStack, { gap: "1", children: [_jsx(Text, { children: "This feature is " }), _jsx(Mark, { variant: "subtle", colorPalette: "orange", children: "deprecated" }), _jsx(Text, { children: " and will be removed." })] }));
     }),
     inputs: [],
 });
 export const markInteractive = example({
     keywords: ["Mark", "Reactive", "State", "interactive", "counter"],
     description: "Reactive marked text whose label updates from a counter",
-    fn: East.function([], UIComponentType, (_$) => {
-        return Reactive.Root(East.function([], UIComponentType, $ => {
+    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
             const counter = $.let(State.bind([IntegerType], "mark_counter", 0n));
             const value = $.let(counter.read());
             const increment = $.const(East.function([], NullType, $ => {
                 const cur = $.let(counter.read());
                 $(counter.write(cur.add(1n)));
             }));
-            return Stack.VStack([
-                Text.Root("Marked content updates as you click:"),
-                Mark.Root(East.str `Mark #${East.print(value)}`, { variant: "subtle", colorPalette: "yellow" }),
-                Button.Root("Bump", { onClick: increment }),
-            ], { gap: "3", align: "stretch" });
-        }));
-    }),
+            return (_jsxs(VStack, { gap: "3", align: "stretch", children: [_jsx(Text, { children: "Marked content updates as you click:" }), _jsx(Mark, { variant: "subtle", colorPalette: "yellow", children: East.str `Mark #${East.print(value)}` }), _jsx(Button, { onClick: increment, children: "Bump" })] }));
+        } }))),
     inputs: [],
 });
 //# sourceMappingURL=mark.examples.js.map

package/dist/test/typography/mark.examples.js.map

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

package/dist/test/typography/note.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"note.examples.d.ts","sourceRoot":"","sources":["../../../test/typography/note.examples.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,6CAUxB,CAAC;AAEH,eAAO,MAAM,WAAW,6CAUtB,CAAC;AAEH,eAAO,MAAM,SAAS,6CAYpB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAavB,CAAC"}
+{"version":3,"file":"note.examples.d.ts","sourceRoot":"","sources":["../../../test/typography/note.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,6CAOxB,CAAC;AAEH,eAAO,MAAM,WAAW,6CAOtB,CAAC;AAEH,eAAO,MAAM,SAAS,6CAWpB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAcvB,CAAC"}

package/dist/test/typography/note.examples.js

@@ -1,14 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
 /**
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
+/** @jsxImportSource @elaraai/east-ui */
 import { East, example } from "@elaraai/east";
-import { Note, Stack, Text, UIComponentType } from "@elaraai/east-ui";
+import { UIComponentType } from "@elaraai/east-ui";
+import { Note, VStack, Text } from "@elaraai/east-ui";
 export const noteNarrative = example({
     keywords: ["Note", "Root", "variant", "narrative"],
     description: "Narrative prose block (dashed border accent + muted body)",
     fn: East.function([], UIComponentType, (_$) => {
-        return Note.Root("A slow process rate combined with setpoint drift since 02:00 is delaying Stage 1 by ~6 hours.", { variant: "narrative" });
+        return _jsx(Note, { variant: "narrative", children: "A slow process rate combined with setpoint drift since 02:00 is delaying Stage 1 by ~6 hours." });
     }),
     inputs: [],
 });
@@ -16,7 +19,7 @@ export const noteCallout = example({
     keywords: ["Note", "Root", "variant", "callout"],
     description: "Important callout (solid border accent, info palette)",
     fn: East.function([], UIComponentType, (_$) => {
-        return Note.Root("Raising this retrains the workforce chain model — expect ~30 min recompute.", { variant: "callout", emphasis: "strong" });
+        return _jsx(Note, { variant: "callout", emphasis: "strong", children: "Raising this retrains the workforce chain model \u2014 expect ~30 min recompute." });
     }),
     inputs: [],
 });
@@ -24,9 +27,7 @@ export const noteQuote = example({
     keywords: ["Note", "Root", "variant", "quote"],
     description: "Block-quote style Note (indented + italic)",
     fn: East.function([], UIComponentType, (_$) => {
-        return Note.Root(Text.Root("\u201CThe fastest path to confident decisions is the one we can audit twice.\u201D", {
-            fontStyle: "italic",
-        }), { variant: "quote" });
+        return (_jsx(Note, { variant: "quote", children: _jsx(Text, { fontStyle: "italic", children: "“The fastest path to confident decisions is the one we can audit twice.”" }) }));
     }),
     inputs: [],
 });
@@ -34,10 +35,7 @@ export const noteRichBody = example({
     keywords: ["Note", "Root", "rich", "body", "UIComp"],
     description: "Rich UIComp body — Stack of Text children inside a Note",
     fn: East.function([], UIComponentType, (_$) => {
-        return Note.Root(Stack.VStack([
-            Text.Root("Service level slipped from 92% to 85% this week.", { fontWeight: "semibold" }),
-            Text.Root("Root cause: Stage 2 blender #3 downtime 07:00–11:30 on Wednesday.", { color: "fg.muted" }),
-        ], { gap: "1", align: "flex-start" }), { variant: "narrative" });
+        return (_jsx(Note, { variant: "narrative", children: _jsxs(VStack, { gap: "1", align: "flex-start", children: [_jsx(Text, { fontWeight: "semibold", children: "Service level slipped from 92% to 85% this week." }), _jsx(Text, { color: "fg.muted", children: "Root cause: Stage 2 blender #3 downtime 07:00\u201311:30 on Wednesday." })] }) }));
     }),
     inputs: [],
 });

package/dist/test/typography/note.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"note.examples.js","sourceRoot":"","sources":["../../../test/typography/note.examples.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEtE,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC;IAClD,WAAW,EAAE,2DAA2D;IACxE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CACZ,+FAA+F,EAC/F,EAAE,OAAO,EAAE,WAAW,EAAE,CAC3B,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC;IAChD,WAAW,EAAE,uDAAuD;IACpE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CACZ,6EAA6E,EAC7E,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAC7C,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC;IAC9C,WAAW,EAAE,4CAA4C;IACzD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CACZ,IAAI,CAAC,IAAI,CAAC,oFAAoF,EAAE;YAC5F,SAAS,EAAE,QAAQ;SACtB,CAAC,EACF,EAAE,OAAO,EAAE,OAAO,EAAE,CACvB,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;IACpD,WAAW,EAAE,yDAAyD;IACtE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,IAAI,CAAC,IAAI,CACZ,KAAK,CAAC,MAAM,CAAC;YACT,IAAI,CAAC,IAAI,CAAC,kDAAkD,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;YACzF,IAAI,CAAC,IAAI,CAAC,mEAAmE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;SACxG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EACrC,EAAE,OAAO,EAAE,WAAW,EAAE,CAC3B,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"note.examples.js","sourceRoot":"","sources":["../../../test/typography/note.examples.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,wCAAwC;AACxC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC;IAClD,WAAW,EAAE,2DAA2D;IACxE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,8GAAqG,CAAC;IAC1I,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC;IAChD,WAAW,EAAE,uDAAuD;IACpE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,iGAAmF,CAAC;IACxI,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC;IAC9C,WAAW,EAAE,4CAA4C;IACzD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,YACjB,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YAAE,0EAA0E,GAAQ,GACzG,CACV,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;IACpD,WAAW,EAAE,yDAAyD;IACtE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE;QAC1C,OAAO,CACH,KAAC,IAAI,IAAC,OAAO,EAAC,WAAW,YACrB,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,YAAY,aAC9B,KAAC,IAAI,IAAC,UAAU,EAAC,UAAU,iEAAwD,EACnF,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,uFAAyE,IAC1F,GACN,CACV,CAAC;IACN,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}

package/dist/test/typography/numeric.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numeric.examples.d.ts","sourceRoot":"","sources":["../../../test/typography/numeric.examples.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,6CAiBrB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAiBzB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAUzB,CAAC;AAEH,eAAO,MAAM,WAAW,6CAUtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAU5B,CAAC;AAEH,eAAO,MAAM,eAAe,6CAY1B,CAAC"}
+{"version":3,"file":"numeric.examples.d.ts","sourceRoot":"","sources":["../../../test/typography/numeric.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,6CAYrB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAazB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAYzB,CAAC;AAEH,eAAO,MAAM,WAAW,6CAYtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAY5B,CAAC;AAEH,eAAO,MAAM,eAAe,6CAc1B,CAAC"}

package/dist/test/typography/numeric.examples.js

@@ -1,24 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@elaraai/east-ui/jsx-runtime";
 /**
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
+/** @jsxImportSource @elaraai/east-ui */
 import { East, example } from "@elaraai/east";
-import { Numeric, Format, Stack, UIComponentType, } from "@elaraai/east-ui";
+import { Format, UIComponentType } from "@elaraai/east-ui";
+import { Numeric, HStack } from "@elaraai/east-ui";
 export const numericKpi = example({
     keywords: ["Numeric", "Root", "KPI", "currency", "mono-kpi"],
     description: "KPI tiles — current vs baseline currency values, compact notation",
     fn: East.function([], UIComponentType, (_$) => {
-        const usd = (n) => Numeric.Root(n, {
-            textStyle: "mono-kpi",
-            format: Format.Currency({
-                currency: "USD",
-                display: "symbol",
-                compact: "short",
-                minimumFractionDigits: 2n,
-                maximumFractionDigits: 2n,
-            }),
-        });
-        return Stack.HStack([usd(1842500), usd(2072500)], { gap: "6", align: "baseline" });
+        return (_jsxs(HStack, { gap: "6", align: "baseline", children: [_jsx(Numeric, { value: 1842500, textStyle: "mono-kpi", format: Format.Currency({ currency: "USD", display: "symbol", compact: "short", minimumFractionDigits: 2n, maximumFractionDigits: 2n }) }), _jsx(Numeric, { value: 2072500, textStyle: "mono-kpi", format: Format.Currency({ currency: "USD", display: "symbol", compact: "short", minimumFractionDigits: 2n, maximumFractionDigits: 2n }) })] }));
     }),
     inputs: [],
 });
@@ -26,16 +19,7 @@ export const numericPercent = example({
     keywords: ["Numeric", "Root", "percent", "sentiment"],
     description: "Percent values with positive / negative sentiment colouring",
     fn: East.function([], UIComponentType, (_$) => {
-        const pct = (n, sentiment) => Numeric.Root(n, {
-            format: Format.Percent({ maximumFractionDigits: 0n, signDisplay: "exceptZero" }),
-            sentiment,
-            showSign: true,
-        });
-        return Stack.HStack([
-            pct(0.98, "positive"),
-            pct(-0.12, "negative"),
-            pct(0.00, "neutral"),
-        ], { gap: "6", align: "baseline" });
+        return (_jsxs(HStack, { gap: "6", align: "baseline", children: [_jsx(Numeric, { value: 0.98, format: Format.Percent({ maximumFractionDigits: 0n, signDisplay: "exceptZero" }), sentiment: "positive", showSign: true }), _jsx(Numeric, { value: -0.12, format: Format.Percent({ maximumFractionDigits: 0n, signDisplay: "exceptZero" }), sentiment: "negative", showSign: true }), _jsx(Numeric, { value: 0, format: Format.Percent({ maximumFractionDigits: 0n, signDisplay: "exceptZero" }), sentiment: "neutral", showSign: true })] }));
     }),
     inputs: [],
 });
@@ -43,10 +27,7 @@ export const numericCompact = example({
     keywords: ["Numeric", "Root", "compact", "large-number"],
     description: "Compact notation — 1.24M / 384K for dashboards",
     fn: East.function([], UIComponentType, (_$) => {
-        const compact = (n) => Numeric.Root(n, {
-            format: Format.Compact({ display: "short" }),
-        });
-        return Stack.HStack([compact(1_240_000), compact(384_000)], { gap: "6", align: "baseline" });
+        return (_jsxs(HStack, { gap: "6", align: "baseline", children: [_jsx(Numeric, { value: 1_240_000, format: Format.Compact({ display: "short" }) }), _jsx(Numeric, { value: 384_000, format: Format.Compact({ display: "short" }) })] }));
     }),
     inputs: [],
 });
@@ -54,10 +35,7 @@ export const numericUnit = example({
     keywords: ["Numeric", "Root", "unit", "kg", "celsius"],
     description: "Unit-carrying values with locale-aware suffix",
     fn: East.function([], UIComponentType, (_$) => {
-        const unit = (n, u) => Numeric.Root(n, {
-            format: Format.Unit({ unit: u, display: "short" }),
-        });
-        return Stack.HStack([unit(12, "kilogram"), unit(42.5, "celsius")], { gap: "6", align: "baseline" });
+        return (_jsxs(HStack, { gap: "6", align: "baseline", children: [_jsx(Numeric, { value: 12, format: Format.Unit({ unit: "kilogram", display: "short" }) }), _jsx(Numeric, { value: 42.5, format: Format.Unit({ unit: "celsius", display: "short" }) })] }));
     }),
     inputs: [],
 });
@@ -65,10 +43,7 @@ export const numericScientific = example({
     keywords: ["Numeric", "Root", "scientific", "engineering", "notation"],
     description: "Scientific and engineering notation for large magnitudes",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Numeric.Root(60221408, { format: Format.Scientific() }),
-            Numeric.Root(60221408, { format: Format.Engineering() }),
-        ], { gap: "6", align: "baseline" });
+        return (_jsxs(HStack, { gap: "6", align: "baseline", children: [_jsx(Numeric, { value: 60221408, format: Format.Scientific() }), _jsx(Numeric, { value: 60221408, format: Format.Engineering() })] }));
     }),
     inputs: [],
 });
@@ -77,11 +52,7 @@ export const numericDateTime = example({
     description: "Epoch-millisecond timestamps rendered as date / time / datetime",
     fn: East.function([], UIComponentType, (_$) => {
         const ts = 1716249600000;
-        return Stack.HStack([
-            Numeric.Root(ts, { format: Format.Date("YYYY-MM-DD") }),
-            Numeric.Root(ts, { format: Format.Time("HH:mm") }),
-            Numeric.Root(ts, { format: Format.DateTime("YYYY-MM-DD HH:mm:ss") }),
-        ], { gap: "6", align: "baseline" });
+        return (_jsxs(HStack, { gap: "6", align: "baseline", children: [_jsx(Numeric, { value: ts, format: Format.Date("YYYY-MM-DD") }), _jsx(Numeric, { value: ts, format: Format.Time("HH:mm") }), _jsx(Numeric, { value: ts, format: Format.DateTime("YYYY-MM-DD HH:mm:ss") })] }));
     }),
     inputs: [],
 });