@elaraai/east-ui 1.0.3 → 1.0.5

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

@@ -0,0 +1,54 @@
+/**
+ * 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 AccordionFactory | Accordion} — a stack of
+ * collapsible panels, each with a header trigger and a body that expands and
+ * collapses. Use it for FAQs, grouped settings, or any sectioned content where
+ * the reader opens one part at a time.
+ */
+import { Accordion as AccordionFactory } from "../../disclosure/accordion/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/** Panel builder surfaced on the `<Accordion>` tag (mirrors the `Accordion` factory namespace). */
+type AccordionBuilders = {
+    Item: typeof AccordionFactory.Item;
+    Types: typeof AccordionFactory.Types;
+};
+/**
+ * Stack of collapsible panels — each header reveals its body on click. Allow
+ * several panels open at once with `multiple`, let every panel close with
+ * `collapsible`, and choose a visual treatment with `variant`. Panels are the
+ * `items` prop, built with {@link AccordionFactory.Item | Accordion.Item};
+ * remaining options follow `AccordionOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Accordion, Box, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const faq = East.function([], UIComponentType, _$ => (
+ *     <Accordion
+ *         collapsible={true}
+ *         items={[
+ *             Accordion.Item("profile", "Profile Settings", [
+ *                 <Box padding="4"><Text>Manage your profile and preferences.</Text></Box>,
+ *             ]),
+ *             Accordion.Item("security", "Security", [
+ *                 <Box padding="4"><Text>Password and two-factor settings.</Text></Box>,
+ *             ]),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Accordion.Types` (the East data type, style struct, and variant
+ * enum) and the {@link AccordionFactory.Item | Accordion.Item} panel builder —
+ * one import gives both the tag and the item constructor. Desugars to
+ * `Accordion.Root(items, options)`.
+ */
+export declare const Accordion: JsxTag<ValueProps<typeof AccordionFactory.Root, "items">> & AccordionBuilders;
+export {};
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/runtime/disclosure/accordion.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE,mGAAmG;AACnG,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,OAAO,gBAAgB,CAAC,IAAI,CAAC;IACnC,KAAK,EAAE,OAAO,gBAAgB,CAAC,KAAK,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG,iBAI9E,CAAC"}

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

@@ -0,0 +1,51 @@
+/**
+ * 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 AccordionFactory | Accordion} — a stack of
+ * collapsible panels, each with a header trigger and a body that expands and
+ * collapses. Use it for FAQs, grouped settings, or any sectioned content where
+ * the reader opens one part at a time.
+ */
+import { Accordion as AccordionFactory } from "../../disclosure/accordion/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Stack of collapsible panels — each header reveals its body on click. Allow
+ * several panels open at once with `multiple`, let every panel close with
+ * `collapsible`, and choose a visual treatment with `variant`. Panels are the
+ * `items` prop, built with {@link AccordionFactory.Item | Accordion.Item};
+ * remaining options follow `AccordionOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Accordion, Box, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const faq = East.function([], UIComponentType, _$ => (
+ *     <Accordion
+ *         collapsible={true}
+ *         items={[
+ *             Accordion.Item("profile", "Profile Settings", [
+ *                 <Box padding="4"><Text>Manage your profile and preferences.</Text></Box>,
+ *             ]),
+ *             Accordion.Item("security", "Security", [
+ *                 <Box padding="4"><Text>Password and two-factor settings.</Text></Box>,
+ *             ]),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Accordion.Types` (the East data type, style struct, and variant
+ * enum) and the {@link AccordionFactory.Item | Accordion.Item} panel builder —
+ * one import gives both the tag and the item constructor. Desugars to
+ * `Accordion.Root(items, options)`.
+ */
+export const Accordion = Object.assign(leaf(AccordionFactory.Root, "items"), {
+    Item: AccordionFactory.Item,
+    Types: AccordionFactory.Types,
+});
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/accordion.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAQvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,MAAM,SAAS,GAClB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE;IAChD,IAAI,EAAE,gBAAgB,CAAC,IAAI;IAC3B,KAAK,EAAE,gBAAgB,CAAC,KAAK;CAChC,CAAC,CAAC"}

package/dist/src/runtime/disclosure/carousel.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.
+ */
+/**
+ * Disclosure JSX tag for {@link CarouselFactory | Carousel} — a horizontal
+ * slideshow of panels with optional navigation controls, indicator dots, and
+ * drag-to-scroll. Use it to page through images, onboarding steps, or any set
+ * of equivalent slides one (or a few) at a time.
+ */
+import { Carousel as CarouselFactory, type CarouselOptions } from "../../disclosure/carousel/index.js";
+import { type JsxTag } from "../combinators.js";
+import type { ContainerChildrenType } from "../children.js";
+/**
+ * Horizontal slideshow — each child is a slide, paged through with arrow
+ * controls (`showControls`), indicator dots (`showIndicators`), or mouse drag
+ * (`allowMouseDrag`). Show several slides per page with `slidesPerView`, wrap
+ * around with `loop`, and listen for the active slide with `onIndexChange`.
+ * Slides are the children; every other option is a flat prop
+ * ({@link CarouselOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Carousel, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const slideshow = East.function([], UIComponentType, _$ => (
+ *     <Carousel loop={true} showControls={true} showIndicators={true}>
+ *         <Box padding="8" background="green.100"><Text>First</Text></Box>
+ *         <Box padding="8" background="orange.100"><Text>Second</Text></Box>
+ *         <Box padding="8" background="pink.100"><Text>Third</Text></Box>
+ *     </Carousel>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Carousel.Types` — the East data type and style struct. Desugars to
+ * `Carousel.Root(slides, options)`.
+ */
+export declare const Carousel: JsxTag<CarouselOptions & {
+    children?: ContainerChildrenType;
+}> & {
+    Types: typeof CarouselFactory.Types;
+};
+//# sourceMappingURL=carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/runtime/disclosure/carousel.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACvG,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;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/disclosure/carousel.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Disclosure JSX tag for {@link CarouselFactory | Carousel} — a horizontal
+ * slideshow of panels with optional navigation controls, indicator dots, and
+ * drag-to-scroll. Use it to page through images, onboarding steps, or any set
+ * of equivalent slides one (or a few) at a time.
+ */
+import { Carousel as CarouselFactory } from "../../disclosure/carousel/index.js";
+import { container } from "../combinators.js";
+/**
+ * Horizontal slideshow — each child is a slide, paged through with arrow
+ * controls (`showControls`), indicator dots (`showIndicators`), or mouse drag
+ * (`allowMouseDrag`). Show several slides per page with `slidesPerView`, wrap
+ * around with `loop`, and listen for the active slide with `onIndexChange`.
+ * Slides are the children; every other option is a flat prop
+ * ({@link CarouselOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Carousel, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const slideshow = East.function([], UIComponentType, _$ => (
+ *     <Carousel loop={true} showControls={true} showIndicators={true}>
+ *         <Box padding="8" background="green.100"><Text>First</Text></Box>
+ *         <Box padding="8" background="orange.100"><Text>Second</Text></Box>
+ *         <Box padding="8" background="pink.100"><Text>Third</Text></Box>
+ *     </Carousel>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Carousel.Types` — the East data type and style struct. Desugars to
+ * `Carousel.Root(slides, options)`.
+ */
+export const Carousel = Object.assign(container(CarouselFactory.Root), { Types: CarouselFactory.Types });
+//# sourceMappingURL=carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/carousel.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAwB,MAAM,oCAAoC,CAAC;AACvG,OAAO,EAAE,SAAS,EAAe,MAAM,mBAAmB,CAAC;AAG3D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;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/disclosure/collapsible.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.
+ */
+/**
+ * Disclosure JSX tag for {@link CollapsibleFactory | Collapsible} — a single
+ * region that expands and collapses behind one trigger. Use it for an inline
+ * "Why?" drawer, an optional details block, or any spot where you want to hide
+ * supporting content until the reader asks for it.
+ */
+import { Collapsible as CollapsibleFactory } from "../../disclosure/collapsible/index.js";
+import { type ContentProps, type JsxTag } from "../combinators.js";
+/**
+ * Single open/close region behind one trigger. The `trigger` prop is the
+ * clickable label (text or any node); the body is the children. Start expanded
+ * with `defaultOpen`, drive it from state with `open`, and react to toggles
+ * with `onOpenChange`. Remaining options follow `CollapsibleOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Collapsible, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const why = East.function([], UIComponentType, _$ => (
+ *     <Collapsible trigger={<Text color="blue.500">Why did we recommend this?</Text>}>
+ *         <Box padding="3" background="bg.subtle">
+ *             <Text color="fg.muted">Stage 1 was delayed ~6h due to setpoint drift.</Text>
+ *         </Box>
+ *     </Collapsible>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Collapsible.Types` — the East data type and style struct. Desugars
+ * to `Collapsible.Root(content, options)`.
+ */
+export declare const Collapsible: JsxTag<ContentProps<typeof CollapsibleFactory.Root>> & {
+    Types: typeof CollapsibleFactory.Types;
+};
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/runtime/disclosure/collapsible.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAAW,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAA;CACjC,CAAC"}

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

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Disclosure JSX tag for {@link CollapsibleFactory | Collapsible} — a single
+ * region that expands and collapses behind one trigger. Use it for an inline
+ * "Why?" drawer, an optional details block, or any spot where you want to hide
+ * supporting content until the reader asks for it.
+ */
+import { Collapsible as CollapsibleFactory } from "../../disclosure/collapsible/index.js";
+import { content } from "../combinators.js";
+/**
+ * Single open/close region behind one trigger. The `trigger` prop is the
+ * clickable label (text or any node); the body is the children. Start expanded
+ * with `defaultOpen`, drive it from state with `open`, and react to toggles
+ * with `onOpenChange`. Remaining options follow `CollapsibleOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Collapsible, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const why = East.function([], UIComponentType, _$ => (
+ *     <Collapsible trigger={<Text color="blue.500">Why did we recommend this?</Text>}>
+ *         <Box padding="3" background="bg.subtle">
+ *             <Text color="fg.muted">Stage 1 was delayed ~6h due to setpoint drift.</Text>
+ *         </Box>
+ *     </Collapsible>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Collapsible.Types` — the East data type and style struct. Desugars
+ * to `Collapsible.Root(content, options)`.
+ */
+export const Collapsible = Object.assign(content(CollapsibleFactory.Root), { Types: CollapsibleFactory.Types });
+//# sourceMappingURL=collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/collapsible.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,WAAW,GACpB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Disclosure JSX tags. Mirrors `src/disclosure/`. */
+export { Carousel } from "./carousel.js";
+export { Accordion } from "./accordion.js";
+export { Collapsible } from "./collapsible.js";
+export { SegmentGroup } from "./segment-group.js";
+export { Tabs } from "./tabs.js";
+export { Disclosure } from "./show-more.js";
+export { OptionList } from "./option-list.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/disclosure/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,sDAAsD;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Disclosure JSX tags. Mirrors `src/disclosure/`. */
+export { Carousel } from "./carousel.js";
+export { Accordion } from "./accordion.js";
+export { Collapsible } from "./collapsible.js";
+export { SegmentGroup } from "./segment-group.js";
+export { Tabs } from "./tabs.js";
+export { Disclosure } from "./show-more.js";
+export { OptionList } from "./option-list.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,sDAAsD;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/runtime/disclosure/option-list.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Disclosure JSX tag for {@link OptionListFactory | OptionList} — a vertical
+ * list of selectable options, each with a label, optional description, and an
+ * optional trailing slot. Use it for "choose one alternative" surfaces:
+ * what-if scenarios, suggested actions, or a single-select picker richer than
+ * a radio group.
+ */
+import { OptionList as OptionListFactory } from "../../disclosure/option-list/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/** Option builder surfaced on the `<OptionList>` tag (mirrors the `OptionList` factory namespace). */
+type OptionListBuilders = {
+    Option: typeof OptionListFactory.Option;
+    Types: typeof OptionListFactory.Types;
+};
+/**
+ * Vertical list of selectable options — one is highlighted via `selectedId`,
+ * and selection changes are reported through `onSelect`. Options are the
+ * `options` prop, built with
+ * {@link OptionListFactory.Option | OptionList.Option}, which carries each
+ * label plus an optional description, trailing node, and disabled flag.
+ * Remaining options follow `OptionListOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, OptionList, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const alternatives = East.function([], UIComponentType, _$ => (
+ *     <OptionList
+ *         selectedId="alt-1"
+ *         options={[
+ *             OptionList.Option("alt-1", "Keep current plan", {
+ *                 description: "+£0 overtime, 2 unmet shifts",
+ *                 trailing: <Badge colorPalette="gray">baseline</Badge>,
+ *             }),
+ *             OptionList.Option("alt-2", "Shift batch to 06:00", {
+ *                 description: "−£312 overtime",
+ *                 trailing: <Badge colorPalette="green">−£312</Badge>,
+ *             }),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `OptionList.Types` (the East data type and style struct) and the
+ * {@link OptionListFactory.Option | OptionList.Option} builder — one import
+ * gives both the tag and the option constructor. Desugars to
+ * `OptionList.Root(options, rest)`.
+ */
+export declare const OptionList: JsxTag<ValueProps<typeof OptionListFactory.Root, "options">> & OptionListBuilders;
+export {};
+//# sourceMappingURL=option-list.d.ts.map

package/dist/src/runtime/disclosure/option-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-list.d.ts","sourceRoot":"","sources":["../../../../src/runtime/disclosure/option-list.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE,sGAAsG;AACtG,KAAK,kBAAkB,GAAG;IACtB,MAAM,EAAE,OAAO,iBAAiB,CAAC,MAAM,CAAC;IACxC,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAC;CACzC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,GAAG,kBAIlF,CAAC"}

package/dist/src/runtime/disclosure/option-list.js

@@ -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 OptionListFactory | OptionList} — a vertical
+ * list of selectable options, each with a label, optional description, and an
+ * optional trailing slot. Use it for "choose one alternative" surfaces:
+ * what-if scenarios, suggested actions, or a single-select picker richer than
+ * a radio group.
+ */
+import { OptionList as OptionListFactory } from "../../disclosure/option-list/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Vertical list of selectable options — one is highlighted via `selectedId`,
+ * and selection changes are reported through `onSelect`. Options are the
+ * `options` prop, built with
+ * {@link OptionListFactory.Option | OptionList.Option}, which carries each
+ * label plus an optional description, trailing node, and disabled flag.
+ * Remaining options follow `OptionListOptions`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Badge, OptionList, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const alternatives = East.function([], UIComponentType, _$ => (
+ *     <OptionList
+ *         selectedId="alt-1"
+ *         options={[
+ *             OptionList.Option("alt-1", "Keep current plan", {
+ *                 description: "+£0 overtime, 2 unmet shifts",
+ *                 trailing: <Badge colorPalette="gray">baseline</Badge>,
+ *             }),
+ *             OptionList.Option("alt-2", "Shift batch to 06:00", {
+ *                 description: "−£312 overtime",
+ *                 trailing: <Badge colorPalette="green">−£312</Badge>,
+ *             }),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `OptionList.Types` (the East data type and style struct) and the
+ * {@link OptionListFactory.Option | OptionList.Option} builder — one import
+ * gives both the tag and the option constructor. Desugars to
+ * `OptionList.Root(options, rest)`.
+ */
+export const OptionList = Object.assign(leaf(OptionListFactory.Root, "options"), {
+    Option: OptionListFactory.Option,
+    Types: OptionListFactory.Types,
+});
+//# sourceMappingURL=option-list.js.map

package/dist/src/runtime/disclosure/option-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-list.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/option-list.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAQvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,CAAC,MAAM,UAAU,GACnB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE;IACnD,MAAM,EAAE,iBAAiB,CAAC,MAAM;IAChC,KAAK,EAAE,iBAAiB,CAAC,KAAK;CACjC,CAAC,CAAC"}

package/dist/src/runtime/disclosure/segment-group.d.ts

@@ -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 SegmentGroupFactory | SegmentGroup} — a compact
+ * segmented control where exactly one segment is active. Use it for toolbar
+ * view toggles (Summary / Demand / Coverage), time-range pickers, or any
+ * mutually-exclusive switch that should read as a single connected control.
+ */
+import { SegmentGroup as SegmentGroupFactory, type SegmentGroupOptions } from "../../disclosure/segment-group/index.js";
+import { type JsxTag } from "../combinators.js";
+/** Segment builder surfaced on the `<SegmentGroup>` tag (mirrors the `SegmentGroup` factory namespace). */
+type SegmentGroupBuilders = {
+    Item: typeof SegmentGroupFactory.Item;
+    Types: typeof SegmentGroupFactory.Types;
+};
+/**
+ * Single-select segmented control — the active segment is set by `value` and
+ * changes are reported through `onChange`. Segments are the `items` prop, built
+ * with {@link SegmentGroupFactory.Item | SegmentGroup.Item} (label is text or
+ * any node). Size and palette are flat props; everything follows
+ * {@link SegmentGroupOptions}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { SegmentGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const viewToggle = East.function([], UIComponentType, _$ => (
+ *     <SegmentGroup
+ *         value="summary"
+ *         size="sm"
+ *         items={[
+ *             SegmentGroup.Item("summary", "Summary"),
+ *             SegmentGroup.Item("demand", "Demand"),
+ *             SegmentGroup.Item("coverage", "Coverage"),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `SegmentGroup.Types` (the East data type and style struct) and the
+ * {@link SegmentGroupFactory.Item | SegmentGroup.Item} segment builder — one
+ * import gives both the tag and the item constructor. Desugars to
+ * `SegmentGroup.Root(options)`.
+ */
+export declare const SegmentGroup: JsxTag<SegmentGroupOptions> & SegmentGroupBuilders;
+export {};
+//# sourceMappingURL=segment-group.d.ts.map

package/dist/src/runtime/disclosure/segment-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-group.d.ts","sourceRoot":"","sources":["../../../../src/runtime/disclosure/segment-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,KAAK,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACxH,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D,2GAA2G;AAC3G,KAAK,oBAAoB,GAAG;IACxB,IAAI,EAAE,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO,mBAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC,GAAG,oBAInD,CAAC"}

package/dist/src/runtime/disclosure/segment-group.js

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * Disclosure JSX tag for {@link SegmentGroupFactory | SegmentGroup} — a compact
+ * segmented control where exactly one segment is active. Use it for toolbar
+ * view toggles (Summary / Demand / Coverage), time-range pickers, or any
+ * mutually-exclusive switch that should read as a single connected control.
+ */
+import { SegmentGroup as SegmentGroupFactory } from "../../disclosure/segment-group/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Single-select segmented control — the active segment is set by `value` and
+ * changes are reported through `onChange`. Segments are the `items` prop, built
+ * with {@link SegmentGroupFactory.Item | SegmentGroup.Item} (label is text or
+ * any node). Size and palette are flat props; everything follows
+ * {@link SegmentGroupOptions}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { SegmentGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const viewToggle = East.function([], UIComponentType, _$ => (
+ *     <SegmentGroup
+ *         value="summary"
+ *         size="sm"
+ *         items={[
+ *             SegmentGroup.Item("summary", "Summary"),
+ *             SegmentGroup.Item("demand", "Demand"),
+ *             SegmentGroup.Item("coverage", "Coverage"),
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `SegmentGroup.Types` (the East data type and style struct) and the
+ * {@link SegmentGroupFactory.Item | SegmentGroup.Item} segment builder — one
+ * import gives both the tag and the item constructor. Desugars to
+ * `SegmentGroup.Root(options)`.
+ */
+export const SegmentGroup = Object.assign(optionsTag(SegmentGroupFactory.Root), {
+    Item: SegmentGroupFactory.Item,
+    Types: SegmentGroupFactory.Types,
+});
+//# sourceMappingURL=segment-group.js.map

package/dist/src/runtime/disclosure/segment-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-group.js","sourceRoot":"","sources":["../../../../src/runtime/disclosure/segment-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAA4B,MAAM,yCAAyC,CAAC;AACxH,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAQ5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,MAAM,YAAY,GACrB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE;IAChD,IAAI,EAAE,mBAAmB,CAAC,IAAI;IAC9B,KAAK,EAAE,mBAAmB,CAAC,KAAK;CACnC,CAAC,CAAC"}

package/dist/src/runtime/disclosure/show-more.d.ts

@@ -0,0 +1,38 @@
+/**
+ * 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 { type ContentProps, type JsxTag } 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 declare const Disclosure: JsxTag<ContentProps<typeof DisclosureFactory.Root>> & {
+    Types: typeof DisclosureFactory.Types;
+};
+//# sourceMappingURL=show-more.d.ts.map

package/dist/src/runtime/disclosure/show-more.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-more.d.ts","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,EAAW,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CAChC,CAAC"}