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

package/dist/src/component.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { RecursiveType, VariantType, ArrayType, OptionType, StructType, StringType, IntegerType, FloatType, BooleanType, DictType } from "@elaraai/east";
+import { RecursiveType, VariantType, ArrayType, OptionType, StructType, StringType, IntegerType, FloatType, BooleanType, DictType, FunctionType } from "@elaraai/east";
 /**
  * Recursive type representing any UI component in East UI.
  *
@@ -214,6 +214,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
         highlightLines: OptionType<ArrayType<IntegerType>>;
         maxHeight: OptionType<StringType>;
         showCopyButton: OptionType<BooleanType>;
+        wordWrap: OptionType<BooleanType>;
         title: OptionType<StringType>;
     }>;
     Button: StructType<{
@@ -245,6 +246,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             }>>;
             loading: OptionType<BooleanType>;
             disabled: OptionType<BooleanType>;
+            onClick: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     IconButton: StructType<{
@@ -277,6 +279,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             }>>;
             loading: OptionType<BooleanType>;
             disabled: OptionType<BooleanType>;
+            onClick: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Box: StructType<{
@@ -294,6 +297,28 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             }>>;
             width: OptionType<StringType>;
             height: OptionType<StringType>;
+            minHeight: OptionType<StringType>;
+            minWidth: OptionType<StringType>;
+            maxHeight: OptionType<StringType>;
+            maxWidth: OptionType<StringType>;
+            overflow: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowX: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowY: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
             padding: OptionType<StructType<{
                 top: OptionType<StringType>;
                 right: OptionType<StringType>;
@@ -333,6 +358,77 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             gap: OptionType<StringType>;
         }>>;
     }>;
+    Flex: StructType<{
+        children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
+        style: OptionType<StructType<{
+            direction: OptionType<VariantType<{
+                row: import("@elaraai/east").NullType;
+                column: import("@elaraai/east").NullType;
+                "row-reverse": import("@elaraai/east").NullType;
+                "column-reverse": import("@elaraai/east").NullType;
+            }>>;
+            wrap: OptionType<VariantType<{
+                nowrap: import("@elaraai/east").NullType;
+                wrap: import("@elaraai/east").NullType;
+                "wrap-reverse": import("@elaraai/east").NullType;
+            }>>;
+            justifyContent: OptionType<VariantType<{
+                "flex-start": import("@elaraai/east").NullType;
+                "flex-end": import("@elaraai/east").NullType;
+                center: import("@elaraai/east").NullType;
+                "space-between": import("@elaraai/east").NullType;
+                "space-around": import("@elaraai/east").NullType;
+                "space-evenly": import("@elaraai/east").NullType;
+            }>>;
+            alignItems: OptionType<VariantType<{
+                "flex-start": import("@elaraai/east").NullType;
+                "flex-end": import("@elaraai/east").NullType;
+                center: import("@elaraai/east").NullType;
+                baseline: import("@elaraai/east").NullType;
+                stretch: import("@elaraai/east").NullType;
+            }>>;
+            gap: OptionType<StringType>;
+            width: OptionType<StringType>;
+            height: OptionType<StringType>;
+            minHeight: OptionType<StringType>;
+            minWidth: OptionType<StringType>;
+            maxHeight: OptionType<StringType>;
+            maxWidth: OptionType<StringType>;
+            overflow: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowX: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowY: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            padding: OptionType<StructType<{
+                top: OptionType<StringType>;
+                right: OptionType<StringType>;
+                bottom: OptionType<StringType>;
+                left: OptionType<StringType>;
+            }>>;
+            margin: OptionType<StructType<{
+                top: OptionType<StringType>;
+                right: OptionType<StringType>;
+                bottom: OptionType<StringType>;
+                left: OptionType<StringType>;
+            }>>;
+            background: OptionType<StringType>;
+            color: OptionType<StringType>;
+            borderRadius: OptionType<StringType>;
+        }>>;
+    }>;
     Stack: StructType<{
         children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
         style: OptionType<StructType<{
@@ -378,6 +474,28 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             background: OptionType<StringType>;
             width: OptionType<StringType>;
             height: OptionType<StringType>;
+            minHeight: OptionType<StringType>;
+            minWidth: OptionType<StringType>;
+            maxHeight: OptionType<StringType>;
+            maxWidth: OptionType<StringType>;
+            overflow: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowX: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowY: OptionType<VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
         }>>;
     }>;
     Separator: StructType<{
@@ -472,6 +590,13 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 horizontal: import("@elaraai/east").NullType;
                 vertical: import("@elaraai/east").NullType;
             }>>;
+            onResize: OptionType<FunctionType<[StructType<{
+                size: ArrayType<FloatType>;
+            }>], import("@elaraai/east").NullType>>;
+            onResizeStart: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            onResizeEnd: OptionType<FunctionType<[StructType<{
+                size: ArrayType<FloatType>;
+            }>], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     StringInput: StructType<{
@@ -491,6 +616,9 @@ export declare const UIComponentType: RecursiveType<VariantType<{
         maxLength: OptionType<IntegerType>;
         pattern: OptionType<StringType>;
         disabled: OptionType<BooleanType>;
+        onChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+        onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+        onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
     }>;
     IntegerInput: StructType<{
         value: IntegerType;
@@ -509,6 +637,9 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             lg: import("@elaraai/east").NullType;
         }>>;
         disabled: OptionType<BooleanType>;
+        onChange: OptionType<FunctionType<[IntegerType], import("@elaraai/east").NullType>>;
+        onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+        onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
     }>;
     FloatInput: StructType<{
         value: FloatType;
@@ -528,13 +659,44 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             lg: import("@elaraai/east").NullType;
         }>>;
         disabled: OptionType<BooleanType>;
+        onChange: OptionType<FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+        onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+        onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
     }>;
     DateTimeInput: StructType<{
         value: import("@elaraai/east").DateTimeType;
         min: OptionType<import("@elaraai/east").DateTimeType>;
         max: OptionType<import("@elaraai/east").DateTimeType>;
-        showTime: OptionType<BooleanType>;
-        format: OptionType<StringType>;
+        precision: OptionType<VariantType<{
+            date: import("@elaraai/east").NullType;
+            time: import("@elaraai/east").NullType;
+            datetime: import("@elaraai/east").NullType;
+        }>>;
+        format: OptionType<ArrayType<VariantType<{
+            literal: StringType;
+            year4: import("@elaraai/east").NullType;
+            year2: import("@elaraai/east").NullType;
+            month1: import("@elaraai/east").NullType;
+            month2: import("@elaraai/east").NullType;
+            monthNameShort: import("@elaraai/east").NullType;
+            monthNameFull: import("@elaraai/east").NullType;
+            day1: import("@elaraai/east").NullType;
+            day2: import("@elaraai/east").NullType;
+            weekdayNameMin: import("@elaraai/east").NullType;
+            weekdayNameShort: import("@elaraai/east").NullType;
+            weekdayNameFull: import("@elaraai/east").NullType;
+            hour24_1: import("@elaraai/east").NullType;
+            hour24_2: import("@elaraai/east").NullType;
+            hour12_1: import("@elaraai/east").NullType;
+            hour12_2: import("@elaraai/east").NullType;
+            minute1: import("@elaraai/east").NullType;
+            minute2: import("@elaraai/east").NullType;
+            second1: import("@elaraai/east").NullType;
+            second2: import("@elaraai/east").NullType;
+            millisecond3: import("@elaraai/east").NullType;
+            ampmUpper: import("@elaraai/east").NullType;
+            ampmLower: import("@elaraai/east").NullType;
+        }>>>;
         variant: OptionType<VariantType<{
             outline: import("@elaraai/east").NullType;
             subtle: import("@elaraai/east").NullType;
@@ -547,6 +709,9 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             lg: import("@elaraai/east").NullType;
         }>>;
         disabled: OptionType<BooleanType>;
+        onChange: OptionType<FunctionType<[import("@elaraai/east").DateTimeType], import("@elaraai/east").NullType>>;
+        onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+        onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
     }>;
     Checkbox: StructType<{
         checked: BooleanType;
@@ -571,6 +736,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             md: import("@elaraai/east").NullType;
             lg: import("@elaraai/east").NullType;
         }>>;
+        onChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
     }>;
     Switch: StructType<{
         checked: BooleanType;
@@ -594,6 +760,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             md: import("@elaraai/east").NullType;
             lg: import("@elaraai/east").NullType;
         }>>;
+        onChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
     }>;
     Select: StructType<{
         value: OptionType<StringType>;
@@ -611,6 +778,9 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             md: import("@elaraai/east").NullType;
             lg: import("@elaraai/east").NullType;
         }>>;
+        onChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+        onChangeMultiple: OptionType<FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+        onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
     }>;
     Slider: StructType<{
         value: FloatType;
@@ -644,6 +814,8 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             subtle: import("@elaraai/east").NullType;
         }>>;
         disabled: OptionType<BooleanType>;
+        onChange: OptionType<FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+        onChangeEnd: OptionType<FunctionType<[FloatType], import("@elaraai/east").NullType>>;
     }>;
     FileUpload: StructType<{
         accept: OptionType<StringType>;
@@ -662,31 +834,358 @@ export declare const UIComponentType: RecursiveType<VariantType<{
         label: OptionType<StringType>;
         dropzoneText: OptionType<StringType>;
         triggerText: OptionType<StringType>;
+        onFileAccept: OptionType<FunctionType<[ArrayType<StructType<{
+            name: StringType;
+            size: IntegerType;
+            type: StringType;
+        }>>], import("@elaraai/east").NullType>>;
+        onFileReject: OptionType<FunctionType<[ArrayType<StructType<{
+            file: StructType<{
+                name: StringType;
+                size: IntegerType;
+                type: StringType;
+            }>;
+            errors: ArrayType<StringType>;
+        }>>], import("@elaraai/east").NullType>>;
     }>;
     Field: StructType<{
         label: StringType;
-        control: import("@elaraai/east").RecursiveTypeMarker;
+        control: VariantType<{
+            Checkbox: StructType<{
+                checked: BooleanType;
+                label: OptionType<StringType>;
+                indeterminate: OptionType<BooleanType>;
+                disabled: OptionType<BooleanType>;
+                colorPalette: OptionType<VariantType<{
+                    gray: import("@elaraai/east").NullType;
+                    red: import("@elaraai/east").NullType;
+                    orange: import("@elaraai/east").NullType;
+                    yellow: import("@elaraai/east").NullType;
+                    green: import("@elaraai/east").NullType;
+                    teal: import("@elaraai/east").NullType;
+                    blue: import("@elaraai/east").NullType;
+                    cyan: import("@elaraai/east").NullType;
+                    purple: import("@elaraai/east").NullType;
+                    pink: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                onChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+            }>;
+            StringInput: StructType<{
+                value: StringType;
+                placeholder: OptionType<StringType>;
+                variant: OptionType<VariantType<{
+                    outline: import("@elaraai/east").NullType;
+                    subtle: import("@elaraai/east").NullType;
+                    flushed: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                maxLength: OptionType<IntegerType>;
+                pattern: OptionType<StringType>;
+                disabled: OptionType<BooleanType>;
+                onChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+                onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            }>;
+            IntegerInput: StructType<{
+                value: IntegerType;
+                min: OptionType<IntegerType>;
+                max: OptionType<IntegerType>;
+                step: OptionType<IntegerType>;
+                variant: OptionType<VariantType<{
+                    outline: import("@elaraai/east").NullType;
+                    subtle: import("@elaraai/east").NullType;
+                    flushed: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                disabled: OptionType<BooleanType>;
+                onChange: OptionType<FunctionType<[IntegerType], import("@elaraai/east").NullType>>;
+                onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+                onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            }>;
+            FloatInput: StructType<{
+                value: FloatType;
+                min: OptionType<FloatType>;
+                max: OptionType<FloatType>;
+                step: OptionType<FloatType>;
+                precision: OptionType<IntegerType>;
+                variant: OptionType<VariantType<{
+                    outline: import("@elaraai/east").NullType;
+                    subtle: import("@elaraai/east").NullType;
+                    flushed: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                disabled: OptionType<BooleanType>;
+                onChange: OptionType<FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+                onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            }>;
+            DateTimeInput: StructType<{
+                value: import("@elaraai/east").DateTimeType;
+                min: OptionType<import("@elaraai/east").DateTimeType>;
+                max: OptionType<import("@elaraai/east").DateTimeType>;
+                precision: OptionType<VariantType<{
+                    date: import("@elaraai/east").NullType;
+                    time: import("@elaraai/east").NullType;
+                    datetime: import("@elaraai/east").NullType;
+                }>>;
+                format: OptionType<ArrayType<VariantType<{
+                    literal: StringType;
+                    year4: import("@elaraai/east").NullType;
+                    year2: import("@elaraai/east").NullType;
+                    month1: import("@elaraai/east").NullType;
+                    month2: import("@elaraai/east").NullType;
+                    monthNameShort: import("@elaraai/east").NullType;
+                    monthNameFull: import("@elaraai/east").NullType;
+                    day1: import("@elaraai/east").NullType;
+                    day2: import("@elaraai/east").NullType;
+                    weekdayNameMin: import("@elaraai/east").NullType;
+                    weekdayNameShort: import("@elaraai/east").NullType;
+                    weekdayNameFull: import("@elaraai/east").NullType;
+                    hour24_1: import("@elaraai/east").NullType;
+                    hour24_2: import("@elaraai/east").NullType;
+                    hour12_1: import("@elaraai/east").NullType;
+                    hour12_2: import("@elaraai/east").NullType;
+                    minute1: import("@elaraai/east").NullType;
+                    minute2: import("@elaraai/east").NullType;
+                    second1: import("@elaraai/east").NullType;
+                    second2: import("@elaraai/east").NullType;
+                    millisecond3: import("@elaraai/east").NullType;
+                    ampmUpper: import("@elaraai/east").NullType;
+                    ampmLower: import("@elaraai/east").NullType;
+                }>>>;
+                variant: OptionType<VariantType<{
+                    outline: import("@elaraai/east").NullType;
+                    subtle: import("@elaraai/east").NullType;
+                    flushed: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                disabled: OptionType<BooleanType>;
+                onChange: OptionType<FunctionType<[import("@elaraai/east").DateTimeType], import("@elaraai/east").NullType>>;
+                onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+                onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            }>;
+            FileUpload: StructType<{
+                accept: OptionType<StringType>;
+                maxFiles: OptionType<IntegerType>;
+                maxFileSize: OptionType<IntegerType>;
+                minFileSize: OptionType<IntegerType>;
+                directory: OptionType<BooleanType>;
+                disabled: OptionType<BooleanType>;
+                required: OptionType<BooleanType>;
+                allowDrop: OptionType<BooleanType>;
+                capture: OptionType<VariantType<{
+                    user: import("@elaraai/east").NullType;
+                    environment: import("@elaraai/east").NullType;
+                }>>;
+                name: OptionType<StringType>;
+                label: OptionType<StringType>;
+                dropzoneText: OptionType<StringType>;
+                triggerText: OptionType<StringType>;
+                onFileAccept: OptionType<FunctionType<[ArrayType<StructType<{
+                    name: StringType;
+                    size: IntegerType;
+                    type: StringType;
+                }>>], import("@elaraai/east").NullType>>;
+                onFileReject: OptionType<FunctionType<[ArrayType<StructType<{
+                    file: StructType<{
+                        name: StringType;
+                        size: IntegerType;
+                        type: StringType;
+                    }>;
+                    errors: ArrayType<StringType>;
+                }>>], import("@elaraai/east").NullType>>;
+            }>;
+            Select: StructType<{
+                value: OptionType<StringType>;
+                items: ArrayType<StructType<{
+                    value: StringType;
+                    label: StringType;
+                    disabled: OptionType<BooleanType>;
+                }>>;
+                placeholder: OptionType<StringType>;
+                multiple: OptionType<BooleanType>;
+                disabled: OptionType<BooleanType>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                onChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                onChangeMultiple: OptionType<FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+            }>;
+            Slider: StructType<{
+                value: FloatType;
+                min: OptionType<FloatType>;
+                max: OptionType<FloatType>;
+                step: OptionType<FloatType>;
+                orientation: OptionType<VariantType<{
+                    horizontal: import("@elaraai/east").NullType;
+                    vertical: import("@elaraai/east").NullType;
+                }>>;
+                colorPalette: OptionType<VariantType<{
+                    gray: import("@elaraai/east").NullType;
+                    red: import("@elaraai/east").NullType;
+                    orange: import("@elaraai/east").NullType;
+                    yellow: import("@elaraai/east").NullType;
+                    green: import("@elaraai/east").NullType;
+                    teal: import("@elaraai/east").NullType;
+                    blue: import("@elaraai/east").NullType;
+                    cyan: import("@elaraai/east").NullType;
+                    purple: import("@elaraai/east").NullType;
+                    pink: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                variant: OptionType<VariantType<{
+                    outline: import("@elaraai/east").NullType;
+                    subtle: import("@elaraai/east").NullType;
+                }>>;
+                disabled: OptionType<BooleanType>;
+                onChange: OptionType<FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                onChangeEnd: OptionType<FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+            }>;
+            Switch: StructType<{
+                checked: BooleanType;
+                label: OptionType<StringType>;
+                disabled: OptionType<BooleanType>;
+                colorPalette: OptionType<VariantType<{
+                    gray: import("@elaraai/east").NullType;
+                    red: import("@elaraai/east").NullType;
+                    orange: import("@elaraai/east").NullType;
+                    yellow: import("@elaraai/east").NullType;
+                    green: import("@elaraai/east").NullType;
+                    teal: import("@elaraai/east").NullType;
+                    blue: import("@elaraai/east").NullType;
+                    cyan: import("@elaraai/east").NullType;
+                    purple: import("@elaraai/east").NullType;
+                    pink: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                onChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+            }>;
+            TagsInput: StructType<{
+                value: ArrayType<StringType>;
+                defaultValue: OptionType<ArrayType<StringType>>;
+                max: OptionType<IntegerType>;
+                maxLength: OptionType<IntegerType>;
+                disabled: OptionType<BooleanType>;
+                readOnly: OptionType<BooleanType>;
+                invalid: OptionType<BooleanType>;
+                editable: OptionType<BooleanType>;
+                delimiter: OptionType<StringType>;
+                addOnPaste: OptionType<BooleanType>;
+                blurBehavior: OptionType<VariantType<{
+                    clear: import("@elaraai/east").NullType;
+                    add: import("@elaraai/east").NullType;
+                }>>;
+                allowOverflow: OptionType<BooleanType>;
+                label: OptionType<StringType>;
+                placeholder: OptionType<StringType>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                variant: OptionType<VariantType<{
+                    outline: import("@elaraai/east").NullType;
+                    subtle: import("@elaraai/east").NullType;
+                    flushed: import("@elaraai/east").NullType;
+                }>>;
+                colorPalette: OptionType<VariantType<{
+                    gray: import("@elaraai/east").NullType;
+                    red: import("@elaraai/east").NullType;
+                    orange: import("@elaraai/east").NullType;
+                    yellow: import("@elaraai/east").NullType;
+                    green: import("@elaraai/east").NullType;
+                    teal: import("@elaraai/east").NullType;
+                    blue: import("@elaraai/east").NullType;
+                    cyan: import("@elaraai/east").NullType;
+                    purple: import("@elaraai/east").NullType;
+                    pink: import("@elaraai/east").NullType;
+                }>>;
+                onChange: OptionType<FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                onInputChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                onHighlightChange: OptionType<FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
+            }>;
+            Textarea: StructType<{
+                value: StringType;
+                placeholder: OptionType<StringType>;
+                variant: OptionType<VariantType<{
+                    outline: import("@elaraai/east").NullType;
+                    subtle: import("@elaraai/east").NullType;
+                    flushed: import("@elaraai/east").NullType;
+                }>>;
+                size: OptionType<VariantType<{
+                    xs: import("@elaraai/east").NullType;
+                    sm: import("@elaraai/east").NullType;
+                    md: import("@elaraai/east").NullType;
+                    lg: import("@elaraai/east").NullType;
+                }>>;
+                resize: OptionType<VariantType<{
+                    none: import("@elaraai/east").NullType;
+                    vertical: import("@elaraai/east").NullType;
+                    horizontal: import("@elaraai/east").NullType;
+                    both: import("@elaraai/east").NullType;
+                }>>;
+                rows: OptionType<IntegerType>;
+                disabled: OptionType<BooleanType>;
+                readOnly: OptionType<BooleanType>;
+                required: OptionType<BooleanType>;
+                maxLength: OptionType<IntegerType>;
+                autoresize: OptionType<BooleanType>;
+                onValidate: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                onChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+                onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            }>;
+        }>;
         helperText: OptionType<StringType>;
         errorText: OptionType<StringType>;
         required: OptionType<BooleanType>;
         disabled: OptionType<BooleanType>;
         invalid: OptionType<BooleanType>;
         readOnly: OptionType<BooleanType>;
-    }>;
-    Fieldset: StructType<{
-        legend: OptionType<StringType>;
-        helperText: OptionType<StringType>;
-        errorText: OptionType<StringType>;
-        content: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
-        disabled: OptionType<BooleanType>;
-        invalid: OptionType<BooleanType>;
-        style: OptionType<StructType<{
-            size: OptionType<VariantType<{
-                xs: import("@elaraai/east").NullType;
-                sm: import("@elaraai/east").NullType;
-                md: import("@elaraai/east").NullType;
-                lg: import("@elaraai/east").NullType;
-            }>>;
+        orientation: OptionType<VariantType<{
+            vertical: import("@elaraai/east").NullType;
+            horizontal: import("@elaraai/east").NullType;
         }>>;
     }>;
     Textarea: StructType<{
@@ -712,10 +1211,13 @@ export declare const UIComponentType: RecursiveType<VariantType<{
         rows: OptionType<IntegerType>;
         disabled: OptionType<BooleanType>;
         readOnly: OptionType<BooleanType>;
-        invalid: OptionType<BooleanType>;
         required: OptionType<BooleanType>;
         maxLength: OptionType<IntegerType>;
         autoresize: OptionType<BooleanType>;
+        onValidate: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+        onChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+        onBlur: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+        onFocus: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
     }>;
     TagsInput: StructType<{
         value: ArrayType<StringType>;
@@ -758,6 +1260,9 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             purple: import("@elaraai/east").NullType;
             pink: import("@elaraai/east").NullType;
         }>>;
+        onChange: OptionType<FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+        onInputChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+        onHighlightChange: OptionType<FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
     }>;
     Progress: StructType<{
         value: FloatType;
@@ -857,6 +1362,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             xl: import("@elaraai/east").NullType;
         }>>;
         closable: OptionType<BooleanType>;
+        onClose: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
     }>;
     Avatar: StructType<{
         src: OptionType<StringType>;
@@ -3197,6 +3703,9 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 multiple: import("@elaraai/east").NullType;
             }>>;
             animateContent: OptionType<BooleanType>;
+            onExpandedChange: OptionType<FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+            onSelectionChange: OptionType<FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+            onFocusChange: OptionType<FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Table: StructType<{
@@ -3247,6 +3756,47 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 purple: import("@elaraai/east").NullType;
                 pink: import("@elaraai/east").NullType;
             }>>;
+            onCellClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                columnKey: StringType;
+                cellValue: VariantType<{
+                    Boolean: BooleanType;
+                    Integer: IntegerType;
+                    Float: FloatType;
+                    String: StringType;
+                    DateTime: import("@elaraai/east").DateTimeType;
+                }>;
+            }>], import("@elaraai/east").NullType>>;
+            onCellDoubleClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                columnKey: StringType;
+                cellValue: VariantType<{
+                    Boolean: BooleanType;
+                    Integer: IntegerType;
+                    Float: FloatType;
+                    String: StringType;
+                    DateTime: import("@elaraai/east").DateTimeType;
+                }>;
+            }>], import("@elaraai/east").NullType>>;
+            onRowClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+            }>], import("@elaraai/east").NullType>>;
+            onRowDoubleClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+            }>], import("@elaraai/east").NullType>>;
+            onRowSelectionChange: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                selected: BooleanType;
+                selectedRowsIndices: ArrayType<IntegerType>;
+            }>], import("@elaraai/east").NullType>>;
+            onSortChange: OptionType<FunctionType<[StructType<{
+                columnKey: StringType;
+                sortIndex: IntegerType;
+                sortDirection: VariantType<{
+                    asc: import("@elaraai/east").NullType;
+                    desc: import("@elaraai/east").NullType;
+                }>;
+            }>], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Gantt: StructType<{
@@ -3336,6 +3886,104 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 pink: import("@elaraai/east").NullType;
             }>>;
             showToday: OptionType<BooleanType>;
+            dragStep: OptionType<VariantType<{
+                minutes: FloatType;
+                hours: FloatType;
+                days: FloatType;
+                weeks: FloatType;
+                months: FloatType;
+            }>>;
+            durationStep: OptionType<VariantType<{
+                minutes: FloatType;
+                hours: FloatType;
+                days: FloatType;
+                weeks: FloatType;
+                months: FloatType;
+            }>>;
+            onCellClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                columnKey: StringType;
+                cellValue: VariantType<{
+                    Boolean: BooleanType;
+                    Integer: IntegerType;
+                    Float: FloatType;
+                    String: StringType;
+                    DateTime: import("@elaraai/east").DateTimeType;
+                }>;
+            }>], import("@elaraai/east").NullType>>;
+            onCellDoubleClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                columnKey: StringType;
+                cellValue: VariantType<{
+                    Boolean: BooleanType;
+                    Integer: IntegerType;
+                    Float: FloatType;
+                    String: StringType;
+                    DateTime: import("@elaraai/east").DateTimeType;
+                }>;
+            }>], import("@elaraai/east").NullType>>;
+            onRowClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+            }>], import("@elaraai/east").NullType>>;
+            onRowDoubleClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+            }>], import("@elaraai/east").NullType>>;
+            onSortChange: OptionType<FunctionType<[StructType<{
+                columnKey: StringType;
+                sortIndex: IntegerType;
+                sortDirection: VariantType<{
+                    asc: import("@elaraai/east").NullType;
+                    desc: import("@elaraai/east").NullType;
+                }>;
+            }>], import("@elaraai/east").NullType>>;
+            onTaskClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                taskIndex: IntegerType;
+                taskStart: import("@elaraai/east").DateTimeType;
+                taskEnd: import("@elaraai/east").DateTimeType;
+            }>], import("@elaraai/east").NullType>>;
+            onTaskDoubleClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                taskIndex: IntegerType;
+                taskStart: import("@elaraai/east").DateTimeType;
+                taskEnd: import("@elaraai/east").DateTimeType;
+            }>], import("@elaraai/east").NullType>>;
+            onTaskDrag: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                taskIndex: IntegerType;
+                previousStart: import("@elaraai/east").DateTimeType;
+                previousEnd: import("@elaraai/east").DateTimeType;
+                newStart: import("@elaraai/east").DateTimeType;
+                newEnd: import("@elaraai/east").DateTimeType;
+            }>], import("@elaraai/east").NullType>>;
+            onTaskDurationChange: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                taskIndex: IntegerType;
+                previousEnd: import("@elaraai/east").DateTimeType;
+                newEnd: import("@elaraai/east").DateTimeType;
+            }>], import("@elaraai/east").NullType>>;
+            onTaskProgressChange: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                taskIndex: IntegerType;
+                previousProgress: FloatType;
+                newProgress: FloatType;
+            }>], import("@elaraai/east").NullType>>;
+            onMilestoneClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                milestoneIndex: IntegerType;
+                milestoneDate: import("@elaraai/east").DateTimeType;
+            }>], import("@elaraai/east").NullType>>;
+            onMilestoneDoubleClick: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                milestoneIndex: IntegerType;
+                milestoneDate: import("@elaraai/east").DateTimeType;
+            }>], import("@elaraai/east").NullType>>;
+            onMilestoneDrag: OptionType<FunctionType<[StructType<{
+                rowIndex: IntegerType;
+                milestoneIndex: IntegerType;
+                previousDate: import("@elaraai/east").DateTimeType;
+                newDate: import("@elaraai/east").DateTimeType;
+            }>], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Accordion: StructType<{
@@ -3353,6 +4001,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 plain: import("@elaraai/east").NullType;
                 subtle: import("@elaraai/east").NullType;
             }>>;
+            onValueChange: OptionType<FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Carousel: StructType<{
@@ -3373,6 +4022,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             }>>;
             spacing: OptionType<StringType>;
             padding: OptionType<StringType>;
+            onIndexChange: OptionType<FunctionType<[IntegerType], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Tabs: StructType<{
@@ -3425,6 +4075,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 purple: import("@elaraai/east").NullType;
                 pink: import("@elaraai/east").NullType;
             }>>;
+            onValueChange: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Tooltip: StructType<{
@@ -3507,6 +4158,10 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 dialog: import("@elaraai/east").NullType;
                 alertdialog: import("@elaraai/east").NullType;
             }>>;
+            onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+            onExitComplete: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            onEscapeKeyDown: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
+            onInteractOutside: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Drawer: StructType<{
@@ -3530,6 +4185,8 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 bottom: import("@elaraai/east").NullType;
             }>>;
             contained: OptionType<BooleanType>;
+            onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+            onExitComplete: OptionType<FunctionType<[], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     Popover: StructType<{
@@ -3560,6 +4217,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             }>>;
             hasArrow: OptionType<BooleanType>;
             gutter: OptionType<IntegerType>;
+            onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     HoverCard: StructType<{
@@ -3589,6 +4247,7 @@ export declare const UIComponentType: RecursiveType<VariantType<{
             hasArrow: OptionType<BooleanType>;
             openDelay: OptionType<IntegerType>;
             closeDelay: OptionType<IntegerType>;
+            onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
         }>>;
     }>;
     ActionBar: StructType<{
@@ -3602,7 +4261,10 @@ export declare const UIComponentType: RecursiveType<VariantType<{
         }>>;
         selectionCount: OptionType<IntegerType>;
         selectionLabel: OptionType<StringType>;
-        style: OptionType<StructType<{}>>;
+        style: OptionType<StructType<{
+            onSelect: OptionType<FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+        }>>;
     }>;
     ToggleTip: StructType<{
         trigger: import("@elaraai/east").RecursiveTypeMarker;
@@ -3623,8 +4285,13 @@ export declare const UIComponentType: RecursiveType<VariantType<{
                 "right-end": import("@elaraai/east").NullType;
             }>>;
             hasArrow: OptionType<BooleanType>;
+            onOpenChange: OptionType<FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
         }>>;
     }>;
+    ReactiveComponent: StructType<{
+        /** The render function to execute - returns UIComponentType */
+        render: FunctionType<[], import("@elaraai/east").RecursiveTypeMarker>;
+    }>;
 }>>;
 /**
  * Type alias for UIComponentType.