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

package/dist/src/layout/box/index.d.ts

@@ -185,6 +185,7 @@ export declare const BoxType: StructType<{
             highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
             maxHeight: OptionType<import("@elaraai/east").StringType>;
             showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+            wordWrap: OptionType<import("@elaraai/east").BooleanType>;
             title: OptionType<import("@elaraai/east").StringType>;
         }>;
         Button: StructType<{
@@ -216,6 +217,7 @@ export declare const BoxType: StructType<{
                 }>>;
                 loading: OptionType<import("@elaraai/east").BooleanType>;
                 disabled: OptionType<import("@elaraai/east").BooleanType>;
+                onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         IconButton: StructType<{
@@ -248,6 +250,7 @@ export declare const BoxType: StructType<{
                 }>>;
                 loading: OptionType<import("@elaraai/east").BooleanType>;
                 disabled: OptionType<import("@elaraai/east").BooleanType>;
+                onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Box: StructType<{
@@ -265,6 +268,28 @@ export declare const BoxType: StructType<{
                 }>>;
                 width: OptionType<import("@elaraai/east").StringType>;
                 height: OptionType<import("@elaraai/east").StringType>;
+                minHeight: OptionType<import("@elaraai/east").StringType>;
+                minWidth: OptionType<import("@elaraai/east").StringType>;
+                maxHeight: OptionType<import("@elaraai/east").StringType>;
+                maxWidth: OptionType<import("@elaraai/east").StringType>;
+                overflow: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowX: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowY: OptionType<import("@elaraai/east").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<import("@elaraai/east").StringType>;
                     right: OptionType<import("@elaraai/east").StringType>;
@@ -304,6 +329,77 @@ export declare const BoxType: StructType<{
                 gap: OptionType<import("@elaraai/east").StringType>;
             }>>;
         }>;
+        Flex: StructType<{
+            children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
+            style: OptionType<StructType<{
+                direction: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                    nowrap: import("@elaraai/east").NullType;
+                    wrap: import("@elaraai/east").NullType;
+                    "wrap-reverse": import("@elaraai/east").NullType;
+                }>>;
+                justifyContent: OptionType<import("@elaraai/east").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<import("@elaraai/east").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<import("@elaraai/east").StringType>;
+                width: OptionType<import("@elaraai/east").StringType>;
+                height: OptionType<import("@elaraai/east").StringType>;
+                minHeight: OptionType<import("@elaraai/east").StringType>;
+                minWidth: OptionType<import("@elaraai/east").StringType>;
+                maxHeight: OptionType<import("@elaraai/east").StringType>;
+                maxWidth: OptionType<import("@elaraai/east").StringType>;
+                overflow: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowX: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowY: OptionType<import("@elaraai/east").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<import("@elaraai/east").StringType>;
+                    right: OptionType<import("@elaraai/east").StringType>;
+                    bottom: OptionType<import("@elaraai/east").StringType>;
+                    left: OptionType<import("@elaraai/east").StringType>;
+                }>>;
+                margin: OptionType<StructType<{
+                    top: OptionType<import("@elaraai/east").StringType>;
+                    right: OptionType<import("@elaraai/east").StringType>;
+                    bottom: OptionType<import("@elaraai/east").StringType>;
+                    left: OptionType<import("@elaraai/east").StringType>;
+                }>>;
+                background: OptionType<import("@elaraai/east").StringType>;
+                color: OptionType<import("@elaraai/east").StringType>;
+                borderRadius: OptionType<import("@elaraai/east").StringType>;
+            }>>;
+        }>;
         Stack: StructType<{
             children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
             style: OptionType<StructType<{
@@ -349,6 +445,28 @@ export declare const BoxType: StructType<{
                 background: OptionType<import("@elaraai/east").StringType>;
                 width: OptionType<import("@elaraai/east").StringType>;
                 height: OptionType<import("@elaraai/east").StringType>;
+                minHeight: OptionType<import("@elaraai/east").StringType>;
+                minWidth: OptionType<import("@elaraai/east").StringType>;
+                maxHeight: OptionType<import("@elaraai/east").StringType>;
+                maxWidth: OptionType<import("@elaraai/east").StringType>;
+                overflow: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowX: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowY: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
             }>>;
         }>;
         Separator: StructType<{
@@ -443,6 +561,13 @@ export declare const BoxType: StructType<{
                     horizontal: import("@elaraai/east").NullType;
                     vertical: import("@elaraai/east").NullType;
                 }>>;
+                onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    size: ArrayType<import("@elaraai/east").FloatType>;
+                }>], import("@elaraai/east").NullType>>;
+                onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    size: ArrayType<import("@elaraai/east").FloatType>;
+                }>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         StringInput: StructType<{
@@ -462,6 +587,9 @@ export declare const BoxType: StructType<{
             maxLength: OptionType<import("@elaraai/east").IntegerType>;
             pattern: OptionType<import("@elaraai/east").StringType>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         IntegerInput: StructType<{
             value: import("@elaraai/east").IntegerType;
@@ -480,6 +608,9 @@ export declare const BoxType: StructType<{
                 lg: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         FloatInput: StructType<{
             value: import("@elaraai/east").FloatType;
@@ -499,13 +630,44 @@ export declare const BoxType: StructType<{
                 lg: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            onFocus: OptionType<import("@elaraai/east").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<import("@elaraai/east").BooleanType>;
-            format: OptionType<import("@elaraai/east").StringType>;
+            precision: OptionType<import("@elaraai/east").VariantType<{
+                date: import("@elaraai/east").NullType;
+                time: import("@elaraai/east").NullType;
+                datetime: import("@elaraai/east").NullType;
+            }>>;
+            format: OptionType<ArrayType<import("@elaraai/east").VariantType<{
+                literal: import("@elaraai/east").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<import("@elaraai/east").VariantType<{
                 outline: import("@elaraai/east").NullType;
                 subtle: import("@elaraai/east").NullType;
@@ -518,6 +680,9 @@ export declare const BoxType: StructType<{
                 lg: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").DateTimeType], import("@elaraai/east").NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         Checkbox: StructType<{
             checked: import("@elaraai/east").BooleanType;
@@ -542,6 +707,7 @@ export declare const BoxType: StructType<{
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
         }>;
         Switch: StructType<{
             checked: import("@elaraai/east").BooleanType;
@@ -565,6 +731,7 @@ export declare const BoxType: StructType<{
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
         }>;
         Select: StructType<{
             value: OptionType<import("@elaraai/east").StringType>;
@@ -582,6 +749,9 @@ export declare const BoxType: StructType<{
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+            onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
         }>;
         Slider: StructType<{
             value: import("@elaraai/east").FloatType;
@@ -615,6 +785,8 @@ export declare const BoxType: StructType<{
                 subtle: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+            onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
         }>;
         FileUpload: StructType<{
             accept: OptionType<import("@elaraai/east").StringType>;
@@ -633,31 +805,358 @@ export declare const BoxType: StructType<{
             label: OptionType<import("@elaraai/east").StringType>;
             dropzoneText: OptionType<import("@elaraai/east").StringType>;
             triggerText: OptionType<import("@elaraai/east").StringType>;
+            onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                name: import("@elaraai/east").StringType;
+                size: import("@elaraai/east").IntegerType;
+                type: import("@elaraai/east").StringType;
+            }>>], import("@elaraai/east").NullType>>;
+            onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                file: StructType<{
+                    name: import("@elaraai/east").StringType;
+                    size: import("@elaraai/east").IntegerType;
+                    type: import("@elaraai/east").StringType;
+                }>;
+                errors: ArrayType<import("@elaraai/east").StringType>;
+            }>>], import("@elaraai/east").NullType>>;
         }>;
         Field: StructType<{
             label: import("@elaraai/east").StringType;
-            control: import("@elaraai/east").RecursiveTypeMarker;
+            control: import("@elaraai/east").VariantType<{
+                Checkbox: StructType<{
+                    checked: import("@elaraai/east").BooleanType;
+                    label: OptionType<import("@elaraai/east").StringType>;
+                    indeterminate: OptionType<import("@elaraai/east").BooleanType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                }>;
+                StringInput: StructType<{
+                    value: import("@elaraai/east").StringType;
+                    placeholder: OptionType<import("@elaraai/east").StringType>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        outline: import("@elaraai/east").NullType;
+                        subtle: import("@elaraai/east").NullType;
+                        flushed: import("@elaraai/east").NullType;
+                    }>>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                    pattern: OptionType<import("@elaraai/east").StringType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        outline: import("@elaraai/east").NullType;
+                        subtle: import("@elaraai/east").NullType;
+                        flushed: import("@elaraai/east").NullType;
+                    }>>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        outline: import("@elaraai/east").NullType;
+                        subtle: import("@elaraai/east").NullType;
+                        flushed: import("@elaraai/east").NullType;
+                    }>>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        date: import("@elaraai/east").NullType;
+                        time: import("@elaraai/east").NullType;
+                        datetime: import("@elaraai/east").NullType;
+                    }>>;
+                    format: OptionType<ArrayType<import("@elaraai/east").VariantType<{
+                        literal: import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        outline: import("@elaraai/east").NullType;
+                        subtle: import("@elaraai/east").NullType;
+                        flushed: import("@elaraai/east").NullType;
+                    }>>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").DateTimeType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                }>;
+                FileUpload: StructType<{
+                    accept: OptionType<import("@elaraai/east").StringType>;
+                    maxFiles: OptionType<import("@elaraai/east").IntegerType>;
+                    maxFileSize: OptionType<import("@elaraai/east").IntegerType>;
+                    minFileSize: OptionType<import("@elaraai/east").IntegerType>;
+                    directory: OptionType<import("@elaraai/east").BooleanType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    required: OptionType<import("@elaraai/east").BooleanType>;
+                    allowDrop: OptionType<import("@elaraai/east").BooleanType>;
+                    capture: OptionType<import("@elaraai/east").VariantType<{
+                        user: import("@elaraai/east").NullType;
+                        environment: import("@elaraai/east").NullType;
+                    }>>;
+                    name: OptionType<import("@elaraai/east").StringType>;
+                    label: OptionType<import("@elaraai/east").StringType>;
+                    dropzoneText: OptionType<import("@elaraai/east").StringType>;
+                    triggerText: OptionType<import("@elaraai/east").StringType>;
+                    onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        name: import("@elaraai/east").StringType;
+                        size: import("@elaraai/east").IntegerType;
+                        type: import("@elaraai/east").StringType;
+                    }>>], import("@elaraai/east").NullType>>;
+                    onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        file: StructType<{
+                            name: import("@elaraai/east").StringType;
+                            size: import("@elaraai/east").IntegerType;
+                            type: import("@elaraai/east").StringType;
+                        }>;
+                        errors: ArrayType<import("@elaraai/east").StringType>;
+                    }>>], import("@elaraai/east").NullType>>;
+                }>;
+                Select: StructType<{
+                    value: OptionType<import("@elaraai/east").StringType>;
+                    items: ArrayType<StructType<{
+                        value: import("@elaraai/east").StringType;
+                        label: import("@elaraai/east").StringType;
+                        disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    }>>;
+                    placeholder: OptionType<import("@elaraai/east").StringType>;
+                    multiple: OptionType<import("@elaraai/east").BooleanType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                    onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        horizontal: import("@elaraai/east").NullType;
+                        vertical: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        outline: import("@elaraai/east").NullType;
+                        subtle: import("@elaraai/east").NullType;
+                    }>>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                    onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                }>;
+                Switch: StructType<{
+                    checked: import("@elaraai/east").BooleanType;
+                    label: OptionType<import("@elaraai/east").StringType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                }>;
+                TagsInput: StructType<{
+                    value: ArrayType<import("@elaraai/east").StringType>;
+                    defaultValue: OptionType<ArrayType<import("@elaraai/east").StringType>>;
+                    max: OptionType<import("@elaraai/east").IntegerType>;
+                    maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    readOnly: OptionType<import("@elaraai/east").BooleanType>;
+                    invalid: OptionType<import("@elaraai/east").BooleanType>;
+                    editable: OptionType<import("@elaraai/east").BooleanType>;
+                    delimiter: OptionType<import("@elaraai/east").StringType>;
+                    addOnPaste: OptionType<import("@elaraai/east").BooleanType>;
+                    blurBehavior: OptionType<import("@elaraai/east").VariantType<{
+                        clear: import("@elaraai/east").NullType;
+                        add: import("@elaraai/east").NullType;
+                    }>>;
+                    allowOverflow: OptionType<import("@elaraai/east").BooleanType>;
+                    label: OptionType<import("@elaraai/east").StringType>;
+                    placeholder: OptionType<import("@elaraai/east").StringType>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        outline: import("@elaraai/east").NullType;
+                        subtle: import("@elaraai/east").NullType;
+                        flushed: import("@elaraai/east").NullType;
+                    }>>;
+                    colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                    onInputChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                }>;
+                Textarea: StructType<{
+                    value: import("@elaraai/east").StringType;
+                    placeholder: OptionType<import("@elaraai/east").StringType>;
+                    variant: OptionType<import("@elaraai/east").VariantType<{
+                        outline: import("@elaraai/east").NullType;
+                        subtle: import("@elaraai/east").NullType;
+                        flushed: import("@elaraai/east").NullType;
+                    }>>;
+                    size: OptionType<import("@elaraai/east").VariantType<{
+                        xs: import("@elaraai/east").NullType;
+                        sm: import("@elaraai/east").NullType;
+                        md: import("@elaraai/east").NullType;
+                        lg: import("@elaraai/east").NullType;
+                    }>>;
+                    resize: OptionType<import("@elaraai/east").VariantType<{
+                        none: import("@elaraai/east").NullType;
+                        vertical: import("@elaraai/east").NullType;
+                        horizontal: import("@elaraai/east").NullType;
+                        both: import("@elaraai/east").NullType;
+                    }>>;
+                    rows: OptionType<import("@elaraai/east").IntegerType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    readOnly: OptionType<import("@elaraai/east").BooleanType>;
+                    required: OptionType<import("@elaraai/east").BooleanType>;
+                    maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                    autoresize: OptionType<import("@elaraai/east").BooleanType>;
+                    onValidate: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                }>;
+            }>;
             helperText: OptionType<import("@elaraai/east").StringType>;
             errorText: OptionType<import("@elaraai/east").StringType>;
             required: OptionType<import("@elaraai/east").BooleanType>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
             invalid: OptionType<import("@elaraai/east").BooleanType>;
             readOnly: OptionType<import("@elaraai/east").BooleanType>;
-        }>;
-        Fieldset: StructType<{
-            legend: OptionType<import("@elaraai/east").StringType>;
-            helperText: OptionType<import("@elaraai/east").StringType>;
-            errorText: OptionType<import("@elaraai/east").StringType>;
-            content: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
-            disabled: OptionType<import("@elaraai/east").BooleanType>;
-            invalid: OptionType<import("@elaraai/east").BooleanType>;
-            style: OptionType<StructType<{
-                size: OptionType<import("@elaraai/east").VariantType<{
-                    xs: import("@elaraai/east").NullType;
-                    sm: import("@elaraai/east").NullType;
-                    md: import("@elaraai/east").NullType;
-                    lg: import("@elaraai/east").NullType;
-                }>>;
+            orientation: OptionType<import("@elaraai/east").VariantType<{
+                vertical: import("@elaraai/east").NullType;
+                horizontal: import("@elaraai/east").NullType;
             }>>;
         }>;
         Textarea: StructType<{
@@ -683,10 +1182,13 @@ export declare const BoxType: StructType<{
             rows: OptionType<import("@elaraai/east").IntegerType>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
             readOnly: OptionType<import("@elaraai/east").BooleanType>;
-            invalid: OptionType<import("@elaraai/east").BooleanType>;
             required: OptionType<import("@elaraai/east").BooleanType>;
             maxLength: OptionType<import("@elaraai/east").IntegerType>;
             autoresize: OptionType<import("@elaraai/east").BooleanType>;
+            onValidate: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         TagsInput: StructType<{
             value: ArrayType<import("@elaraai/east").StringType>;
@@ -729,6 +1231,9 @@ export declare const BoxType: StructType<{
                 purple: import("@elaraai/east").NullType;
                 pink: import("@elaraai/east").NullType;
             }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+            onInputChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+            onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
         }>;
         Progress: StructType<{
             value: import("@elaraai/east").FloatType;
@@ -828,6 +1333,7 @@ export declare const BoxType: StructType<{
                 xl: import("@elaraai/east").NullType;
             }>>;
             closable: OptionType<import("@elaraai/east").BooleanType>;
+            onClose: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         Avatar: StructType<{
             src: OptionType<import("@elaraai/east").StringType>;
@@ -3168,6 +3674,9 @@ export declare const BoxType: StructType<{
                     multiple: import("@elaraai/east").NullType;
                 }>>;
                 animateContent: OptionType<import("@elaraai/east").BooleanType>;
+                onExpandedChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                onSelectionChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                onFocusChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Table: StructType<{
@@ -3218,6 +3727,47 @@ export declare const BoxType: StructType<{
                     purple: import("@elaraai/east").NullType;
                     pink: import("@elaraai/east").NullType;
                 }>>;
+                onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: import("@elaraai/east").StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: import("@elaraai/east").StringType;
+                        DateTime: import("@elaraai/east").DateTimeType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
+                onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: import("@elaraai/east").StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: import("@elaraai/east").StringType;
+                        DateTime: import("@elaraai/east").DateTimeType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
+                onRowClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                }>], import("@elaraai/east").NullType>>;
+                onRowDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                }>], import("@elaraai/east").NullType>>;
+                onRowSelectionChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    selected: import("@elaraai/east").BooleanType;
+                    selectedRowsIndices: ArrayType<import("@elaraai/east").IntegerType>;
+                }>], import("@elaraai/east").NullType>>;
+                onSortChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    columnKey: import("@elaraai/east").StringType;
+                    sortIndex: import("@elaraai/east").IntegerType;
+                    sortDirection: import("@elaraai/east").VariantType<{
+                        asc: import("@elaraai/east").NullType;
+                        desc: import("@elaraai/east").NullType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Gantt: StructType<{
@@ -3307,6 +3857,104 @@ export declare const BoxType: StructType<{
                     pink: import("@elaraai/east").NullType;
                 }>>;
                 showToday: OptionType<import("@elaraai/east").BooleanType>;
+                dragStep: OptionType<import("@elaraai/east").VariantType<{
+                    minutes: import("@elaraai/east").FloatType;
+                    hours: import("@elaraai/east").FloatType;
+                    days: import("@elaraai/east").FloatType;
+                    weeks: import("@elaraai/east").FloatType;
+                    months: import("@elaraai/east").FloatType;
+                }>>;
+                durationStep: OptionType<import("@elaraai/east").VariantType<{
+                    minutes: import("@elaraai/east").FloatType;
+                    hours: import("@elaraai/east").FloatType;
+                    days: import("@elaraai/east").FloatType;
+                    weeks: import("@elaraai/east").FloatType;
+                    months: import("@elaraai/east").FloatType;
+                }>>;
+                onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: import("@elaraai/east").StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: import("@elaraai/east").StringType;
+                        DateTime: import("@elaraai/east").DateTimeType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
+                onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: import("@elaraai/east").StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: import("@elaraai/east").StringType;
+                        DateTime: import("@elaraai/east").DateTimeType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
+                onRowClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                }>], import("@elaraai/east").NullType>>;
+                onRowDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                }>], import("@elaraai/east").NullType>>;
+                onSortChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    columnKey: import("@elaraai/east").StringType;
+                    sortIndex: import("@elaraai/east").IntegerType;
+                    sortDirection: import("@elaraai/east").VariantType<{
+                        asc: import("@elaraai/east").NullType;
+                        desc: import("@elaraai/east").NullType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
+                onTaskClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    taskIndex: import("@elaraai/east").IntegerType;
+                    taskStart: import("@elaraai/east").DateTimeType;
+                    taskEnd: import("@elaraai/east").DateTimeType;
+                }>], import("@elaraai/east").NullType>>;
+                onTaskDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    taskIndex: import("@elaraai/east").IntegerType;
+                    taskStart: import("@elaraai/east").DateTimeType;
+                    taskEnd: import("@elaraai/east").DateTimeType;
+                }>], import("@elaraai/east").NullType>>;
+                onTaskDrag: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    taskIndex: import("@elaraai/east").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<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    taskIndex: import("@elaraai/east").IntegerType;
+                    previousEnd: import("@elaraai/east").DateTimeType;
+                    newEnd: import("@elaraai/east").DateTimeType;
+                }>], import("@elaraai/east").NullType>>;
+                onTaskProgressChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    taskIndex: import("@elaraai/east").IntegerType;
+                    previousProgress: import("@elaraai/east").FloatType;
+                    newProgress: import("@elaraai/east").FloatType;
+                }>], import("@elaraai/east").NullType>>;
+                onMilestoneClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    milestoneIndex: import("@elaraai/east").IntegerType;
+                    milestoneDate: import("@elaraai/east").DateTimeType;
+                }>], import("@elaraai/east").NullType>>;
+                onMilestoneDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    milestoneIndex: import("@elaraai/east").IntegerType;
+                    milestoneDate: import("@elaraai/east").DateTimeType;
+                }>], import("@elaraai/east").NullType>>;
+                onMilestoneDrag: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    milestoneIndex: import("@elaraai/east").IntegerType;
+                    previousDate: import("@elaraai/east").DateTimeType;
+                    newDate: import("@elaraai/east").DateTimeType;
+                }>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Accordion: StructType<{
@@ -3324,6 +3972,7 @@ export declare const BoxType: StructType<{
                     plain: import("@elaraai/east").NullType;
                     subtle: import("@elaraai/east").NullType;
                 }>>;
+                onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Carousel: StructType<{
@@ -3344,6 +3993,7 @@ export declare const BoxType: StructType<{
                 }>>;
                 spacing: OptionType<import("@elaraai/east").StringType>;
                 padding: OptionType<import("@elaraai/east").StringType>;
+                onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Tabs: StructType<{
@@ -3396,6 +4046,7 @@ export declare const BoxType: StructType<{
                     purple: import("@elaraai/east").NullType;
                     pink: import("@elaraai/east").NullType;
                 }>>;
+                onValueChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Tooltip: StructType<{
@@ -3478,6 +4129,10 @@ export declare const BoxType: StructType<{
                     dialog: import("@elaraai/east").NullType;
                     alertdialog: import("@elaraai/east").NullType;
                 }>>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                onEscapeKeyDown: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                onInteractOutside: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Drawer: StructType<{
@@ -3501,6 +4156,8 @@ export declare const BoxType: StructType<{
                     bottom: import("@elaraai/east").NullType;
                 }>>;
                 contained: OptionType<import("@elaraai/east").BooleanType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Popover: StructType<{
@@ -3531,6 +4188,7 @@ export declare const BoxType: StructType<{
                 }>>;
                 hasArrow: OptionType<import("@elaraai/east").BooleanType>;
                 gutter: OptionType<import("@elaraai/east").IntegerType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         HoverCard: StructType<{
@@ -3560,6 +4218,7 @@ export declare const BoxType: StructType<{
                 hasArrow: OptionType<import("@elaraai/east").BooleanType>;
                 openDelay: OptionType<import("@elaraai/east").IntegerType>;
                 closeDelay: OptionType<import("@elaraai/east").IntegerType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         ActionBar: StructType<{
@@ -3573,7 +4232,10 @@ export declare const BoxType: StructType<{
             }>>;
             selectionCount: OptionType<import("@elaraai/east").IntegerType>;
             selectionLabel: OptionType<import("@elaraai/east").StringType>;
-            style: OptionType<StructType<{}>>;
+            style: OptionType<StructType<{
+                onSelect: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+            }>>;
         }>;
         ToggleTip: StructType<{
             trigger: import("@elaraai/east").RecursiveTypeMarker;
@@ -3594,8 +4256,12 @@ export declare const BoxType: StructType<{
                     "right-end": import("@elaraai/east").NullType;
                 }>>;
                 hasArrow: OptionType<import("@elaraai/east").BooleanType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
+        ReactiveComponent: StructType<{
+            render: import("@elaraai/east").FunctionType<[], import("@elaraai/east").RecursiveTypeMarker>;
+        }>;
     }>>>;
     style: OptionType<StructType<{
         display: OptionType<import("@elaraai/east").VariantType<{
@@ -3610,6 +4276,28 @@ export declare const BoxType: StructType<{
         }>>;
         width: OptionType<import("@elaraai/east").StringType>;
         height: OptionType<import("@elaraai/east").StringType>;
+        minHeight: OptionType<import("@elaraai/east").StringType>;
+        minWidth: OptionType<import("@elaraai/east").StringType>;
+        maxHeight: OptionType<import("@elaraai/east").StringType>;
+        maxWidth: OptionType<import("@elaraai/east").StringType>;
+        overflow: OptionType<import("@elaraai/east").VariantType<{
+            visible: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            scroll: import("@elaraai/east").NullType;
+            auto: import("@elaraai/east").NullType;
+        }>>;
+        overflowX: OptionType<import("@elaraai/east").VariantType<{
+            visible: import("@elaraai/east").NullType;
+            hidden: import("@elaraai/east").NullType;
+            scroll: import("@elaraai/east").NullType;
+            auto: import("@elaraai/east").NullType;
+        }>>;
+        overflowY: OptionType<import("@elaraai/east").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<import("@elaraai/east").StringType>;
             right: OptionType<import("@elaraai/east").StringType>;
@@ -3666,20 +4354,16 @@ export type BoxType = typeof BoxType;
  *
  * @example
  * ```ts
- * import { Box, Text, Style } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Box, Text, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple box with children (accepts plain arrays)
- * const box = Box.Root([
- *   Text.Root("Hello"),
- * ]);
- *
- * // Styled flex container
- * const flexBox = Box.Root([...children], {
- *   display: Style.Display("flex"),
- *   flexDirection: Style.FlexDirection("column"),
- *   gap: "4",
- *   padding: "4",
- *   background: "gray.100",
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Box.Root([
+ *         Text.Root("Hello"),
+ *     ], {
+ *         padding: "4",
+ *         background: "gray.100",
+ *     });
  * });
  * ```
  */
@@ -3733,16 +4417,15 @@ export declare const Box: {
      *
      * @example
      * ```ts
-     * import { Box, Padding } from "@elaraai/east-ui";
-     *
-     * // Structured padding
-     * Box.Root([...], {
-     *   padding: Padding("4", "2", "4", "2"),
-     * });
+     * import { East } from "@elaraai/east";
+     * import { Box, Text, UIComponentType } from "@elaraai/east-ui";
      *
-     * // Uniform padding (shorthand)
-     * Box.Root([...], {
-     *   padding: "4",
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Box.Root([
+     *         Text.Root("Padded content"),
+     *     ], {
+     *         padding: Box.Padding("4", "2", "4", "2"),
+     *     });
      * });
      * ```
      */
@@ -3762,16 +4445,15 @@ export declare const Box: {
      *
      * @example
      * ```ts
-     * import { Box, Margin } from "@elaraai/east-ui";
-     *
-     * // Structured margin
-     * Box.Root([...], {
-     *   margin: Margin("4", "auto", "4", "auto"),
-     * });
+     * import { East } from "@elaraai/east";
+     * import { Box, Text, UIComponentType } from "@elaraai/east-ui";
      *
-     * // Uniform margin (shorthand)
-     * Box.Root([...], {
-     *   margin: "4",
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Box.Root([
+     *         Text.Root("Centered content"),
+     *     ], {
+     *         margin: Box.Margin("4", "auto", "4", "auto"),
+     *     });
      * });
      * ```
      */
@@ -3955,6 +4637,7 @@ export declare const Box: {
                     highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
                     maxHeight: OptionType<import("@elaraai/east").StringType>;
                     showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+                    wordWrap: OptionType<import("@elaraai/east").BooleanType>;
                     title: OptionType<import("@elaraai/east").StringType>;
                 }>;
                 Button: StructType<{
@@ -3986,6 +4669,7 @@ export declare const Box: {
                         }>>;
                         loading: OptionType<import("@elaraai/east").BooleanType>;
                         disabled: OptionType<import("@elaraai/east").BooleanType>;
+                        onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 IconButton: StructType<{
@@ -4018,6 +4702,7 @@ export declare const Box: {
                         }>>;
                         loading: OptionType<import("@elaraai/east").BooleanType>;
                         disabled: OptionType<import("@elaraai/east").BooleanType>;
+                        onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Box: StructType<{
@@ -4035,6 +4720,28 @@ export declare const Box: {
                         }>>;
                         width: OptionType<import("@elaraai/east").StringType>;
                         height: OptionType<import("@elaraai/east").StringType>;
+                        minHeight: OptionType<import("@elaraai/east").StringType>;
+                        minWidth: OptionType<import("@elaraai/east").StringType>;
+                        maxHeight: OptionType<import("@elaraai/east").StringType>;
+                        maxWidth: OptionType<import("@elaraai/east").StringType>;
+                        overflow: OptionType<import("@elaraai/east").VariantType<{
+                            visible: import("@elaraai/east").NullType;
+                            hidden: import("@elaraai/east").NullType;
+                            scroll: import("@elaraai/east").NullType;
+                            auto: import("@elaraai/east").NullType;
+                        }>>;
+                        overflowX: OptionType<import("@elaraai/east").VariantType<{
+                            visible: import("@elaraai/east").NullType;
+                            hidden: import("@elaraai/east").NullType;
+                            scroll: import("@elaraai/east").NullType;
+                            auto: import("@elaraai/east").NullType;
+                        }>>;
+                        overflowY: OptionType<import("@elaraai/east").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<import("@elaraai/east").StringType>;
                             right: OptionType<import("@elaraai/east").StringType>;
@@ -4074,6 +4781,77 @@ export declare const Box: {
                         gap: OptionType<import("@elaraai/east").StringType>;
                     }>>;
                 }>;
+                Flex: StructType<{
+                    children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
+                    style: OptionType<StructType<{
+                        direction: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                            nowrap: import("@elaraai/east").NullType;
+                            wrap: import("@elaraai/east").NullType;
+                            "wrap-reverse": import("@elaraai/east").NullType;
+                        }>>;
+                        justifyContent: OptionType<import("@elaraai/east").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<import("@elaraai/east").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<import("@elaraai/east").StringType>;
+                        width: OptionType<import("@elaraai/east").StringType>;
+                        height: OptionType<import("@elaraai/east").StringType>;
+                        minHeight: OptionType<import("@elaraai/east").StringType>;
+                        minWidth: OptionType<import("@elaraai/east").StringType>;
+                        maxHeight: OptionType<import("@elaraai/east").StringType>;
+                        maxWidth: OptionType<import("@elaraai/east").StringType>;
+                        overflow: OptionType<import("@elaraai/east").VariantType<{
+                            visible: import("@elaraai/east").NullType;
+                            hidden: import("@elaraai/east").NullType;
+                            scroll: import("@elaraai/east").NullType;
+                            auto: import("@elaraai/east").NullType;
+                        }>>;
+                        overflowX: OptionType<import("@elaraai/east").VariantType<{
+                            visible: import("@elaraai/east").NullType;
+                            hidden: import("@elaraai/east").NullType;
+                            scroll: import("@elaraai/east").NullType;
+                            auto: import("@elaraai/east").NullType;
+                        }>>;
+                        overflowY: OptionType<import("@elaraai/east").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<import("@elaraai/east").StringType>;
+                            right: OptionType<import("@elaraai/east").StringType>;
+                            bottom: OptionType<import("@elaraai/east").StringType>;
+                            left: OptionType<import("@elaraai/east").StringType>;
+                        }>>;
+                        margin: OptionType<StructType<{
+                            top: OptionType<import("@elaraai/east").StringType>;
+                            right: OptionType<import("@elaraai/east").StringType>;
+                            bottom: OptionType<import("@elaraai/east").StringType>;
+                            left: OptionType<import("@elaraai/east").StringType>;
+                        }>>;
+                        background: OptionType<import("@elaraai/east").StringType>;
+                        color: OptionType<import("@elaraai/east").StringType>;
+                        borderRadius: OptionType<import("@elaraai/east").StringType>;
+                    }>>;
+                }>;
                 Stack: StructType<{
                     children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
                     style: OptionType<StructType<{
@@ -4119,6 +4897,28 @@ export declare const Box: {
                         background: OptionType<import("@elaraai/east").StringType>;
                         width: OptionType<import("@elaraai/east").StringType>;
                         height: OptionType<import("@elaraai/east").StringType>;
+                        minHeight: OptionType<import("@elaraai/east").StringType>;
+                        minWidth: OptionType<import("@elaraai/east").StringType>;
+                        maxHeight: OptionType<import("@elaraai/east").StringType>;
+                        maxWidth: OptionType<import("@elaraai/east").StringType>;
+                        overflow: OptionType<import("@elaraai/east").VariantType<{
+                            visible: import("@elaraai/east").NullType;
+                            hidden: import("@elaraai/east").NullType;
+                            scroll: import("@elaraai/east").NullType;
+                            auto: import("@elaraai/east").NullType;
+                        }>>;
+                        overflowX: OptionType<import("@elaraai/east").VariantType<{
+                            visible: import("@elaraai/east").NullType;
+                            hidden: import("@elaraai/east").NullType;
+                            scroll: import("@elaraai/east").NullType;
+                            auto: import("@elaraai/east").NullType;
+                        }>>;
+                        overflowY: OptionType<import("@elaraai/east").VariantType<{
+                            visible: import("@elaraai/east").NullType;
+                            hidden: import("@elaraai/east").NullType;
+                            scroll: import("@elaraai/east").NullType;
+                            auto: import("@elaraai/east").NullType;
+                        }>>;
                     }>>;
                 }>;
                 Separator: StructType<{
@@ -4213,6 +5013,13 @@ export declare const Box: {
                             horizontal: import("@elaraai/east").NullType;
                             vertical: import("@elaraai/east").NullType;
                         }>>;
+                        onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            size: ArrayType<import("@elaraai/east").FloatType>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                        onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            size: ArrayType<import("@elaraai/east").FloatType>;
+                        }>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 StringInput: StructType<{
@@ -4232,6 +5039,9 @@ export declare const Box: {
                     maxLength: OptionType<import("@elaraai/east").IntegerType>;
                     pattern: OptionType<import("@elaraai/east").StringType>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>;
                 IntegerInput: StructType<{
                     value: import("@elaraai/east").IntegerType;
@@ -4250,6 +5060,9 @@ export declare const Box: {
                         lg: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>;
                 FloatInput: StructType<{
                     value: import("@elaraai/east").FloatType;
@@ -4269,13 +5082,44 @@ export declare const Box: {
                         lg: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").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<import("@elaraai/east").BooleanType>;
-                    format: OptionType<import("@elaraai/east").StringType>;
+                    precision: OptionType<import("@elaraai/east").VariantType<{
+                        date: import("@elaraai/east").NullType;
+                        time: import("@elaraai/east").NullType;
+                        datetime: import("@elaraai/east").NullType;
+                    }>>;
+                    format: OptionType<ArrayType<import("@elaraai/east").VariantType<{
+                        literal: import("@elaraai/east").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<import("@elaraai/east").VariantType<{
                         outline: import("@elaraai/east").NullType;
                         subtle: import("@elaraai/east").NullType;
@@ -4288,6 +5132,9 @@ export declare const Box: {
                         lg: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").DateTimeType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>;
                 Checkbox: StructType<{
                     checked: import("@elaraai/east").BooleanType;
@@ -4312,6 +5159,7 @@ export declare const Box: {
                         md: import("@elaraai/east").NullType;
                         lg: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
                 }>;
                 Switch: StructType<{
                     checked: import("@elaraai/east").BooleanType;
@@ -4335,6 +5183,7 @@ export declare const Box: {
                         md: import("@elaraai/east").NullType;
                         lg: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
                 }>;
                 Select: StructType<{
                     value: OptionType<import("@elaraai/east").StringType>;
@@ -4352,6 +5201,9 @@ export declare const Box: {
                         md: import("@elaraai/east").NullType;
                         lg: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                    onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
                 }>;
                 Slider: StructType<{
                     value: import("@elaraai/east").FloatType;
@@ -4385,6 +5237,8 @@ export declare const Box: {
                         subtle: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                    onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
                 }>;
                 FileUpload: StructType<{
                     accept: OptionType<import("@elaraai/east").StringType>;
@@ -4403,31 +5257,358 @@ export declare const Box: {
                     label: OptionType<import("@elaraai/east").StringType>;
                     dropzoneText: OptionType<import("@elaraai/east").StringType>;
                     triggerText: OptionType<import("@elaraai/east").StringType>;
+                    onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        name: import("@elaraai/east").StringType;
+                        size: import("@elaraai/east").IntegerType;
+                        type: import("@elaraai/east").StringType;
+                    }>>], import("@elaraai/east").NullType>>;
+                    onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        file: StructType<{
+                            name: import("@elaraai/east").StringType;
+                            size: import("@elaraai/east").IntegerType;
+                            type: import("@elaraai/east").StringType;
+                        }>;
+                        errors: ArrayType<import("@elaraai/east").StringType>;
+                    }>>], import("@elaraai/east").NullType>>;
                 }>;
                 Field: StructType<{
                     label: import("@elaraai/east").StringType;
-                    control: import("@elaraai/east").RecursiveTypeMarker;
+                    control: import("@elaraai/east").VariantType<{
+                        Checkbox: StructType<{
+                            checked: import("@elaraai/east").BooleanType;
+                            label: OptionType<import("@elaraai/east").StringType>;
+                            indeterminate: OptionType<import("@elaraai/east").BooleanType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                        }>;
+                        StringInput: StructType<{
+                            value: import("@elaraai/east").StringType;
+                            placeholder: OptionType<import("@elaraai/east").StringType>;
+                            variant: OptionType<import("@elaraai/east").VariantType<{
+                                outline: import("@elaraai/east").NullType;
+                                subtle: import("@elaraai/east").NullType;
+                                flushed: import("@elaraai/east").NullType;
+                            }>>;
+                            size: OptionType<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                            pattern: OptionType<import("@elaraai/east").StringType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                outline: import("@elaraai/east").NullType;
+                                subtle: import("@elaraai/east").NullType;
+                                flushed: import("@elaraai/east").NullType;
+                            }>>;
+                            size: OptionType<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
+                            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                outline: import("@elaraai/east").NullType;
+                                subtle: import("@elaraai/east").NullType;
+                                flushed: import("@elaraai/east").NullType;
+                            }>>;
+                            size: OptionType<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                            onFocus: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                date: import("@elaraai/east").NullType;
+                                time: import("@elaraai/east").NullType;
+                                datetime: import("@elaraai/east").NullType;
+                            }>>;
+                            format: OptionType<ArrayType<import("@elaraai/east").VariantType<{
+                                literal: import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                outline: import("@elaraai/east").NullType;
+                                subtle: import("@elaraai/east").NullType;
+                                flushed: import("@elaraai/east").NullType;
+                            }>>;
+                            size: OptionType<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").DateTimeType], import("@elaraai/east").NullType>>;
+                            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                        }>;
+                        FileUpload: StructType<{
+                            accept: OptionType<import("@elaraai/east").StringType>;
+                            maxFiles: OptionType<import("@elaraai/east").IntegerType>;
+                            maxFileSize: OptionType<import("@elaraai/east").IntegerType>;
+                            minFileSize: OptionType<import("@elaraai/east").IntegerType>;
+                            directory: OptionType<import("@elaraai/east").BooleanType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            required: OptionType<import("@elaraai/east").BooleanType>;
+                            allowDrop: OptionType<import("@elaraai/east").BooleanType>;
+                            capture: OptionType<import("@elaraai/east").VariantType<{
+                                user: import("@elaraai/east").NullType;
+                                environment: import("@elaraai/east").NullType;
+                            }>>;
+                            name: OptionType<import("@elaraai/east").StringType>;
+                            label: OptionType<import("@elaraai/east").StringType>;
+                            dropzoneText: OptionType<import("@elaraai/east").StringType>;
+                            triggerText: OptionType<import("@elaraai/east").StringType>;
+                            onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                                name: import("@elaraai/east").StringType;
+                                size: import("@elaraai/east").IntegerType;
+                                type: import("@elaraai/east").StringType;
+                            }>>], import("@elaraai/east").NullType>>;
+                            onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                                file: StructType<{
+                                    name: import("@elaraai/east").StringType;
+                                    size: import("@elaraai/east").IntegerType;
+                                    type: import("@elaraai/east").StringType;
+                                }>;
+                                errors: ArrayType<import("@elaraai/east").StringType>;
+                            }>>], import("@elaraai/east").NullType>>;
+                        }>;
+                        Select: StructType<{
+                            value: OptionType<import("@elaraai/east").StringType>;
+                            items: ArrayType<StructType<{
+                                value: import("@elaraai/east").StringType;
+                                label: import("@elaraai/east").StringType;
+                                disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            }>>;
+                            placeholder: OptionType<import("@elaraai/east").StringType>;
+                            multiple: OptionType<import("@elaraai/east").BooleanType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            size: OptionType<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                            onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                horizontal: import("@elaraai/east").NullType;
+                                vertical: import("@elaraai/east").NullType;
+                            }>>;
+                            colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            variant: OptionType<import("@elaraai/east").VariantType<{
+                                outline: import("@elaraai/east").NullType;
+                                subtle: import("@elaraai/east").NullType;
+                            }>>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                            onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").FloatType], import("@elaraai/east").NullType>>;
+                        }>;
+                        Switch: StructType<{
+                            checked: import("@elaraai/east").BooleanType;
+                            label: OptionType<import("@elaraai/east").StringType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                        }>;
+                        TagsInput: StructType<{
+                            value: ArrayType<import("@elaraai/east").StringType>;
+                            defaultValue: OptionType<ArrayType<import("@elaraai/east").StringType>>;
+                            max: OptionType<import("@elaraai/east").IntegerType>;
+                            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            readOnly: OptionType<import("@elaraai/east").BooleanType>;
+                            invalid: OptionType<import("@elaraai/east").BooleanType>;
+                            editable: OptionType<import("@elaraai/east").BooleanType>;
+                            delimiter: OptionType<import("@elaraai/east").StringType>;
+                            addOnPaste: OptionType<import("@elaraai/east").BooleanType>;
+                            blurBehavior: OptionType<import("@elaraai/east").VariantType<{
+                                clear: import("@elaraai/east").NullType;
+                                add: import("@elaraai/east").NullType;
+                            }>>;
+                            allowOverflow: OptionType<import("@elaraai/east").BooleanType>;
+                            label: OptionType<import("@elaraai/east").StringType>;
+                            placeholder: OptionType<import("@elaraai/east").StringType>;
+                            size: OptionType<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            variant: OptionType<import("@elaraai/east").VariantType<{
+                                outline: import("@elaraai/east").NullType;
+                                subtle: import("@elaraai/east").NullType;
+                                flushed: import("@elaraai/east").NullType;
+                            }>>;
+                            colorPalette: OptionType<import("@elaraai/east").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<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                            onInputChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                            onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                        }>;
+                        Textarea: StructType<{
+                            value: import("@elaraai/east").StringType;
+                            placeholder: OptionType<import("@elaraai/east").StringType>;
+                            variant: OptionType<import("@elaraai/east").VariantType<{
+                                outline: import("@elaraai/east").NullType;
+                                subtle: import("@elaraai/east").NullType;
+                                flushed: import("@elaraai/east").NullType;
+                            }>>;
+                            size: OptionType<import("@elaraai/east").VariantType<{
+                                xs: import("@elaraai/east").NullType;
+                                sm: import("@elaraai/east").NullType;
+                                md: import("@elaraai/east").NullType;
+                                lg: import("@elaraai/east").NullType;
+                            }>>;
+                            resize: OptionType<import("@elaraai/east").VariantType<{
+                                none: import("@elaraai/east").NullType;
+                                vertical: import("@elaraai/east").NullType;
+                                horizontal: import("@elaraai/east").NullType;
+                                both: import("@elaraai/east").NullType;
+                            }>>;
+                            rows: OptionType<import("@elaraai/east").IntegerType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            readOnly: OptionType<import("@elaraai/east").BooleanType>;
+                            required: OptionType<import("@elaraai/east").BooleanType>;
+                            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                            autoresize: OptionType<import("@elaraai/east").BooleanType>;
+                            onValidate: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                            onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                            onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                        }>;
+                    }>;
                     helperText: OptionType<import("@elaraai/east").StringType>;
                     errorText: OptionType<import("@elaraai/east").StringType>;
                     required: OptionType<import("@elaraai/east").BooleanType>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
                     invalid: OptionType<import("@elaraai/east").BooleanType>;
                     readOnly: OptionType<import("@elaraai/east").BooleanType>;
-                }>;
-                Fieldset: StructType<{
-                    legend: OptionType<import("@elaraai/east").StringType>;
-                    helperText: OptionType<import("@elaraai/east").StringType>;
-                    errorText: OptionType<import("@elaraai/east").StringType>;
-                    content: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
-                    disabled: OptionType<import("@elaraai/east").BooleanType>;
-                    invalid: OptionType<import("@elaraai/east").BooleanType>;
-                    style: OptionType<StructType<{
-                        size: OptionType<import("@elaraai/east").VariantType<{
-                            xs: import("@elaraai/east").NullType;
-                            sm: import("@elaraai/east").NullType;
-                            md: import("@elaraai/east").NullType;
-                            lg: import("@elaraai/east").NullType;
-                        }>>;
+                    orientation: OptionType<import("@elaraai/east").VariantType<{
+                        vertical: import("@elaraai/east").NullType;
+                        horizontal: import("@elaraai/east").NullType;
                     }>>;
                 }>;
                 Textarea: StructType<{
@@ -4453,10 +5634,13 @@ export declare const Box: {
                     rows: OptionType<import("@elaraai/east").IntegerType>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
                     readOnly: OptionType<import("@elaraai/east").BooleanType>;
-                    invalid: OptionType<import("@elaraai/east").BooleanType>;
                     required: OptionType<import("@elaraai/east").BooleanType>;
                     maxLength: OptionType<import("@elaraai/east").IntegerType>;
                     autoresize: OptionType<import("@elaraai/east").BooleanType>;
+                    onValidate: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onBlur: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onFocus: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>;
                 TagsInput: StructType<{
                     value: ArrayType<import("@elaraai/east").StringType>;
@@ -4499,6 +5683,9 @@ export declare const Box: {
                         purple: import("@elaraai/east").NullType;
                         pink: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                    onInputChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                    onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
                 }>;
                 Progress: StructType<{
                     value: import("@elaraai/east").FloatType;
@@ -4598,6 +5785,7 @@ export declare const Box: {
                         xl: import("@elaraai/east").NullType;
                     }>>;
                     closable: OptionType<import("@elaraai/east").BooleanType>;
+                    onClose: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>;
                 Avatar: StructType<{
                     src: OptionType<import("@elaraai/east").StringType>;
@@ -6938,6 +8126,9 @@ export declare const Box: {
                             multiple: import("@elaraai/east").NullType;
                         }>>;
                         animateContent: OptionType<import("@elaraai/east").BooleanType>;
+                        onExpandedChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                        onSelectionChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
+                        onFocusChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Table: StructType<{
@@ -6988,6 +8179,47 @@ export declare const Box: {
                             purple: import("@elaraai/east").NullType;
                             pink: import("@elaraai/east").NullType;
                         }>>;
+                        onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: import("@elaraai/east").StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: import("@elaraai/east").StringType;
+                                DateTime: import("@elaraai/east").DateTimeType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: import("@elaraai/east").StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: import("@elaraai/east").StringType;
+                                DateTime: import("@elaraai/east").DateTimeType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onRowClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onRowDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onRowSelectionChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            selected: import("@elaraai/east").BooleanType;
+                            selectedRowsIndices: ArrayType<import("@elaraai/east").IntegerType>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onSortChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            columnKey: import("@elaraai/east").StringType;
+                            sortIndex: import("@elaraai/east").IntegerType;
+                            sortDirection: import("@elaraai/east").VariantType<{
+                                asc: import("@elaraai/east").NullType;
+                                desc: import("@elaraai/east").NullType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Gantt: StructType<{
@@ -7077,6 +8309,104 @@ export declare const Box: {
                             pink: import("@elaraai/east").NullType;
                         }>>;
                         showToday: OptionType<import("@elaraai/east").BooleanType>;
+                        dragStep: OptionType<import("@elaraai/east").VariantType<{
+                            minutes: import("@elaraai/east").FloatType;
+                            hours: import("@elaraai/east").FloatType;
+                            days: import("@elaraai/east").FloatType;
+                            weeks: import("@elaraai/east").FloatType;
+                            months: import("@elaraai/east").FloatType;
+                        }>>;
+                        durationStep: OptionType<import("@elaraai/east").VariantType<{
+                            minutes: import("@elaraai/east").FloatType;
+                            hours: import("@elaraai/east").FloatType;
+                            days: import("@elaraai/east").FloatType;
+                            weeks: import("@elaraai/east").FloatType;
+                            months: import("@elaraai/east").FloatType;
+                        }>>;
+                        onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: import("@elaraai/east").StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: import("@elaraai/east").StringType;
+                                DateTime: import("@elaraai/east").DateTimeType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: import("@elaraai/east").StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: import("@elaraai/east").StringType;
+                                DateTime: import("@elaraai/east").DateTimeType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onRowClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onRowDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onSortChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            columnKey: import("@elaraai/east").StringType;
+                            sortIndex: import("@elaraai/east").IntegerType;
+                            sortDirection: import("@elaraai/east").VariantType<{
+                                asc: import("@elaraai/east").NullType;
+                                desc: import("@elaraai/east").NullType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onTaskClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            taskIndex: import("@elaraai/east").IntegerType;
+                            taskStart: import("@elaraai/east").DateTimeType;
+                            taskEnd: import("@elaraai/east").DateTimeType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onTaskDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            taskIndex: import("@elaraai/east").IntegerType;
+                            taskStart: import("@elaraai/east").DateTimeType;
+                            taskEnd: import("@elaraai/east").DateTimeType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onTaskDrag: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            taskIndex: import("@elaraai/east").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<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            taskIndex: import("@elaraai/east").IntegerType;
+                            previousEnd: import("@elaraai/east").DateTimeType;
+                            newEnd: import("@elaraai/east").DateTimeType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onTaskProgressChange: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            taskIndex: import("@elaraai/east").IntegerType;
+                            previousProgress: import("@elaraai/east").FloatType;
+                            newProgress: import("@elaraai/east").FloatType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onMilestoneClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            milestoneIndex: import("@elaraai/east").IntegerType;
+                            milestoneDate: import("@elaraai/east").DateTimeType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onMilestoneDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            milestoneIndex: import("@elaraai/east").IntegerType;
+                            milestoneDate: import("@elaraai/east").DateTimeType;
+                        }>], import("@elaraai/east").NullType>>;
+                        onMilestoneDrag: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            milestoneIndex: import("@elaraai/east").IntegerType;
+                            previousDate: import("@elaraai/east").DateTimeType;
+                            newDate: import("@elaraai/east").DateTimeType;
+                        }>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Accordion: StructType<{
@@ -7094,6 +8424,7 @@ export declare const Box: {
                             plain: import("@elaraai/east").NullType;
                             subtle: import("@elaraai/east").NullType;
                         }>>;
+                        onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<import("@elaraai/east").StringType>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Carousel: StructType<{
@@ -7114,6 +8445,7 @@ export declare const Box: {
                         }>>;
                         spacing: OptionType<import("@elaraai/east").StringType>;
                         padding: OptionType<import("@elaraai/east").StringType>;
+                        onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Tabs: StructType<{
@@ -7166,6 +8498,7 @@ export declare const Box: {
                             purple: import("@elaraai/east").NullType;
                             pink: import("@elaraai/east").NullType;
                         }>>;
+                        onValueChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Tooltip: StructType<{
@@ -7248,6 +8581,10 @@ export declare const Box: {
                             dialog: import("@elaraai/east").NullType;
                             alertdialog: import("@elaraai/east").NullType;
                         }>>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                        onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                        onEscapeKeyDown: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                        onInteractOutside: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Drawer: StructType<{
@@ -7271,6 +8608,8 @@ export declare const Box: {
                             bottom: import("@elaraai/east").NullType;
                         }>>;
                         contained: OptionType<import("@elaraai/east").BooleanType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                        onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Popover: StructType<{
@@ -7301,6 +8640,7 @@ export declare const Box: {
                         }>>;
                         hasArrow: OptionType<import("@elaraai/east").BooleanType>;
                         gutter: OptionType<import("@elaraai/east").IntegerType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 HoverCard: StructType<{
@@ -7330,6 +8670,7 @@ export declare const Box: {
                         hasArrow: OptionType<import("@elaraai/east").BooleanType>;
                         openDelay: OptionType<import("@elaraai/east").IntegerType>;
                         closeDelay: OptionType<import("@elaraai/east").IntegerType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 ActionBar: StructType<{
@@ -7343,7 +8684,10 @@ export declare const Box: {
                     }>>;
                     selectionCount: OptionType<import("@elaraai/east").IntegerType>;
                     selectionLabel: OptionType<import("@elaraai/east").StringType>;
-                    style: OptionType<StructType<{}>>;
+                    style: OptionType<StructType<{
+                        onSelect: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").StringType], import("@elaraai/east").NullType>>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
+                    }>>;
                 }>;
                 ToggleTip: StructType<{
                     trigger: import("@elaraai/east").RecursiveTypeMarker;
@@ -7364,8 +8708,12 @@ export declare const Box: {
                             "right-end": import("@elaraai/east").NullType;
                         }>>;
                         hasArrow: OptionType<import("@elaraai/east").BooleanType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
+                ReactiveComponent: StructType<{
+                    render: import("@elaraai/east").FunctionType<[], import("@elaraai/east").RecursiveTypeMarker>;
+                }>;
             }>>>;
             style: OptionType<StructType<{
                 display: OptionType<import("@elaraai/east").VariantType<{
@@ -7380,6 +8728,28 @@ export declare const Box: {
                 }>>;
                 width: OptionType<import("@elaraai/east").StringType>;
                 height: OptionType<import("@elaraai/east").StringType>;
+                minHeight: OptionType<import("@elaraai/east").StringType>;
+                minWidth: OptionType<import("@elaraai/east").StringType>;
+                maxHeight: OptionType<import("@elaraai/east").StringType>;
+                maxWidth: OptionType<import("@elaraai/east").StringType>;
+                overflow: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowX: OptionType<import("@elaraai/east").VariantType<{
+                    visible: import("@elaraai/east").NullType;
+                    hidden: import("@elaraai/east").NullType;
+                    scroll: import("@elaraai/east").NullType;
+                    auto: import("@elaraai/east").NullType;
+                }>>;
+                overflowY: OptionType<import("@elaraai/east").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<import("@elaraai/east").StringType>;
                     right: OptionType<import("@elaraai/east").StringType>;
@@ -7451,6 +8821,28 @@ export declare const Box: {
             }>>;
             width: OptionType<import("@elaraai/east").StringType>;
             height: OptionType<import("@elaraai/east").StringType>;
+            minHeight: OptionType<import("@elaraai/east").StringType>;
+            minWidth: OptionType<import("@elaraai/east").StringType>;
+            maxHeight: OptionType<import("@elaraai/east").StringType>;
+            maxWidth: OptionType<import("@elaraai/east").StringType>;
+            overflow: OptionType<import("@elaraai/east").VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowX: OptionType<import("@elaraai/east").VariantType<{
+                visible: import("@elaraai/east").NullType;
+                hidden: import("@elaraai/east").NullType;
+                scroll: import("@elaraai/east").NullType;
+                auto: import("@elaraai/east").NullType;
+            }>>;
+            overflowY: OptionType<import("@elaraai/east").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<import("@elaraai/east").StringType>;
                 right: OptionType<import("@elaraai/east").StringType>;