@elaraai/east-ui 1.0.4 → 1.0.5

package/dist/src/runtime/layout/separator.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Separator>` tag — see the export's JSDoc.
+ */
+import { Separator as SeparatorFactory, type SeparatorStyle } from "../../layout/separator/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * A divider line that visually separates sections. Set `orientation` to
+ * `horizontal` (a rule between stacked blocks) or `vertical` (a rule between
+ * inline items), pick a `variant` (subtle / strong / dashed / brand), and
+ * optionally bias an embedded `label` to one edge with `align`. Self-closing
+ * when bare; every option is a flat prop ({@link SeparatorStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Separator, Text, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const section = East.function([], UIComponentType, _$ => (
+ *     <VStack gap="3" width="100%">
+ *         <Text>Sign in with email</Text>
+ *         <Separator label="OR" orientation="horizontal" variant="subtle" />
+ *         <Text>Continue with social</Text>
+ *     </VStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Separator.Types` — the East data type, the style struct, and the
+ * variant/align enums. Desugars to `Separator.Root(options)`.
+ */
+export declare const Separator: JsxTag<SeparatorStyle> & {
+    Types: typeof SeparatorFactory.Types;
+};
+//# sourceMappingURL=separator.d.ts.map

package/dist/src/runtime/layout/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/separator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,gBAAgB,CAAC,KAAK,CAAA;CACA,CAAC"}

package/dist/src/runtime/layout/separator.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.
+ */
+/**
+ * `<Separator>` tag — see the export's JSDoc.
+ */
+import { Separator as SeparatorFactory } from "../../layout/separator/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * A divider line that visually separates sections. Set `orientation` to
+ * `horizontal` (a rule between stacked blocks) or `vertical` (a rule between
+ * inline items), pick a `variant` (subtle / strong / dashed / brand), and
+ * optionally bias an embedded `label` to one edge with `align`. Self-closing
+ * when bare; every option is a flat prop ({@link SeparatorStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Separator, Text, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const section = East.function([], UIComponentType, _$ => (
+ *     <VStack gap="3" width="100%">
+ *         <Text>Sign in with email</Text>
+ *         <Separator label="OR" orientation="horizontal" variant="subtle" />
+ *         <Text>Continue with social</Text>
+ *     </VStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Separator.Types` — the East data type, the style struct, and the
+ * variant/align enums. Desugars to `Separator.Root(options)`.
+ */
+export const Separator = Object.assign(optionsTag(SeparatorFactory.Root), { Types: SeparatorFactory.Types });
+//# sourceMappingURL=separator.js.map

package/dist/src/runtime/layout/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../src/runtime/layout/separator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAuB,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,SAAS,GAClB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/layout/splitter.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Splitter>` tag — see the export's JSDoc.
+ */
+import { Splitter as SplitterFactory, type SplitterOptions } from "../../layout/splitter/index.js";
+import { type JsxTag } from "../combinators.js";
+/** Panel builder + types surfaced on the `<Splitter>` tag (mirrors the `Splitter` factory namespace). */
+type SplitterBuilders = {
+    Panel: typeof SplitterFactory.Panel;
+    Types: typeof SplitterFactory.Types;
+};
+/**
+ * A resizable split layout — two or more panels divided by draggable handles.
+ * Reach for it for editor/terminal, sidebar/main, or master/detail surfaces
+ * where the user controls the proportions; for a fixed proportion that the
+ * user cannot drag, use {@link Grid} or {@link Flex}. Panels are passed as
+ * `panels` (each built with `Splitter.Panel(content, style?)` for `id`,
+ * `minSize`, `maxSize`), with `orientation`, `defaultSize` percentages, and
+ * `onResize`/`onResizeStart`/`onResizeEnd` callbacks as flat props
+ * ({@link SplitterOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Splitter, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const workbench = East.function([], UIComponentType, _$ => (
+ *     <Box height="200px">
+ *         <Splitter
+ *             panels={[
+ *                 Splitter.Panel(<Box padding="4" background="gray.800" color="white"><Text>Code Editor</Text></Box>, { id: "editor", minSize: 30 }),
+ *                 Splitter.Panel(<Box padding="4" background="gray.900" color="green.400"><Text>Terminal</Text></Box>, { id: "terminal", minSize: 10 }),
+ *             ]}
+ *             defaultSize={[70, 30]}
+ *             orientation="vertical"
+ *         />
+ *     </Box>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries the `Splitter.Panel(content, style?)` panel builder
+ * ({@link SplitterPanelStyle}) and `Splitter.Types` — the East data type, the
+ * panel/style structs, and `Types.ResizeDetails` (the struct passed to the
+ * resize callbacks). Desugars to `Splitter.Root(panels, options)`.
+ */
+export declare const Splitter: JsxTag<SplitterOptions> & SplitterBuilders;
+export {};
+//# sourceMappingURL=splitter.d.ts.map

package/dist/src/runtime/layout/splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/splitter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D,yGAAyG;AACzG,KAAK,gBAAgB,GAAG;IACpB,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAC;IACpC,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,GAAG,gBAI3C,CAAC"}

package/dist/src/runtime/layout/splitter.js

@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Splitter>` tag — see the export's JSDoc.
+ */
+import { Splitter as SplitterFactory } from "../../layout/splitter/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * A resizable split layout — two or more panels divided by draggable handles.
+ * Reach for it for editor/terminal, sidebar/main, or master/detail surfaces
+ * where the user controls the proportions; for a fixed proportion that the
+ * user cannot drag, use {@link Grid} or {@link Flex}. Panels are passed as
+ * `panels` (each built with `Splitter.Panel(content, style?)` for `id`,
+ * `minSize`, `maxSize`), with `orientation`, `defaultSize` percentages, and
+ * `onResize`/`onResizeStart`/`onResizeEnd` callbacks as flat props
+ * ({@link SplitterOptions}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Splitter, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const workbench = East.function([], UIComponentType, _$ => (
+ *     <Box height="200px">
+ *         <Splitter
+ *             panels={[
+ *                 Splitter.Panel(<Box padding="4" background="gray.800" color="white"><Text>Code Editor</Text></Box>, { id: "editor", minSize: 30 }),
+ *                 Splitter.Panel(<Box padding="4" background="gray.900" color="green.400"><Text>Terminal</Text></Box>, { id: "terminal", minSize: 10 }),
+ *             ]}
+ *             defaultSize={[70, 30]}
+ *             orientation="vertical"
+ *         />
+ *     </Box>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries the `Splitter.Panel(content, style?)` panel builder
+ * ({@link SplitterPanelStyle}) and `Splitter.Types` — the East data type, the
+ * panel/style structs, and `Types.ResizeDetails` (the struct passed to the
+ * resize callbacks). Desugars to `Splitter.Root(panels, options)`.
+ */
+export const Splitter = Object.assign(optionsTag(SplitterFactory.Root), {
+    Panel: SplitterFactory.Panel,
+    Types: SplitterFactory.Types,
+});
+//# sourceMappingURL=splitter.js.map

package/dist/src/runtime/layout/splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../../../src/runtime/layout/splitter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAwB,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAQ5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,MAAM,QAAQ,GACjB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE;IAC5C,KAAK,EAAE,eAAe,CAAC,KAAK;IAC5B,KAAK,EAAE,eAAe,CAAC,KAAK;CAC/B,CAAC,CAAC"}

package/dist/src/runtime/layout/stack.d.ts

@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Stack>` / `<VStack>` / `<HStack>` tags — see each export's JSDoc.
+ */
+import { Stack as StackFactory } from "../../layout/stack/index.js";
+import { type ContainerProps, type JsxTag } from "../combinators.js";
+/**
+ * Stacks children along one axis with uniform spacing between them. The
+ * direction is explicit — set `direction` to `row` or `column` — making this
+ * the base for the axis-locked {@link VStack} / {@link HStack} shorthands. Use
+ * it when you want even `gap` between items plus `align`/`justify` and the
+ * box-model props ({@link StackStyle}); children are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Stack, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const list = East.function([], UIComponentType, _$ => (
+ *     <Stack direction="column" gap="3">
+ *         <Text>First item</Text>
+ *         <Text>Second item</Text>
+ *         <Text>Third item</Text>
+ *     </Stack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Stack.Types` — the East data type and the style struct. Desugars to
+ * `Stack.Root(children, options)`.
+ */
+export declare const Stack: JsxTag<ContainerProps<typeof StackFactory.Root>> & {
+    Types: typeof StackFactory.Types;
+};
+/**
+ * A vertical stack — children flow top-to-bottom with a uniform `gap`. The
+ * direction-locked shorthand for `<Stack direction="column">`; reach for it
+ * for forms, lists, and any column of stacked content. `align`/`justify`,
+ * `wrap`, `gap` and the box-model props are flat ({@link StackStyle}); children
+ * are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { VStack, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const stacked = East.function([], UIComponentType, _$ => (
+ *     <VStack gap="3" align="stretch" padding="4" background="green.50">
+ *         <Text>Full width item 1</Text>
+ *         <Text>Full width item 2</Text>
+ *     </VStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Stack.Types` — the shared Stack data type and style struct. Desugars
+ * to `Stack.VStack(children, options)`.
+ */
+export declare const VStack: JsxTag<ContainerProps<typeof StackFactory.VStack>> & {
+    Types: typeof StackFactory.Types;
+};
+/**
+ * A horizontal stack — children flow left-to-right with a uniform `gap`. The
+ * direction-locked shorthand for `<Stack direction="row">`; reach for it for
+ * toolbars, nav rows, chip clusters, and inline label/value pairs. `justify`
+ * (e.g. `space-between`), `align`, `wrap`, `gap` and the box-model props are
+ * flat ({@link StackStyle}); children are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { HStack, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const navbar = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="4" justify="space-between" align="center" padding="4" width="100%">
+ *         <Text>Logo</Text>
+ *         <HStack gap="4">
+ *             <Text>Home</Text>
+ *             <Text>About</Text>
+ *             <Text>Contact</Text>
+ *         </HStack>
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Stack.Types` — the shared Stack data type and style struct. Desugars
+ * to `Stack.HStack(children, options)`.
+ */
+export declare const HStack: JsxTag<ContainerProps<typeof StackFactory.HStack>> & {
+    Types: typeof StackFactory.Types;
+};
+//# sourceMappingURL=stack.d.ts.map

package/dist/src/runtime/layout/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/stack.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAA;CAC3B,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAA;CAC5B,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAA;CAC5B,CAAC"}

package/dist/src/runtime/layout/stack.js

@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Stack>` / `<VStack>` / `<HStack>` tags — see each export's JSDoc.
+ */
+import { Stack as StackFactory } from "../../layout/stack/index.js";
+import { container } from "../combinators.js";
+/**
+ * Stacks children along one axis with uniform spacing between them. The
+ * direction is explicit — set `direction` to `row` or `column` — making this
+ * the base for the axis-locked {@link VStack} / {@link HStack} shorthands. Use
+ * it when you want even `gap` between items plus `align`/`justify` and the
+ * box-model props ({@link StackStyle}); children are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Stack, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const list = East.function([], UIComponentType, _$ => (
+ *     <Stack direction="column" gap="3">
+ *         <Text>First item</Text>
+ *         <Text>Second item</Text>
+ *         <Text>Third item</Text>
+ *     </Stack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Stack.Types` — the East data type and the style struct. Desugars to
+ * `Stack.Root(children, options)`.
+ */
+export const Stack = Object.assign(container(StackFactory.Root), { Types: StackFactory.Types });
+/**
+ * A vertical stack — children flow top-to-bottom with a uniform `gap`. The
+ * direction-locked shorthand for `<Stack direction="column">`; reach for it
+ * for forms, lists, and any column of stacked content. `align`/`justify`,
+ * `wrap`, `gap` and the box-model props are flat ({@link StackStyle}); children
+ * are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { VStack, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const stacked = East.function([], UIComponentType, _$ => (
+ *     <VStack gap="3" align="stretch" padding="4" background="green.50">
+ *         <Text>Full width item 1</Text>
+ *         <Text>Full width item 2</Text>
+ *     </VStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Stack.Types` — the shared Stack data type and style struct. Desugars
+ * to `Stack.VStack(children, options)`.
+ */
+export const VStack = Object.assign(container(StackFactory.VStack), { Types: StackFactory.Types });
+/**
+ * A horizontal stack — children flow left-to-right with a uniform `gap`. The
+ * direction-locked shorthand for `<Stack direction="row">`; reach for it for
+ * toolbars, nav rows, chip clusters, and inline label/value pairs. `justify`
+ * (e.g. `space-between`), `align`, `wrap`, `gap` and the box-model props are
+ * flat ({@link StackStyle}); children are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { HStack, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const navbar = East.function([], UIComponentType, _$ => (
+ *     <HStack gap="4" justify="space-between" align="center" padding="4" width="100%">
+ *         <Text>Logo</Text>
+ *         <HStack gap="4">
+ *             <Text>Home</Text>
+ *             <Text>About</Text>
+ *             <Text>Contact</Text>
+ *         </HStack>
+ *     </HStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Stack.Types` — the shared Stack data type and style struct. Desugars
+ * to `Stack.HStack(children, options)`.
+ */
+export const HStack = Object.assign(container(StackFactory.HStack), { Types: StackFactory.Types });
+//# sourceMappingURL=stack.js.map

package/dist/src/runtime/layout/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../../src/runtime/layout/stack.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAoC,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,KAAK,GACd,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/layout/sticky.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Sticky>` tag — see the export's JSDoc.
+ */
+import { Sticky as StickyFactory } from "../../layout/sticky/index.js";
+import { type ContentProps, type JsxTag } from "../combinators.js";
+/**
+ * Pins its single child in place as the surrounding scroll container scrolls.
+ * Reach for it for section headers that stay visible, or a left-column subnav
+ * that holds at the top while the body scrolls past. Set the `offset` at which
+ * it pins and the `boundary` it sticks within; styling props ({@link StickyStyle})
+ * carry through. The pinned content is the single JSX child.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Sticky, Text, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const pinned = East.function([], UIComponentType, _$ => (
+ *     <Box overflowY="auto" height="240px">
+ *         <Sticky offset="0" boundary="parent" background="white">
+ *             <Box padding="3" background="white"><Text>Section header — stays pinned</Text></Box>
+ *         </Sticky>
+ *         <VStack gap="2" padding="3">
+ *             <Text>Row 1</Text>
+ *             <Text>Row 2</Text>
+ *             <Text>Row 3</Text>
+ *         </VStack>
+ *     </Box>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Sticky.Types` — the East data type, the style struct, and the
+ * boundary enum. Desugars to `Sticky.Root(content, options)`.
+ */
+export declare const Sticky: JsxTag<ContentProps<typeof StickyFactory.Root>> & {
+    Types: typeof StickyFactory.Types;
+};
+//# sourceMappingURL=sticky.d.ts.map

package/dist/src/runtime/layout/sticky.d.ts.map

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

package/dist/src/runtime/layout/sticky.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.
+ */
+/**
+ * `<Sticky>` tag — see the export's JSDoc.
+ */
+import { Sticky as StickyFactory } from "../../layout/sticky/index.js";
+import { content } from "../combinators.js";
+/**
+ * Pins its single child in place as the surrounding scroll container scrolls.
+ * Reach for it for section headers that stay visible, or a left-column subnav
+ * that holds at the top while the body scrolls past. Set the `offset` at which
+ * it pins and the `boundary` it sticks within; styling props ({@link StickyStyle})
+ * carry through. The pinned content is the single JSX child.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Sticky, Text, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const pinned = East.function([], UIComponentType, _$ => (
+ *     <Box overflowY="auto" height="240px">
+ *         <Sticky offset="0" boundary="parent" background="white">
+ *             <Box padding="3" background="white"><Text>Section header — stays pinned</Text></Box>
+ *         </Sticky>
+ *         <VStack gap="2" padding="3">
+ *             <Text>Row 1</Text>
+ *             <Text>Row 2</Text>
+ *             <Text>Row 3</Text>
+ *         </VStack>
+ *     </Box>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Sticky.Types` — the East data type, the style struct, and the
+ * boundary enum. Desugars to `Sticky.Root(content, options)`.
+ */
+export const Sticky = Object.assign(content(StickyFactory.Root), { Types: StickyFactory.Types });
+//# sourceMappingURL=sticky.js.map

package/dist/src/runtime/layout/sticky.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticky.js","sourceRoot":"","sources":["../../../../src/runtime/layout/sticky.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/navigation/breadcrumb.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.
+ */
+/** Navigation `<Breadcrumb>` tag — a trail of ancestor links. */
+import { Breadcrumb as BreadcrumbFactory } from "../../navigation/breadcrumb/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/**
+ * Breadcrumb trail — shows where the current view sits in a hierarchy and
+ * lets the user jump back up it. Each entry has a `label`, an optional
+ * `current` flag marking the page the user is on, and an optional `onClick`
+ * handler for the ancestor links. An optional `runAnchor` pins the trail to a
+ * specific run or stamp at its tail. The entries are the `items` prop; visual
+ * options are flat props ({@link BreadcrumbStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, some, none } from "@elaraai/east";
+ * import { Breadcrumb, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const trail = East.function([], UIComponentType, _$ => (
+ *     <Breadcrumb
+ *         items={[
+ *             { label: "SE region", current: none, onClick: none },
+ *             { label: "wk of Sep 16", current: none, onClick: none },
+ *             { label: "Roster builder", current: some(true), onClick: none },
+ *         ]}
+ *         runAnchor="run #42"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Breadcrumb.Types` — the East data type, the item struct, and the
+ * style struct. Desugars to `Breadcrumb.Root(items, options)`.
+ */
+export declare const Breadcrumb: JsxTag<ValueProps<typeof BreadcrumbFactory.Root, "items">> & {
+    Types: typeof BreadcrumbFactory.Types;
+};
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/src/runtime/navigation/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/runtime/navigation/breadcrumb.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,iEAAiE;AAEjE,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACjC,CAAC"}

package/dist/src/runtime/navigation/breadcrumb.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.
+ */
+/** Navigation `<Breadcrumb>` tag — a trail of ancestor links. */
+import { Breadcrumb as BreadcrumbFactory } from "../../navigation/breadcrumb/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Breadcrumb trail — shows where the current view sits in a hierarchy and
+ * lets the user jump back up it. Each entry has a `label`, an optional
+ * `current` flag marking the page the user is on, and an optional `onClick`
+ * handler for the ancestor links. An optional `runAnchor` pins the trail to a
+ * specific run or stamp at its tail. The entries are the `items` prop; visual
+ * options are flat props ({@link BreadcrumbStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, some, none } from "@elaraai/east";
+ * import { Breadcrumb, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const trail = East.function([], UIComponentType, _$ => (
+ *     <Breadcrumb
+ *         items={[
+ *             { label: "SE region", current: none, onClick: none },
+ *             { label: "wk of Sep 16", current: none, onClick: none },
+ *             { label: "Roster builder", current: some(true), onClick: none },
+ *         ]}
+ *         runAnchor="run #42"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Breadcrumb.Types` — the East data type, the item struct, and the
+ * style struct. Desugars to `Breadcrumb.Root(items, options)`.
+ */
+export const Breadcrumb = Object.assign(leaf(BreadcrumbFactory.Root, "items"), { Types: BreadcrumbFactory.Types });
+//# sourceMappingURL=breadcrumb.js.map

package/dist/src/runtime/navigation/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/runtime/navigation/breadcrumb.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,iEAAiE;AAEjE,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,UAAU,GACnB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/navigation/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,sDAAsD;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/navigation/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,sDAAsD;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}