@elaraai/east-ui 1.0.4 → 1.0.5

package/dist/src/runtime/forms/textarea.js

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Textarea>` tag — see the export's JSDoc.
+ */
+import { Textarea as TextareaFactory } from "../../forms/textarea/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Multi-line text input — a resizable box for longer free text (messages,
+ * descriptions, notes). Reach for it over `<Input.String>` whenever the answer
+ * may wrap across lines. Supports `rows`, a `resize` mode and a `placeholder`.
+ * The string is the `value` prop; `onChange` carries each edit, `onFocus` /
+ * `onBlur` the focus transitions.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Textarea, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const message = East.function([], UIComponentType, _$ => (
+ *     <Textarea value="" placeholder="Enter your message..." rows={4} resize="vertical" />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Textarea.Types`. Bind `value` to a `String` state and wire `onChange`
+ * inside a `<Reactive>` block for a live editor. Desugars to
+ * `Textarea.Root(value, style)`.
+ */
+export const Textarea = Object.assign(leaf(TextareaFactory.Root, "value"), { Types: TextareaFactory.Types });
+//# sourceMappingURL=textarea.js.map

package/dist/src/runtime/forms/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/runtime/forms/textarea.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;GAsBG;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/forms/time-range-input.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.
+ */
+/**
+ * `<TimeRangeInput>` tag — see the export's JSDoc.
+ */
+import { TimeRangeInput as TimeRangeInputFactory, type TimeRangeInputStyle } from "../../forms/time-range-input/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * Paired start / end time-of-day fields — a from–to picker for a within-day
+ * window (a work shift, an opening period). Reach for it when only the clock time
+ * matters, not the date. `startValue` / `endValue` are minutes since midnight,
+ * `step` quantises the picker, and `presets` adds named shift ranges. `onChange`
+ * carries both endpoints together. See {@link TimeRangeInputStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, IntegerType } from "@elaraai/east";
+ * import { TimeRangeInput, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const shift = East.function([], UIComponentType, $ => {
+ *     const start = $.let(360n, IntegerType);
+ *     const end = $.let(840n, IntegerType);
+ *     return <TimeRangeInput startValue={start} endValue={end} step={15n} />;
+ * });
+ * ```
+ *
+ * @remarks
+ * Carries `TimeRangeInput.Types`. Bind both endpoints to state and wire the
+ * two-arg `onChange` inside a `<Reactive>` block for a live range. Desugars to
+ * `TimeRangeInput.Root(options)`.
+ */
+export declare const TimeRangeInput: JsxTag<TimeRangeInputStyle> & {
+    Types: typeof TimeRangeInputFactory.Types;
+};
+//# sourceMappingURL=time-range-input.d.ts.map

package/dist/src/runtime/forms/time-range-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-input.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/time-range-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC1H,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,mBAAmB,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,qBAAqB,CAAC,KAAK,CAAA;CACL,CAAC"}

package/dist/src/runtime/forms/time-range-input.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.
+ */
+/**
+ * `<TimeRangeInput>` tag — see the export's JSDoc.
+ */
+import { TimeRangeInput as TimeRangeInputFactory } from "../../forms/time-range-input/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Paired start / end time-of-day fields — a from–to picker for a within-day
+ * window (a work shift, an opening period). Reach for it when only the clock time
+ * matters, not the date. `startValue` / `endValue` are minutes since midnight,
+ * `step` quantises the picker, and `presets` adds named shift ranges. `onChange`
+ * carries both endpoints together. See {@link TimeRangeInputStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, IntegerType } from "@elaraai/east";
+ * import { TimeRangeInput, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const shift = East.function([], UIComponentType, $ => {
+ *     const start = $.let(360n, IntegerType);
+ *     const end = $.let(840n, IntegerType);
+ *     return <TimeRangeInput startValue={start} endValue={end} step={15n} />;
+ * });
+ * ```
+ *
+ * @remarks
+ * Carries `TimeRangeInput.Types`. Bind both endpoints to state and wire the
+ * two-arg `onChange` inside a `<Reactive>` block for a live range. Desugars to
+ * `TimeRangeInput.Root(options)`.
+ */
+export const TimeRangeInput = Object.assign(optionsTag(TimeRangeInputFactory.Root), { Types: TimeRangeInputFactory.Types });
+//# sourceMappingURL=time-range-input.js.map

package/dist/src/runtime/forms/time-range-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-input.js","sourceRoot":"","sources":["../../../../src/runtime/forms/time-range-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAA4B,MAAM,uCAAuC,CAAC;AAC1H,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,cAAc,GACvB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * east-ui JSX tags — capitalized, React-style tags that wrap the east-ui
+ * component factories so you can author with `<Box>…</Box>` JSX (in a `.tsx`
+ * file) instead of `Box.Root([…], {…})`.
+ *
+ * Each tag takes a single props object: style props sit at the **top level**
+ * (flat, like React — `<Box padding="4">`, `<Button variant="solid">`), and
+ * nested elements arrive as `children`. Every tag returns the exact value its
+ * factory returns, so JSX is pure authoring sugar over East IR.
+ *
+ * The tag modules under `./<category>/` mirror `src/<category>/` one-to-one.
+ * Wrap any other east-ui factory yourself with {@link container} (children +
+ * style), {@link content} (text content + style), or {@link leaf} (a typed
+ * value prop + style).
+ *
+ * @packageDocumentation
+ */
+export { container, content, leaf, optionsTag, hasKeys } from "./combinators.js";
+export type { JsxTag, ContainerProps, ContentProps, ValueProps, OptionsProps } from "./combinators.js";
+export { coalesceChildren } from "./children.js";
+export type { ContainerChildrenType } from "./children.js";
+export type { UIElement } from "./runtime.js";
+export * from "./layout/index.js";
+export * from "./typography/index.js";
+export * from "./display/index.js";
+export * from "./forms/index.js";
+export * from "./buttons/index.js";
+export * from "./feedback/index.js";
+export * from "./charts/index.js";
+export * from "./container/index.js";
+export * from "./disclosure/index.js";
+export * from "./navigation/index.js";
+export * from "./overlays/index.js";
+export * from "./collections/index.js";
+export * from "./reactive/index.js";
+export { Slice } from "./slice.js";
+export { Hotkey } from "./platform-hotkey.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACjF,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/src/runtime/index.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.
+ */
+/**
+ * east-ui JSX tags — capitalized, React-style tags that wrap the east-ui
+ * component factories so you can author with `<Box>…</Box>` JSX (in a `.tsx`
+ * file) instead of `Box.Root([…], {…})`.
+ *
+ * Each tag takes a single props object: style props sit at the **top level**
+ * (flat, like React — `<Box padding="4">`, `<Button variant="solid">`), and
+ * nested elements arrive as `children`. Every tag returns the exact value its
+ * factory returns, so JSX is pure authoring sugar over East IR.
+ *
+ * The tag modules under `./<category>/` mirror `src/<category>/` one-to-one.
+ * Wrap any other east-ui factory yourself with {@link container} (children +
+ * style), {@link content} (text content + style), or {@link leaf} (a typed
+ * value prop + style).
+ *
+ * @packageDocumentation
+ */
+// Combinators + shared child types (for wrapping unlisted factories).
+export { container, content, leaf, optionsTag, hasKeys } from "./combinators.js";
+export { coalesceChildren } from "./children.js";
+// Tags, by category — each module mirrors `src/<category>/`.
+export * from "./layout/index.js";
+export * from "./typography/index.js";
+export * from "./display/index.js";
+export * from "./forms/index.js";
+export * from "./buttons/index.js";
+export * from "./feedback/index.js";
+export * from "./charts/index.js";
+export * from "./container/index.js";
+export * from "./disclosure/index.js";
+export * from "./navigation/index.js";
+export * from "./overlays/index.js";
+export * from "./collections/index.js";
+export * from "./reactive/index.js";
+export { Slice } from "./slice.js";
+export { Hotkey } from "./platform-hotkey.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,sEAAsE;AACtE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,6DAA6D;AAC7D,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/src/runtime/layout/box.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.
+ */
+/**
+ * `<Box>` tag — see the export's JSDoc.
+ */
+import { Box as BoxFactory } from "../../layout/box/index.js";
+import { type ContainerProps, type JsxTag } from "../combinators.js";
+/**
+ * The general-purpose layout primitive — a single styled `<div>` that holds
+ * any number of children. Reach for it when no more specialised container
+ * fits: it exposes the full box-model and flex surface (padding, background,
+ * border, radius, shadow, `display="flex"` with `flexDirection`/`justify`/
+ * `align`, fixed `width`/`height`, `position`, `overflow`, typography) as flat
+ * props ({@link BoxStyle}). Children are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const card = East.function([], UIComponentType, _$ => (
+ *     <Box padding="4" background="blue.50" color="blue.800" borderRadius="md">
+ *         <Text>Styled container content</Text>
+ *     </Box>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Box.Types` — the East data type and the style struct. Desugars to
+ * `Box.Root(children, options)`.
+ */
+export declare const Box: JsxTag<ContainerProps<typeof BoxFactory.Root>> & {
+    Types: typeof BoxFactory.Types;
+};
+//# sourceMappingURL=box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/box.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,CAAA;CACzB,CAAC"}

package/dist/src/runtime/layout/box.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.
+ */
+/**
+ * `<Box>` tag — see the export's JSDoc.
+ */
+import { Box as BoxFactory } from "../../layout/box/index.js";
+import { container } from "../combinators.js";
+/**
+ * The general-purpose layout primitive — a single styled `<div>` that holds
+ * any number of children. Reach for it when no more specialised container
+ * fits: it exposes the full box-model and flex surface (padding, background,
+ * border, radius, shadow, `display="flex"` with `flexDirection`/`justify`/
+ * `align`, fixed `width`/`height`, `position`, `overflow`, typography) as flat
+ * props ({@link BoxStyle}). Children are the JSX children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const card = East.function([], UIComponentType, _$ => (
+ *     <Box padding="4" background="blue.50" color="blue.800" borderRadius="md">
+ *         <Text>Styled container content</Text>
+ *     </Box>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Box.Types` — the East data type and the style struct. Desugars to
+ * `Box.Root(children, options)`.
+ */
+export const Box = Object.assign(container(BoxFactory.Root), { Types: BoxFactory.Types });
+//# sourceMappingURL=box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../../src/runtime/layout/box.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAoC,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,GAAG,GACZ,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/layout/flex.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.
+ */
+/**
+ * `<Flex>` tag — see the export's JSDoc.
+ */
+import { Flex as FlexFactory } from "../../layout/flex/index.js";
+import { type ContainerProps, type JsxTag } from "../combinators.js";
+/**
+ * A flexbox container — lays children out along a main axis with control over
+ * direction, wrapping, and alignment. Use it when you want one-dimensional
+ * flow with arbitrary `direction` (`row` / `column` / their reverses) and
+ * optional `wrap`; for an axis-locked stack with a single `gap`, prefer
+ * {@link VStack} / {@link HStack}. Direction, `wrap`, `justify`/`align`, `gap`
+ * and the box-model props are flat ({@link FlexStyle}); children are the JSX
+ * children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Flex, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const toolbar = East.function([], UIComponentType, _$ => (
+ *     <Flex direction="row" justifyContent="space-between" alignItems="center" padding="4">
+ *         <Text>Left</Text>
+ *         <Text>Center</Text>
+ *         <Text>Right</Text>
+ *     </Flex>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Flex.Types` — the East data type and the style struct. Desugars to
+ * `Flex.Root(children, options)`.
+ */
+export declare const Flex: JsxTag<ContainerProps<typeof FlexFactory.Root>> & {
+    Types: typeof FlexFactory.Types;
+};
+//# sourceMappingURL=flex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/flex.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,WAAW,CAAC,KAAK,CAAA;CAC1B,CAAC"}

package/dist/src/runtime/layout/flex.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.
+ */
+/**
+ * `<Flex>` tag — see the export's JSDoc.
+ */
+import { Flex as FlexFactory } from "../../layout/flex/index.js";
+import { container } from "../combinators.js";
+/**
+ * A flexbox container — lays children out along a main axis with control over
+ * direction, wrapping, and alignment. Use it when you want one-dimensional
+ * flow with arbitrary `direction` (`row` / `column` / their reverses) and
+ * optional `wrap`; for an axis-locked stack with a single `gap`, prefer
+ * {@link VStack} / {@link HStack}. Direction, `wrap`, `justify`/`align`, `gap`
+ * and the box-model props are flat ({@link FlexStyle}); children are the JSX
+ * children.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Flex, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const toolbar = East.function([], UIComponentType, _$ => (
+ *     <Flex direction="row" justifyContent="space-between" alignItems="center" padding="4">
+ *         <Text>Left</Text>
+ *         <Text>Center</Text>
+ *         <Text>Right</Text>
+ *     </Flex>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Flex.Types` — the East data type and the style struct. Desugars to
+ * `Flex.Root(children, options)`.
+ */
+export const Flex = Object.assign(container(FlexFactory.Root), { Types: FlexFactory.Types });
+//# sourceMappingURL=flex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../../../src/runtime/layout/flex.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAoC,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,IAAI,GACb,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/layout/grid.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.
+ */
+/**
+ * `<Grid>` tag — see the export's JSDoc.
+ */
+import { Grid as GridFactory } from "../../layout/grid/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/** Cell builder + types surfaced on the `<Grid>` tag (mirrors the `Grid` factory namespace). */
+type GridBuilders = {
+    Item: typeof GridFactory.Item;
+    Types: typeof GridFactory.Types;
+};
+/**
+ * A two-dimensional CSS grid — lay cells out across explicit columns and rows.
+ * Reach for it for dashboards, galleries, and named-area page shells where
+ * content needs to align on both axes; for one-dimensional flow use
+ * {@link Flex} or {@link VStack} / {@link HStack}. Cells are passed as `items`
+ * (each built with `Grid.Item(content, style?)`), and the track definitions
+ * (`templateColumns`/`templateRows`/`templateAreas`), `gap`/`columnGap`/
+ * `rowGap`, `autoFlow`, and cell alignment are flat props ({@link GridStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Grid, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const gallery = East.function([], UIComponentType, _$ => (
+ *     <Grid
+ *         items={[
+ *             Grid.Item(<Box padding="3" background="gray.200"><Text>Full Width Header</Text></Box>, { colSpan: "3" }),
+ *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 1</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 2</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 3</Text></Box>),
+ *         ]}
+ *         templateColumns="repeat(3, 1fr)"
+ *         gap="3"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries the `Grid.Item(content, style?)` cell builder ({@link GridItemStyle}
+ * controls `colSpan`/`rowSpan`/`area`) and `Grid.Types` — the East data type,
+ * the style structs, and the auto-flow enum. Desugars to `Grid.Root(items,
+ * options)`.
+ */
+export declare const Grid: JsxTag<ValueProps<typeof GridFactory.Root, "items">> & GridBuilders;
+export {};
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/grid.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE,gGAAgG;AAChG,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/layout/grid.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.
+ */
+/**
+ * `<Grid>` tag — see the export's JSDoc.
+ */
+import { Grid as GridFactory } from "../../layout/grid/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * A two-dimensional CSS grid — lay cells out across explicit columns and rows.
+ * Reach for it for dashboards, galleries, and named-area page shells where
+ * content needs to align on both axes; for one-dimensional flow use
+ * {@link Flex} or {@link VStack} / {@link HStack}. Cells are passed as `items`
+ * (each built with `Grid.Item(content, style?)`), and the track definitions
+ * (`templateColumns`/`templateRows`/`templateAreas`), `gap`/`columnGap`/
+ * `rowGap`, `autoFlow`, and cell alignment are flat props ({@link GridStyle}).
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, Grid, Text, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const gallery = East.function([], UIComponentType, _$ => (
+ *     <Grid
+ *         items={[
+ *             Grid.Item(<Box padding="3" background="gray.200"><Text>Full Width Header</Text></Box>, { colSpan: "3" }),
+ *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 1</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 2</Text></Box>),
+ *             Grid.Item(<Box padding="2" background="gray.100"><Text>Col 3</Text></Box>),
+ *         ]}
+ *         templateColumns="repeat(3, 1fr)"
+ *         gap="3"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries the `Grid.Item(content, style?)` cell builder ({@link GridItemStyle}
+ * controls `colSpan`/`rowSpan`/`area`) and `Grid.Types` — the East data type,
+ * the style structs, and the auto-flow enum. Desugars to `Grid.Root(items,
+ * options)`.
+ */
+export const Grid = Object.assign(leaf(GridFactory.Root, "items"), {
+    Item: GridFactory.Item,
+    Types: GridFactory.Types,
+});
+//# sourceMappingURL=grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../src/runtime/layout/grid.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,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/layout/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Layout JSX tags. Mirrors `src/layout/`. */
+export { Box } from "./box.js";
+export { Flex } from "./flex.js";
+export { Stack, VStack, HStack } from "./stack.js";
+export { ScrollArea } from "./scroll-area.js";
+export { Sticky } from "./sticky.js";
+export { Separator } from "./separator.js";
+export { Grid } from "./grid.js";
+export { Splitter } from "./splitter.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Layout JSX tags. Mirrors `src/layout/`. */
+export { Box } from "./box.js";
+export { Flex } from "./flex.js";
+export { Stack, VStack, HStack } from "./stack.js";
+export { ScrollArea } from "./scroll-area.js";
+export { Sticky } from "./sticky.js";
+export { Separator } from "./separator.js";
+export { Grid } from "./grid.js";
+export { Splitter } from "./splitter.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/runtime/layout/scroll-area.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.
+ */
+/**
+ * `<ScrollArea>` tag — see the export's JSDoc.
+ */
+import { ScrollArea as ScrollAreaFactory } from "../../layout/scroll-area/index.js";
+import { type ContentProps, type JsxTag } from "../combinators.js";
+/**
+ * A scroll container with a consistent, themed scrollbar across browsers.
+ * Reach for it when content overflows a bounded region — a long list, a wide
+ * table in a drawer — and you want a styled scrollbar rather than the native
+ * one. Set the scroll axes with `orientation` (`vertical` / `horizontal` /
+ * `both`) and the scrollbar treatment with `scrollbarStyle` (e.g. `overlay`,
+ * `reserved` to avoid layout shift); options are flat ({@link ScrollAreaStyle}).
+ * The scrolled content is the single JSX child.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, ScrollArea, Text, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const list = East.function([], UIComponentType, _$ => (
+ *     <ScrollArea scrollbarStyle="overlay" orientation="vertical">
+ *         <VStack gap="1">
+ *             {Array.from({ length: 40 }, (_, i) => (
+ *                 <Box padding="2"><Text>{`Driver ${i + 1}`}</Text></Box>
+ *             ))}
+ *         </VStack>
+ *     </ScrollArea>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `ScrollArea.Types` — the East data type, the style struct, and the
+ * orientation/scrollbar-style enums. Desugars to `ScrollArea.Root(content,
+ * options)`.
+ */
+export declare const ScrollArea: JsxTag<ContentProps<typeof ScrollAreaFactory.Root>> & {
+    Types: typeof ScrollAreaFactory.Types;
+};
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/src/runtime/layout/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/scroll-area.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAW,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;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"}

package/dist/src/runtime/layout/scroll-area.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.
+ */
+/**
+ * `<ScrollArea>` tag — see the export's JSDoc.
+ */
+import { ScrollArea as ScrollAreaFactory } from "../../layout/scroll-area/index.js";
+import { content } from "../combinators.js";
+/**
+ * A scroll container with a consistent, themed scrollbar across browsers.
+ * Reach for it when content overflows a bounded region — a long list, a wide
+ * table in a drawer — and you want a styled scrollbar rather than the native
+ * one. Set the scroll axes with `orientation` (`vertical` / `horizontal` /
+ * `both`) and the scrollbar treatment with `scrollbarStyle` (e.g. `overlay`,
+ * `reserved` to avoid layout shift); options are flat ({@link ScrollAreaStyle}).
+ * The scrolled content is the single JSX child.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Box, ScrollArea, Text, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const list = East.function([], UIComponentType, _$ => (
+ *     <ScrollArea scrollbarStyle="overlay" orientation="vertical">
+ *         <VStack gap="1">
+ *             {Array.from({ length: 40 }, (_, i) => (
+ *                 <Box padding="2"><Text>{`Driver ${i + 1}`}</Text></Box>
+ *             ))}
+ *         </VStack>
+ *     </ScrollArea>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `ScrollArea.Types` — the East data type, the style struct, and the
+ * orientation/scrollbar-style enums. Desugars to `ScrollArea.Root(content,
+ * options)`.
+ */
+export const ScrollArea = Object.assign(content(ScrollAreaFactory.Root), { Types: ScrollAreaFactory.Types });
+//# sourceMappingURL=scroll-area.js.map

package/dist/src/runtime/layout/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../../src/runtime/layout/scroll-area.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;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"}