@elaraai/east-ui 0.0.1-beta.6 → 0.0.1-beta.7

package/dist/src/forms/field/types.d.ts

@@ -2,7 +2,731 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { type SubtypeExprOrValue, StringType, BooleanType } from "@elaraai/east";
+import { type SubtypeExprOrValue, StringType, BooleanType, StructType, OptionType, VariantType, NullType } from "@elaraai/east";
+/**
+ * Field orientation options for layout direction.
+ * @remarks
+ * Controls whether label and control are arranged vertically or horizontally.
+ *
+ * @property vertical - Label above control
+ * @property horizontal - Label beside control
+ */
+export declare const FieldOrientationType: VariantType<{
+    vertical: NullType;
+    horizontal: NullType;
+}>;
+/**
+ * Type representing the FieldOrientation structure.
+ */
+export type FieldOrientationType = typeof FieldOrientationType;
+/**
+ * String literal type for orientation values.
+ */
+export type FieldOrientationLiteral = "vertical" | "horizontal";
+/**
+ * Unified control type as a variant of all input types.
+ *
+ * @property Checkbox - Checkbox input
+ * @property StringInput - String text input
+ * @property IntegerInput - Integer number input
+ * @property FloatInput - Float number input
+ * @property DateTimeInput - Date/time picker input
+ * @property FileUpload - File upload input
+ * @property Select - Select dropdown input
+ * @property Slider - Slider input
+ * @property Switch - Switch/toggle input
+ * @property TagsInput - Tags input
+ * @property Textarea - Multi-line textarea input
+ *
+ */
+export declare const ControlRootType: VariantType<{
+    Checkbox: StructType<{
+        checked: BooleanType;
+        label: OptionType<StringType>;
+        indeterminate: OptionType<BooleanType>;
+        disabled: OptionType<BooleanType>;
+        colorPalette: OptionType<VariantType<{
+            gray: NullType;
+            red: NullType;
+            orange: NullType;
+            yellow: NullType;
+            green: NullType;
+            teal: NullType;
+            blue: NullType;
+            cyan: NullType;
+            purple: NullType;
+            pink: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], NullType>>;
+    }>;
+    StringInput: StructType<{
+        value: StringType;
+        placeholder: OptionType<StringType>;
+        variant: OptionType<VariantType<{
+            outline: NullType;
+            subtle: NullType;
+            flushed: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        maxLength: OptionType<import("@elaraai/east").IntegerType>;
+        pattern: OptionType<StringType>;
+        disabled: OptionType<BooleanType>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+        onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+    }>;
+    IntegerInput: StructType<{
+        value: import("@elaraai/east").IntegerType;
+        min: OptionType<import("@elaraai/east").IntegerType>;
+        max: OptionType<import("@elaraai/east").IntegerType>;
+        step: OptionType<import("@elaraai/east").IntegerType>;
+        variant: OptionType<VariantType<{
+            outline: NullType;
+            subtle: NullType;
+            flushed: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        disabled: OptionType<BooleanType>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], NullType>>;
+        onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+    }>;
+    FloatInput: StructType<{
+        value: import("@elaraai/east").FloatType;
+        min: OptionType<import("@elaraai/east").FloatType>;
+        max: OptionType<import("@elaraai/east").FloatType>;
+        step: OptionType<import("@elaraai/east").FloatType>;
+        precision: OptionType<import("@elaraai/east").IntegerType>;
+        variant: OptionType<VariantType<{
+            outline: NullType;
+            subtle: NullType;
+            flushed: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        disabled: OptionType<BooleanType>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], NullType>>;
+        onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+    }>;
+    DateTimeInput: StructType<{
+        value: import("@elaraai/east").DateTimeType;
+        min: OptionType<import("@elaraai/east").DateTimeType>;
+        max: OptionType<import("@elaraai/east").DateTimeType>;
+        precision: OptionType<VariantType<{
+            date: NullType;
+            time: NullType;
+            datetime: NullType;
+        }>>;
+        format: OptionType<import("@elaraai/east").ArrayType<VariantType<{
+            literal: StringType;
+            year4: NullType;
+            year2: NullType;
+            month1: NullType;
+            month2: NullType;
+            monthNameShort: NullType;
+            monthNameFull: NullType;
+            day1: NullType;
+            day2: NullType;
+            weekdayNameMin: NullType;
+            weekdayNameShort: NullType;
+            weekdayNameFull: NullType;
+            hour24_1: NullType;
+            hour24_2: NullType;
+            hour12_1: NullType;
+            hour12_2: NullType;
+            minute1: NullType;
+            minute2: NullType;
+            second1: NullType;
+            second2: NullType;
+            millisecond3: NullType;
+            ampmUpper: NullType;
+            ampmLower: NullType;
+        }>>>;
+        variant: OptionType<VariantType<{
+            outline: NullType;
+            subtle: NullType;
+            flushed: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        disabled: OptionType<BooleanType>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").DateTimeType], NullType>>;
+        onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+    }>;
+    FileUpload: StructType<{
+        accept: OptionType<StringType>;
+        maxFiles: OptionType<import("@elaraai/east").IntegerType>;
+        maxFileSize: OptionType<import("@elaraai/east").IntegerType>;
+        minFileSize: OptionType<import("@elaraai/east").IntegerType>;
+        directory: OptionType<BooleanType>;
+        disabled: OptionType<BooleanType>;
+        required: OptionType<BooleanType>;
+        allowDrop: OptionType<BooleanType>;
+        capture: OptionType<VariantType<{
+            user: NullType;
+            environment: NullType;
+        }>>;
+        name: OptionType<StringType>;
+        label: OptionType<StringType>;
+        dropzoneText: OptionType<StringType>;
+        triggerText: OptionType<StringType>;
+        onFileAccept: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StructType<{
+            name: StringType;
+            size: import("@elaraai/east").IntegerType;
+            type: StringType;
+        }>>], NullType>>;
+        onFileReject: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StructType<{
+            file: StructType<{
+                name: StringType;
+                size: import("@elaraai/east").IntegerType;
+                type: StringType;
+            }>;
+            errors: import("@elaraai/east").ArrayType<StringType>;
+        }>>], NullType>>;
+    }>;
+    Select: StructType<{
+        value: OptionType<StringType>;
+        items: import("@elaraai/east").ArrayType<StructType<{
+            value: StringType;
+            label: StringType;
+            disabled: OptionType<BooleanType>;
+        }>>;
+        placeholder: OptionType<StringType>;
+        multiple: OptionType<BooleanType>;
+        disabled: OptionType<BooleanType>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+        onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StringType>], NullType>>;
+        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], NullType>>;
+    }>;
+    Slider: StructType<{
+        value: import("@elaraai/east").FloatType;
+        min: OptionType<import("@elaraai/east").FloatType>;
+        max: OptionType<import("@elaraai/east").FloatType>;
+        step: OptionType<import("@elaraai/east").FloatType>;
+        orientation: OptionType<VariantType<{
+            horizontal: NullType;
+            vertical: NullType;
+        }>>;
+        colorPalette: OptionType<VariantType<{
+            gray: NullType;
+            red: NullType;
+            orange: NullType;
+            yellow: NullType;
+            green: NullType;
+            teal: NullType;
+            blue: NullType;
+            cyan: NullType;
+            purple: NullType;
+            pink: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        variant: OptionType<VariantType<{
+            outline: NullType;
+            subtle: NullType;
+        }>>;
+        disabled: OptionType<BooleanType>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], NullType>>;
+        onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], NullType>>;
+    }>;
+    Switch: StructType<{
+        checked: BooleanType;
+        label: OptionType<StringType>;
+        disabled: OptionType<BooleanType>;
+        colorPalette: OptionType<VariantType<{
+            gray: NullType;
+            red: NullType;
+            orange: NullType;
+            yellow: NullType;
+            green: NullType;
+            teal: NullType;
+            blue: NullType;
+            cyan: NullType;
+            purple: NullType;
+            pink: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], NullType>>;
+    }>;
+    TagsInput: StructType<{
+        value: import("@elaraai/east").ArrayType<StringType>;
+        defaultValue: OptionType<import("@elaraai/east").ArrayType<StringType>>;
+        max: OptionType<import("@elaraai/east").IntegerType>;
+        maxLength: OptionType<import("@elaraai/east").IntegerType>;
+        disabled: OptionType<BooleanType>;
+        readOnly: OptionType<BooleanType>;
+        invalid: OptionType<BooleanType>;
+        editable: OptionType<BooleanType>;
+        delimiter: OptionType<StringType>;
+        addOnPaste: OptionType<BooleanType>;
+        blurBehavior: OptionType<VariantType<{
+            clear: NullType;
+            add: NullType;
+        }>>;
+        allowOverflow: OptionType<BooleanType>;
+        label: OptionType<StringType>;
+        placeholder: OptionType<StringType>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        variant: OptionType<VariantType<{
+            outline: NullType;
+            subtle: NullType;
+            flushed: NullType;
+        }>>;
+        colorPalette: OptionType<VariantType<{
+            gray: NullType;
+            red: NullType;
+            orange: NullType;
+            yellow: NullType;
+            green: NullType;
+            teal: NullType;
+            blue: NullType;
+            cyan: NullType;
+            purple: NullType;
+            pink: NullType;
+        }>>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StringType>], NullType>>;
+        onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+        onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], NullType>>;
+    }>;
+    Textarea: StructType<{
+        value: StringType;
+        placeholder: OptionType<StringType>;
+        variant: OptionType<VariantType<{
+            outline: NullType;
+            subtle: NullType;
+            flushed: NullType;
+        }>>;
+        size: OptionType<VariantType<{
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
+        }>>;
+        resize: OptionType<VariantType<{
+            none: NullType;
+            vertical: NullType;
+            horizontal: NullType;
+            both: NullType;
+        }>>;
+        rows: OptionType<import("@elaraai/east").IntegerType>;
+        disabled: OptionType<BooleanType>;
+        readOnly: OptionType<BooleanType>;
+        required: OptionType<BooleanType>;
+        maxLength: OptionType<import("@elaraai/east").IntegerType>;
+        autoresize: OptionType<BooleanType>;
+        onValidate: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+        onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+        onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+    }>;
+}>;
+export type ControlRootType = typeof ControlRootType;
+/**
+ * The concrete East type for Field component data.
+ *
+ * @remarks
+ * Field wraps a form control (Input, Select, Checkbox, etc.) with
+ * a label and optional helper/error text for form field presentation.
+ *
+ * @property label - Label text for the field
+ * @property control - The form control component (Input, Select, etc.)
+ * @property helperText - Optional descriptive help text
+ * @property errorText - Optional validation error message
+ * @property required - Whether the field is required
+ * @property disabled - Whether the field is disabled
+ * @property readOnly - Whether the field is read-only
+ * @property orientation - Layout orientation of label and control
+ */
+export declare const FieldType: StructType<{
+    label: StringType;
+    control: VariantType<{
+        Checkbox: StructType<{
+            checked: BooleanType;
+            label: OptionType<StringType>;
+            indeterminate: OptionType<BooleanType>;
+            disabled: OptionType<BooleanType>;
+            colorPalette: OptionType<VariantType<{
+                gray: NullType;
+                red: NullType;
+                orange: NullType;
+                yellow: NullType;
+                green: NullType;
+                teal: NullType;
+                blue: NullType;
+                cyan: NullType;
+                purple: NullType;
+                pink: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], NullType>>;
+        }>;
+        StringInput: StructType<{
+            value: StringType;
+            placeholder: OptionType<StringType>;
+            variant: OptionType<VariantType<{
+                outline: NullType;
+                subtle: NullType;
+                flushed: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+            pattern: OptionType<StringType>;
+            disabled: OptionType<BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        }>;
+        IntegerInput: StructType<{
+            value: import("@elaraai/east").IntegerType;
+            min: OptionType<import("@elaraai/east").IntegerType>;
+            max: OptionType<import("@elaraai/east").IntegerType>;
+            step: OptionType<import("@elaraai/east").IntegerType>;
+            variant: OptionType<VariantType<{
+                outline: NullType;
+                subtle: NullType;
+                flushed: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            disabled: OptionType<BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        }>;
+        FloatInput: StructType<{
+            value: import("@elaraai/east").FloatType;
+            min: OptionType<import("@elaraai/east").FloatType>;
+            max: OptionType<import("@elaraai/east").FloatType>;
+            step: OptionType<import("@elaraai/east").FloatType>;
+            precision: OptionType<import("@elaraai/east").IntegerType>;
+            variant: OptionType<VariantType<{
+                outline: NullType;
+                subtle: NullType;
+                flushed: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            disabled: OptionType<BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        }>;
+        DateTimeInput: StructType<{
+            value: import("@elaraai/east").DateTimeType;
+            min: OptionType<import("@elaraai/east").DateTimeType>;
+            max: OptionType<import("@elaraai/east").DateTimeType>;
+            precision: OptionType<VariantType<{
+                date: NullType;
+                time: NullType;
+                datetime: NullType;
+            }>>;
+            format: OptionType<import("@elaraai/east").ArrayType<VariantType<{
+                literal: StringType;
+                year4: NullType;
+                year2: NullType;
+                month1: NullType;
+                month2: NullType;
+                monthNameShort: NullType;
+                monthNameFull: NullType;
+                day1: NullType;
+                day2: NullType;
+                weekdayNameMin: NullType;
+                weekdayNameShort: NullType;
+                weekdayNameFull: NullType;
+                hour24_1: NullType;
+                hour24_2: NullType;
+                hour12_1: NullType;
+                hour12_2: NullType;
+                minute1: NullType;
+                minute2: NullType;
+                second1: NullType;
+                second2: NullType;
+                millisecond3: NullType;
+                ampmUpper: NullType;
+                ampmLower: NullType;
+            }>>>;
+            variant: OptionType<VariantType<{
+                outline: NullType;
+                subtle: NullType;
+                flushed: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            disabled: OptionType<BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").DateTimeType], NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        }>;
+        FileUpload: StructType<{
+            accept: OptionType<StringType>;
+            maxFiles: OptionType<import("@elaraai/east").IntegerType>;
+            maxFileSize: OptionType<import("@elaraai/east").IntegerType>;
+            minFileSize: OptionType<import("@elaraai/east").IntegerType>;
+            directory: OptionType<BooleanType>;
+            disabled: OptionType<BooleanType>;
+            required: OptionType<BooleanType>;
+            allowDrop: OptionType<BooleanType>;
+            capture: OptionType<VariantType<{
+                user: NullType;
+                environment: NullType;
+            }>>;
+            name: OptionType<StringType>;
+            label: OptionType<StringType>;
+            dropzoneText: OptionType<StringType>;
+            triggerText: OptionType<StringType>;
+            onFileAccept: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StructType<{
+                name: StringType;
+                size: import("@elaraai/east").IntegerType;
+                type: StringType;
+            }>>], NullType>>;
+            onFileReject: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StructType<{
+                file: StructType<{
+                    name: StringType;
+                    size: import("@elaraai/east").IntegerType;
+                    type: StringType;
+                }>;
+                errors: import("@elaraai/east").ArrayType<StringType>;
+            }>>], NullType>>;
+        }>;
+        Select: StructType<{
+            value: OptionType<StringType>;
+            items: import("@elaraai/east").ArrayType<StructType<{
+                value: StringType;
+                label: StringType;
+                disabled: OptionType<BooleanType>;
+            }>>;
+            placeholder: OptionType<StringType>;
+            multiple: OptionType<BooleanType>;
+            disabled: OptionType<BooleanType>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+            onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StringType>], NullType>>;
+            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], NullType>>;
+        }>;
+        Slider: StructType<{
+            value: import("@elaraai/east").FloatType;
+            min: OptionType<import("@elaraai/east").FloatType>;
+            max: OptionType<import("@elaraai/east").FloatType>;
+            step: OptionType<import("@elaraai/east").FloatType>;
+            orientation: OptionType<VariantType<{
+                horizontal: NullType;
+                vertical: NullType;
+            }>>;
+            colorPalette: OptionType<VariantType<{
+                gray: NullType;
+                red: NullType;
+                orange: NullType;
+                yellow: NullType;
+                green: NullType;
+                teal: NullType;
+                blue: NullType;
+                cyan: NullType;
+                purple: NullType;
+                pink: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            variant: OptionType<VariantType<{
+                outline: NullType;
+                subtle: NullType;
+            }>>;
+            disabled: OptionType<BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], NullType>>;
+            onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], NullType>>;
+        }>;
+        Switch: StructType<{
+            checked: BooleanType;
+            label: OptionType<StringType>;
+            disabled: OptionType<BooleanType>;
+            colorPalette: OptionType<VariantType<{
+                gray: NullType;
+                red: NullType;
+                orange: NullType;
+                yellow: NullType;
+                green: NullType;
+                teal: NullType;
+                blue: NullType;
+                cyan: NullType;
+                purple: NullType;
+                pink: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], NullType>>;
+        }>;
+        TagsInput: StructType<{
+            value: import("@elaraai/east").ArrayType<StringType>;
+            defaultValue: OptionType<import("@elaraai/east").ArrayType<StringType>>;
+            max: OptionType<import("@elaraai/east").IntegerType>;
+            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+            disabled: OptionType<BooleanType>;
+            readOnly: OptionType<BooleanType>;
+            invalid: OptionType<BooleanType>;
+            editable: OptionType<BooleanType>;
+            delimiter: OptionType<StringType>;
+            addOnPaste: OptionType<BooleanType>;
+            blurBehavior: OptionType<VariantType<{
+                clear: NullType;
+                add: NullType;
+            }>>;
+            allowOverflow: OptionType<BooleanType>;
+            label: OptionType<StringType>;
+            placeholder: OptionType<StringType>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            variant: OptionType<VariantType<{
+                outline: NullType;
+                subtle: NullType;
+                flushed: NullType;
+            }>>;
+            colorPalette: OptionType<VariantType<{
+                gray: NullType;
+                red: NullType;
+                orange: NullType;
+                yellow: NullType;
+                green: NullType;
+                teal: NullType;
+                blue: NullType;
+                cyan: NullType;
+                purple: NullType;
+                pink: NullType;
+            }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").ArrayType<StringType>], NullType>>;
+            onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+            onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], NullType>>;
+        }>;
+        Textarea: StructType<{
+            value: StringType;
+            placeholder: OptionType<StringType>;
+            variant: OptionType<VariantType<{
+                outline: NullType;
+                subtle: NullType;
+                flushed: NullType;
+            }>>;
+            size: OptionType<VariantType<{
+                xs: NullType;
+                sm: NullType;
+                md: NullType;
+                lg: NullType;
+            }>>;
+            resize: OptionType<VariantType<{
+                none: NullType;
+                vertical: NullType;
+                horizontal: NullType;
+                both: NullType;
+            }>>;
+            rows: OptionType<import("@elaraai/east").IntegerType>;
+            disabled: OptionType<BooleanType>;
+            readOnly: OptionType<BooleanType>;
+            required: OptionType<BooleanType>;
+            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+            autoresize: OptionType<BooleanType>;
+            onValidate: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+        }>;
+    }>;
+    helperText: OptionType<StringType>;
+    errorText: OptionType<StringType>;
+    required: OptionType<BooleanType>;
+    disabled: OptionType<BooleanType>;
+    invalid: OptionType<BooleanType>;
+    readOnly: OptionType<BooleanType>;
+    orientation: OptionType<VariantType<{
+        vertical: NullType;
+        horizontal: NullType;
+    }>>;
+}>;
+/**
+ * Type representing the Field component structure.
+ */
+export type FieldType = typeof FieldType;
 /**
  * TypeScript interface for Field configuration options.
  *
@@ -10,13 +734,13 @@ import { type SubtypeExprOrValue, StringType, BooleanType } from "@elaraai/east"
  * Field wraps a form control (Input, Select, Checkbox, etc.) with
  * a label and optional helper/error text.
  *
- * @property label - Label text for the field
  * @property helperText - Optional descriptive help text
  * @property errorText - Optional validation error message
  * @property required - Whether the field is required
  * @property disabled - Whether the field is disabled
- * @property invalid - Whether the field is in an invalid state
+ * @property invalid - Weather the field is invalid
  * @property readOnly - Whether the field is read-only
+ * @property orientation - Layout orientation of label and control
  */
 export interface FieldStyle {
     /** Optional descriptive help text */
@@ -27,9 +751,11 @@ export interface FieldStyle {
     required?: SubtypeExprOrValue<BooleanType>;
     /** Whether the field is disabled */
     disabled?: SubtypeExprOrValue<BooleanType>;
-    /** Whether the field is in an invalid state */
+    /** Weather the field is invalid */
     invalid?: SubtypeExprOrValue<BooleanType>;
     /** Whether the field is read-only */
     readOnly?: SubtypeExprOrValue<BooleanType>;
+    /** Layout orientation of label and control */
+    orientation?: SubtypeExprOrValue<FieldOrientationType> | FieldOrientationLiteral;
 }
 //# sourceMappingURL=types.d.ts.map