@elaraai/east-ui 1.0.4 → 1.0.5

package/dist/src/runtime/forms/checkbox.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.
+ */
+/**
+ * `<Checkbox>` tag — see the export's JSDoc.
+ */
+import { Checkbox as CheckboxFactory } from "../../forms/checkbox/index.js";
+import { type ValueProps, type JsxTag } from "../combinators.js";
+/**
+ * Boolean selection control — a labelled checkbox for opt-in / accept / toggle
+ * choices. Reach for it when a single true/false answer needs an explicit tick;
+ * supports an indeterminate (partial) state, 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 { Checkbox, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const terms = East.function([], UIComponentType, _$ => (
+ *     <Checkbox checked={false} label="Accept terms" />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Checkbox.Types`. Bind `checked` to state and wire `onChange` inside a
+ * `<Reactive>` block for a live control. Desugars to `Checkbox.Root(checked, style)`.
+ */
+export declare const Checkbox: JsxTag<ValueProps<typeof CheckboxFactory.Root, "checked">> & {
+    Types: typeof CheckboxFactory.Types;
+};
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/checkbox.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;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAA;CAC/B,CAAC"}

package/dist/src/runtime/forms/checkbox.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.
+ */
+/**
+ * `<Checkbox>` tag — see the export's JSDoc.
+ */
+import { Checkbox as CheckboxFactory } from "../../forms/checkbox/index.js";
+import { leaf } from "../combinators.js";
+/**
+ * Boolean selection control — a labelled checkbox for opt-in / accept / toggle
+ * choices. Reach for it when a single true/false answer needs an explicit tick;
+ * supports an indeterminate (partial) state, 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 { Checkbox, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const terms = East.function([], UIComponentType, _$ => (
+ *     <Checkbox checked={false} label="Accept terms" />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Checkbox.Types`. Bind `checked` to state and wire `onChange` inside a
+ * `<Reactive>` block for a live control. Desugars to `Checkbox.Root(checked, style)`.
+ */
+export const Checkbox = Object.assign(leaf(CheckboxFactory.Root, "checked"), { Types: CheckboxFactory.Types });
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/runtime/forms/checkbox.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;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,QAAQ,GACjB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Combobox>` tag — see the export's JSDoc.
+ */
+import { Combobox as ComboboxFactory, type ComboboxOptions } from "../../forms/combobox/index.js";
+import { type JsxTag } from "../combinators.js";
+/** Option builder + types surfaced on the `<Combobox>` tag (mirrors the `Combobox` factory namespace). */
+type ComboboxBuilders = {
+    Item: typeof ComboboxFactory.Item;
+    Types: typeof ComboboxFactory.Types;
+};
+/**
+ * Searchable dropdown — like {@link Select}, but the user types to filter the
+ * options as they go. Reach for it when the list is long enough that scanning is
+ * slow (countries, frameworks, tags). `items` is a list of `Combobox.Item(value,
+ * label)` options, `value` the current selection, and `placeholder` the search
+ * hint. Set `allowCustomValue` to accept entries not in the list, or `multiple`
+ * for multi-select (driving `onChangeMultiple`); single-select uses `onChange`.
+ * See {@link ComboboxOptions}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Combobox, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const country = East.function([], UIComponentType, _$ => (
+ *     <Combobox
+ *         value=""
+ *         items={[
+ *             Combobox.Item("us", "United States"),
+ *             Combobox.Item("uk", "United Kingdom"),
+ *             Combobox.Item("ca", "Canada"),
+ *         ]}
+ *         placeholder="Search countries..."
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Combobox.Types` and the `Combobox.Item(value, label, options?)` option
+ * builder. Bind `value` to state and wire `onChange` / `onChangeMultiple` inside a
+ * `<Reactive>` block. Desugars to `Combobox.Root(options)`.
+ */
+export declare const Combobox: JsxTag<ComboboxOptions> & ComboboxBuilders;
+export {};
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/combobox.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAClG,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D,0GAA0G;AAC1G,KAAK,gBAAgB,GAAG;IACpB,IAAI,EAAE,OAAO,eAAe,CAAC,IAAI,CAAC;IAClC,KAAK,EAAE,OAAO,eAAe,CAAC,KAAK,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,GAAG,gBAI3C,CAAC"}

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

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Combobox>` tag — see the export's JSDoc.
+ */
+import { Combobox as ComboboxFactory } from "../../forms/combobox/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Searchable dropdown — like {@link Select}, but the user types to filter the
+ * options as they go. Reach for it when the list is long enough that scanning is
+ * slow (countries, frameworks, tags). `items` is a list of `Combobox.Item(value,
+ * label)` options, `value` the current selection, and `placeholder` the search
+ * hint. Set `allowCustomValue` to accept entries not in the list, or `multiple`
+ * for multi-select (driving `onChangeMultiple`); single-select uses `onChange`.
+ * See {@link ComboboxOptions}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Combobox, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const country = East.function([], UIComponentType, _$ => (
+ *     <Combobox
+ *         value=""
+ *         items={[
+ *             Combobox.Item("us", "United States"),
+ *             Combobox.Item("uk", "United Kingdom"),
+ *             Combobox.Item("ca", "Canada"),
+ *         ]}
+ *         placeholder="Search countries..."
+ *     />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Combobox.Types` and the `Combobox.Item(value, label, options?)` option
+ * builder. Bind `value` to state and wire `onChange` / `onChangeMultiple` inside a
+ * `<Reactive>` block. Desugars to `Combobox.Root(options)`.
+ */
+export const Combobox = Object.assign(optionsTag(ComboboxFactory.Root), {
+    Item: ComboboxFactory.Item,
+    Types: ComboboxFactory.Types,
+});
+//# sourceMappingURL=combobox.js.map

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

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

package/dist/src/runtime/forms/date-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.
+ */
+/**
+ * `<DateRangeInput>` tag — see the export's JSDoc.
+ */
+import { DateRangeInput as DateRangeInputFactory, type DateRangeInputStyle } from "../../forms/date-range-input/index.js";
+import { type JsxTag } from "../combinators.js";
+/**
+ * Paired start / end date fields — a single control for picking a from–to date
+ * range with optional quick presets. Reach for it to scope a report or query to a
+ * window. `precision` switches between date-only and date+time; `startValue` /
+ * `endValue` are the two endpoints; `presets` adds one-click ranges (Last 7 days,
+ * MTD, YTD, …). `onChange` carries both endpoints together. See {@link DateRangeInputStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, DateTimeType } from "@elaraai/east";
+ * import { DateRangeInput, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const range = East.function([], UIComponentType, $ => {
+ *     const start = $.let(new Date("2026-04-01T00:00:00Z"), DateTimeType);
+ *     const end = $.let(new Date("2026-04-30T00:00:00Z"), DateTimeType);
+ *     return <DateRangeInput startValue={start} endValue={end} precision="date" />;
+ * });
+ * ```
+ *
+ * @remarks
+ * Carries `DateRangeInput.Types`. Bind both endpoints to state and wire the
+ * two-arg `onChange` inside a `<Reactive>` block for a live range. Desugars to
+ * `DateRangeInput.Root(options)`.
+ */
+export declare const DateRangeInput: JsxTag<DateRangeInputStyle> & {
+    Types: typeof DateRangeInputFactory.Types;
+};
+//# sourceMappingURL=date-range-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-input.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/date-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/date-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.
+ */
+/**
+ * `<DateRangeInput>` tag — see the export's JSDoc.
+ */
+import { DateRangeInput as DateRangeInputFactory } from "../../forms/date-range-input/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * Paired start / end date fields — a single control for picking a from–to date
+ * range with optional quick presets. Reach for it to scope a report or query to a
+ * window. `precision` switches between date-only and date+time; `startValue` /
+ * `endValue` are the two endpoints; `presets` adds one-click ranges (Last 7 days,
+ * MTD, YTD, …). `onChange` carries both endpoints together. See {@link DateRangeInputStyle}.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East, DateTimeType } from "@elaraai/east";
+ * import { DateRangeInput, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const range = East.function([], UIComponentType, $ => {
+ *     const start = $.let(new Date("2026-04-01T00:00:00Z"), DateTimeType);
+ *     const end = $.let(new Date("2026-04-30T00:00:00Z"), DateTimeType);
+ *     return <DateRangeInput startValue={start} endValue={end} precision="date" />;
+ * });
+ * ```
+ *
+ * @remarks
+ * Carries `DateRangeInput.Types`. Bind both endpoints to state and wire the
+ * two-arg `onChange` inside a `<Reactive>` block for a live range. Desugars to
+ * `DateRangeInput.Root(options)`.
+ */
+export const DateRangeInput = Object.assign(optionsTag(DateRangeInputFactory.Root), { Types: DateRangeInputFactory.Types });
+//# sourceMappingURL=date-range-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-input.js","sourceRoot":"","sources":["../../../../src/runtime/forms/date-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/forms/field.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Field.*>` namespace tags — see the export's JSDoc.
+ */
+import { Field as FieldFactory } from "../../forms/field/index.js";
+import { type JsxTag } from "../combinators.js";
+/** Props for a `(label, value, style?)` Field member, with the value under prop `K`. */
+type FieldValueProps<F extends (...a: never[]) => unknown, K extends string> = {
+    label: Parameters<F>[0];
+} & Record<K, Parameters<F>[1]> & NonNullable<Parameters<F>[2]>;
+/** Props for `<Field.Select>` — `(label, value, items, style?)`. */
+type FieldSelectProps = {
+    label: Parameters<typeof FieldFactory.Select>[0];
+    value: Parameters<typeof FieldFactory.Select>[1];
+    items: Parameters<typeof FieldFactory.Select>[2];
+} & NonNullable<Parameters<typeof FieldFactory.Select>[3]>;
+/** Props for `<Field.FileUpload>` — `(label, style?)`. */
+type FieldFileUploadProps = {
+    label: Parameters<typeof FieldFactory.FileUpload>[0];
+} & NonNullable<Parameters<typeof FieldFactory.FileUpload>[1]>;
+/**
+ * Labelled form control — wraps an underlying input with a `label` and the
+ * surrounding form chrome (`helperText`, `errorText`, `required`, `invalid`,
+ * `schemaKey`). Reach for it to build proper form rows rather than dropping a
+ * bare input on the page. The member name picks the control; the value surfaces
+ * under a control-appropriate prop:
+ *
+ * - `<Field.StringInput>` / `IntegerInput` / `FloatInput` / `DateTimeInput` — the
+ *   typed text/number/date inputs, value under `value`.
+ * - `<Field.Textarea>` — multi-line text, value under `value`.
+ * - `<Field.Slider>` — numeric slider, value under `value`.
+ * - `<Field.Checkbox>` / `<Field.Switch>` — boolean toggles, value under `checked`.
+ * - `<Field.TagsInput>` — multi-tag entry, value under `values`.
+ * - `<Field.Select>` — dropdown, value under `value` with an `items` list.
+ * - `<Field.FileUpload>` — file picker (label only, no value prop).
+ *
+ * Each member also accepts its wrapped control's own style props.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Field, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const form = East.function([], UIComponentType, _$ => (
+ *     <VStack gap="4" align="stretch" width="100%">
+ *         <Field.StringInput label="Email" value="" schemaKey="user.email" helperText="We'll never share your email." placeholder="you@example.com" />
+ *         <Field.StringInput label="Password" value="" schemaKey="user.password" required={true} errorText="Password is required" invalid={true} placeholder="Enter password" />
+ *     </VStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Field.Types`. Bind the control value to state and wire its `onChange`
+ * inside a `<Reactive>` block for a live, validating field. Each member desugars
+ * to `Field.<Member>(label, value, style)` (`Field.Select` adds `items`;
+ * `Field.FileUpload` takes only `label`).
+ */
+export declare const Field: {
+    StringInput: JsxTag<FieldValueProps<typeof FieldFactory.StringInput, "value">>;
+    IntegerInput: JsxTag<FieldValueProps<typeof FieldFactory.IntegerInput, "value">>;
+    FloatInput: JsxTag<FieldValueProps<typeof FieldFactory.FloatInput, "value">>;
+    DateTimeInput: JsxTag<FieldValueProps<typeof FieldFactory.DateTimeInput, "value">>;
+    Textarea: JsxTag<FieldValueProps<typeof FieldFactory.Textarea, "value">>;
+    Slider: JsxTag<FieldValueProps<typeof FieldFactory.Slider, "value">>;
+    Checkbox: JsxTag<FieldValueProps<typeof FieldFactory.Checkbox, "checked">>;
+    Switch: JsxTag<FieldValueProps<typeof FieldFactory.Switch, "checked">>;
+    TagsInput: JsxTag<FieldValueProps<typeof FieldFactory.TagsInput, "values">>;
+    Select: JsxTag<FieldSelectProps>;
+    FileUpload: JsxTag<FieldFileUploadProps>;
+    Types: typeof FieldFactory.Types;
+};
+export {};
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/field.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAW,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wFAAwF;AACxF,KAAK,eAAe,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,CAAC,SAAS,MAAM,IACvE;IAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9F,oEAAoE;AACpE,KAAK,gBAAgB,GACjB;IACI,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;CACpD,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/D,0DAA0D;AAC1D,KAAK,oBAAoB,GACrB;IAAE,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,GACtD,WAAW,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,KAAK,EAAE;IAChB,WAAW,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/E,YAAY,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IACjF,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7E,aAAa,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IACnF,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IACzE,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrE,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC3E,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACvE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,OAAO,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC5E,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACzC,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;CAyBpC,CAAC"}

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

@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<Field.*>` namespace tags — see the export's JSDoc.
+ */
+import { Field as FieldFactory } from "../../forms/field/index.js";
+import { hasKeys } from "../combinators.js";
+/**
+ * Labelled form control — wraps an underlying input with a `label` and the
+ * surrounding form chrome (`helperText`, `errorText`, `required`, `invalid`,
+ * `schemaKey`). Reach for it to build proper form rows rather than dropping a
+ * bare input on the page. The member name picks the control; the value surfaces
+ * under a control-appropriate prop:
+ *
+ * - `<Field.StringInput>` / `IntegerInput` / `FloatInput` / `DateTimeInput` — the
+ *   typed text/number/date inputs, value under `value`.
+ * - `<Field.Textarea>` — multi-line text, value under `value`.
+ * - `<Field.Slider>` — numeric slider, value under `value`.
+ * - `<Field.Checkbox>` / `<Field.Switch>` — boolean toggles, value under `checked`.
+ * - `<Field.TagsInput>` — multi-tag entry, value under `values`.
+ * - `<Field.Select>` — dropdown, value under `value` with an `items` list.
+ * - `<Field.FileUpload>` — file picker (label only, no value prop).
+ *
+ * Each member also accepts its wrapped control's own style props.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { Field, VStack, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const form = East.function([], UIComponentType, _$ => (
+ *     <VStack gap="4" align="stretch" width="100%">
+ *         <Field.StringInput label="Email" value="" schemaKey="user.email" helperText="We'll never share your email." placeholder="you@example.com" />
+ *         <Field.StringInput label="Password" value="" schemaKey="user.password" required={true} errorText="Password is required" invalid={true} placeholder="Enter password" />
+ *     </VStack>
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `Field.Types`. Bind the control value to state and wire its `onChange`
+ * inside a `<Reactive>` block for a live, validating field. Each member desugars
+ * to `Field.<Member>(label, value, style)` (`Field.Select` adds `items`;
+ * `Field.FileUpload` takes only `label`).
+ */
+export const Field = {
+    StringInput: ({ label, value, ...style }) => FieldFactory.StringInput(label, value, hasKeys(style) ? style : undefined),
+    IntegerInput: ({ label, value, ...style }) => FieldFactory.IntegerInput(label, value, hasKeys(style) ? style : undefined),
+    FloatInput: ({ label, value, ...style }) => FieldFactory.FloatInput(label, value, hasKeys(style) ? style : undefined),
+    DateTimeInput: ({ label, value, ...style }) => FieldFactory.DateTimeInput(label, value, hasKeys(style) ? style : undefined),
+    Textarea: ({ label, value, ...style }) => FieldFactory.Textarea(label, value, hasKeys(style) ? style : undefined),
+    Slider: ({ label, value, ...style }) => FieldFactory.Slider(label, value, hasKeys(style) ? style : undefined),
+    Checkbox: ({ label, checked, ...style }) => FieldFactory.Checkbox(label, checked, hasKeys(style) ? style : undefined),
+    Switch: ({ label, checked, ...style }) => FieldFactory.Switch(label, checked, hasKeys(style) ? style : undefined),
+    TagsInput: ({ label, values, ...style }) => FieldFactory.TagsInput(label, values, hasKeys(style) ? style : undefined),
+    Select: ({ label, value, items, ...style }) => FieldFactory.Select(label, value, items, hasKeys(style) ? style : undefined),
+    FileUpload: ({ label, ...style }) => FieldFactory.FileUpload(label, hasKeys(style) ? style : undefined),
+    Types: FieldFactory.Types,
+};
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../src/runtime/forms/field.ts"],"names":[],"mappings":"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"}

package/dist/src/runtime/forms/file-upload.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<FileUpload>` tag — see the export's JSDoc.
+ */
+import { FileUpload as FileUploadFactory } from "../../forms/file-upload/index.js";
+import { type OptionsProps, type JsxTag } from "../combinators.js";
+/**
+ * File drop zone / picker — a labelled area accepting files via drag-and-drop or
+ * a browse button. Reach for it to collect uploads. `accept` filters MIME types,
+ * `maxFiles` / `maxFileSize` cap the selection, and `label` / `dropzoneText` /
+ * `triggerText` set the chrome. `onFileAccept` carries the accepted file list and
+ * `onFileReject` the rejected ones with their errors.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { FileUpload, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const upload = East.function([], UIComponentType, _$ => (
+ *     <FileUpload label="Upload Files" dropzoneText="or drag and drop" triggerText="Choose files" maxFiles={5} accept="image/*" />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `FileUpload.Types`. Wire `onFileAccept` / `onFileReject` inside a
+ * `<Reactive>` block to react to selections. Desugars to `FileUpload.Root(options)`.
+ */
+export declare const FileUpload: JsxTag<OptionsProps<typeof FileUploadFactory.Root>> & {
+    Types: typeof FileUploadFactory.Types;
+};
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/src/runtime/forms/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/file-upload.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAc,KAAK,YAAY,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CAC7B,CAAC"}

package/dist/src/runtime/forms/file-upload.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/**
+ * `<FileUpload>` tag — see the export's JSDoc.
+ */
+import { FileUpload as FileUploadFactory } from "../../forms/file-upload/index.js";
+import { optionsTag } from "../combinators.js";
+/**
+ * File drop zone / picker — a labelled area accepting files via drag-and-drop or
+ * a browse button. Reach for it to collect uploads. `accept` filters MIME types,
+ * `maxFiles` / `maxFileSize` cap the selection, and `label` / `dropzoneText` /
+ * `triggerText` set the chrome. `onFileAccept` carries the accepted file list and
+ * `onFileReject` the rejected ones with their errors.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { East } from "@elaraai/east";
+ * import { FileUpload, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const upload = East.function([], UIComponentType, _$ => (
+ *     <FileUpload label="Upload Files" dropzoneText="or drag and drop" triggerText="Choose files" maxFiles={5} accept="image/*" />
+ * ));
+ * ```
+ *
+ * @remarks
+ * Carries `FileUpload.Types`. Wire `onFileAccept` / `onFileReject` inside a
+ * `<Reactive>` block to react to selections. Desugars to `FileUpload.Root(options)`.
+ */
+export const FileUpload = Object.assign(optionsTag(FileUploadFactory.Root), { Types: FileUploadFactory.Types });
+//# sourceMappingURL=file-upload.js.map

package/dist/src/runtime/forms/file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../../../src/runtime/forms/file-upload.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,UAAU,EAAkC,MAAM,mBAAmB,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;GAqBG;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/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Form JSX tags. Mirrors `src/forms/`. */
+export { Checkbox } from "./checkbox.js";
+export { Switch } from "./switch.js";
+export { Slider } from "./slider.js";
+export { TagsInput } from "./tags-input.js";
+export { Textarea } from "./textarea.js";
+export { FileUpload } from "./file-upload.js";
+export { DateRangeInput } from "./date-range-input.js";
+export { TimeRangeInput } from "./time-range-input.js";
+export { RadioGroup } from "./radio-group.js";
+export { RadioCardGroup } from "./radio-card-group.js";
+export { Select } from "./select.js";
+export { Combobox } from "./combobox.js";
+export { Input } from "./input.js";
+export { Field } from "./field.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/forms/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2CAA2C;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** Form JSX tags. Mirrors `src/forms/`. */
+export { Checkbox } from "./checkbox.js";
+export { Switch } from "./switch.js";
+export { Slider } from "./slider.js";
+export { TagsInput } from "./tags-input.js";
+export { Textarea } from "./textarea.js";
+export { FileUpload } from "./file-upload.js";
+export { DateRangeInput } from "./date-range-input.js";
+export { TimeRangeInput } from "./time-range-input.js";
+export { RadioGroup } from "./radio-group.js";
+export { RadioCardGroup } from "./radio-card-group.js";
+export { Select } from "./select.js";
+export { Combobox } from "./combobox.js";
+export { Input } from "./input.js";
+export { Field } from "./field.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/forms/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2CAA2C;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

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

@@ -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 { type ValueProps, type JsxTag } 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 declare const Input: {
+    String: JsxTag<ValueProps<typeof InputFactory.String, "value">>;
+    Integer: JsxTag<ValueProps<typeof InputFactory.Integer, "value">>;
+    Float: JsxTag<ValueProps<typeof InputFactory.Float, "value">>;
+    DateTime: JsxTag<ValueProps<typeof InputFactory.DateTime, "value">>;
+    Types: typeof InputFactory.Types;
+};
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","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,EAAQ,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,KAAK,EAAE;IAChB,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChE,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9D,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IACpE,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;CAOpC,CAAC"}