@elaraai/east-ui 1.0.3 → 1.0.5

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

@@ -0,0 +1,57 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Input.*>` namespace tags — see the export's JSDoc.
+ */
+import { Input as InputFactory } from "../../forms/input/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Single-line typed input — the value's East type picks the member, which in turn
+ * picks the right keyboard, validation and value shape. Reach for the one that
+ * matches the data:
+ *
+ * - `<Input.String>` — plain text entry; supports `placeholder`, `variant`, `size`.
+ * - `<Input.Integer>` — whole-number entry with stepper; supports `min`, `max`, `step`.
+ * - `<Input.Float>` — decimal entry; adds `precision` on top of the numeric options.
+ * - `<Input.DateTime>` — date / time picker; `precision` chooses date-only vs date+time.
+ *
+ * Every member takes the current value as the `value` prop and the typed
+ * `onChange` (plus `onFocus` / `onBlur`) callbacks.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Input, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const name = East.function([], UIComponentType, _$ => (
+ *     <Input.String value="" placeholder="Enter your name" variant="outline" />
+ * ));
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Input, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const qty = East.function([], UIComponentType, _$ => (
+ *     <Input.Integer value={0n} min={0n} max={100n} step={1n} />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Input.Types`. Bind `value` to a state of the matching type and wire the
+ * typed `onChange` inside a `<Reactive>` block for a live field. Each member
+ * desugars to `Input.<Member>(value, style)`.
+ */
+export const Input = {
+    String: leaf(InputFactory.String, "value"),
+    Integer: leaf(InputFactory.Integer, "value"),
+    Float: leaf(InputFactory.Float, "value"),
+    DateTime: leaf(InputFactory.DateTime, "value"),
+    Types: InputFactory.Types,
+};
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/runtime/forms/input.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,MAAM,KAAK,GAMd;IACA,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1C,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;IAC5C,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC9C,KAAK,EAAE,YAAY,CAAC,KAAK;CAC5B,CAAC"}

package/dist/src/runtime/forms/radio-card-group.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.
+ */
+/**
+ * `<RadioCardGroup>` tag — see the export's JSDoc.
+ */
+import { RadioCardGroup as RadioCardGroupFactory, type RadioCardGroupStyle } from "../../forms/radio-card-group/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * Single-select card list — like {@link RadioGroup}, but each option renders as a
+ * selectable card carrying a `label` plus a `description`. Reach for it when the
+ * choices need more explanation (pricing tiers, plan options) than a plain radio
+ * label affords. `items` is the `{ value, label, description?, disabled? }` list,
+ * `value` the current selection, `orientation` lays cards in a column or row, and
+ * `onChange` carries the picked value. See {@link RadioCardGroupStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { RadioCardGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const plan = East.function([], UIComponentType, _$ => (
+ *     <RadioCardGroup
+ *         value="team"
+ *         items={[
+ *             { value: "starter", label: "Starter", description: "Up to 5 users" },
+ *             { value: "team", label: "Team", description: "Up to 50 users" },
+ *             { value: "business", label: "Business", description: "Unlimited" },
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `RadioCardGroup.Types`. Bind `value` to a `String` state and wire
+ * `onChange` inside a `<Reactive>` block for a live control. Desugars to
+ * `RadioCardGroup.Root(options)`.
+ */
+export declare const RadioCardGroup: JsxTag<RadioCardGroupStyle> & {
+    Types: typeof RadioCardGroupFactory.Types;
+};
+//# sourceMappingURL=radio-card-group.d.ts.map

package/dist/src/runtime/forms/radio-card-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-group.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/radio-card-group.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;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/radio-card-group.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.
+ */
+/**
+ * `<RadioCardGroup>` tag — see the export's JSDoc.
+ */
+import { RadioCardGroup as RadioCardGroupFactory } from "../../forms/radio-card-group/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Single-select card list — like {@link RadioGroup}, but each option renders as a
+ * selectable card carrying a `label` plus a `description`. Reach for it when the
+ * choices need more explanation (pricing tiers, plan options) than a plain radio
+ * label affords. `items` is the `{ value, label, description?, disabled? }` list,
+ * `value` the current selection, `orientation` lays cards in a column or row, and
+ * `onChange` carries the picked value. See {@link RadioCardGroupStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { RadioCardGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const plan = East.function([], UIComponentType, _$ => (
+ *     <RadioCardGroup
+ *         value="team"
+ *         items={[
+ *             { value: "starter", label: "Starter", description: "Up to 5 users" },
+ *             { value: "team", label: "Team", description: "Up to 50 users" },
+ *             { value: "business", label: "Business", description: "Unlimited" },
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `RadioCardGroup.Types`. Bind `value` to a `String` state and wire
+ * `onChange` inside a `<Reactive>` block for a live control. Desugars to
+ * `RadioCardGroup.Root(options)`.
+ */
+export const RadioCardGroup = Object.assign(optionsTag(RadioCardGroupFactory.Root), { Types: RadioCardGroupFactory.Types });
+//# sourceMappingURL=radio-card-group.js.map

package/dist/src/runtime/forms/radio-card-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-group.js","sourceRoot":"","sources":["../../../../src/runtime/forms/radio-card-group.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;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/forms/radio-group.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.
+ */
+/**
+ * `<RadioGroup>` tag — see the export's JSDoc.
+ */
+import { RadioGroup as RadioGroupFactory, type RadioGroupStyle } from "../../forms/radio-group/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * Single-select radio list — a set of mutually exclusive options shown all at
+ * once. Reach for it (over a `<Select>`) when there are only a few choices and
+ * seeing them laid out aids the decision. `items` is the `{ value, label,
+ * disabled? }` list, `value` the current selection, `orientation` stacks them
+ * vertically or in a row, and `onChange` carries the picked value. See
+ * {@link RadioGroupStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { RadioGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const answer = East.function([], UIComponentType, _$ => (
+ *     <RadioGroup
+ *         value="yes"
+ *         items={[
+ *             { value: "yes", label: "Yes" },
+ *             { value: "no", label: "No" },
+ *             { value: "maybe", label: "Maybe" },
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `RadioGroup.Types`. Bind `value` to a `String` state and wire
+ * `onChange` inside a `<Reactive>` block for a live control. Desugars to
+ * `RadioGroup.Root(options)`.
+ */
+export declare const RadioGroup: JsxTag<RadioGroupStyle> & {
+    Types: typeof RadioGroupFactory.Types;
+};
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/src/runtime/forms/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/radio-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACzG,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACD,CAAC"}

package/dist/src/runtime/forms/radio-group.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.
+ */
+/**
+ * `<RadioGroup>` tag — see the export's JSDoc.
+ */
+import { RadioGroup as RadioGroupFactory } from "../../forms/radio-group/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Single-select radio list — a set of mutually exclusive options shown all at
+ * once. Reach for it (over a `<Select>`) when there are only a few choices and
+ * seeing them laid out aids the decision. `items` is the `{ value, label,
+ * disabled? }` list, `value` the current selection, `orientation` stacks them
+ * vertically or in a row, and `onChange` carries the picked value. See
+ * {@link RadioGroupStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { RadioGroup, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const answer = East.function([], UIComponentType, _$ => (
+ *     <RadioGroup
+ *         value="yes"
+ *         items={[
+ *             { value: "yes", label: "Yes" },
+ *             { value: "no", label: "No" },
+ *             { value: "maybe", label: "Maybe" },
+ *         ]}
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `RadioGroup.Types`. Bind `value` to a `String` state and wire
+ * `onChange` inside a `<Reactive>` block for a live control. Desugars to
+ * `RadioGroup.Root(options)`.
+ */
+export const RadioGroup = Object.assign(optionsTag(RadioGroupFactory.Root), { Types: RadioGroupFactory.Types });
+//# sourceMappingURL=radio-group.js.map

package/dist/src/runtime/forms/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../src/runtime/forms/radio-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAwB,MAAM,kCAAkC,CAAC;AACzG,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,UAAU,GACnB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/forms/select.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Select>` tag — see the export's JSDoc.
+ */
+import { Select as SelectFactory, type SelectOptions } from "../../forms/select/index.js";
+import { type JsxTag } from "../combinators.js";
+/** Option builder + types surfaced on the `<Select>` tag (mirrors the `Select` factory namespace). */
+type SelectBuilders = {
+    Item: typeof SelectFactory.Item;
+    Types: typeof SelectFactory.Types;
+};
+/**
+ * Dropdown selection — a compact control that reveals its options on click.
+ * Reach for it when the choices are many enough that a radio list would crowd the
+ * layout. `items` is a list of `Select.Item(value, label)` options, `value` the
+ * current selection, and `placeholder` the empty-state text. Set `multiple` for
+ * multi-select, in which case `onChangeMultiple` carries the chosen array; the
+ * single-select `onChange` carries one value. See {@link SelectOptions}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Select, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const country = East.function([], UIComponentType, _$ => (
+ *     <Select
+ *         value=""
+ *         items={[
+ *             Select.Item("us", "United States"),
+ *             Select.Item("uk", "United Kingdom"),
+ *             Select.Item("ca", "Canada"),
+ *         ]}
+ *         placeholder="Select a country"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Select.Types` and the `Select.Item(value, label)` option builder. Bind
+ * `value` to state and wire `onChange` / `onChangeMultiple` inside a `<Reactive>`
+ * block. Desugars to `Select.Root(options)`.
+ */
+export declare const Select: JsxTag<SelectOptions> & SelectBuilders;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/src/runtime/forms/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/select.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC1F,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D,sGAAsG;AACtG,KAAK,cAAc,GAAG;IAClB,IAAI,EAAE,OAAO,aAAa,CAAC,IAAI,CAAC;IAChC,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAC;CACrC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,GAAG,cAIvC,CAAC"}

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

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Select>` tag — see the export's JSDoc.
+ */
+import { Select as SelectFactory } from "../../forms/select/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Dropdown selection — a compact control that reveals its options on click.
+ * Reach for it when the choices are many enough that a radio list would crowd the
+ * layout. `items` is a list of `Select.Item(value, label)` options, `value` the
+ * current selection, and `placeholder` the empty-state text. Set `multiple` for
+ * multi-select, in which case `onChangeMultiple` carries the chosen array; the
+ * single-select `onChange` carries one value. See {@link SelectOptions}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Select, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const country = East.function([], UIComponentType, _$ => (
+ *     <Select
+ *         value=""
+ *         items={[
+ *             Select.Item("us", "United States"),
+ *             Select.Item("uk", "United Kingdom"),
+ *             Select.Item("ca", "Canada"),
+ *         ]}
+ *         placeholder="Select a country"
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Select.Types` and the `Select.Item(value, label)` option builder. Bind
+ * `value` to state and wire `onChange` / `onChangeMultiple` inside a `<Reactive>`
+ * block. Desugars to `Select.Root(options)`.
+ */
+export const Select = Object.assign(optionsTag(SelectFactory.Root), {
+    Item: SelectFactory.Item,
+    Types: SelectFactory.Types,
+});
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/runtime/forms/select.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAsB,MAAM,6BAA6B,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAQ5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;IAC1C,IAAI,EAAE,aAAa,CAAC,IAAI;IACxB,KAAK,EAAE,aAAa,CAAC,KAAK;CAC7B,CAAC,CAAC"}

package/dist/src/runtime/forms/slider.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Slider>` tag — see the export's JSDoc.
+ */
+import { Slider as SliderFactory } from "../../forms/slider/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/**
+ * Numeric range slider — drag a thumb to pick a value between `min` and `max`.
+ * Reach for it when an approximate magnitude reads better as a track than a typed
+ * number (volume, opacity, a threshold). Supports `step` quantisation and a
+ * disabled state. The number is the `value` prop. `onChange` fires continuously
+ * while dragging; `onChangeEnd` fires once on release.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Slider, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const level = East.function([], UIComponentType, _$ => (
+ *     <Slider value={50.0} min={0} max={100} step={25} />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Slider.Types`. Bind `value` to state and wire `onChange` (or
+ * `onChangeEnd` to commit only on release) inside a `<Reactive>` block. Desugars
+ * to `Slider.Root(value, style)`.
+ */
+export declare const Slider: JsxTag<ValueProps<typeof SliderFactory.Root, "value">> & {
+    Types: typeof SliderFactory.Types;
+};
+//# sourceMappingURL=slider.d.ts.map

package/dist/src/runtime/forms/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/slider.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;CAC7B,CAAC"}

package/dist/src/runtime/forms/slider.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.
+ */
+/**
+ * `<Slider>` tag — see the export's JSDoc.
+ */
+import { Slider as SliderFactory } from "../../forms/slider/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Numeric range slider — drag a thumb to pick a value between `min` and `max`.
+ * Reach for it when an approximate magnitude reads better as a track than a typed
+ * number (volume, opacity, a threshold). Supports `step` quantisation and a
+ * disabled state. The number is the `value` prop. `onChange` fires continuously
+ * while dragging; `onChangeEnd` fires once on release.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Slider, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const level = East.function([], UIComponentType, _$ => (
+ *     <Slider value={50.0} min={0} max={100} step={25} />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Slider.Types`. Bind `value` to state and wire `onChange` (or
+ * `onChangeEnd` to commit only on release) inside a `<Reactive>` block. Desugars
+ * to `Slider.Root(value, style)`.
+ */
+export const Slider = Object.assign(leaf(SliderFactory.Root, "value"), { Types: SliderFactory.Types });
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/runtime/forms/slider.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/forms/switch.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Switch>` tag — see the export's JSDoc.
+ */
+import { Switch as SwitchFactory } from "../../forms/switch/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/**
+ * On/off switch — a sliding toggle for an immediate setting (notifications, dark
+ * mode, a feature flag). Reach for it over a checkbox when the choice takes
+ * effect at once rather than on form submit. Supports a disabled state and three
+ * sizes. The boolean is the `checked` prop; the visible text is `label`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Switch, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const darkMode = East.function([], UIComponentType, _$ => (
+ *     <Switch checked={true} label="Dark mode" />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Switch.Types`. Bind `checked` to state and wire `onChange` inside a
+ * `<Reactive>` block for a live toggle. Desugars to `Switch.Root(checked, style)`.
+ */
+export declare const Switch: JsxTag<ValueProps<typeof SwitchFactory.Root, "checked">> & {
+    Types: typeof SwitchFactory.Types;
+};
+//# sourceMappingURL=switch.d.ts.map

package/dist/src/runtime/forms/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/switch.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;CAC7B,CAAC"}

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

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Switch>` tag — see the export's JSDoc.
+ */
+import { Switch as SwitchFactory } from "../../forms/switch/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * On/off switch — a sliding toggle for an immediate setting (notifications, dark
+ * mode, a feature flag). Reach for it over a checkbox when the choice takes
+ * effect at once rather than on form submit. Supports a disabled state and three
+ * sizes. The boolean is the `checked` prop; the visible text is `label`.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Switch, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const darkMode = East.function([], UIComponentType, _$ => (
+ *     <Switch checked={true} label="Dark mode" />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Switch.Types`. Bind `checked` to state and wire `onChange` inside a
+ * `<Reactive>` block for a live toggle. Desugars to `Switch.Root(checked, style)`.
+ */
+export const Switch = Object.assign(leaf(SwitchFactory.Root, "checked"), { Types: SwitchFactory.Types });
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/runtime/forms/switch.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/forms/tags-input.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<TagsInput>` tag — see the export's JSDoc.
+ */
+import { TagsInput as TagsInputFactory } from "../../forms/tags-input/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/**
+ * Token / tag entry field — type a value and press Enter to commit it as a chip,
+ * building up a list of strings. Reach for it for free-form multi-value entry
+ * (technologies, keywords, recipients) where each entry is removable. Supports a
+ * `label`, `placeholder` and a `max` count. The string list is the `value` prop;
+ * `onChange` carries the full updated array and `onInputChange` the in-progress
+ * keystrokes.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { TagsInput, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const tech = East.function([], UIComponentType, _$ => (
+ *     <TagsInput value={["react", "typescript"]} label="Technologies" placeholder="Add tag..." max={5} />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `TagsInput.Types`. Bind `value` to an `Array<String>` state and wire
+ * `onChange` inside a `<Reactive>` block for a live editor. Desugars to
+ * `TagsInput.Root(value, style)`.
+ */
+export declare const TagsInput: JsxTag<ValueProps<typeof TagsInputFactory.Root, "value">> & {
+    Types: typeof TagsInputFactory.Types;
+};
+//# sourceMappingURL=tags-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/tags-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,gBAAgB,CAAC,KAAK,CAAA;CAChC,CAAC"}

package/dist/src/runtime/forms/tags-input.js

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<TagsInput>` tag — see the export's JSDoc.
+ */
+import { TagsInput as TagsInputFactory } from "../../forms/tags-input/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Token / tag entry field — type a value and press Enter to commit it as a chip,
+ * building up a list of strings. Reach for it for free-form multi-value entry
+ * (technologies, keywords, recipients) where each entry is removable. Supports a
+ * `label`, `placeholder` and a `max` count. The string list is the `value` prop;
+ * `onChange` carries the full updated array and `onInputChange` the in-progress
+ * keystrokes.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { TagsInput, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const tech = East.function([], UIComponentType, _$ => (
+ *     <TagsInput value={["react", "typescript"]} label="Technologies" placeholder="Add tag..." max={5} />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `TagsInput.Types`. Bind `value` to an `Array<String>` state and wire
+ * `onChange` inside a `<Reactive>` block for a live editor. Desugars to
+ * `TagsInput.Root(value, style)`.
+ */
+export const TagsInput = Object.assign(leaf(TagsInputFactory.Root, "value"), { Types: TagsInputFactory.Types });
+//# sourceMappingURL=tags-input.js.map

package/dist/src/runtime/forms/tags-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-input.js","sourceRoot":"","sources":["../../../../src/runtime/forms/tags-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,IAAI,EAAgC,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,SAAS,GAClB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/forms/textarea.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Textarea>` tag — see the export's JSDoc.
+ */
+import { Textarea as TextareaFactory } from "../../forms/textarea/index.js";
+import { type ValueProps, type JsxTag } 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 declare const Textarea: JsxTag<ValueProps<typeof TextareaFactory.Root, "value">> & {
+    Types: typeof TextareaFactory.Types;
+};
+//# sourceMappingURL=textarea.d.ts.map

package/dist/src/runtime/forms/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","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,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAA;CAC/B,CAAC"}