@elaraai/east-ui 1.0.4 → 1.0.6

package/dist/test/display/avatar-group.examples.js

@@ -1,18 +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 { AvatarGroup, UIComponentType } from "../../src/index.js";
+import { UIComponentType } from "@elaraai/east-ui";
+import { AvatarGroup, Stack } from "@elaraai/east-ui";
 export const avatarGroupBasic = example({
     keywords: ["AvatarGroup", "Root", "avatars"],
     description: "Basic avatar group with three avatars",
     fn: East.function([], UIComponentType, ($) => {
-        return AvatarGroup.Root([
-            { name: "Alice" },
-            { name: "Bob" },
-            { name: "Carol" },
-        ]);
+        return _jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }] });
     }),
     inputs: [],
 });
@@ -20,13 +19,18 @@ export const avatarGroupOverflow = example({
     keywords: ["AvatarGroup", "Root", "max", "overflow"],
     description: "Avatar group with max overflow showing +N",
     fn: East.function([], UIComponentType, ($) => {
-        return AvatarGroup.Root([
-            { name: "Alice" },
-            { name: "Bob" },
-            { name: "Carol" },
-            { name: "Dan" },
-            { name: "Eve" },
-        ], { max: 3n, size: "sm" });
+        return (_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }, { name: "Dan" }, { name: "Eve" }], max: 3n, size: "sm" }));
+    }),
+    inputs: [],
+});
+export const avatarGroupDensities = example({
+    keywords: ["AvatarGroup", "density", "condensed", "compact", "comfortable", "sizes"],
+    description: "The three densities stacked — every member avatar sized to the group density (matching ChipRail / Trace)",
+    fn: East.function([], UIComponentType, ($) => {
+        const condensed = $.const(_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }], density: "condensed" }));
+        const compact = $.const(_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }], density: "compact" }));
+        const comfortable = $.const(_jsx(AvatarGroup, { avatars: [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }], density: "comfortable" }));
+        return (_jsxs(Stack, { direction: "column", gap: "6", children: [condensed, compact, comfortable] }));
     }),
     inputs: [],
 });
@@ -34,10 +38,7 @@ export const avatarGroupLarge = example({
     keywords: ["AvatarGroup", "Root", "size", "lg"],
     description: "Large avatar group with custom border",
     fn: East.function([], UIComponentType, ($) => {
-        return AvatarGroup.Root([
-            { name: "Mira" },
-            { name: "Noah" },
-        ], { size: "lg", borderColor: "blue.200" });
+        return _jsx(AvatarGroup, { avatars: [{ name: "Mira" }, { name: "Noah" }], size: "lg", borderColor: "blue.200" });
     }),
     inputs: [],
 });

package/dist/test/display/avatar-group.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.examples.js","sourceRoot":"","sources":["../../../test/display/avatar-group.examples.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC;IAC5C,WAAW,EAAE,uCAAuC;IACpD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;QACzC,OAAO,WAAW,CAAC,IAAI,CAAC;YACpB,EAAE,IAAI,EAAE,OAAO,EAAE;YACjB,EAAE,IAAI,EAAE,KAAK,EAAE;YACf,EAAE,IAAI,EAAE,OAAO,EAAE;SACpB,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACvC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC;IACpD,WAAW,EAAE,2CAA2C;IACxD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;QACzC,OAAO,WAAW,CAAC,IAAI,CAAC;YACpB,EAAE,IAAI,EAAE,OAAO,EAAE;YACjB,EAAE,IAAI,EAAE,KAAK,EAAE;YACf,EAAE,IAAI,EAAE,OAAO,EAAE;YACjB,EAAE,IAAI,EAAE,KAAK,EAAE;YACf,EAAE,IAAI,EAAE,KAAK,EAAE;SAClB,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC;IAC/C,WAAW,EAAE,uCAAuC;IACpD,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;QACzC,OAAO,WAAW,CAAC,IAAI,CAAC;YACpB,EAAE,IAAI,EAAE,MAAM,EAAE;YAChB,EAAE,IAAI,EAAE,MAAM,EAAE;SACnB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,MAAM,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"avatar-group.examples.js","sourceRoot":"","sources":["../../../test/display/avatar-group.examples.tsx"],"names":[],"mappings":"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"}

package/dist/test/display/avatar.examples.d.ts

@@ -1,5 +1,6 @@
 export declare const avatarBasic: import("@elaraai/east").ExampleDef<[], any>;
 export declare const avatarSizes: import("@elaraai/east").ExampleDef<[], any>;
 export declare const avatarColors: import("@elaraai/east").ExampleDef<[], any>;
+export declare const avatarDensities: import("@elaraai/east").ExampleDef<[], any>;
 export declare const avatarInteractive: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=avatar.examples.d.ts.map

package/dist/test/display/avatar.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.examples.d.ts","sourceRoot":"","sources":["../../../test/display/avatar.examples.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,6CAWtB,CAAC;AAEH,eAAO,MAAM,WAAW,6CAYtB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAcvB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAkB5B,CAAC"}
+{"version":3,"file":"avatar.examples.d.ts","sourceRoot":"","sources":["../../../test/display/avatar.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,6CAatB,CAAC;AAEH,eAAO,MAAM,WAAW,6CActB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAgBvB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAgB1B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAoB5B,CAAC"}

package/dist/test/display/avatar.examples.js

@@ -1,18 +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 { Avatar, Button, Reactive, Stack, State, UIComponentType } from "@elaraai/east-ui";
+import { State, UIComponentType } from "@elaraai/east-ui";
+import { Avatar, Button, HStack, VStack, Stack, Reactive } from "@elaraai/east-ui";
 export const avatarBasic = example({
     keywords: ["Avatar", "Root", "name", "basic"],
     description: "User profile images",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Avatar.Root({ name: "John Doe" }),
-            Avatar.Root({ name: "Jane Smith", colorPalette: "blue" }),
-            Avatar.Root({ name: "Bob Wilson", colorPalette: "green" }),
-        ], { gap: "3" });
+        return (_jsxs(HStack, { gap: "3", children: [_jsx(Avatar, { name: "John Doe" }), _jsx(Avatar, { name: "Jane Smith", colorPalette: "blue" }), _jsx(Avatar, { name: "Bob Wilson", colorPalette: "green" })] }));
     }),
     inputs: [],
 });
@@ -20,12 +19,7 @@ export const avatarSizes = example({
     keywords: ["Avatar", "Root", "size", "xs", "sm", "md", "lg"],
     description: "Available sizes: xs, sm, md, lg",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Avatar.Root({ name: "XS", size: "xs", colorPalette: "purple" }),
-            Avatar.Root({ name: "SM", size: "sm", colorPalette: "purple" }),
-            Avatar.Root({ name: "MD", size: "md", colorPalette: "purple" }),
-            Avatar.Root({ name: "LG", size: "lg", colorPalette: "purple" }),
-        ], { gap: "3", align: "center" });
+        return (_jsxs(HStack, { gap: "3", align: "center", children: [_jsx(Avatar, { name: "XS", size: "xs", colorPalette: "purple" }), _jsx(Avatar, { name: "SM", size: "sm", colorPalette: "purple" }), _jsx(Avatar, { name: "MD", size: "md", colorPalette: "purple" }), _jsx(Avatar, { name: "LG", size: "lg", colorPalette: "purple" })] }));
     }),
     inputs: [],
 });
@@ -33,34 +27,33 @@ export const avatarColors = example({
     keywords: ["Avatar", "Root", "colorPalette", "red", "orange", "yellow", "green", "blue", "purple"],
     description: "Various color palettes",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Avatar.Root({ name: "Red User", colorPalette: "red" }),
-            Avatar.Root({ name: "Orange User", colorPalette: "orange" }),
-            Avatar.Root({ name: "Yellow User", colorPalette: "yellow" }),
-            Avatar.Root({ name: "Green User", colorPalette: "green" }),
-            Avatar.Root({ name: "Blue User", colorPalette: "blue" }),
-            Avatar.Root({ name: "Purple User", colorPalette: "purple" }),
-        ], { gap: "2" });
+        return (_jsxs(HStack, { gap: "2", children: [_jsx(Avatar, { name: "Red User", colorPalette: "red" }), _jsx(Avatar, { name: "Orange User", colorPalette: "orange" }), _jsx(Avatar, { name: "Yellow User", colorPalette: "yellow" }), _jsx(Avatar, { name: "Green User", colorPalette: "green" }), _jsx(Avatar, { name: "Blue User", colorPalette: "blue" }), _jsx(Avatar, { name: "Purple User", colorPalette: "purple" })] }));
+    }),
+    inputs: [],
+});
+export const avatarDensities = example({
+    keywords: ["Avatar", "density", "condensed", "compact", "comfortable", "sizes"],
+    description: "The three densities stacked — condensed → compact → comfortable (matching ChipRail / Trace)",
+    fn: East.function([], UIComponentType, ($) => {
+        const condensed = $.const(_jsx(Avatar, { name: "Jane Smith", colorPalette: "blue", density: "condensed" }));
+        const compact = $.const(_jsx(Avatar, { name: "Jane Smith", colorPalette: "blue", density: "compact" }));
+        const comfortable = $.const(_jsx(Avatar, { name: "Jane Smith", colorPalette: "blue", density: "comfortable" }));
+        return (_jsxs(Stack, { direction: "column", gap: "6", children: [condensed, compact, comfortable] }));
     }),
     inputs: [],
 });
 export const avatarInteractive = example({
     keywords: ["Avatar", "Reactive", "State", "interactive", "counter"],
     description: "Avatar whose name changes 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], "avatar_counter", 0n));
             const value = $.let(counter.read());
             const inc = $.const(East.function([], NullType, $ => {
                 const cur = $.let(counter.read());
                 $(counter.write(cur.add(1n)));
             }));
-            return Stack.VStack([
-                Avatar.Root({ name: East.str `User ${East.print(value)}`, size: "lg" }),
-                Button.Root("Cycle user", { onClick: inc }),
-            ], { gap: "3", align: "center" });
-        }));
-    }),
+            return (_jsxs(VStack, { gap: "3", align: "center", children: [_jsx(Avatar, { name: East.str `User ${East.print(value)}`, size: "lg" }), _jsx(Button, { onClick: inc, children: "Cycle user" })] }));
+        } }))),
     inputs: [],
 });
 //# sourceMappingURL=avatar.examples.js.map

package/dist/test/display/avatar.examples.js.map

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

package/dist/test/display/badge.examples.d.ts

@@ -6,5 +6,6 @@ export declare const badgeCustom: import("@elaraai/east").ExampleDef<[], any>;
 export declare const badgeFixedWidth: import("@elaraai/east").ExampleDef<[], any>;
 export declare const badgeBorder: import("@elaraai/east").ExampleDef<[], any>;
 export declare const badgeBoxModel: import("@elaraai/east").ExampleDef<[], any>;
+export declare const badgeDensities: import("@elaraai/east").ExampleDef<[], any>;
 export declare const badgeInteractive: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=badge.examples.d.ts.map

package/dist/test/display/badge.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.examples.d.ts","sourceRoot":"","sources":["../../../test/display/badge.examples.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,6CAWrB,CAAC;AAEH,eAAO,MAAM,aAAa,6CAaxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAW5B,CAAC;AAEH,eAAO,MAAM,WAAW,6CActB,CAAC;AAEH,eAAO,MAAM,WAAW,6CAYtB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAY1B,CAAC;AAEH,eAAO,MAAM,WAAW,6CAWtB,CAAC;AAEH,eAAO,MAAM,aAAa,6CAmBxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAkB3B,CAAC"}
+{"version":3,"file":"badge.examples.d.ts","sourceRoot":"","sources":["../../../test/display/badge.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,6CAarB,CAAC;AAEH,eAAO,MAAM,aAAa,6CAexB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAa5B,CAAC;AAEH,eAAO,MAAM,WAAW,6CAatB,CAAC;AAEH,eAAO,MAAM,WAAW,6CActB,CAAC;AAEH,eAAO,MAAM,eAAe,6CAc1B,CAAC;AAEH,eAAO,MAAM,WAAW,6CAatB,CAAC;AAEH,eAAO,MAAM,aAAa,6CAaxB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAkCzB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAoB3B,CAAC"}

package/dist/test/display/badge.examples.js

@@ -1,18 +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 { Badge, Button, Reactive, Stack, State, UIComponentType } from "@elaraai/east-ui";
+import { State, UIComponentType } from "@elaraai/east-ui";
+import { Badge, Button, HStack, VStack, Stack, Reactive } from "@elaraai/east-ui";
 export const badgeBasic = example({
     keywords: ["Badge", "Root", "basic", "label"],
     description: "Outlined micro-labels for taxonomic markers (NEW, BETA, PRO)",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("New"),
-            Badge.Root("Beta"),
-            Badge.Root("Pro"),
-        ], { gap: "2" });
+        return (_jsxs(HStack, { gap: "2", children: [_jsx(Badge, { children: "New" }), _jsx(Badge, { children: "Beta" }), _jsx(Badge, { children: "Pro" })] }));
     }),
     inputs: [],
 });
@@ -20,13 +19,7 @@ export const badgeVariants = example({
     keywords: ["Badge", "Root", "variant", "brand", "outline", "ok", "warn", "danger"],
     description: "Spec variants — outline (default), brand-tinted, and status hues",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("Outline", { variant: "outline" }),
-            Badge.Root("Brand", { variant: "brand" }),
-            Badge.Root("OK", { variant: "ok" }),
-            Badge.Root("Warn", { variant: "warn" }),
-            Badge.Root("Danger", { variant: "danger" }),
-        ], { gap: "2", wrap: "wrap" });
+        return (_jsxs(HStack, { gap: "2", wrap: "wrap", children: [_jsx(Badge, { variant: "outline", children: "Outline" }), _jsx(Badge, { variant: "brand", children: "Brand" }), _jsx(Badge, { variant: "ok", children: "OK" }), _jsx(Badge, { variant: "warn", children: "Warn" }), _jsx(Badge, { variant: "danger", children: "Danger" })] }));
     }),
     inputs: [],
 });
@@ -34,11 +27,7 @@ export const badgeCountCallout = example({
     keywords: ["Badge", "Root", "count", "callout", "pill"],
     description: "Spec pills — count (paper-3) and callout (brand-d), radius-full",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("17", { variant: "count" }),
-            Badge.Root("128", { variant: "count" }),
-            Badge.Root("NEW", { variant: "callout" }),
-        ], { gap: "2", wrap: "wrap" });
+        return (_jsxs(HStack, { gap: "2", wrap: "wrap", children: [_jsx(Badge, { variant: "count", children: "17" }), _jsx(Badge, { variant: "count", children: "128" }), _jsx(Badge, { variant: "callout", children: "NEW" })] }));
     }),
     inputs: [],
 });
@@ -46,14 +35,7 @@ export const badgeColors = example({
     keywords: ["Badge", "Root", "colorPalette", "escape", "custom"],
     description: "Colour escape hatches — bypass recipe defaults for one-off taxonomy",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("Custom BG", { background: "#ff6b6b", color: "white" }),
-            Badge.Root("Dark", { background: "#1a1a2e", color: "#eee" }),
-            Badge.Root("Gradient", {
-                background: "linear-gradient(90deg, #667eea 0%, #764ba2 100%)",
-                color: "white",
-            }),
-        ], { gap: "2", wrap: "wrap" });
+        return (_jsxs(HStack, { gap: "2", wrap: "wrap", children: [_jsx(Badge, { background: "#ff6b6b", color: "white", children: "Custom BG" }), _jsx(Badge, { background: "#1a1a2e", color: "#eee", children: "Dark" }), _jsx(Badge, { background: "linear-gradient(90deg, #667eea 0%, #764ba2 100%)", color: "white", children: "Gradient" })] }));
     }),
     inputs: [],
 });
@@ -61,12 +43,7 @@ export const badgeCustom = example({
     keywords: ["Badge", "Root", "opacity", "background", "color", "custom"],
     description: "Opacity ramp on a brand badge",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("100%", { variant: "brand" }),
-            Badge.Root("75%", { variant: "brand", opacity: 0.75 }),
-            Badge.Root("50%", { variant: "brand", opacity: 0.5 }),
-            Badge.Root("25%", { variant: "brand", opacity: 0.25 }),
-        ], { gap: "2" });
+        return (_jsxs(HStack, { gap: "2", children: [_jsx(Badge, { variant: "brand", children: "100%" }), _jsx(Badge, { variant: "brand", opacity: 0.75, children: "75%" }), _jsx(Badge, { variant: "brand", opacity: 0.5, children: "50%" }), _jsx(Badge, { variant: "brand", opacity: 0.25, children: "25%" })] }));
     }),
     inputs: [],
 });
@@ -74,12 +51,7 @@ export const badgeFixedWidth = example({
     keywords: ["Badge", "Root", "width", "justifyContent", "count"],
     description: "Equal-width count badges with centred mono numerals",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("3", { width: "48px", justifyContent: "center" }),
-            Badge.Root("12", { width: "48px", justifyContent: "center" }),
-            Badge.Root("128", { width: "48px", justifyContent: "center" }),
-            Badge.Root("4.2K", { width: "48px", justifyContent: "center" }),
-        ], { gap: "1" });
+        return (_jsxs(HStack, { gap: "1", children: [_jsx(Badge, { width: "48px", justifyContent: "center", children: "3" }), _jsx(Badge, { width: "48px", justifyContent: "center", children: "12" }), _jsx(Badge, { width: "48px", justifyContent: "center", children: "128" }), _jsx(Badge, { width: "48px", justifyContent: "center", children: "4.2K" })] }));
     }),
     inputs: [],
 });
@@ -87,11 +59,7 @@ export const badgeBorder = example({
     keywords: ["Badge", "Root", "borderWidth", "borderStyle", "borderRadius"],
     description: "Custom border styles — solid, dashed, fully rounded",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("Solid", { variant: "outline" }),
-            Badge.Root("Dashed", { variant: "outline", borderStyle: "dashed" }),
-            Badge.Root("Pill", { variant: "brand", borderRadius: "full" }),
-        ], { gap: "2" });
+        return (_jsxs(HStack, { gap: "2", children: [_jsx(Badge, { variant: "outline", children: "Solid" }), _jsx(Badge, { variant: "outline", borderStyle: "dashed", children: "Dashed" }), _jsx(Badge, { variant: "brand", borderRadius: "full", children: "Pill" })] }));
     }),
     inputs: [],
 });
@@ -99,39 +67,33 @@ export const badgeBoxModel = example({
     keywords: ["Badge", "Root", "padding", "width", "borderRadius"],
     description: "Padding, fixed-width, and large-radius escape hatches",
     fn: East.function([], UIComponentType, (_$) => {
-        return Stack.HStack([
-            Badge.Root("Padded", { variant: "brand", padding: "3" }),
-            Badge.Root("Wide", {
-                variant: "outline",
-                width: "120px",
-                justifyContent: "flex-start",
-            }),
-            Badge.Root("Rounded", {
-                variant: "brand",
-                padding: "2",
-                borderRadius: "lg",
-            }),
-        ], { gap: "2" });
+        return (_jsxs(HStack, { gap: "2", children: [_jsx(Badge, { variant: "brand", padding: "3", children: "Padded" }), _jsx(Badge, { variant: "outline", width: "120px", justifyContent: "flex-start", children: "Wide" }), _jsx(Badge, { variant: "brand", padding: "2", borderRadius: "lg", children: "Rounded" })] }));
+    }),
+    inputs: [],
+});
+export const badgeDensities = example({
+    keywords: ["Badge", "density", "condensed", "compact", "comfortable", "sizes"],
+    description: "The three densities stacked — badges scale condensed → compact → comfortable but stay a micro-label tier below tags at the same density",
+    fn: East.function([], UIComponentType, ($) => {
+        const condensed = $.const(_jsxs(HStack, { gap: "2", children: [_jsx(Badge, { density: "condensed", children: "Open" }), _jsx(Badge, { density: "condensed", variant: "brand", children: "Beta" }), _jsx(Badge, { density: "condensed", variant: "count", children: "17" })] }));
+        const compact = $.const(_jsxs(HStack, { gap: "2", children: [_jsx(Badge, { density: "compact", children: "Open" }), _jsx(Badge, { density: "compact", variant: "brand", children: "Beta" }), _jsx(Badge, { density: "compact", variant: "count", children: "17" })] }));
+        const comfortable = $.const(_jsxs(HStack, { gap: "2", children: [_jsx(Badge, { density: "comfortable", children: "Open" }), _jsx(Badge, { density: "comfortable", variant: "brand", children: "Beta" }), _jsx(Badge, { density: "comfortable", variant: "count", children: "17" })] }));
+        return (_jsxs(Stack, { direction: "column", gap: "6", children: [condensed, compact, comfortable] }));
     }),
     inputs: [],
 });
 export const badgeInteractive = example({
     keywords: ["Badge", "Reactive", "State", "interactive", "counter"],
     description: "Reactive count badge — increments via Button.onClick",
-    fn: East.function([], UIComponentType, (_$) => {
-        return Reactive.Root(East.function([], UIComponentType, $ => {
+    fn: East.function([], UIComponentType, (_$) => (_jsx(Reactive, { children: $ => {
             const counter = $.let(State.bind([IntegerType], "badge_counter", 0n));
             const value = $.let(counter.read());
             const inc = $.const(East.function([], NullType, $ => {
                 const cur = $.let(counter.read());
                 $(counter.write(cur.add(1n)));
             }));
-            return Stack.VStack([
-                Badge.Root(East.str `${East.print(value)}`),
-                Button.Root("Increment", { onClick: inc }),
-            ], { gap: "3", align: "center" });
-        }));
-    }),
+            return (_jsxs(VStack, { gap: "3", align: "center", children: [_jsx(Badge, { children: East.str `${East.print(value)}` }), _jsx(Button, { onClick: inc, children: "Increment" })] }));
+        } }))),
     inputs: [],
 });
 //# sourceMappingURL=badge.examples.js.map

package/dist/test/display/badge.examples.js.map

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

package/dist/test/display/bar-strip.examples.d.ts

@@ -1,8 +1,5 @@
-/**
- * Copyright (c) 2025 Elara AI Pty Ltd
- * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
- */
 export declare const barStripBasic: import("@elaraai/east").ExampleDef<[], any>;
 export declare const barStripSorted: import("@elaraai/east").ExampleDef<[], any>;
+export declare const barStripDensities: import("@elaraai/east").ExampleDef<[], any>;
 export declare const barStripMaxItems: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=bar-strip.examples.d.ts.map

package/dist/test/display/bar-strip.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-strip.examples.d.ts","sourceRoot":"","sources":["../../../test/display/bar-strip.examples.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,eAAO,MAAM,aAAa,6CAWxB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAWzB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAa3B,CAAC"}
+{"version":3,"file":"bar-strip.examples.d.ts","sourceRoot":"","sources":["../../../test/display/bar-strip.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,6CAaxB,CAAC;AAEH,eAAO,MAAM,cAAc,6CAiBzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CAwC5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAoB3B,CAAC"}

package/dist/test/display/bar-strip.examples.js

@@ -1,18 +1,21 @@
+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 { BarStrip, Text, UIComponentType } from "../../src/index.js";
+import { UIComponentType } from "@elaraai/east-ui";
+import { BarStrip, Stack, Text } from "@elaraai/east-ui";
 export const barStripBasic = example({
     keywords: ["BarStrip", "Root", "items"],
     description: "Basic BarStrip with three rows and tones",
     fn: East.function([], UIComponentType, ($) => {
-        return BarStrip.Root([
-            { label: Text.Root("Alpha"), value: 42.0, tone: "success" },
-            { label: Text.Root("Beta"), value: 28.0, tone: "warning" },
-            { label: Text.Root("Gamma"), value: 15.0, tone: "danger" },
-        ]);
+        return (_jsx(BarStrip, { items: [
+                { label: _jsx(Text, { children: "Alpha" }), value: 42.0, tone: "success" },
+                { label: _jsx(Text, { children: "Beta" }), value: 28.0, tone: "warning" },
+                { label: _jsx(Text, { children: "Gamma" }), value: 15.0, tone: "danger" },
+            ] }));
     }),
     inputs: [],
 });
@@ -20,11 +23,31 @@ export const barStripSorted = example({
     keywords: ["BarStrip", "Root", "sort", "desc"],
     description: "BarStrip sorted descending by value",
     fn: East.function([], UIComponentType, ($) => {
-        return BarStrip.Root([
-            { label: Text.Root("Backend"), value: 120.0, tone: "info" },
-            { label: Text.Root("Frontend"), value: 85.0, tone: "info" },
-            { label: Text.Root("DevOps"), value: 42.0, tone: "info" },
-        ], { sort: "desc", thickness: "md" });
+        return (_jsx(BarStrip, { items: [
+                { label: _jsx(Text, { children: "Backend" }), value: 120.0, tone: "info" },
+                { label: _jsx(Text, { children: "Frontend" }), value: 85.0, tone: "info" },
+                { label: _jsx(Text, { children: "DevOps" }), value: 42.0, tone: "info" },
+            ], sort: "desc", thickness: "md" }));
+    }),
+    inputs: [],
+});
+export const barStripDensities = example({
+    keywords: ["BarStrip", "density", "condensed", "compact", "comfortable", "sizes"],
+    description: "The three densities stacked — row height + value text scale condensed → compact → comfortable (matching ChipRail)",
+    fn: East.function([], UIComponentType, ($) => {
+        const condensed = $.const(_jsx(BarStrip, { density: "condensed", items: [
+                { label: _jsx(Text, { children: "Alpha" }), value: 42.0, tone: "success" },
+                { label: _jsx(Text, { children: "Beta" }), value: 28.0, tone: "warning" },
+            ] }));
+        const compact = $.const(_jsx(BarStrip, { density: "compact", items: [
+                { label: _jsx(Text, { children: "Alpha" }), value: 42.0, tone: "success" },
+                { label: _jsx(Text, { children: "Beta" }), value: 28.0, tone: "warning" },
+            ] }));
+        const comfortable = $.const(_jsx(BarStrip, { density: "comfortable", items: [
+                { label: _jsx(Text, { children: "Alpha" }), value: 42.0, tone: "success" },
+                { label: _jsx(Text, { children: "Beta" }), value: 28.0, tone: "warning" },
+            ] }));
+        return (_jsxs(Stack, { direction: "column", gap: "6", children: [condensed, compact, comfortable] }));
     }),
     inputs: [],
 });
@@ -32,13 +55,13 @@ export const barStripMaxItems = example({
     keywords: ["BarStrip", "Root", "maxItems", "clipping"],
     description: "BarStrip with row limit",
     fn: East.function([], UIComponentType, ($) => {
-        return BarStrip.Root([
-            { label: Text.Root("A"), value: 100.0 },
-            { label: Text.Root("B"), value: 80.0 },
-            { label: Text.Root("C"), value: 60.0 },
-            { label: Text.Root("D"), value: 40.0 },
-            { label: Text.Root("E"), value: 20.0 },
-        ], { sort: "desc", maxItems: 3n, showValues: true });
+        return (_jsx(BarStrip, { items: [
+                { label: _jsx(Text, { children: "A" }), value: 100.0 },
+                { label: _jsx(Text, { children: "B" }), value: 80.0 },
+                { label: _jsx(Text, { children: "C" }), value: 60.0 },
+                { label: _jsx(Text, { children: "D" }), value: 40.0 },
+                { label: _jsx(Text, { children: "E" }), value: 20.0 },
+            ], sort: "desc", maxItems: 3n, showValues: true }));
     }),
     inputs: [],
 });

package/dist/test/display/bar-strip.examples.js.map

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

package/dist/test/display/chip-rail.examples.d.ts

@@ -0,0 +1,7 @@
+export declare const chipRailBasic: import("@elaraai/east").ExampleDef<[], any>;
+export declare const chipRailMixed: import("@elaraai/east").ExampleDef<[], any>;
+export declare const chipRailDots: import("@elaraai/east").ExampleDef<[], any>;
+export declare const chipRailLabeled: import("@elaraai/east").ExampleDef<[], any>;
+export declare const chipRailDensities: import("@elaraai/east").ExampleDef<[], any>;
+export declare const chipRailOverflow: import("@elaraai/east").ExampleDef<[], any>;
+//# sourceMappingURL=chip-rail.examples.d.ts.map

package/dist/test/display/chip-rail.examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-rail.examples.d.ts","sourceRoot":"","sources":["../../../test/display/chip-rail.examples.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,6CAgBxB,CAAC;AAEH,eAAO,MAAM,aAAa,6CAexB,CAAC;AAEH,eAAO,MAAM,YAAY,6CAcvB,CAAC;AAEH,eAAO,MAAM,eAAe,6CA6B1B,CAAC;AAEH,eAAO,MAAM,iBAAiB,6CA4B5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAW3B,CAAC"}