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

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

@@ -5,7 +5,7 @@
 import { type ExprType, type SubtypeExprOrValue, OptionType, StructType, ArrayType, StringType, FloatType, BooleanType } from "@elaraai/east";
 import { UIComponentType } from "../../component.js";
 import { type SplitterStyle, type SplitterPanelStyle } from "./types.js";
-export { SplitterStyleType, SplitterPanelStyleType, type SplitterStyle, type SplitterPanelStyle, } from "./types.js";
+export { SplitterStyleType, SplitterPanelStyleType, SplitterResizeDetailsType, type SplitterStyle, type SplitterPanelStyle, } from "./types.js";
 /**
  * The concrete East type for Splitter panel data.
  *
@@ -189,6 +189,7 @@ export declare const SplitterPanelType: StructType<{
             highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
             maxHeight: OptionType<StringType>;
             showCopyButton: OptionType<BooleanType>;
+            wordWrap: OptionType<BooleanType>;
             title: OptionType<StringType>;
         }>;
         Button: StructType<{
@@ -220,6 +221,7 @@ export declare const SplitterPanelType: StructType<{
                 }>>;
                 loading: OptionType<BooleanType>;
                 disabled: OptionType<BooleanType>;
+                onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         IconButton: StructType<{
@@ -252,6 +254,7 @@ export declare const SplitterPanelType: StructType<{
                 }>>;
                 loading: OptionType<BooleanType>;
                 disabled: OptionType<BooleanType>;
+                onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Box: StructType<{
@@ -269,6 +272,28 @@ export declare const SplitterPanelType: 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>;
@@ -308,6 +333,77 @@ export declare const SplitterPanelType: 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<{
@@ -353,6 +449,28 @@ export declare const SplitterPanelType: 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<{
@@ -447,6 +565,13 @@ export declare const SplitterPanelType: StructType<{
                     horizontal: import("@elaraai/east").NullType;
                     vertical: import("@elaraai/east").NullType;
                 }>>;
+                onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    size: ArrayType<FloatType>;
+                }>], import("@elaraai/east").NullType>>;
+                onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    size: ArrayType<FloatType>;
+                }>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         StringInput: StructType<{
@@ -466,6 +591,9 @@ export declare const SplitterPanelType: StructType<{
             maxLength: OptionType<import("@elaraai/east").IntegerType>;
             pattern: OptionType<StringType>;
             disabled: OptionType<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;
@@ -484,6 +612,9 @@ export declare const SplitterPanelType: StructType<{
                 lg: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<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: FloatType;
@@ -503,13 +634,44 @@ export declare const SplitterPanelType: StructType<{
                 lg: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[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<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;
@@ -522,6 +684,9 @@ export declare const SplitterPanelType: StructType<{
                 lg: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<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: BooleanType;
@@ -546,6 +711,7 @@ export declare const SplitterPanelType: StructType<{
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
         }>;
         Switch: StructType<{
             checked: BooleanType;
@@ -569,6 +735,7 @@ export declare const SplitterPanelType: StructType<{
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
         }>;
         Select: StructType<{
             value: OptionType<StringType>;
@@ -586,6 +753,9 @@ export declare const SplitterPanelType: 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<[BooleanType], import("@elaraai/east").NullType>>;
         }>;
         Slider: StructType<{
             value: FloatType;
@@ -619,6 +789,8 @@ export declare const SplitterPanelType: StructType<{
                 subtle: import("@elaraai/east").NullType;
             }>>;
             disabled: OptionType<BooleanType>;
+            onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+            onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
         }>;
         FileUpload: StructType<{
             accept: OptionType<StringType>;
@@ -637,165 +809,498 @@ export declare const SplitterPanelType: 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<BooleanType>;
-            disabled: OptionType<BooleanType>;
-            invalid: OptionType<BooleanType>;
-            readOnly: OptionType<BooleanType>;
-        }>;
-        Fieldset: StructType<{
-            legend: OptionType<StringType>;
-            helperText: OptionType<StringType>;
-            errorText: OptionType<StringType>;
-            content: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
-            disabled: OptionType<BooleanType>;
-            invalid: OptionType<BooleanType>;
-            style: OptionType<StructType<{
-                size: OptionType<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<BooleanType>;
-            readOnly: OptionType<BooleanType>;
-            invalid: OptionType<BooleanType>;
-            required: OptionType<BooleanType>;
-            maxLength: OptionType<import("@elaraai/east").IntegerType>;
-            autoresize: OptionType<BooleanType>;
-        }>;
-        TagsInput: StructType<{
-            value: ArrayType<StringType>;
-            defaultValue: OptionType<ArrayType<StringType>>;
-            max: OptionType<import("@elaraai/east").IntegerType>;
-            maxLength: OptionType<import("@elaraai/east").IntegerType>;
-            disabled: OptionType<BooleanType>;
-            readOnly: OptionType<BooleanType>;
-            invalid: OptionType<BooleanType>;
-            editable: OptionType<BooleanType>;
-            delimiter: OptionType<StringType>;
-            addOnPaste: OptionType<BooleanType>;
-            blurBehavior: OptionType<import("@elaraai/east").VariantType<{
-                clear: import("@elaraai/east").NullType;
-                add: import("@elaraai/east").NullType;
-            }>>;
-            allowOverflow: OptionType<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: FloatType;
-            min: OptionType<FloatType>;
-            max: OptionType<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<BooleanType>;
-            animated: OptionType<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: BooleanType;
+                    label: OptionType<StringType>;
+                    indeterminate: OptionType<BooleanType>;
+                    disabled: OptionType<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<[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<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<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: FloatType;
+                    min: OptionType<FloatType>;
+                    max: OptionType<FloatType>;
+                    step: OptionType<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<BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[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<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<BooleanType>;
+                    disabled: OptionType<BooleanType>;
+                    required: OptionType<BooleanType>;
+                    allowDrop: OptionType<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<BooleanType>;
+                    }>>;
+                    placeholder: OptionType<StringType>;
+                    multiple: OptionType<BooleanType>;
+                    disabled: OptionType<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<[BooleanType], import("@elaraai/east").NullType>>;
+                }>;
+                Slider: StructType<{
+                    value: FloatType;
+                    min: OptionType<FloatType>;
+                    max: OptionType<FloatType>;
+                    step: OptionType<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<BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                    onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                }>;
+                Switch: StructType<{
+                    checked: BooleanType;
+                    label: OptionType<StringType>;
+                    disabled: OptionType<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<[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<BooleanType>;
+                    readOnly: OptionType<BooleanType>;
+                    invalid: OptionType<BooleanType>;
+                    editable: OptionType<BooleanType>;
+                    delimiter: OptionType<StringType>;
+                    addOnPaste: OptionType<BooleanType>;
+                    blurBehavior: OptionType<import("@elaraai/east").VariantType<{
+                        clear: import("@elaraai/east").NullType;
+                        add: import("@elaraai/east").NullType;
+                    }>>;
+                    allowOverflow: OptionType<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<BooleanType>;
+                    readOnly: OptionType<BooleanType>;
+                    required: OptionType<BooleanType>;
+                    maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                    autoresize: OptionType<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<BooleanType>;
+            disabled: OptionType<BooleanType>;
+            invalid: OptionType<BooleanType>;
+            readOnly: OptionType<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<BooleanType>;
+            readOnly: OptionType<BooleanType>;
+            required: OptionType<BooleanType>;
+            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+            autoresize: OptionType<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<BooleanType>;
+            readOnly: OptionType<BooleanType>;
+            invalid: OptionType<BooleanType>;
+            editable: OptionType<BooleanType>;
+            delimiter: OptionType<StringType>;
+            addOnPaste: OptionType<BooleanType>;
+            blurBehavior: OptionType<import("@elaraai/east").VariantType<{
+                clear: import("@elaraai/east").NullType;
+                add: import("@elaraai/east").NullType;
+            }>>;
+            allowOverflow: OptionType<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: FloatType;
+            min: OptionType<FloatType>;
+            max: OptionType<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<BooleanType>;
+            animated: OptionType<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;
             }>>;
@@ -832,6 +1337,7 @@ export declare const SplitterPanelType: StructType<{
                 xl: import("@elaraai/east").NullType;
             }>>;
             closable: OptionType<BooleanType>;
+            onClose: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         Avatar: StructType<{
             src: OptionType<StringType>;
@@ -3172,6 +3678,9 @@ export declare const SplitterPanelType: StructType<{
                     multiple: import("@elaraai/east").NullType;
                 }>>;
                 animateContent: OptionType<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<{
@@ -3222,6 +3731,47 @@ export declare const SplitterPanelType: 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: BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: 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: BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: 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: 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<{
@@ -3311,6 +3861,104 @@ export declare const SplitterPanelType: StructType<{
                     pink: import("@elaraai/east").NullType;
                 }>>;
                 showToday: OptionType<BooleanType>;
+                dragStep: OptionType<import("@elaraai/east").VariantType<{
+                    minutes: FloatType;
+                    hours: FloatType;
+                    days: FloatType;
+                    weeks: FloatType;
+                    months: FloatType;
+                }>>;
+                durationStep: OptionType<import("@elaraai/east").VariantType<{
+                    minutes: FloatType;
+                    hours: FloatType;
+                    days: FloatType;
+                    weeks: FloatType;
+                    months: FloatType;
+                }>>;
+                onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    rowIndex: import("@elaraai/east").IntegerType;
+                    columnKey: StringType;
+                    cellValue: import("@elaraai/east").VariantType<{
+                        Boolean: BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: 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: BooleanType;
+                        Integer: import("@elaraai/east").IntegerType;
+                        Float: 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: FloatType;
+                    newProgress: 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<{
@@ -3328,6 +3976,7 @@ export declare const SplitterPanelType: 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<{
@@ -3348,6 +3997,7 @@ export declare const SplitterPanelType: StructType<{
                 }>>;
                 spacing: OptionType<StringType>;
                 padding: OptionType<StringType>;
+                onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Tabs: StructType<{
@@ -3400,6 +4050,7 @@ export declare const SplitterPanelType: StructType<{
                     purple: import("@elaraai/east").NullType;
                     pink: import("@elaraai/east").NullType;
                 }>>;
+                onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Tooltip: StructType<{
@@ -3482,6 +4133,10 @@ export declare const SplitterPanelType: StructType<{
                     dialog: import("@elaraai/east").NullType;
                     alertdialog: import("@elaraai/east").NullType;
                 }>>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[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<{
@@ -3505,6 +4160,8 @@ export declare const SplitterPanelType: StructType<{
                     bottom: import("@elaraai/east").NullType;
                 }>>;
                 contained: OptionType<BooleanType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+                onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         Popover: StructType<{
@@ -3535,6 +4192,7 @@ export declare const SplitterPanelType: StructType<{
                 }>>;
                 hasArrow: OptionType<BooleanType>;
                 gutter: OptionType<import("@elaraai/east").IntegerType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         HoverCard: StructType<{
@@ -3564,6 +4222,7 @@ export declare const SplitterPanelType: StructType<{
                 hasArrow: OptionType<BooleanType>;
                 openDelay: OptionType<import("@elaraai/east").IntegerType>;
                 closeDelay: OptionType<import("@elaraai/east").IntegerType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         ActionBar: StructType<{
@@ -3577,7 +4236,10 @@ export declare const SplitterPanelType: 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<[BooleanType], import("@elaraai/east").NullType>>;
+            }>>;
         }>;
         ToggleTip: StructType<{
             trigger: import("@elaraai/east").RecursiveTypeMarker;
@@ -3598,8 +4260,12 @@ export declare const SplitterPanelType: StructType<{
                     "right-end": import("@elaraai/east").NullType;
                 }>>;
                 hasArrow: OptionType<BooleanType>;
+                onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
             }>>;
         }>;
+        ReactiveComponent: StructType<{
+            render: import("@elaraai/east").FunctionType<[], import("@elaraai/east").RecursiveTypeMarker>;
+        }>;
     }>>;
     minSize: OptionType<FloatType>;
     maxSize: OptionType<FloatType>;
@@ -3791,6 +4457,7 @@ export declare const SplitterType: StructType<{
                 highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
                 maxHeight: OptionType<StringType>;
                 showCopyButton: OptionType<BooleanType>;
+                wordWrap: OptionType<BooleanType>;
                 title: OptionType<StringType>;
             }>;
             Button: StructType<{
@@ -3822,6 +4489,7 @@ export declare const SplitterType: StructType<{
                     }>>;
                     loading: OptionType<BooleanType>;
                     disabled: OptionType<BooleanType>;
+                    onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             IconButton: StructType<{
@@ -3854,6 +4522,7 @@ export declare const SplitterType: StructType<{
                     }>>;
                     loading: OptionType<BooleanType>;
                     disabled: OptionType<BooleanType>;
+                    onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Box: StructType<{
@@ -3871,6 +4540,28 @@ export declare const SplitterType: 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>;
@@ -3883,15 +4574,47 @@ export declare const SplitterType: 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;
@@ -3908,6 +4631,45 @@ export declare const SplitterType: 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<{
@@ -3955,6 +4717,28 @@ export declare const SplitterType: 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<{
@@ -4049,6 +4833,13 @@ export declare const SplitterType: StructType<{
                         horizontal: import("@elaraai/east").NullType;
                         vertical: import("@elaraai/east").NullType;
                     }>>;
+                    onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                        size: ArrayType<FloatType>;
+                    }>], import("@elaraai/east").NullType>>;
+                    onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                    onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                        size: ArrayType<FloatType>;
+                    }>], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             StringInput: StructType<{
@@ -4068,6 +4859,9 @@ export declare const SplitterType: StructType<{
                 maxLength: OptionType<import("@elaraai/east").IntegerType>;
                 pattern: OptionType<StringType>;
                 disabled: OptionType<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;
@@ -4086,6 +4880,9 @@ export declare const SplitterType: StructType<{
                     lg: import("@elaraai/east").NullType;
                 }>>;
                 disabled: OptionType<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: FloatType;
@@ -4105,13 +4902,44 @@ export declare const SplitterType: StructType<{
                     lg: import("@elaraai/east").NullType;
                 }>>;
                 disabled: OptionType<BooleanType>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[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<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;
@@ -4124,6 +4952,9 @@ export declare const SplitterType: StructType<{
                     lg: import("@elaraai/east").NullType;
                 }>>;
                 disabled: OptionType<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: BooleanType;
@@ -4148,6 +4979,7 @@ export declare const SplitterType: StructType<{
                     md: import("@elaraai/east").NullType;
                     lg: import("@elaraai/east").NullType;
                 }>>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
             }>;
             Switch: StructType<{
                 checked: BooleanType;
@@ -4171,6 +5003,7 @@ export declare const SplitterType: StructType<{
                     md: import("@elaraai/east").NullType;
                     lg: import("@elaraai/east").NullType;
                 }>>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
             }>;
             Select: StructType<{
                 value: OptionType<StringType>;
@@ -4188,6 +5021,9 @@ export declare const SplitterType: 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<[BooleanType], import("@elaraai/east").NullType>>;
             }>;
             Slider: StructType<{
                 value: FloatType;
@@ -4221,6 +5057,8 @@ export declare const SplitterType: StructType<{
                     subtle: import("@elaraai/east").NullType;
                 }>>;
                 disabled: OptionType<BooleanType>;
+                onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
             }>;
             FileUpload: StructType<{
                 accept: OptionType<StringType>;
@@ -4239,31 +5077,358 @@ export declare const SplitterType: 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: BooleanType;
+                        label: OptionType<StringType>;
+                        indeterminate: OptionType<BooleanType>;
+                        disabled: OptionType<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<[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<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<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: FloatType;
+                        min: OptionType<FloatType>;
+                        max: OptionType<FloatType>;
+                        step: OptionType<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<BooleanType>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[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<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<BooleanType>;
+                        disabled: OptionType<BooleanType>;
+                        required: OptionType<BooleanType>;
+                        allowDrop: OptionType<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<BooleanType>;
+                        }>>;
+                        placeholder: OptionType<StringType>;
+                        multiple: OptionType<BooleanType>;
+                        disabled: OptionType<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<[BooleanType], import("@elaraai/east").NullType>>;
+                    }>;
+                    Slider: StructType<{
+                        value: FloatType;
+                        min: OptionType<FloatType>;
+                        max: OptionType<FloatType>;
+                        step: OptionType<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<BooleanType>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                        onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                    }>;
+                    Switch: StructType<{
+                        checked: BooleanType;
+                        label: OptionType<StringType>;
+                        disabled: OptionType<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<[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<BooleanType>;
+                        readOnly: OptionType<BooleanType>;
+                        invalid: OptionType<BooleanType>;
+                        editable: OptionType<BooleanType>;
+                        delimiter: OptionType<StringType>;
+                        addOnPaste: OptionType<BooleanType>;
+                        blurBehavior: OptionType<import("@elaraai/east").VariantType<{
+                            clear: import("@elaraai/east").NullType;
+                            add: import("@elaraai/east").NullType;
+                        }>>;
+                        allowOverflow: OptionType<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<BooleanType>;
+                        readOnly: OptionType<BooleanType>;
+                        required: OptionType<BooleanType>;
+                        maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                        autoresize: OptionType<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<BooleanType>;
                 disabled: OptionType<BooleanType>;
                 invalid: OptionType<BooleanType>;
                 readOnly: OptionType<BooleanType>;
-            }>;
-            Fieldset: StructType<{
-                legend: OptionType<StringType>;
-                helperText: OptionType<StringType>;
-                errorText: OptionType<StringType>;
-                content: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
-                disabled: OptionType<BooleanType>;
-                invalid: OptionType<BooleanType>;
-                style: OptionType<StructType<{
-                    size: OptionType<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<{
@@ -4289,10 +5454,13 @@ export declare const SplitterType: StructType<{
                 rows: OptionType<import("@elaraai/east").IntegerType>;
                 disabled: OptionType<BooleanType>;
                 readOnly: OptionType<BooleanType>;
-                invalid: OptionType<BooleanType>;
                 required: OptionType<BooleanType>;
                 maxLength: OptionType<import("@elaraai/east").IntegerType>;
                 autoresize: OptionType<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>;
@@ -4335,6 +5503,9 @@ export declare const SplitterType: 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: FloatType;
@@ -4434,6 +5605,7 @@ export declare const SplitterType: StructType<{
                     xl: import("@elaraai/east").NullType;
                 }>>;
                 closable: OptionType<BooleanType>;
+                onClose: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>;
             Avatar: StructType<{
                 src: OptionType<StringType>;
@@ -6774,6 +7946,9 @@ export declare const SplitterType: StructType<{
                         multiple: import("@elaraai/east").NullType;
                     }>>;
                     animateContent: OptionType<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<{
@@ -6824,6 +7999,47 @@ export declare const SplitterType: 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: BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: 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: BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: 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: 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<{
@@ -6913,6 +8129,104 @@ export declare const SplitterType: StructType<{
                         pink: import("@elaraai/east").NullType;
                     }>>;
                     showToday: OptionType<BooleanType>;
+                    dragStep: OptionType<import("@elaraai/east").VariantType<{
+                        minutes: FloatType;
+                        hours: FloatType;
+                        days: FloatType;
+                        weeks: FloatType;
+                        months: FloatType;
+                    }>>;
+                    durationStep: OptionType<import("@elaraai/east").VariantType<{
+                        minutes: FloatType;
+                        hours: FloatType;
+                        days: FloatType;
+                        weeks: FloatType;
+                        months: FloatType;
+                    }>>;
+                    onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                        rowIndex: import("@elaraai/east").IntegerType;
+                        columnKey: StringType;
+                        cellValue: import("@elaraai/east").VariantType<{
+                            Boolean: BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: 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: BooleanType;
+                            Integer: import("@elaraai/east").IntegerType;
+                            Float: 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: FloatType;
+                        newProgress: 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<{
@@ -6930,6 +8244,7 @@ export declare const SplitterType: 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<{
@@ -6950,6 +8265,7 @@ export declare const SplitterType: StructType<{
                     }>>;
                     spacing: OptionType<StringType>;
                     padding: OptionType<StringType>;
+                    onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Tabs: StructType<{
@@ -7002,6 +8318,7 @@ export declare const SplitterType: StructType<{
                         purple: import("@elaraai/east").NullType;
                         pink: import("@elaraai/east").NullType;
                     }>>;
+                    onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Tooltip: StructType<{
@@ -7084,6 +8401,10 @@ export declare const SplitterType: StructType<{
                         dialog: import("@elaraai/east").NullType;
                         alertdialog: import("@elaraai/east").NullType;
                     }>>;
+                    onOpenChange: OptionType<import("@elaraai/east").FunctionType<[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<{
@@ -7107,6 +8428,8 @@ export declare const SplitterType: StructType<{
                         bottom: import("@elaraai/east").NullType;
                     }>>;
                     contained: OptionType<BooleanType>;
+                    onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+                    onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             Popover: StructType<{
@@ -7137,6 +8460,7 @@ export declare const SplitterType: StructType<{
                     }>>;
                     hasArrow: OptionType<BooleanType>;
                     gutter: OptionType<import("@elaraai/east").IntegerType>;
+                    onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             HoverCard: StructType<{
@@ -7166,6 +8490,7 @@ export declare const SplitterType: StructType<{
                     hasArrow: OptionType<BooleanType>;
                     openDelay: OptionType<import("@elaraai/east").IntegerType>;
                     closeDelay: OptionType<import("@elaraai/east").IntegerType>;
+                    onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
             ActionBar: StructType<{
@@ -7179,7 +8504,10 @@ export declare const SplitterType: 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<[BooleanType], import("@elaraai/east").NullType>>;
+                }>>;
             }>;
             ToggleTip: StructType<{
                 trigger: import("@elaraai/east").RecursiveTypeMarker;
@@ -7200,8 +8528,12 @@ export declare const SplitterType: StructType<{
                         "right-end": import("@elaraai/east").NullType;
                     }>>;
                     hasArrow: OptionType<BooleanType>;
+                    onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                 }>>;
             }>;
+            ReactiveComponent: StructType<{
+                render: import("@elaraai/east").FunctionType<[], import("@elaraai/east").RecursiveTypeMarker>;
+            }>;
         }>>;
         minSize: OptionType<FloatType>;
         maxSize: OptionType<FloatType>;
@@ -7214,6 +8546,13 @@ export declare const SplitterType: StructType<{
             horizontal: import("@elaraai/east").NullType;
             vertical: import("@elaraai/east").NullType;
         }>>;
+        onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+            size: ArrayType<FloatType>;
+        }>], import("@elaraai/east").NullType>>;
+        onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+        onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+            size: ArrayType<FloatType>;
+        }>], import("@elaraai/east").NullType>>;
     }>>;
 }>;
 /**
@@ -7233,33 +8572,19 @@ export type SplitterType = typeof SplitterType;
  *
  * @example
  * ```ts
- * import { Splitter, Box } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Splitter, Text, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple panel
- * const panel = Splitter.Panel(
- *   variant("Box", sidebarContent),
- *   { id: "sidebar" }
- * );
- *
- * // Panel with size constraints
- * const constrainedPanel = Splitter.Panel(
- *   variant("Box", mainContent),
- *   {
- *     id: "main",
- *     minSize: 50,
- *     maxSize: 80,
- *   }
- * );
- *
- * // Collapsible panel
- * const collapsiblePanel = Splitter.Panel(
- *   variant("Box", terminal),
- *   {
- *     id: "terminal",
- *     collapsible: true,
- *     defaultCollapsed: false,
- *   }
- * );
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Splitter.Root(
+ *         [
+ *             Splitter.Panel(Text.Root("Sidebar"), { id: "sidebar", minSize: 20 }),
+ *             Splitter.Panel(Text.Root("Main"), { id: "main", collapsible: true }),
+ *         ],
+ *         [30.0, 70.0],
+ *         { orientation: "horizontal" }
+ *     );
+ * });
  * ```
  */
 declare function SplitterPanel(content: SubtypeExprOrValue<UIComponentType>, config: SplitterPanelStyle): ExprType<SplitterPanelType>;
@@ -7278,28 +8603,19 @@ declare function SplitterPanel(content: SubtypeExprOrValue<UIComponentType>, con
  *
  * @example
  * ```ts
- * import { Splitter, Box, Style } from "@elaraai/east-ui";
- * import { East, variant, ArrayType } from "@elaraai/east";
+ * import { East } from "@elaraai/east";
+ * import { Splitter, Text, UIComponentType } from "@elaraai/east-ui";
  *
- * // Horizontal splitter (left/right)
- * const horizontalSplitter = Splitter.Root(
- *   East.value([
- *     Splitter.Panel(variant("Box", sidebar), { id: "sidebar", minSize: 20 }),
- *     Splitter.Panel(variant("Box", main), { id: "main", minSize: 50 }),
- *   ], ArrayType(SplitterPanelType)),
- *   East.value([30, 70], ArrayType(FloatType)),
- *   { orientation: Style.Orientation("horizontal") }
- * );
- *
- * // Vertical splitter (top/bottom)
- * const verticalSplitter = Splitter.Root(
- *   East.value([
- *     Splitter.Panel(variant("Box", editor), { id: "editor" }),
- *     Splitter.Panel(variant("Box", terminal), { id: "terminal", collapsible: true }),
- *   ], ArrayType(SplitterPanelType)),
- *   East.value([60, 40], ArrayType(FloatType)),
- *   { orientation: Style.Orientation("vertical") }
- * );
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Splitter.Root(
+ *         [
+ *             Splitter.Panel(Text.Root("Left Panel"), { id: "left" }),
+ *             Splitter.Panel(Text.Root("Right Panel"), { id: "right" }),
+ *         ],
+ *         [50.0, 50.0],
+ *         { orientation: "horizontal" }
+ *     );
+ * });
  * ```
  */
 declare function SplitterRoot(panels: SubtypeExprOrValue<ArrayType<SplitterPanelType>>, defaultSize: SubtypeExprOrValue<ArrayType<FloatType>>, style?: SplitterStyle): ExprType<UIComponentType>;
@@ -7308,30 +8624,7 @@ declare function SplitterRoot(panels: SubtypeExprOrValue<ArrayType<SplitterPanel
  *
  * @remarks
  * Splitter provides resizable panels separated by draggable dividers.
- * Use Splitter.Root to create the container and Splitter.Panel for each section.
- *
- * @example
- * ```ts
- * import { Splitter, Box, Style } from "@elaraai/east-ui";
- * import { East, variant, ArrayType, FloatType } from "@elaraai/east";
- *
- * // Two-panel horizontal layout
- * const layout = Splitter.Root(
- *   East.value([
- *     Splitter.Panel(variant("Box", sidebar), {
- *       id: "sidebar",
- *       minSize: 15,
- *       collapsible: true,
- *     }),
- *     Splitter.Panel(variant("Box", mainContent), {
- *       id: "main",
- *       minSize: 50,
- *     }),
- *   ], ArrayType(SplitterPanelType)),
- *   East.value([25, 75], ArrayType(FloatType)),
- *   { orientation: Style.Orientation("horizontal") }
- * );
- * ```
+ * Use `Splitter.Root(panels, defaultSize, style)` to create the container and `Splitter.Panel(content, config)` for each section.
  */
 export declare const Splitter: {
     /**
@@ -7576,6 +8869,7 @@ export declare const Splitter: {
                         highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
                         maxHeight: OptionType<StringType>;
                         showCopyButton: OptionType<BooleanType>;
+                        wordWrap: OptionType<BooleanType>;
                         title: OptionType<StringType>;
                     }>;
                     Button: StructType<{
@@ -7607,6 +8901,7 @@ export declare const Splitter: {
                             }>>;
                             loading: OptionType<BooleanType>;
                             disabled: OptionType<BooleanType>;
+                            onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     IconButton: StructType<{
@@ -7639,6 +8934,7 @@ export declare const Splitter: {
                             }>>;
                             loading: OptionType<BooleanType>;
                             disabled: OptionType<BooleanType>;
+                            onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Box: StructType<{
@@ -7656,6 +8952,28 @@ export declare const Splitter: {
                             }>>;
                             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>;
@@ -7695,6 +9013,77 @@ export declare const Splitter: {
                             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<{
@@ -7740,6 +9129,28 @@ export declare const Splitter: {
                             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<{
@@ -7834,6 +9245,13 @@ export declare const Splitter: {
                                 horizontal: import("@elaraai/east").NullType;
                                 vertical: import("@elaraai/east").NullType;
                             }>>;
+                            onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                                size: ArrayType<FloatType>;
+                            }>], import("@elaraai/east").NullType>>;
+                            onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                            onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                                size: ArrayType<FloatType>;
+                            }>], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     StringInput: StructType<{
@@ -7853,6 +9271,9 @@ export declare const Splitter: {
                         maxLength: OptionType<import("@elaraai/east").IntegerType>;
                         pattern: OptionType<StringType>;
                         disabled: OptionType<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;
@@ -7871,6 +9292,9 @@ export declare const Splitter: {
                             lg: import("@elaraai/east").NullType;
                         }>>;
                         disabled: OptionType<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: FloatType;
@@ -7890,13 +9314,44 @@ export declare const Splitter: {
                             lg: import("@elaraai/east").NullType;
                         }>>;
                         disabled: OptionType<BooleanType>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[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<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;
@@ -7909,6 +9364,9 @@ export declare const Splitter: {
                             lg: import("@elaraai/east").NullType;
                         }>>;
                         disabled: OptionType<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: BooleanType;
@@ -7933,6 +9391,7 @@ export declare const Splitter: {
                             md: import("@elaraai/east").NullType;
                             lg: import("@elaraai/east").NullType;
                         }>>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                     }>;
                     Switch: StructType<{
                         checked: BooleanType;
@@ -7956,6 +9415,7 @@ export declare const Splitter: {
                             md: import("@elaraai/east").NullType;
                             lg: import("@elaraai/east").NullType;
                         }>>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                     }>;
                     Select: StructType<{
                         value: OptionType<StringType>;
@@ -7973,6 +9433,9 @@ export declare const Splitter: {
                             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<[BooleanType], import("@elaraai/east").NullType>>;
                     }>;
                     Slider: StructType<{
                         value: FloatType;
@@ -8006,6 +9469,8 @@ export declare const Splitter: {
                             subtle: import("@elaraai/east").NullType;
                         }>>;
                         disabled: OptionType<BooleanType>;
+                        onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                        onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
                     }>;
                     FileUpload: StructType<{
                         accept: OptionType<StringType>;
@@ -8024,31 +9489,358 @@ export declare const Splitter: {
                         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: BooleanType;
+                                label: OptionType<StringType>;
+                                indeterminate: OptionType<BooleanType>;
+                                disabled: OptionType<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<[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<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<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: FloatType;
+                                min: OptionType<FloatType>;
+                                max: OptionType<FloatType>;
+                                step: OptionType<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<BooleanType>;
+                                onChange: OptionType<import("@elaraai/east").FunctionType<[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<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<BooleanType>;
+                                disabled: OptionType<BooleanType>;
+                                required: OptionType<BooleanType>;
+                                allowDrop: OptionType<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<BooleanType>;
+                                }>>;
+                                placeholder: OptionType<StringType>;
+                                multiple: OptionType<BooleanType>;
+                                disabled: OptionType<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<[BooleanType], import("@elaraai/east").NullType>>;
+                            }>;
+                            Slider: StructType<{
+                                value: FloatType;
+                                min: OptionType<FloatType>;
+                                max: OptionType<FloatType>;
+                                step: OptionType<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<BooleanType>;
+                                onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                                onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                            }>;
+                            Switch: StructType<{
+                                checked: BooleanType;
+                                label: OptionType<StringType>;
+                                disabled: OptionType<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<[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<BooleanType>;
+                                readOnly: OptionType<BooleanType>;
+                                invalid: OptionType<BooleanType>;
+                                editable: OptionType<BooleanType>;
+                                delimiter: OptionType<StringType>;
+                                addOnPaste: OptionType<BooleanType>;
+                                blurBehavior: OptionType<import("@elaraai/east").VariantType<{
+                                    clear: import("@elaraai/east").NullType;
+                                    add: import("@elaraai/east").NullType;
+                                }>>;
+                                allowOverflow: OptionType<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<BooleanType>;
+                                readOnly: OptionType<BooleanType>;
+                                required: OptionType<BooleanType>;
+                                maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                                autoresize: OptionType<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<BooleanType>;
                         disabled: OptionType<BooleanType>;
                         invalid: OptionType<BooleanType>;
                         readOnly: OptionType<BooleanType>;
-                    }>;
-                    Fieldset: StructType<{
-                        legend: OptionType<StringType>;
-                        helperText: OptionType<StringType>;
-                        errorText: OptionType<StringType>;
-                        content: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
-                        disabled: OptionType<BooleanType>;
-                        invalid: OptionType<BooleanType>;
-                        style: OptionType<StructType<{
-                            size: OptionType<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<{
@@ -8074,10 +9866,13 @@ export declare const Splitter: {
                         rows: OptionType<import("@elaraai/east").IntegerType>;
                         disabled: OptionType<BooleanType>;
                         readOnly: OptionType<BooleanType>;
-                        invalid: OptionType<BooleanType>;
                         required: OptionType<BooleanType>;
                         maxLength: OptionType<import("@elaraai/east").IntegerType>;
                         autoresize: OptionType<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>;
@@ -8120,6 +9915,9 @@ export declare const Splitter: {
                             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: FloatType;
@@ -8219,6 +10017,7 @@ export declare const Splitter: {
                             xl: import("@elaraai/east").NullType;
                         }>>;
                         closable: OptionType<BooleanType>;
+                        onClose: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>;
                     Avatar: StructType<{
                         src: OptionType<StringType>;
@@ -10559,6 +12358,9 @@ export declare const Splitter: {
                                 multiple: import("@elaraai/east").NullType;
                             }>>;
                             animateContent: OptionType<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<{
@@ -10609,6 +12411,47 @@ export declare const Splitter: {
                                 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: BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: 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: BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: 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: 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<{
@@ -10698,6 +12541,104 @@ export declare const Splitter: {
                                 pink: import("@elaraai/east").NullType;
                             }>>;
                             showToday: OptionType<BooleanType>;
+                            dragStep: OptionType<import("@elaraai/east").VariantType<{
+                                minutes: FloatType;
+                                hours: FloatType;
+                                days: FloatType;
+                                weeks: FloatType;
+                                months: FloatType;
+                            }>>;
+                            durationStep: OptionType<import("@elaraai/east").VariantType<{
+                                minutes: FloatType;
+                                hours: FloatType;
+                                days: FloatType;
+                                weeks: FloatType;
+                                months: FloatType;
+                            }>>;
+                            onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                                rowIndex: import("@elaraai/east").IntegerType;
+                                columnKey: StringType;
+                                cellValue: import("@elaraai/east").VariantType<{
+                                    Boolean: BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: 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: BooleanType;
+                                    Integer: import("@elaraai/east").IntegerType;
+                                    Float: 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: FloatType;
+                                newProgress: 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<{
@@ -10715,6 +12656,7 @@ export declare const Splitter: {
                                 plain: import("@elaraai/east").NullType;
                                 subtle: import("@elaraai/east").NullType;
                             }>>;
+                            onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Carousel: StructType<{
@@ -10735,6 +12677,7 @@ export declare const Splitter: {
                             }>>;
                             spacing: OptionType<StringType>;
                             padding: OptionType<StringType>;
+                            onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Tabs: StructType<{
@@ -10787,6 +12730,7 @@ export declare const Splitter: {
                                 purple: import("@elaraai/east").NullType;
                                 pink: import("@elaraai/east").NullType;
                             }>>;
+                            onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Tooltip: StructType<{
@@ -10869,6 +12813,10 @@ export declare const Splitter: {
                                 dialog: import("@elaraai/east").NullType;
                                 alertdialog: import("@elaraai/east").NullType;
                             }>>;
+                            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[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<{
@@ -10892,6 +12840,8 @@ export declare const Splitter: {
                                 bottom: import("@elaraai/east").NullType;
                             }>>;
                             contained: OptionType<BooleanType>;
+                            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+                            onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     Popover: StructType<{
@@ -10922,6 +12872,7 @@ export declare const Splitter: {
                             }>>;
                             hasArrow: OptionType<BooleanType>;
                             gutter: OptionType<import("@elaraai/east").IntegerType>;
+                            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     HoverCard: StructType<{
@@ -10951,6 +12902,7 @@ export declare const Splitter: {
                             hasArrow: OptionType<BooleanType>;
                             openDelay: OptionType<import("@elaraai/east").IntegerType>;
                             closeDelay: OptionType<import("@elaraai/east").IntegerType>;
+                            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
                     ActionBar: StructType<{
@@ -10964,7 +12916,10 @@ export declare const Splitter: {
                         }>>;
                         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<[BooleanType], import("@elaraai/east").NullType>>;
+                        }>>;
                     }>;
                     ToggleTip: StructType<{
                         trigger: import("@elaraai/east").RecursiveTypeMarker;
@@ -10985,8 +12940,12 @@ export declare const Splitter: {
                                 "right-end": import("@elaraai/east").NullType;
                             }>>;
                             hasArrow: OptionType<BooleanType>;
+                            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                         }>>;
                     }>;
+                    ReactiveComponent: StructType<{
+                        render: import("@elaraai/east").FunctionType<[], import("@elaraai/east").RecursiveTypeMarker>;
+                    }>;
                 }>>;
                 minSize: OptionType<FloatType>;
                 maxSize: OptionType<FloatType>;
@@ -10999,6 +12958,13 @@ export declare const Splitter: {
                     horizontal: import("@elaraai/east").NullType;
                     vertical: import("@elaraai/east").NullType;
                 }>>;
+                onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    size: ArrayType<FloatType>;
+                }>], import("@elaraai/east").NullType>>;
+                onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                    size: ArrayType<FloatType>;
+                }>], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         /**
@@ -11184,6 +13150,7 @@ export declare const Splitter: {
                     highlightLines: OptionType<ArrayType<import("@elaraai/east").IntegerType>>;
                     maxHeight: OptionType<StringType>;
                     showCopyButton: OptionType<BooleanType>;
+                    wordWrap: OptionType<BooleanType>;
                     title: OptionType<StringType>;
                 }>;
                 Button: StructType<{
@@ -11215,6 +13182,7 @@ export declare const Splitter: {
                         }>>;
                         loading: OptionType<BooleanType>;
                         disabled: OptionType<BooleanType>;
+                        onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 IconButton: StructType<{
@@ -11247,6 +13215,7 @@ export declare const Splitter: {
                         }>>;
                         loading: OptionType<BooleanType>;
                         disabled: OptionType<BooleanType>;
+                        onClick: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Box: StructType<{
@@ -11264,6 +13233,28 @@ export declare const Splitter: {
                         }>>;
                         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>;
@@ -11303,6 +13294,77 @@ export declare const Splitter: {
                         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<{
@@ -11345,9 +13407,31 @@ export declare const Splitter: {
                             bottom: OptionType<StringType>;
                             left: OptionType<StringType>;
                         }>>;
-                        background: OptionType<StringType>;
-                        width: OptionType<StringType>;
-                        height: 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;
+                        }>>;
                     }>>;
                 }>;
                 Separator: StructType<{
@@ -11442,6 +13526,13 @@ export declare const Splitter: {
                             horizontal: import("@elaraai/east").NullType;
                             vertical: import("@elaraai/east").NullType;
                         }>>;
+                        onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            size: ArrayType<FloatType>;
+                        }>], import("@elaraai/east").NullType>>;
+                        onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+                        onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            size: ArrayType<FloatType>;
+                        }>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 StringInput: StructType<{
@@ -11461,6 +13552,9 @@ export declare const Splitter: {
                     maxLength: OptionType<import("@elaraai/east").IntegerType>;
                     pattern: OptionType<StringType>;
                     disabled: OptionType<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;
@@ -11479,6 +13573,9 @@ export declare const Splitter: {
                         lg: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<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: FloatType;
@@ -11498,13 +13595,44 @@ export declare const Splitter: {
                         lg: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[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<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;
@@ -11517,6 +13645,9 @@ export declare const Splitter: {
                         lg: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<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: BooleanType;
@@ -11541,6 +13672,7 @@ export declare const Splitter: {
                         md: import("@elaraai/east").NullType;
                         lg: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                 }>;
                 Switch: StructType<{
                     checked: BooleanType;
@@ -11564,6 +13696,7 @@ export declare const Splitter: {
                         md: import("@elaraai/east").NullType;
                         lg: import("@elaraai/east").NullType;
                     }>>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                 }>;
                 Select: StructType<{
                     value: OptionType<StringType>;
@@ -11581,6 +13714,9 @@ export declare const Splitter: {
                         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<[BooleanType], import("@elaraai/east").NullType>>;
                 }>;
                 Slider: StructType<{
                     value: FloatType;
@@ -11614,6 +13750,8 @@ export declare const Splitter: {
                         subtle: import("@elaraai/east").NullType;
                     }>>;
                     disabled: OptionType<BooleanType>;
+                    onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                    onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
                 }>;
                 FileUpload: StructType<{
                     accept: OptionType<StringType>;
@@ -11632,31 +13770,358 @@ export declare const Splitter: {
                     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: BooleanType;
+                            label: OptionType<StringType>;
+                            indeterminate: OptionType<BooleanType>;
+                            disabled: OptionType<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<[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<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<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: FloatType;
+                            min: OptionType<FloatType>;
+                            max: OptionType<FloatType>;
+                            step: OptionType<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<BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[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<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<BooleanType>;
+                            disabled: OptionType<BooleanType>;
+                            required: OptionType<BooleanType>;
+                            allowDrop: OptionType<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<BooleanType>;
+                            }>>;
+                            placeholder: OptionType<StringType>;
+                            multiple: OptionType<BooleanType>;
+                            disabled: OptionType<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<[BooleanType], import("@elaraai/east").NullType>>;
+                        }>;
+                        Slider: StructType<{
+                            value: FloatType;
+                            min: OptionType<FloatType>;
+                            max: OptionType<FloatType>;
+                            step: OptionType<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<BooleanType>;
+                            onChange: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                            onChangeEnd: OptionType<import("@elaraai/east").FunctionType<[FloatType], import("@elaraai/east").NullType>>;
+                        }>;
+                        Switch: StructType<{
+                            checked: BooleanType;
+                            label: OptionType<StringType>;
+                            disabled: OptionType<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<[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<BooleanType>;
+                            readOnly: OptionType<BooleanType>;
+                            invalid: OptionType<BooleanType>;
+                            editable: OptionType<BooleanType>;
+                            delimiter: OptionType<StringType>;
+                            addOnPaste: OptionType<BooleanType>;
+                            blurBehavior: OptionType<import("@elaraai/east").VariantType<{
+                                clear: import("@elaraai/east").NullType;
+                                add: import("@elaraai/east").NullType;
+                            }>>;
+                            allowOverflow: OptionType<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<BooleanType>;
+                            readOnly: OptionType<BooleanType>;
+                            required: OptionType<BooleanType>;
+                            maxLength: OptionType<import("@elaraai/east").IntegerType>;
+                            autoresize: OptionType<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<BooleanType>;
                     disabled: OptionType<BooleanType>;
                     invalid: OptionType<BooleanType>;
                     readOnly: OptionType<BooleanType>;
-                }>;
-                Fieldset: StructType<{
-                    legend: OptionType<StringType>;
-                    helperText: OptionType<StringType>;
-                    errorText: OptionType<StringType>;
-                    content: ArrayType<import("@elaraai/east").RecursiveTypeMarker>;
-                    disabled: OptionType<BooleanType>;
-                    invalid: OptionType<BooleanType>;
-                    style: OptionType<StructType<{
-                        size: OptionType<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<{
@@ -11682,10 +14147,13 @@ export declare const Splitter: {
                     rows: OptionType<import("@elaraai/east").IntegerType>;
                     disabled: OptionType<BooleanType>;
                     readOnly: OptionType<BooleanType>;
-                    invalid: OptionType<BooleanType>;
                     required: OptionType<BooleanType>;
                     maxLength: OptionType<import("@elaraai/east").IntegerType>;
                     autoresize: OptionType<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>;
@@ -11728,6 +14196,9 @@ export declare const Splitter: {
                         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: FloatType;
@@ -11827,6 +14298,7 @@ export declare const Splitter: {
                         xl: import("@elaraai/east").NullType;
                     }>>;
                     closable: OptionType<BooleanType>;
+                    onClose: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                 }>;
                 Avatar: StructType<{
                     src: OptionType<StringType>;
@@ -14167,6 +16639,9 @@ export declare const Splitter: {
                             multiple: import("@elaraai/east").NullType;
                         }>>;
                         animateContent: OptionType<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<{
@@ -14217,6 +16692,47 @@ export declare const Splitter: {
                             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: BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: 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: BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: 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: 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<{
@@ -14306,6 +16822,104 @@ export declare const Splitter: {
                             pink: import("@elaraai/east").NullType;
                         }>>;
                         showToday: OptionType<BooleanType>;
+                        dragStep: OptionType<import("@elaraai/east").VariantType<{
+                            minutes: FloatType;
+                            hours: FloatType;
+                            days: FloatType;
+                            weeks: FloatType;
+                            months: FloatType;
+                        }>>;
+                        durationStep: OptionType<import("@elaraai/east").VariantType<{
+                            minutes: FloatType;
+                            hours: FloatType;
+                            days: FloatType;
+                            weeks: FloatType;
+                            months: FloatType;
+                        }>>;
+                        onCellClick: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                            rowIndex: import("@elaraai/east").IntegerType;
+                            columnKey: StringType;
+                            cellValue: import("@elaraai/east").VariantType<{
+                                Boolean: BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: 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: BooleanType;
+                                Integer: import("@elaraai/east").IntegerType;
+                                Float: 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: FloatType;
+                            newProgress: 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<{
@@ -14323,6 +16937,7 @@ export declare const Splitter: {
                             plain: import("@elaraai/east").NullType;
                             subtle: import("@elaraai/east").NullType;
                         }>>;
+                        onValueChange: OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Carousel: StructType<{
@@ -14343,6 +16958,7 @@ export declare const Splitter: {
                         }>>;
                         spacing: OptionType<StringType>;
                         padding: OptionType<StringType>;
+                        onIndexChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").IntegerType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Tabs: StructType<{
@@ -14395,6 +17011,7 @@ export declare const Splitter: {
                             purple: import("@elaraai/east").NullType;
                             pink: import("@elaraai/east").NullType;
                         }>>;
+                        onValueChange: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Tooltip: StructType<{
@@ -14477,6 +17094,10 @@ export declare const Splitter: {
                             dialog: import("@elaraai/east").NullType;
                             alertdialog: import("@elaraai/east").NullType;
                         }>>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[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<{
@@ -14500,6 +17121,8 @@ export declare const Splitter: {
                             bottom: import("@elaraai/east").NullType;
                         }>>;
                         contained: OptionType<BooleanType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+                        onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 Popover: StructType<{
@@ -14530,6 +17153,7 @@ export declare const Splitter: {
                         }>>;
                         hasArrow: OptionType<BooleanType>;
                         gutter: OptionType<import("@elaraai/east").IntegerType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 HoverCard: StructType<{
@@ -14559,6 +17183,7 @@ export declare const Splitter: {
                         hasArrow: OptionType<BooleanType>;
                         openDelay: OptionType<import("@elaraai/east").IntegerType>;
                         closeDelay: OptionType<import("@elaraai/east").IntegerType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
                 ActionBar: StructType<{
@@ -14572,7 +17197,10 @@ export declare const Splitter: {
                     }>>;
                     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<[BooleanType], import("@elaraai/east").NullType>>;
+                    }>>;
                 }>;
                 ToggleTip: StructType<{
                     trigger: import("@elaraai/east").RecursiveTypeMarker;
@@ -14593,8 +17221,12 @@ export declare const Splitter: {
                             "right-end": import("@elaraai/east").NullType;
                         }>>;
                         hasArrow: OptionType<BooleanType>;
+                        onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
                     }>>;
                 }>;
+                ReactiveComponent: StructType<{
+                    render: import("@elaraai/east").FunctionType<[], import("@elaraai/east").RecursiveTypeMarker>;
+                }>;
             }>>;
             minSize: OptionType<FloatType>;
             maxSize: OptionType<FloatType>;
@@ -14615,6 +17247,24 @@ export declare const Splitter: {
                 horizontal: import("@elaraai/east").NullType;
                 vertical: import("@elaraai/east").NullType;
             }>>;
+            onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                size: ArrayType<FloatType>;
+            }>], import("@elaraai/east").NullType>>;
+            onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                size: ArrayType<FloatType>;
+            }>], import("@elaraai/east").NullType>>;
+        }>;
+        /**
+         * Resize details type for onResize callback.
+         *
+         * @remarks
+         * This struct type contains the size array passed to resize callbacks.
+         *
+         * @property size - Array of panel sizes as percentages
+         */
+        readonly ResizeDetails: StructType<{
+            size: ArrayType<FloatType>;
         }>;
     };
 };