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

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

@@ -190,6 +190,7 @@ export declare const GridItemType: StructType<{
             highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
             maxHeight: OptionType<StringType>;
             showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+            wordWrap: OptionType<import("@elaraai/east").BooleanType>;
             title: OptionType<StringType>;
         }>;
         Button: StructType<{
@@ -221,6 +222,7 @@ export declare const GridItemType: 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<{
@@ -253,6 +255,7 @@ export declare const GridItemType: 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<{
@@ -270,6 +273,28 @@ export declare const GridItemType: StructType<{
                 }>>;
                 width: OptionType<StringType>;
                 height: OptionType<StringType>;
+                minHeight: OptionType<StringType>;
+                minWidth: OptionType<StringType>;
+                maxHeight: OptionType<StringType>;
+                maxWidth: OptionType<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<StringType>;
                     right: OptionType<StringType>;
@@ -309,6 +334,77 @@ export declare const GridItemType: StructType<{
                 gap: OptionType<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<StringType>;
+                width: OptionType<StringType>;
+                height: OptionType<StringType>;
+                minHeight: OptionType<StringType>;
+                minWidth: OptionType<StringType>;
+                maxHeight: OptionType<StringType>;
+                maxWidth: OptionType<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<StringType>;
+                    right: OptionType<StringType>;
+                    bottom: OptionType<StringType>;
+                    left: OptionType<StringType>;
+                }>>;
+                margin: OptionType<StructType<{
+                    top: OptionType<StringType>;
+                    right: OptionType<StringType>;
+                    bottom: OptionType<StringType>;
+                    left: OptionType<StringType>;
+                }>>;
+                background: OptionType<StringType>;
+                color: OptionType<StringType>;
+                borderRadius: OptionType<StringType>;
+            }>>;
+        }>;
         Stack: StructType<{
             children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
             style: OptionType<StructType<{
@@ -354,6 +450,28 @@ export declare const GridItemType: StructType<{
                 background: OptionType<StringType>;
                 width: OptionType<StringType>;
                 height: OptionType<StringType>;
+                minHeight: OptionType<StringType>;
+                minWidth: OptionType<StringType>;
+                maxHeight: OptionType<StringType>;
+                maxWidth: OptionType<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<{
@@ -448,6 +566,13 @@ export declare const GridItemType: 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<{
@@ -467,6 +592,9 @@ export declare const GridItemType: StructType<{
             maxLength: OptionType<import("@elaraai/east").IntegerType>;
             pattern: OptionType<StringType>;
             disabled: OptionType<import("@elaraai/east").BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -485,6 +613,9 @@ export declare const GridItemType: 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;
@@ -504,13 +635,44 @@ export declare const GridItemType: 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<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: 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;
@@ -523,6 +685,9 @@ export declare const GridItemType: 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;
@@ -547,6 +712,7 @@ export declare const GridItemType: 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;
@@ -570,6 +736,7 @@ export declare const GridItemType: 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<StringType>;
@@ -587,6 +754,9 @@ export declare const GridItemType: StructType<{
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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;
@@ -620,6 +790,8 @@ export declare const GridItemType: 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<StringType>;
@@ -638,165 +810,498 @@ export declare const GridItemType: StructType<{
             label: OptionType<StringType>;
             dropzoneText: OptionType<StringType>;
             triggerText: OptionType<StringType>;
+            onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                name: StringType;
+                size: import("@elaraai/east").IntegerType;
+                type: StringType;
+            }>>], import("@elaraai/east").NullType>>;
+            onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                file: StructType<{
+                    name: StringType;
+                    size: import("@elaraai/east").IntegerType;
+                    type: StringType;
+                }>;
+                errors: ArrayType<StringType>;
+            }>>], import("@elaraai/east").NullType>>;
         }>;
         Field: StructType<{
             label: StringType;
-            control: import("@elaraai/east").RecursiveTypeMarker;
-            helperText: OptionType<StringType>;
-            errorText: OptionType<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<StringType>;
-            helperText: OptionType<StringType>;
-            errorText: OptionType<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;
-                }>>;
-            }>>;
-        }>;
-        Textarea: StructType<{
-            value: StringType;
-            placeholder: OptionType<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>;
-            invalid: OptionType<import("@elaraai/east").BooleanType>;
-            required: OptionType<import("@elaraai/east").BooleanType>;
-            maxLength: OptionType<import("@elaraai/east").IntegerType>;
-            autoresize: OptionType<import("@elaraai/east").BooleanType>;
-        }>;
-        TagsInput: StructType<{
-            value: ArrayType<StringType>;
-            defaultValue: OptionType<ArrayType<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<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<StringType>;
-            placeholder: OptionType<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;
-            }>>;
-        }>;
-        Progress: StructType<{
-            value: import("@elaraai/east").FloatType;
-            min: OptionType<import("@elaraai/east").FloatType>;
-            max: OptionType<import("@elaraai/east").FloatType>;
-            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;
-            }>>;
-            striped: OptionType<import("@elaraai/east").BooleanType>;
-            animated: OptionType<import("@elaraai/east").BooleanType>;
-            label: OptionType<StringType>;
-            valueText: OptionType<StringType>;
-        }>;
-        Alert: StructType<{
-            status: import("@elaraai/east").VariantType<{
-                info: import("@elaraai/east").NullType;
-                warning: import("@elaraai/east").NullType;
-                success: import("@elaraai/east").NullType;
-                error: import("@elaraai/east").NullType;
-            }>;
-            title: OptionType<StringType>;
-            description: OptionType<StringType>;
-            variant: OptionType<import("@elaraai/east").VariantType<{
-                solid: import("@elaraai/east").NullType;
-                subtle: import("@elaraai/east").NullType;
-                outline: import("@elaraai/east").NullType;
-            }>>;
-        }>;
-        Badge: StructType<{
-            value: StringType;
-            variant: OptionType<import("@elaraai/east").VariantType<{
-                subtle: import("@elaraai/east").NullType;
-                solid: import("@elaraai/east").NullType;
-                outline: 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;
+            control: import("@elaraai/east").VariantType<{
+                Checkbox: StructType<{
+                    checked: import("@elaraai/east").BooleanType;
+                    label: OptionType<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: StringType;
+                    placeholder: OptionType<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<StringType>;
+                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[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: 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<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<StringType>;
+                    label: OptionType<StringType>;
+                    dropzoneText: OptionType<StringType>;
+                    triggerText: OptionType<StringType>;
+                    onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        name: StringType;
+                        size: import("@elaraai/east").IntegerType;
+                        type: StringType;
+                    }>>], import("@elaraai/east").NullType>>;
+                    onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        file: StructType<{
+                            name: StringType;
+                            size: import("@elaraai/east").IntegerType;
+                            type: StringType;
+                        }>;
+                        errors: ArrayType<StringType>;
+                    }>>], import("@elaraai/east").NullType>>;
+                }>;
+                Select: StructType<{
+                    value: OptionType<StringType>;
+                    items: ArrayType<StructType<{
+                        value: StringType;
+                        label: StringType;
+                        disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    }>>;
+                    placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                    onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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<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<StringType>;
+                    defaultValue: OptionType<ArrayType<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<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<StringType>;
+                    placeholder: OptionType<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<StringType>], import("@elaraai/east").NullType>>;
+                    onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                    onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
+                }>;
+                Textarea: StructType<{
+                    value: StringType;
+                    placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
+            errorText: OptionType<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>;
+            orientation: OptionType<import("@elaraai/east").VariantType<{
+                vertical: import("@elaraai/east").NullType;
+                horizontal: import("@elaraai/east").NullType;
+            }>>;
+        }>;
+        Textarea: StructType<{
+            value: StringType;
+            placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
+            defaultValue: OptionType<ArrayType<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<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<StringType>;
+            placeholder: OptionType<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<StringType>], import("@elaraai/east").NullType>>;
+            onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
+        }>;
+        Progress: StructType<{
+            value: import("@elaraai/east").FloatType;
+            min: OptionType<import("@elaraai/east").FloatType>;
+            max: OptionType<import("@elaraai/east").FloatType>;
+            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;
+            }>>;
+            striped: OptionType<import("@elaraai/east").BooleanType>;
+            animated: OptionType<import("@elaraai/east").BooleanType>;
+            label: OptionType<StringType>;
+            valueText: OptionType<StringType>;
+        }>;
+        Alert: StructType<{
+            status: import("@elaraai/east").VariantType<{
+                info: import("@elaraai/east").NullType;
+                warning: import("@elaraai/east").NullType;
+                success: import("@elaraai/east").NullType;
+                error: import("@elaraai/east").NullType;
+            }>;
+            title: OptionType<StringType>;
+            description: OptionType<StringType>;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                solid: import("@elaraai/east").NullType;
+                subtle: import("@elaraai/east").NullType;
+                outline: import("@elaraai/east").NullType;
+            }>>;
+        }>;
+        Badge: StructType<{
+            value: StringType;
+            variant: OptionType<import("@elaraai/east").VariantType<{
+                subtle: import("@elaraai/east").NullType;
+                solid: import("@elaraai/east").NullType;
+                outline: 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;
             }>>;
@@ -833,6 +1338,7 @@ export declare const GridItemType: 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<StringType>;
@@ -3173,6 +3679,9 @@ export declare const GridItemType: StructType<{
                     multiple: import("@elaraai/east").NullType;
                 }>>;
                 animateContent: OptionType<import("@elaraai/east").BooleanType>;
+                onExpandedChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                onSelectionChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                onFocusChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Table: StructType<{
@@ -3223,6 +3732,47 @@ export declare const GridItemType: StructType<{
                     purple: import("@elaraai/east").NullType;
                     pink: import("@elaraai/east").NullType;
                 }>>;
+                onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: StringType;
+                        DateTime: import("@elaraai/east").DateTimeType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
+                onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: 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: 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<{
@@ -3312,6 +3862,104 @@ export declare const GridItemType: 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: StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: StringType;
+                        DateTime: import("@elaraai/east").DateTimeType;
+                    }>;
+                }>], import("@elaraai/east").NullType>>;
+                onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: import("@elaraai/east").BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: import("@elaraai/east").FloatType;
+                        String: 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: 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<{
@@ -3329,6 +3977,7 @@ export declare const GridItemType: StructType<{
                     plain: import("@elaraai/east").NullType;
                     subtle: import("@elaraai/east").NullType;
                 }>>;
+                onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Carousel: StructType<{
@@ -3349,6 +3998,7 @@ export declare const GridItemType: StructType<{
                 }>>;
                 spacing: OptionType<StringType>;
                 padding: OptionType<StringType>;
+                onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Tabs: StructType<{
@@ -3401,6 +4051,7 @@ export declare const GridItemType: StructType<{
                     purple: import("@elaraai/east").NullType;
                     pink: import("@elaraai/east").NullType;
                 }>>;
+                onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Tooltip: StructType<{
@@ -3483,6 +4134,10 @@ export declare const GridItemType: 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<{
@@ -3506,6 +4161,8 @@ export declare const GridItemType: 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<{
@@ -3536,6 +4193,7 @@ export declare const GridItemType: 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<{
@@ -3565,6 +4223,7 @@ export declare const GridItemType: 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<{
@@ -3578,7 +4237,10 @@ export declare const GridItemType: StructType<{
             }>>;
             selectionCount: OptionType<import("@elaraai/east").IntegerType>;
             selectionLabel: OptionType<StringType>;
-            style: OptionType<StructType<{}>>;
+            style: OptionType<StructType<{
+                onSelect: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -3599,8 +4261,12 @@ export declare const GridItemType: 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>;
+        }>;
     }>>;
     colSpan: OptionType<StringType>;
     rowSpan: OptionType<StringType>;
@@ -3636,26 +4302,18 @@ export declare function GridItem(content: SubtypeExprOrValue<UIComponentType>, s
  *
  * @example
  * ```ts
- * import { Grid, Text } from "@elaraai/east-ui";
- * import { East, variant, ArrayType } from "@elaraai/east";
- *
- * // Basic 3-column grid
- * const grid = Grid.Root(
- *   East.value([
- *     Grid.Item(variant("Text", Text(...))),
- *     Grid.Item(variant("Text", Text(...)), { colSpan: 2 }),
- *     Grid.Item(variant("Text", Text(...))),
- *   ], ArrayType(GridItemType)),
- *   {
- *     templateColumns: "repeat(3, 1fr)",
- *     gap: "4",
- *   }
- * );
+ * import { East } from "@elaraai/east";
+ * import { Grid, Text, UIComponentType } from "@elaraai/east-ui";
  *
- * // Responsive grid with auto-fit
- * const responsiveGrid = Grid.Root(items, {
- *   templateColumns: "repeat(auto-fit, minmax(200px, 1fr))",
- *   gap: "6",
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Grid.Root([
+ *         Grid.Item(Text.Root("Cell 1")),
+ *         Grid.Item(Text.Root("Cell 2")),
+ *         Grid.Item(Text.Root("Cell 3")),
+ *     ], {
+ *         templateColumns: "repeat(3, 1fr)",
+ *         gap: "4",
+ *     });
  * });
  * ```
  */
@@ -3829,6 +4487,7 @@ export declare const GridType: StructType<{
                 highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
                 maxHeight: OptionType<StringType>;
                 showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+                wordWrap: OptionType<import("@elaraai/east").BooleanType>;
                 title: OptionType<StringType>;
             }>;
             Button: StructType<{
@@ -3860,6 +4519,7 @@ export declare const GridType: 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<{
@@ -3892,6 +4552,7 @@ export declare const GridType: 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<{
@@ -3909,6 +4570,28 @@ export declare const GridType: StructType<{
                     }>>;
                     width: OptionType<StringType>;
                     height: OptionType<StringType>;
+                    minHeight: OptionType<StringType>;
+                    minWidth: OptionType<StringType>;
+                    maxHeight: OptionType<StringType>;
+                    maxWidth: OptionType<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<StringType>;
                         right: OptionType<StringType>;
@@ -3921,15 +4604,47 @@ export declare const GridType: StructType<{
                         bottom: OptionType<StringType>;
                         left: OptionType<StringType>;
                     }>>;
-                    background: OptionType<StringType>;
-                    color: OptionType<StringType>;
-                    borderRadius: OptionType<StringType>;
-                    flexDirection: OptionType<import("@elaraai/east").VariantType<{
+                    background: OptionType<StringType>;
+                    color: OptionType<StringType>;
+                    borderRadius: OptionType<StringType>;
+                    flexDirection: 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;
+                    }>>;
+                    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<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;
@@ -3946,6 +4661,45 @@ export declare const GridType: StructType<{
                         stretch: import("@elaraai/east").NullType;
                     }>>;
                     gap: OptionType<StringType>;
+                    width: OptionType<StringType>;
+                    height: OptionType<StringType>;
+                    minHeight: OptionType<StringType>;
+                    minWidth: OptionType<StringType>;
+                    maxHeight: OptionType<StringType>;
+                    maxWidth: OptionType<StringType>;
+                    overflow: OptionType<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<StringType>;
+                        right: OptionType<StringType>;
+                        bottom: OptionType<StringType>;
+                        left: OptionType<StringType>;
+                    }>>;
+                    margin: OptionType<StructType<{
+                        top: OptionType<StringType>;
+                        right: OptionType<StringType>;
+                        bottom: OptionType<StringType>;
+                        left: OptionType<StringType>;
+                    }>>;
+                    background: OptionType<StringType>;
+                    color: OptionType<StringType>;
+                    borderRadius: OptionType<StringType>;
                 }>>;
             }>;
             Stack: StructType<{
@@ -3993,6 +4747,28 @@ export declare const GridType: StructType<{
                     background: OptionType<StringType>;
                     width: OptionType<StringType>;
                     height: OptionType<StringType>;
+                    minHeight: OptionType<StringType>;
+                    minWidth: OptionType<StringType>;
+                    maxHeight: OptionType<StringType>;
+                    maxWidth: OptionType<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<{
@@ -4087,6 +4863,13 @@ export declare const GridType: 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<{
@@ -4106,6 +4889,9 @@ export declare const GridType: StructType<{
                 maxLength: OptionType<import("@elaraai/east").IntegerType>;
                 pattern: OptionType<StringType>;
                 disabled: OptionType<import("@elaraai/east").BooleanType>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -4124,6 +4910,9 @@ export declare const GridType: 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;
@@ -4143,13 +4932,44 @@ export declare const GridType: 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<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: 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;
@@ -4162,6 +4982,9 @@ export declare const GridType: 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;
@@ -4186,6 +5009,7 @@ export declare const GridType: 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;
@@ -4209,6 +5033,7 @@ export declare const GridType: 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<StringType>;
@@ -4226,6 +5051,9 @@ export declare const GridType: StructType<{
                     md: import("@elaraai/east").NullType;
                     lg: import("@elaraai/east").NullType;
                 }>>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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;
@@ -4259,6 +5087,8 @@ export declare const GridType: 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<StringType>;
@@ -4277,31 +5107,358 @@ export declare const GridType: StructType<{
                 label: OptionType<StringType>;
                 dropzoneText: OptionType<StringType>;
                 triggerText: OptionType<StringType>;
+                onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                    name: StringType;
+                    size: import("@elaraai/east").IntegerType;
+                    type: StringType;
+                }>>], import("@elaraai/east").NullType>>;
+                onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                    file: StructType<{
+                        name: StringType;
+                        size: import("@elaraai/east").IntegerType;
+                        type: StringType;
+                    }>;
+                    errors: ArrayType<StringType>;
+                }>>], import("@elaraai/east").NullType>>;
             }>;
             Field: StructType<{
                 label: StringType;
-                control: import("@elaraai/east").RecursiveTypeMarker;
+                control: import("@elaraai/east").VariantType<{
+                    Checkbox: StructType<{
+                        checked: import("@elaraai/east").BooleanType;
+                        label: OptionType<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: StringType;
+                        placeholder: OptionType<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<StringType>;
+                        disabled: OptionType<import("@elaraai/east").BooleanType>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[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: 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<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<StringType>;
+                        label: OptionType<StringType>;
+                        dropzoneText: OptionType<StringType>;
+                        triggerText: OptionType<StringType>;
+                        onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                            name: StringType;
+                            size: import("@elaraai/east").IntegerType;
+                            type: StringType;
+                        }>>], import("@elaraai/east").NullType>>;
+                        onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                            file: StructType<{
+                                name: StringType;
+                                size: import("@elaraai/east").IntegerType;
+                                type: StringType;
+                            }>;
+                            errors: ArrayType<StringType>;
+                        }>>], import("@elaraai/east").NullType>>;
+                    }>;
+                    Select: StructType<{
+                        value: OptionType<StringType>;
+                        items: ArrayType<StructType<{
+                            value: StringType;
+                            label: StringType;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                        }>>;
+                        placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                        onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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<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<StringType>;
+                        defaultValue: OptionType<ArrayType<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<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<StringType>;
+                        placeholder: OptionType<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<StringType>], import("@elaraai/east").NullType>>;
+                        onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                        onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
+                    }>;
+                    Textarea: StructType<{
+                        value: StringType;
+                        placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
                 errorText: OptionType<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<StringType>;
-                helperText: OptionType<StringType>;
-                errorText: OptionType<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<{
@@ -4327,10 +5484,13 @@ export declare const GridType: 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<[StringType], import("@elaraai/east").NullType>>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
@@ -4373,6 +5533,9 @@ export declare const GridType: StructType<{
                     purple: import("@elaraai/east").NullType;
                     pink: import("@elaraai/east").NullType;
                 }>>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
             }>;
             Progress: StructType<{
                 value: import("@elaraai/east").FloatType;
@@ -4472,6 +5635,7 @@ export declare const GridType: 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<StringType>;
@@ -6812,6 +7976,9 @@ export declare const GridType: StructType<{
                         multiple: import("@elaraai/east").NullType;
                     }>>;
                     animateContent: OptionType<import("@elaraai/east").BooleanType>;
+                    onExpandedChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                    onSelectionChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                    onFocusChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Table: StructType<{
@@ -6862,6 +8029,47 @@ export declare const GridType: StructType<{
                         purple: import("@elaraai/east").NullType;
                         pink: import("@elaraai/east").NullType;
                     }>>;
+                    onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                        rowIndex: import("@elaraai/east").IntegerType;
+                        columnKey: StringType;
+                        cellValue: import("@elaraai/east").VariantType<{
+                            Boolean: import("@elaraai/east").BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: import("@elaraai/east").FloatType;
+                            String: StringType;
+                            DateTime: import("@elaraai/east").DateTimeType;
+                        }>;
+                    }>], import("@elaraai/east").NullType>>;
+                    onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                        rowIndex: import("@elaraai/east").IntegerType;
+                        columnKey: StringType;
+                        cellValue: import("@elaraai/east").VariantType<{
+                            Boolean: import("@elaraai/east").BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: import("@elaraai/east").FloatType;
+                            String: 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: 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<{
@@ -6951,6 +8159,104 @@ export declare const GridType: 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: StringType;
+                        cellValue: import("@elaraai/east").VariantType<{
+                            Boolean: import("@elaraai/east").BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: import("@elaraai/east").FloatType;
+                            String: StringType;
+                            DateTime: import("@elaraai/east").DateTimeType;
+                        }>;
+                    }>], import("@elaraai/east").NullType>>;
+                    onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                        rowIndex: import("@elaraai/east").IntegerType;
+                        columnKey: StringType;
+                        cellValue: import("@elaraai/east").VariantType<{
+                            Boolean: import("@elaraai/east").BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: import("@elaraai/east").FloatType;
+                            String: 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: 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<{
@@ -6968,6 +8274,7 @@ export declare const GridType: StructType<{
                         plain: import("@elaraai/east").NullType;
                         subtle: import("@elaraai/east").NullType;
                     }>>;
+                    onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Carousel: StructType<{
@@ -6988,6 +8295,7 @@ export declare const GridType: StructType<{
                     }>>;
                     spacing: OptionType<StringType>;
                     padding: OptionType<StringType>;
+                    onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Tabs: StructType<{
@@ -7040,6 +8348,7 @@ export declare const GridType: StructType<{
                         purple: import("@elaraai/east").NullType;
                         pink: import("@elaraai/east").NullType;
                     }>>;
+                    onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Tooltip: StructType<{
@@ -7122,6 +8431,10 @@ export declare const GridType: 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<{
@@ -7145,6 +8458,8 @@ export declare const GridType: 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<{
@@ -7175,6 +8490,7 @@ export declare const GridType: 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<{
@@ -7204,6 +8520,7 @@ export declare const GridType: 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<{
@@ -7217,7 +8534,10 @@ export declare const GridType: StructType<{
                 }>>;
                 selectionCount: OptionType<import("@elaraai/east").IntegerType>;
                 selectionLabel: OptionType<StringType>;
-                style: OptionType<StructType<{}>>;
+                style: OptionType<StructType<{
+                    onSelect: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -7238,8 +8558,12 @@ export declare const GridType: 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>;
+            }>;
         }>>;
         colSpan: OptionType<StringType>;
         rowSpan: OptionType<StringType>;
@@ -7301,24 +8625,7 @@ export declare const GridType: StructType<{
  *
  * @remarks
  * Grid provides a two-dimensional layout system using CSS Grid.
- * Use Grid.Root to create the container and Grid.Item for each cell.
- *
- * @example
- * ```ts
- * import { Grid, Text } from "@elaraai/east-ui";
- *
- * const layout = Grid.Root(
- *   East.value([
- *     Grid.Item(variant("Text", mainContent), { colSpan: 2 }),
- *     Grid.Item(variant("Text", sidebar)),
- *     Grid.Item(variant("Text", footer), { colSpan: 3 }),
- *   ], ArrayType(GridItemType)),
- *   {
- *     templateColumns: "repeat(3, 1fr)",
- *     gap: "4",
- *   }
- * );
- * ```
+ * Use `Grid.Root(items, style)` to create the container and `Grid.Item(content, style)` for each cell.
  */
 export declare const Grid: {
     /**
@@ -7560,6 +8867,7 @@ export declare const Grid: {
                         highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
                         maxHeight: OptionType<StringType>;
                         showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+                        wordWrap: OptionType<import("@elaraai/east").BooleanType>;
                         title: OptionType<StringType>;
                     }>;
                     Button: StructType<{
@@ -7591,6 +8899,7 @@ export declare const Grid: {
                             }>>;
                             loading: OptionType<import("@elaraai/east").BooleanType>;
                             disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     IconButton: StructType<{
@@ -7623,6 +8932,7 @@ export declare const Grid: {
                             }>>;
                             loading: OptionType<import("@elaraai/east").BooleanType>;
                             disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Box: StructType<{
@@ -7640,6 +8950,28 @@ export declare const Grid: {
                             }>>;
                             width: OptionType<StringType>;
                             height: OptionType<StringType>;
+                            minHeight: OptionType<StringType>;
+                            minWidth: OptionType<StringType>;
+                            maxHeight: OptionType<StringType>;
+                            maxWidth: OptionType<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<StringType>;
                                 right: OptionType<StringType>;
@@ -7679,6 +9011,77 @@ export declare const Grid: {
                             gap: OptionType<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<StringType>;
+                            width: OptionType<StringType>;
+                            height: OptionType<StringType>;
+                            minHeight: OptionType<StringType>;
+                            minWidth: OptionType<StringType>;
+                            maxHeight: OptionType<StringType>;
+                            maxWidth: OptionType<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<StringType>;
+                                right: OptionType<StringType>;
+                                bottom: OptionType<StringType>;
+                                left: OptionType<StringType>;
+                            }>>;
+                            margin: OptionType<StructType<{
+                                top: OptionType<StringType>;
+                                right: OptionType<StringType>;
+                                bottom: OptionType<StringType>;
+                                left: OptionType<StringType>;
+                            }>>;
+                            background: OptionType<StringType>;
+                            color: OptionType<StringType>;
+                            borderRadius: OptionType<StringType>;
+                        }>>;
+                    }>;
                     Stack: StructType<{
                         children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
                         style: OptionType<StructType<{
@@ -7724,6 +9127,28 @@ export declare const Grid: {
                             background: OptionType<StringType>;
                             width: OptionType<StringType>;
                             height: OptionType<StringType>;
+                            minHeight: OptionType<StringType>;
+                            minWidth: OptionType<StringType>;
+                            maxHeight: OptionType<StringType>;
+                            maxWidth: OptionType<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<{
@@ -7818,6 +9243,13 @@ export declare const Grid: {
                                 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<{
@@ -7837,6 +9269,9 @@ export declare const Grid: {
                         maxLength: OptionType<import("@elaraai/east").IntegerType>;
                         pattern: OptionType<StringType>;
                         disabled: OptionType<import("@elaraai/east").BooleanType>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -7855,6 +9290,9 @@ export declare const Grid: {
                             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;
@@ -7874,13 +9312,44 @@ export declare const Grid: {
                             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<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: 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;
@@ -7893,6 +9362,9 @@ export declare const Grid: {
                             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;
@@ -7917,6 +9389,7 @@ export declare const Grid: {
                             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;
@@ -7940,6 +9413,7 @@ export declare const Grid: {
                             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<StringType>;
@@ -7957,6 +9431,9 @@ export declare const Grid: {
                             md: import("@elaraai/east").NullType;
                             lg: import("@elaraai/east").NullType;
                         }>>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                        onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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;
@@ -7990,6 +9467,8 @@ export declare const Grid: {
                             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<StringType>;
@@ -8008,31 +9487,358 @@ export declare const Grid: {
                         label: OptionType<StringType>;
                         dropzoneText: OptionType<StringType>;
                         triggerText: OptionType<StringType>;
+                        onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                            name: StringType;
+                            size: import("@elaraai/east").IntegerType;
+                            type: StringType;
+                        }>>], import("@elaraai/east").NullType>>;
+                        onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                            file: StructType<{
+                                name: StringType;
+                                size: import("@elaraai/east").IntegerType;
+                                type: StringType;
+                            }>;
+                            errors: ArrayType<StringType>;
+                        }>>], import("@elaraai/east").NullType>>;
                     }>;
                     Field: StructType<{
                         label: StringType;
-                        control: import("@elaraai/east").RecursiveTypeMarker;
+                        control: import("@elaraai/east").VariantType<{
+                            Checkbox: StructType<{
+                                checked: import("@elaraai/east").BooleanType;
+                                label: OptionType<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: StringType;
+                                placeholder: OptionType<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<StringType>;
+                                disabled: OptionType<import("@elaraai/east").BooleanType>;
+                                onChange: OptionType<import("@elaraai/east").FunctionType<[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: 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<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<StringType>;
+                                label: OptionType<StringType>;
+                                dropzoneText: OptionType<StringType>;
+                                triggerText: OptionType<StringType>;
+                                onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                                    name: StringType;
+                                    size: import("@elaraai/east").IntegerType;
+                                    type: StringType;
+                                }>>], import("@elaraai/east").NullType>>;
+                                onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                                    file: StructType<{
+                                        name: StringType;
+                                        size: import("@elaraai/east").IntegerType;
+                                        type: StringType;
+                                    }>;
+                                    errors: ArrayType<StringType>;
+                                }>>], import("@elaraai/east").NullType>>;
+                            }>;
+                            Select: StructType<{
+                                value: OptionType<StringType>;
+                                items: ArrayType<StructType<{
+                                    value: StringType;
+                                    label: StringType;
+                                    disabled: OptionType<import("@elaraai/east").BooleanType>;
+                                }>>;
+                                placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                                onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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<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<StringType>;
+                                defaultValue: OptionType<ArrayType<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<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<StringType>;
+                                placeholder: OptionType<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<StringType>], import("@elaraai/east").NullType>>;
+                                onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                                onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
+                            }>;
+                            Textarea: StructType<{
+                                value: StringType;
+                                placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                                onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
                         errorText: OptionType<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<StringType>;
-                        helperText: OptionType<StringType>;
-                        errorText: OptionType<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<{
@@ -8058,10 +9864,13 @@ export declare const Grid: {
                         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<[StringType], import("@elaraai/east").NullType>>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
@@ -8104,6 +9913,9 @@ export declare const Grid: {
                             purple: import("@elaraai/east").NullType;
                             pink: import("@elaraai/east").NullType;
                         }>>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                        onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                        onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
                     }>;
                     Progress: StructType<{
                         value: import("@elaraai/east").FloatType;
@@ -8203,6 +10015,7 @@ export declare const Grid: {
                             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<StringType>;
@@ -10543,6 +12356,9 @@ export declare const Grid: {
                                 multiple: import("@elaraai/east").NullType;
                             }>>;
                             animateContent: OptionType<import("@elaraai/east").BooleanType>;
+                            onExpandedChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                            onSelectionChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                            onFocusChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Table: StructType<{
@@ -10593,6 +12409,47 @@ export declare const Grid: {
                                 purple: import("@elaraai/east").NullType;
                                 pink: import("@elaraai/east").NullType;
                             }>>;
+                            onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                                rowIndex: import("@elaraai/east").IntegerType;
+                                columnKey: StringType;
+                                cellValue: import("@elaraai/east").VariantType<{
+                                    Boolean: import("@elaraai/east").BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: import("@elaraai/east").FloatType;
+                                    String: StringType;
+                                    DateTime: import("@elaraai/east").DateTimeType;
+                                }>;
+                            }>], import("@elaraai/east").NullType>>;
+                            onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                                rowIndex: import("@elaraai/east").IntegerType;
+                                columnKey: StringType;
+                                cellValue: import("@elaraai/east").VariantType<{
+                                    Boolean: import("@elaraai/east").BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: import("@elaraai/east").FloatType;
+                                    String: 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: 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<{
@@ -10682,6 +12539,104 @@ export declare const Grid: {
                                 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: StringType;
+                                cellValue: import("@elaraai/east").VariantType<{
+                                    Boolean: import("@elaraai/east").BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: import("@elaraai/east").FloatType;
+                                    String: StringType;
+                                    DateTime: import("@elaraai/east").DateTimeType;
+                                }>;
+                            }>], import("@elaraai/east").NullType>>;
+                            onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                                rowIndex: import("@elaraai/east").IntegerType;
+                                columnKey: StringType;
+                                cellValue: import("@elaraai/east").VariantType<{
+                                    Boolean: import("@elaraai/east").BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: import("@elaraai/east").FloatType;
+                                    String: 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: 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<{
@@ -10699,6 +12654,7 @@ export declare const Grid: {
                                 plain: import("@elaraai/east").NullType;
                                 subtle: import("@elaraai/east").NullType;
                             }>>;
+                            onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Carousel: StructType<{
@@ -10719,6 +12675,7 @@ export declare const Grid: {
                             }>>;
                             spacing: OptionType<StringType>;
                             padding: OptionType<StringType>;
+                            onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Tabs: StructType<{
@@ -10771,6 +12728,7 @@ export declare const Grid: {
                                 purple: import("@elaraai/east").NullType;
                                 pink: import("@elaraai/east").NullType;
                             }>>;
+                            onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Tooltip: StructType<{
@@ -10853,6 +12811,10 @@ export declare const Grid: {
                                 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<{
@@ -10876,6 +12838,8 @@ export declare const Grid: {
                                 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<{
@@ -10906,6 +12870,7 @@ export declare const Grid: {
                             }>>;
                             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<{
@@ -10935,6 +12900,7 @@ export declare const Grid: {
                             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<{
@@ -10948,7 +12914,10 @@ export declare const Grid: {
                         }>>;
                         selectionCount: OptionType<import("@elaraai/east").IntegerType>;
                         selectionLabel: OptionType<StringType>;
-                        style: OptionType<StructType<{}>>;
+                        style: OptionType<StructType<{
+                            onSelect: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -10969,8 +12938,12 @@ export declare const Grid: {
                                 "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>;
+                    }>;
                 }>>;
                 colSpan: OptionType<StringType>;
                 rowSpan: OptionType<StringType>;
@@ -11210,6 +13183,7 @@ export declare const Grid: {
                     highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
                     maxHeight: OptionType<StringType>;
                     showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
+                    wordWrap: OptionType<import("@elaraai/east").BooleanType>;
                     title: OptionType<StringType>;
                 }>;
                 Button: StructType<{
@@ -11241,6 +13215,7 @@ export declare const Grid: {
                         }>>;
                         loading: OptionType<import("@elaraai/east").BooleanType>;
                         disabled: OptionType<import("@elaraai/east").BooleanType>;
+                        onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 IconButton: StructType<{
@@ -11273,6 +13248,7 @@ export declare const Grid: {
                         }>>;
                         loading: OptionType<import("@elaraai/east").BooleanType>;
                         disabled: OptionType<import("@elaraai/east").BooleanType>;
+                        onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Box: StructType<{
@@ -11290,6 +13266,28 @@ export declare const Grid: {
                         }>>;
                         width: OptionType<StringType>;
                         height: OptionType<StringType>;
+                        minHeight: OptionType<StringType>;
+                        minWidth: OptionType<StringType>;
+                        maxHeight: OptionType<StringType>;
+                        maxWidth: OptionType<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<StringType>;
                             right: OptionType<StringType>;
@@ -11329,6 +13327,77 @@ export declare const Grid: {
                         gap: OptionType<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<StringType>;
+                        width: OptionType<StringType>;
+                        height: OptionType<StringType>;
+                        minHeight: OptionType<StringType>;
+                        minWidth: OptionType<StringType>;
+                        maxHeight: OptionType<StringType>;
+                        maxWidth: OptionType<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<StringType>;
+                            right: OptionType<StringType>;
+                            bottom: OptionType<StringType>;
+                            left: OptionType<StringType>;
+                        }>>;
+                        margin: OptionType<StructType<{
+                            top: OptionType<StringType>;
+                            right: OptionType<StringType>;
+                            bottom: OptionType<StringType>;
+                            left: OptionType<StringType>;
+                        }>>;
+                        background: OptionType<StringType>;
+                        color: OptionType<StringType>;
+                        borderRadius: OptionType<StringType>;
+                    }>>;
+                }>;
                 Stack: StructType<{
                     children: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
                     style: OptionType<StructType<{
@@ -11365,15 +13434,37 @@ export declare const Grid: {
                             bottom: OptionType<StringType>;
                             left: OptionType<StringType>;
                         }>>;
-                        margin: OptionType<StructType<{
-                            top: OptionType<StringType>;
-                            right: OptionType<StringType>;
-                            bottom: OptionType<StringType>;
-                            left: OptionType<StringType>;
+                        margin: OptionType<StructType<{
+                            top: OptionType<StringType>;
+                            right: OptionType<StringType>;
+                            bottom: OptionType<StringType>;
+                            left: OptionType<StringType>;
+                        }>>;
+                        background: OptionType<StringType>;
+                        width: OptionType<StringType>;
+                        height: OptionType<StringType>;
+                        minHeight: OptionType<StringType>;
+                        minWidth: OptionType<StringType>;
+                        maxHeight: OptionType<StringType>;
+                        maxWidth: OptionType<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;
                         }>>;
-                        background: OptionType<StringType>;
-                        width: OptionType<StringType>;
-                        height: OptionType<StringType>;
                     }>>;
                 }>;
                 Separator: StructType<{
@@ -11468,6 +13559,13 @@ export declare const Grid: {
                             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<{
@@ -11487,6 +13585,9 @@ export declare const Grid: {
                     maxLength: OptionType<import("@elaraai/east").IntegerType>;
                     pattern: OptionType<StringType>;
                     disabled: OptionType<import("@elaraai/east").BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -11505,6 +13606,9 @@ export declare const Grid: {
                         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;
@@ -11524,13 +13628,44 @@ export declare const Grid: {
                         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<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: 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;
@@ -11543,6 +13678,9 @@ export declare const Grid: {
                         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;
@@ -11567,6 +13705,7 @@ export declare const Grid: {
                         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;
@@ -11590,6 +13729,7 @@ export declare const Grid: {
                         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<StringType>;
@@ -11607,6 +13747,9 @@ export declare const Grid: {
                         md: import("@elaraai/east").NullType;
                         lg: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                    onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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;
@@ -11640,6 +13783,8 @@ export declare const Grid: {
                         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<StringType>;
@@ -11658,31 +13803,358 @@ export declare const Grid: {
                     label: OptionType<StringType>;
                     dropzoneText: OptionType<StringType>;
                     triggerText: OptionType<StringType>;
+                    onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        name: StringType;
+                        size: import("@elaraai/east").IntegerType;
+                        type: StringType;
+                    }>>], import("@elaraai/east").NullType>>;
+                    onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                        file: StructType<{
+                            name: StringType;
+                            size: import("@elaraai/east").IntegerType;
+                            type: StringType;
+                        }>;
+                        errors: ArrayType<StringType>;
+                    }>>], import("@elaraai/east").NullType>>;
                 }>;
                 Field: StructType<{
                     label: StringType;
-                    control: import("@elaraai/east").RecursiveTypeMarker;
+                    control: import("@elaraai/east").VariantType<{
+                        Checkbox: StructType<{
+                            checked: import("@elaraai/east").BooleanType;
+                            label: OptionType<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: StringType;
+                            placeholder: OptionType<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<StringType>;
+                            disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[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: 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<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<StringType>;
+                            label: OptionType<StringType>;
+                            dropzoneText: OptionType<StringType>;
+                            triggerText: OptionType<StringType>;
+                            onFileAccept: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                                name: StringType;
+                                size: import("@elaraai/east").IntegerType;
+                                type: StringType;
+                            }>>], import("@elaraai/east").NullType>>;
+                            onFileReject: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StructType<{
+                                file: StructType<{
+                                    name: StringType;
+                                    size: import("@elaraai/east").IntegerType;
+                                    type: StringType;
+                                }>;
+                                errors: ArrayType<StringType>;
+                            }>>], import("@elaraai/east").NullType>>;
+                        }>;
+                        Select: StructType<{
+                            value: OptionType<StringType>;
+                            items: ArrayType<StructType<{
+                                value: StringType;
+                                label: StringType;
+                                disabled: OptionType<import("@elaraai/east").BooleanType>;
+                            }>>;
+                            placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                            onChangeMultiple: OptionType<import("@elaraai/east").FunctionType<[ArrayType<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<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<StringType>;
+                            defaultValue: OptionType<ArrayType<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<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<StringType>;
+                            placeholder: OptionType<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<StringType>], import("@elaraai/east").NullType>>;
+                            onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                            onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
+                        }>;
+                        Textarea: StructType<{
+                            value: StringType;
+                            placeholder: OptionType<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<[StringType], import("@elaraai/east").NullType>>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
                     errorText: OptionType<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<StringType>;
-                    helperText: OptionType<StringType>;
-                    errorText: OptionType<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<{
@@ -11708,10 +14180,13 @@ export declare const Grid: {
                     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<[StringType], import("@elaraai/east").NullType>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[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<StringType>;
@@ -11754,6 +14229,9 @@ export declare const Grid: {
                         purple: import("@elaraai/east").NullType;
                         pink: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                    onInputChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+                    onHighlightChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
                 }>;
                 Progress: StructType<{
                     value: import("@elaraai/east").FloatType;
@@ -11853,6 +14331,7 @@ export declare const Grid: {
                         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<StringType>;
@@ -14193,6 +16672,9 @@ export declare const Grid: {
                             multiple: import("@elaraai/east").NullType;
                         }>>;
                         animateContent: OptionType<import("@elaraai/east").BooleanType>;
+                        onExpandedChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                        onSelectionChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+                        onFocusChange: OptionType<import("@elaraai/east").FunctionType<[OptionType<StringType>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Table: StructType<{
@@ -14243,6 +16725,47 @@ export declare const Grid: {
                             purple: import("@elaraai/east").NullType;
                             pink: import("@elaraai/east").NullType;
                         }>>;
+                        onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: StringType;
+                                DateTime: import("@elaraai/east").DateTimeType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: 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: 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<{
@@ -14332,6 +16855,104 @@ export declare const Grid: {
                             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: StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: StringType;
+                                DateTime: import("@elaraai/east").DateTimeType;
+                            }>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onCellDoubleClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: import("@elaraai/east").BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: import("@elaraai/east").FloatType;
+                                String: 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: 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<{
@@ -14349,6 +16970,7 @@ export declare const Grid: {
                             plain: import("@elaraai/east").NullType;
                             subtle: import("@elaraai/east").NullType;
                         }>>;
+                        onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Carousel: StructType<{
@@ -14369,6 +16991,7 @@ export declare const Grid: {
                         }>>;
                         spacing: OptionType<StringType>;
                         padding: OptionType<StringType>;
+                        onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Tabs: StructType<{
@@ -14421,6 +17044,7 @@ export declare const Grid: {
                             purple: import("@elaraai/east").NullType;
                             pink: import("@elaraai/east").NullType;
                         }>>;
+                        onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Tooltip: StructType<{
@@ -14503,6 +17127,10 @@ export declare const Grid: {
                             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<{
@@ -14526,6 +17154,8 @@ export declare const Grid: {
                             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<{
@@ -14556,6 +17186,7 @@ export declare const Grid: {
                         }>>;
                         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<{
@@ -14585,6 +17216,7 @@ export declare const Grid: {
                         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<{
@@ -14598,7 +17230,10 @@ export declare const Grid: {
                     }>>;
                     selectionCount: OptionType<import("@elaraai/east").IntegerType>;
                     selectionLabel: OptionType<StringType>;
-                    style: OptionType<StructType<{}>>;
+                    style: OptionType<StructType<{
+                        onSelect: OptionType<import("@elaraai/east").FunctionType<[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;
@@ -14619,8 +17254,12 @@ export declare const Grid: {
                             "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>;
+                }>;
             }>>;
             colSpan: OptionType<StringType>;
             rowSpan: OptionType<StringType>;