@elaraai/east-ui 1.0.3 → 1.0.5

package/dist/src/runtime/disclosure/show-more.js

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Disclosure JSX tag for {@link DisclosureFactory | Disclosure} — a block of
+ * text clamped to a fixed number of lines with a "show more" / "show less"
+ * toggle. Use it to keep long rationale, narrative, or descriptions compact
+ * while still letting the reader expand the full text in place.
+ */
+import { Disclosure as DisclosureFactory } from "../../disclosure/show-more/index.js";
+import { content } from "../combinators.js";
+/**
+ * Text truncated to `lines` rows with a show-more / show-less toggle. The text
+ * is the children — a plain string or any node. Customise the toggle wording
+ * with `moreLabel` / `lessLabel`. Remaining options follow `DisclosureOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Disclosure, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const rationale = East.function([], UIComponentType, _$ => (
+ *     <Disclosure lines={3n}>
+ *         {"Stage 1 was delayed ~6h due to setpoint drift since 02:00. Redirecting feedstock to Stage 2 reduces unmet demand at the cost of 1.2% yield."}
+ *     </Disclosure>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Disclosure.Types` — the East data type and style struct. Desugars to
+ * `Disclosure.Root(text, options)`.
+ */
+export const Disclosure = Object.assign(content(DisclosureFactory.Root), { Types: DisclosureFactory.Types });
+//# sourceMappingURL=show-more.js.map

package/dist/src/runtime/disclosure/show-more.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-more.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/show-more.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,UAAU,GACnB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/disclosure/tabs.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Disclosure JSX tag for {@link TabsFactory | Tabs} — tabbed content panels
+ * where one trigger reveals its panel at a time. Use it to split a surface into
+ * peer views (Overview / Features / Pricing, or Account / Security / Billing)
+ * that share the same space and switch instantly.
+ */
+import { Tabs as TabsFactory } from "../../disclosure/tabs/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/** Tab builder surfaced on the `<Tabs>` tag (mirrors the `Tabs` factory namespace). */
+type TabsBuilders = {
+    Item: typeof TabsFactory.Item;
+    Types: typeof TabsFactory.Types;
+};
+/**
+ * Tabbed panels — one trigger shows its panel at a time. Set the starting tab
+ * with `defaultValue` (or drive it from state with `value` + `onValueChange`),
+ * pick an indicator style with `variant`, and stretch triggers to equal width
+ * with `fitted`. Tabs are the `items` prop, built with
+ * {@link TabsFactory.Item | Tabs.Item} (trigger is text or any rich node, and
+ * each item carries its panel body). Remaining options follow `TabsOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Tabs, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const panels = East.function([], UIComponentType, _$ => (
+ *     <Tabs
+ *         defaultValue="overview"
+ *         variant="line"
+ *         items={[
+ *             Tabs.Item("overview", "Overview", [
+ *                 <Box padding="4"><Text>The default content panel.</Text></Box>,
+ *             ]),
+ *             Tabs.Item("features", "Features", [
+ *                 <Box padding="4"><Text>Explore our features here.</Text></Box>,
+ *             ]),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Tabs.Types` (the East data type, style struct, and variant enum) and
+ * the {@link TabsFactory.Item | Tabs.Item} tab builder — one import gives both
+ * the tag and the item constructor. Desugars to `Tabs.Root(items, options)`.
+ */
+export declare const Tabs: JsxTag<ValueProps<typeof TabsFactory.Root, "items">> & TabsBuilders;
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/src/runtime/disclosure/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/runtime/disclosure/tabs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE,uFAAuF;AACvF,KAAK,YAAY,GAAG;IAChB,IAAI,EAAE,OAAO,WAAW,CAAC,IAAI,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC,KAAK,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG,YAIpE,CAAC"}

package/dist/src/runtime/disclosure/tabs.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Disclosure JSX tag for {@link TabsFactory | Tabs} — tabbed content panels
+ * where one trigger reveals its panel at a time. Use it to split a surface into
+ * peer views (Overview / Features / Pricing, or Account / Security / Billing)
+ * that share the same space and switch instantly.
+ */
+import { Tabs as TabsFactory } from "../../disclosure/tabs/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Tabbed panels — one trigger shows its panel at a time. Set the starting tab
+ * with `defaultValue` (or drive it from state with `value` + `onValueChange`),
+ * pick an indicator style with `variant`, and stretch triggers to equal width
+ * with `fitted`. Tabs are the `items` prop, built with
+ * {@link TabsFactory.Item | Tabs.Item} (trigger is text or any rich node, and
+ * each item carries its panel body). Remaining options follow `TabsOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Tabs, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const panels = East.function([], UIComponentType, _$ => (
+ *     <Tabs
+ *         defaultValue="overview"
+ *         variant="line"
+ *         items={[
+ *             Tabs.Item("overview", "Overview", [
+ *                 <Box padding="4"><Text>The default content panel.</Text></Box>,
+ *             ]),
+ *             Tabs.Item("features", "Features", [
+ *                 <Box padding="4"><Text>Explore our features here.</Text></Box>,
+ *             ]),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Tabs.Types` (the East data type, style struct, and variant enum) and
+ * the {@link TabsFactory.Item | Tabs.Item} tab builder — one import gives both
+ * the tag and the item constructor. Desugars to `Tabs.Root(items, options)`.
+ */
+export const Tabs = Object.assign(leaf(TabsFactory.Root, "items"), {
+    Item: TabsFactory.Item,
+    Types: TabsFactory.Types,
+});
+//# sourceMappingURL=tabs.js.map

package/dist/src/runtime/disclosure/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/tabs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAQvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,MAAM,IAAI,GACb,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE;IAC3C,IAAI,EAAE,WAAW,CAAC,IAAI;IACtB,KAAK,EAAE,WAAW,CAAC,KAAK;CAC3B,CAAC,CAAC"}

package/dist/src/runtime/display/avatar-group.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<AvatarGroup>` tag — see the export's JSDoc.
+ */
+import { AvatarGroup as AvatarGroupFactory, type AvatarGroupOptions } from "../../display/avatar-group/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * AvatarGroup — an overlapping cluster of avatars for showing a small set of
+ * people at a glance (assignees, collaborators, a team). The `avatars` prop is
+ * a config array of per-avatar records (`name`, `src`, …); `max` caps how many
+ * render before collapsing the rest into a `+N` overflow chip, and `size`/
+ * `borderColor` style the stack ({@link AvatarGroupOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { AvatarGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const team = East.function([], UIComponentType, _$ => (
+ *     <AvatarGroup
+ *         avatars={[{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }, { name: "Dan" }, { name: "Eve" }]}
+ *         max={3n}
+ *         size="sm"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `AvatarGroup.Types` — the East data type, the per-avatar item struct,
+ * and the style struct. Desugars to `AvatarGroup.Root(avatars, options)`.
+ */
+export declare const AvatarGroup: JsxTag<AvatarGroupOptions & {
+    avatars: Parameters<typeof AvatarGroupFactory.Root>[0];
+}> & {
+    Types: typeof AvatarGroupFactory.Types;
+};
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/src/runtime/display/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../../src/runtime/display/avatar-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,KAAK,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACjH,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,kBAAkB,GAAG;IAAE,OAAO,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAA;CAC5D,CAAC"}

package/dist/src/runtime/display/avatar-group.js

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<AvatarGroup>` tag — see the export's JSDoc.
+ */
+import { AvatarGroup as AvatarGroupFactory } from "../../display/avatar-group/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * AvatarGroup — an overlapping cluster of avatars for showing a small set of
+ * people at a glance (assignees, collaborators, a team). The `avatars` prop is
+ * a config array of per-avatar records (`name`, `src`, …); `max` caps how many
+ * render before collapsing the rest into a `+N` overflow chip, and `size`/
+ * `borderColor` style the stack ({@link AvatarGroupOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { AvatarGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const team = East.function([], UIComponentType, _$ => (
+ *     <AvatarGroup
+ *         avatars={[{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }, { name: "Dan" }, { name: "Eve" }]}
+ *         max={3n}
+ *         size="sm"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `AvatarGroup.Types` — the East data type, the per-avatar item struct,
+ * and the style struct. Desugars to `AvatarGroup.Root(avatars, options)`.
+ */
+export const AvatarGroup = Object.assign(leaf(AvatarGroupFactory.Root, "avatars"), { Types: AvatarGroupFactory.Types });
+//# sourceMappingURL=avatar-group.js.map

package/dist/src/runtime/display/avatar-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../../../src/runtime/display/avatar-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAA2B,MAAM,qCAAqC,CAAC;AACjH,OAAO,EAAE,IAAI,EAAe,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,WAAW,GACpB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/display/avatar.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Avatar>` tag — see the export's JSDoc.
+ */
+import { Avatar as AvatarFactory, type AvatarStyle } from "../../display/avatar/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * Avatar — a person or entity marker showing a profile image, or initials
+ * derived from `name` as a fallback. It takes no children; everything is a flat
+ * prop — `name`, `src`, `size`, and `colorPalette` for the initials backdrop
+ * ({@link AvatarStyle}). Use `<AvatarGroup>` to overlap several into a cluster.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Avatar, HStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const people = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="3">
+ *         <Avatar name="John Doe" />
+ *         <Avatar name="Jane Smith" colorPalette="blue" />
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Avatar.Types` — the East data type and the style struct. Desugars to
+ * `Avatar.Root(options)`.
+ */
+export declare const Avatar: JsxTag<AvatarStyle> & {
+    Types: typeof AvatarFactory.Types;
+};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/src/runtime/display/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/runtime/display/avatar.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;CACG,CAAC"}

package/dist/src/runtime/display/avatar.js

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Avatar>` tag — see the export's JSDoc.
+ */
+import { Avatar as AvatarFactory } from "../../display/avatar/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Avatar — a person or entity marker showing a profile image, or initials
+ * derived from `name` as a fallback. It takes no children; everything is a flat
+ * prop — `name`, `src`, `size`, and `colorPalette` for the initials backdrop
+ * ({@link AvatarStyle}). Use `<AvatarGroup>` to overlap several into a cluster.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Avatar, HStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const people = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="3">
+ *         <Avatar name="John Doe" />
+ *         <Avatar name="Jane Smith" colorPalette="blue" />
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Avatar.Types` — the East data type and the style struct. Desugars to
+ * `Avatar.Root(options)`.
+ */
+export const Avatar = Object.assign(optionsTag(AvatarFactory.Root), { Types: AvatarFactory.Types });
+//# sourceMappingURL=avatar.js.map

package/dist/src/runtime/display/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/runtime/display/avatar.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAoB,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/display/badge.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Badge>` tag — see the export's JSDoc.
+ */
+import { Badge as BadgeFactory } from "../../display/badge/index.js";
+import { type ContentProps, type JsxTag } from "../combinators.js";
+/**
+ * Badge — a compact status or taxonomy pill for terse, inline labels such as
+ * NEW, BETA, a status hue, or a count callout. Use it to annotate an item with
+ * a single word or short number, not to carry running prose. The label text is
+ * the child; visual treatment is chosen by `variant` (outline, brand, the
+ * status hues ok/warn/danger, count, callout) with colour, opacity, border, and
+ * box-model escape hatches as flat props ({@link BadgeStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, HStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const markers = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="2">
+ *         <Badge variant="brand">Beta</Badge>
+ *         <Badge variant="ok">OK</Badge>
+ *         <Badge variant="count">17</Badge>
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Badge.Types` — the East data type, the style struct, and the variant
+ * enum. Desugars to `Badge.Root(label, options)`.
+ */
+export declare const Badge: JsxTag<ContentProps<typeof BadgeFactory.Root>> & {
+    Types: typeof BadgeFactory.Types;
+};
+//# sourceMappingURL=badge.d.ts.map

package/dist/src/runtime/display/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/runtime/display/badge.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAW,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAA;CAC3B,CAAC"}

package/dist/src/runtime/display/badge.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.
+ */
+/**
+ * `<Badge>` tag — see the export's JSDoc.
+ */
+import { Badge as BadgeFactory } from "../../display/badge/index.js";
+import { content } from "../combinators.js";
+/**
+ * Badge — a compact status or taxonomy pill for terse, inline labels such as
+ * NEW, BETA, a status hue, or a count callout. Use it to annotate an item with
+ * a single word or short number, not to carry running prose. The label text is
+ * the child; visual treatment is chosen by `variant` (outline, brand, the
+ * status hues ok/warn/danger, count, callout) with colour, opacity, border, and
+ * box-model escape hatches as flat props ({@link BadgeStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, HStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const markers = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="2">
+ *         <Badge variant="brand">Beta</Badge>
+ *         <Badge variant="ok">OK</Badge>
+ *         <Badge variant="count">17</Badge>
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Badge.Types` — the East data type, the style struct, and the variant
+ * enum. Desugars to `Badge.Root(label, options)`.
+ */
+export const Badge = Object.assign(content(BadgeFactory.Root), { Types: BadgeFactory.Types });
+//# sourceMappingURL=badge.js.map

package/dist/src/runtime/display/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/runtime/display/badge.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,KAAK,GACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/display/bar-strip.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.
+ */
+/**
+ * `<BarStrip>` tag — see the export's JSDoc.
+ */
+import { BarStrip as BarStripFactory, type BarStripOptions } from "../../display/bar-strip/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * BarStrip — a compact stack of labelled horizontal bars for a small ranked
+ * breakdown (top contributors, category totals) where the relative magnitudes
+ * matter more than precise axes. The `items` prop is a config array of
+ * `{ label, value, tone? }` rows; `sort` orders them, `maxItems` clips the tail,
+ * `thickness` sizes the bars, and `showValues` prints each magnitude
+ * ({@link BarStripOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { BarStrip, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const breakdown = East.function([], UIComponentType, _$ => (
+ *     <BarStrip
+ *         items={[
+ *             { label: <Text>Backend</Text>, value: 120.0, tone: "info" },
+ *             { label: <Text>Frontend</Text>, value: 85.0, tone: "info" },
+ *             { label: <Text>DevOps</Text>, value: 42.0, tone: "info" },
+ *         ]}
+ *         sort="desc"
+ *         showValues={true}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `BarStrip.Types` — the East data type, the per-row item struct, and
+ * the style struct. Desugars to `BarStrip.Root(items, options)`.
+ */
+export declare const BarStrip: JsxTag<BarStripOptions & {
+    items: Parameters<typeof BarStripFactory.Root>[0];
+}> & {
+    Types: typeof BarStripFactory.Types;
+};
+//# sourceMappingURL=bar-strip.d.ts.map

package/dist/src/runtime/display/bar-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-strip.d.ts","sourceRoot":"","sources":["../../../../src/runtime/display/bar-strip.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACrG,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,eAAe,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAA;CACtD,CAAC"}

package/dist/src/runtime/display/bar-strip.js

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<BarStrip>` tag — see the export's JSDoc.
+ */
+import { BarStrip as BarStripFactory } from "../../display/bar-strip/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * BarStrip — a compact stack of labelled horizontal bars for a small ranked
+ * breakdown (top contributors, category totals) where the relative magnitudes
+ * matter more than precise axes. The `items` prop is a config array of
+ * `{ label, value, tone? }` rows; `sort` orders them, `maxItems` clips the tail,
+ * `thickness` sizes the bars, and `showValues` prints each magnitude
+ * ({@link BarStripOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { BarStrip, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const breakdown = East.function([], UIComponentType, _$ => (
+ *     <BarStrip
+ *         items={[
+ *             { label: <Text>Backend</Text>, value: 120.0, tone: "info" },
+ *             { label: <Text>Frontend</Text>, value: 85.0, tone: "info" },
+ *             { label: <Text>DevOps</Text>, value: 42.0, tone: "info" },
+ *         ]}
+ *         sort="desc"
+ *         showValues={true}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `BarStrip.Types` — the East data type, the per-row item struct, and
+ * the style struct. Desugars to `BarStrip.Root(items, options)`.
+ */
+export const BarStrip = Object.assign(leaf(BarStripFactory.Root, "items"), { Types: BarStripFactory.Types });
+//# sourceMappingURL=bar-strip.js.map

package/dist/src/runtime/display/bar-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-strip.js","sourceRoot":"","sources":["../../../../src/runtime/display/bar-strip.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAwB,MAAM,kCAAkC,CAAC;AACrG,OAAO,EAAE,IAAI,EAAe,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,QAAQ,GACjB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/display/chip-rail.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<ChipRail>` tag — see the export's JSDoc.
+ */
+import { ChipRail as ChipRailFactory, type ChipRailOptions } from "../../display/chip-rail/index.js";
+import { type JsxTag } from "../combinators.js";
+import type { ContainerChildrenType } from "../children.js";
+/**
+ * A single-line horizontal rail of chip-shaped children — any mix of `<Tag>`,
+ * `<Badge>`, `<MetricChip>`, `<EditableChip>`, `<Avatar>`, `<Kbd>`, … — joined
+ * by an optional inline `separator`. Reach for it for filter facets, metadata
+ * trails (Week / Region / Status), and breadcrumb-like step sequences. The
+ * rail provides its `density` to the children, so every chip in it sizes to
+ * the same rhythm without per-chip props (a child's own `density` still
+ * wins). Choose the `separator` (`line` / `dot` / `none`), the `density`, and
+ * the `overflow` behaviour (e.g. `scroll` so a long rail scrolls
+ * horizontally); options are flat ({@link ChipRailOptions}). The chips are
+ * the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { ChipRail, Tag, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const facets = East.function([], UIComponentType, _$ => (
+ *     <ChipRail density="compact" separator="dot">
+ *         <Tag>Observe</Tag>
+ *         <Tag>Explain</Tag>
+ *         <Tag>Decide</Tag>
+ *         <Tag>Commit</Tag>
+ *     </ChipRail>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `ChipRail.Types` — the East data type, the style struct, and the
+ * separator/overflow enums. Desugars to `ChipRail.Root(children, options)`.
+ */
+export declare const ChipRail: JsxTag<ChipRailOptions & {
+    children?: ContainerChildrenType;
+}> & {
+    Types: typeof ChipRailFactory.Types;
+};
+//# sourceMappingURL=chip-rail.d.ts.map

package/dist/src/runtime/display/chip-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-rail.d.ts","sourceRoot":"","sources":["../../../../src/runtime/display/chip-rail.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACrG,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CAAE,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAA;CACzC,CAAC"}

package/dist/src/runtime/display/chip-rail.js

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<ChipRail>` tag — see the export's JSDoc.
+ */
+import { ChipRail as ChipRailFactory } from "../../display/chip-rail/index.js";
+import { container } from "../combinators.js";
+/**
+ * A single-line horizontal rail of chip-shaped children — any mix of `<Tag>`,
+ * `<Badge>`, `<MetricChip>`, `<EditableChip>`, `<Avatar>`, `<Kbd>`, … — joined
+ * by an optional inline `separator`. Reach for it for filter facets, metadata
+ * trails (Week / Region / Status), and breadcrumb-like step sequences. The
+ * rail provides its `density` to the children, so every chip in it sizes to
+ * the same rhythm without per-chip props (a child's own `density` still
+ * wins). Choose the `separator` (`line` / `dot` / `none`), the `density`, and
+ * the `overflow` behaviour (e.g. `scroll` so a long rail scrolls
+ * horizontally); options are flat ({@link ChipRailOptions}). The chips are
+ * the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { ChipRail, Tag, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const facets = East.function([], UIComponentType, _$ => (
+ *     <ChipRail density="compact" separator="dot">
+ *         <Tag>Observe</Tag>
+ *         <Tag>Explain</Tag>
+ *         <Tag>Decide</Tag>
+ *         <Tag>Commit</Tag>
+ *     </ChipRail>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `ChipRail.Types` — the East data type, the style struct, and the
+ * separator/overflow enums. Desugars to `ChipRail.Root(children, options)`.
+ */
+export const ChipRail = Object.assign(container(ChipRailFactory.Root), { Types: ChipRailFactory.Types });
+//# sourceMappingURL=chip-rail.js.map

package/dist/src/runtime/display/chip-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-rail.js","sourceRoot":"","sources":["../../../../src/runtime/display/chip-rail.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAwB,MAAM,kCAAkC,CAAC;AACrG,OAAO,EAAE,SAAS,EAAe,MAAM,mBAAmB,CAAC;AAG3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,MAAM,QAAQ,GACjB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/display/editable-chip.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<EditableChip>` tag — see the export's JSDoc.
+ */
+import { EditableChip as EditableChipFactory } from "../../display/editable-chip/index.js";
+import { type ContentProps, type JsxTag } from "../combinators.js";
+/**
+ * EditableChip — a chip that reads as an adjustable assumption or scenario
+ * setting, carrying a pencil-style trigger to signal it is editable. Wire
+ * `onClick` to open an editor or cycle a value; set `disabled` to lock it. The
+ * label content is the child; colour slots and the trigger-icon colour are flat
+ * props ({@link EditableChipOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, NullType } from "@elaraai/east";
+ * import { EditableChip, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const assumption = East.function([], UIComponentType, $ => {
+ *     const onClick = $.const(East.function([], NullType, _ => {}));
+ *     return <EditableChip onClick={onClick}><Text>Scenario: Q4 forecast</Text></EditableChip>;
+ * });
+ * ```
+ *
+ * @remarks
+ * Carries `EditableChip.Types` — the East data type and the style struct.
+ * Desugars to `EditableChip.Root(label, options)`.
+ */
+export declare const EditableChip: JsxTag<ContentProps<typeof EditableChipFactory.Root>> & {
+    Types: typeof EditableChipFactory.Types;
+};
+//# sourceMappingURL=editable-chip.d.ts.map