@elaraai/east-ui 0.0.1-beta.17 → 0.0.1-beta.19

package/dist/src/forms/tags-input/index.d.ts

@@ -71,49 +71,49 @@ export declare const TagsInput: {
          * @property placeholder - Placeholder text
          */
         readonly Root: import("@elaraai/east").StructType<{
-            value: ArrayType<StringType>;
-            defaultValue: import("@elaraai/east").OptionType<ArrayType<StringType>>;
-            max: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
-            maxLength: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
-            disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            readOnly: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            invalid: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            editable: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            delimiter: import("@elaraai/east").OptionType<StringType>;
-            addOnPaste: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            blurBehavior: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                clear: import("@elaraai/east").NullType;
-                add: import("@elaraai/east").NullType;
+            readonly value: ArrayType<StringType>;
+            readonly defaultValue: import("@elaraai/east").OptionType<ArrayType<StringType>>;
+            readonly max: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
+            readonly maxLength: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
+            readonly disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly readOnly: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly invalid: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly editable: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly delimiter: import("@elaraai/east").OptionType<StringType>;
+            readonly addOnPaste: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly blurBehavior: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly clear: import("@elaraai/east").NullType;
+                readonly add: import("@elaraai/east").NullType;
             }>>;
-            allowOverflow: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            label: import("@elaraai/east").OptionType<StringType>;
-            placeholder: import("@elaraai/east").OptionType<StringType>;
-            size: import("@elaraai/east").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;
+            readonly allowOverflow: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly label: import("@elaraai/east").OptionType<StringType>;
+            readonly placeholder: import("@elaraai/east").OptionType<StringType>;
+            readonly size: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly xs: import("@elaraai/east").NullType;
+                readonly sm: import("@elaraai/east").NullType;
+                readonly md: import("@elaraai/east").NullType;
+                readonly lg: import("@elaraai/east").NullType;
             }>>;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                outline: import("@elaraai/east").NullType;
-                subtle: import("@elaraai/east").NullType;
-                flushed: import("@elaraai/east").NullType;
+            readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly outline: import("@elaraai/east").NullType;
+                readonly subtle: import("@elaraai/east").NullType;
+                readonly flushed: import("@elaraai/east").NullType;
             }>>;
-            colorPalette: import("@elaraai/east").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;
+            readonly colorPalette: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly gray: import("@elaraai/east").NullType;
+                readonly red: import("@elaraai/east").NullType;
+                readonly orange: import("@elaraai/east").NullType;
+                readonly yellow: import("@elaraai/east").NullType;
+                readonly green: import("@elaraai/east").NullType;
+                readonly teal: import("@elaraai/east").NullType;
+                readonly blue: import("@elaraai/east").NullType;
+                readonly cyan: import("@elaraai/east").NullType;
+                readonly purple: import("@elaraai/east").NullType;
+                readonly pink: import("@elaraai/east").NullType;
             }>>;
-            onChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
-            onInputChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
-            onHighlightChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").OptionType<StringType>], import("@elaraai/east").NullType>>;
+            readonly onChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+            readonly onInputChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            readonly onHighlightChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").OptionType<StringType>], import("@elaraai/east").NullType>>;
         }>;
         /**
          * Blur behavior options for TagsInput.
@@ -122,8 +122,8 @@ export declare const TagsInput: {
          * @property clear - Clear current input on blur
          */
         readonly BlurBehavior: import("@elaraai/east").VariantType<{
-            clear: import("@elaraai/east").NullType;
-            add: import("@elaraai/east").NullType;
+            readonly clear: import("@elaraai/east").NullType;
+            readonly add: import("@elaraai/east").NullType;
         }>;
     };
 };

package/dist/src/forms/tags-input/types.d.ts

@@ -21,9 +21,9 @@ export { InputVariantType, type InputVariantLiteral } from "../input/types.js";
  */
 export declare const TagsInputBlurBehaviorType: VariantType<{
     /** Clear the input on blur */
-    clear: NullType;
+    readonly clear: NullType;
     /** Add the input text as a tag on blur */
-    add: NullType;
+    readonly add: NullType;
 }>;
 /**
  * Type representing the TagsInputBlurBehavior structure.
@@ -63,70 +63,70 @@ export type TagsInputBlurBehaviorLiteral = "clear" | "add";
  */
 export declare const TagsInputRootType: StructType<{
     /** Array of current tag values */
-    value: ArrayType<StringType>;
+    readonly value: ArrayType<StringType>;
     /** Initial tag values */
-    defaultValue: OptionType<ArrayType<StringType>>;
+    readonly defaultValue: OptionType<ArrayType<StringType>>;
     /** Maximum number of tags allowed */
-    max: OptionType<IntegerType>;
+    readonly max: OptionType<IntegerType>;
     /** Maximum characters per tag */
-    maxLength: OptionType<IntegerType>;
+    readonly maxLength: OptionType<IntegerType>;
     /** Whether the input is disabled */
-    disabled: OptionType<BooleanType>;
+    readonly disabled: OptionType<BooleanType>;
     /** Whether the input is read-only */
-    readOnly: OptionType<BooleanType>;
+    readonly readOnly: OptionType<BooleanType>;
     /** Whether the input is in invalid state */
-    invalid: OptionType<BooleanType>;
+    readonly invalid: OptionType<BooleanType>;
     /** Whether existing tags can be edited */
-    editable: OptionType<BooleanType>;
+    readonly editable: OptionType<BooleanType>;
     /** Separator for parsing pasted text */
-    delimiter: OptionType<StringType>;
+    readonly delimiter: OptionType<StringType>;
     /** Whether to parse pasted text into tags */
-    addOnPaste: OptionType<BooleanType>;
+    readonly addOnPaste: OptionType<BooleanType>;
     /** Action on blur (clear or add) */
-    blurBehavior: OptionType<VariantType<{
+    readonly blurBehavior: OptionType<VariantType<{
         /** Clear the input on blur */
-        clear: NullType;
+        readonly clear: NullType;
         /** Add the input text as a tag on blur */
-        add: NullType;
+        readonly add: NullType;
     }>>;
     /** Whether to allow exceeding max */
-    allowOverflow: OptionType<BooleanType>;
+    readonly allowOverflow: OptionType<BooleanType>;
     /** Descriptive label */
-    label: OptionType<StringType>;
+    readonly label: OptionType<StringType>;
     /** Placeholder text for input */
-    placeholder: OptionType<StringType>;
+    readonly placeholder: OptionType<StringType>;
     /** Size of the input */
-    size: OptionType<VariantType<{
-        xs: NullType;
-        sm: NullType;
-        md: NullType;
-        lg: NullType;
+    readonly size: OptionType<VariantType<{
+        readonly xs: NullType;
+        readonly sm: NullType;
+        readonly md: NullType;
+        readonly lg: NullType;
     }>>;
     /** Visual style variant */
-    variant: OptionType<VariantType<{
-        outline: NullType;
-        subtle: NullType;
-        flushed: NullType;
+    readonly variant: OptionType<VariantType<{
+        readonly outline: NullType;
+        readonly subtle: NullType;
+        readonly flushed: NullType;
     }>>;
     /** Color scheme for tags */
-    colorPalette: OptionType<VariantType<{
-        gray: NullType;
-        red: NullType;
-        orange: NullType;
-        yellow: NullType;
-        green: NullType;
-        teal: NullType;
-        blue: NullType;
-        cyan: NullType;
-        purple: NullType;
-        pink: NullType;
+    readonly colorPalette: OptionType<VariantType<{
+        readonly gray: NullType;
+        readonly red: NullType;
+        readonly orange: NullType;
+        readonly yellow: NullType;
+        readonly green: NullType;
+        readonly teal: NullType;
+        readonly blue: NullType;
+        readonly cyan: NullType;
+        readonly purple: NullType;
+        readonly pink: NullType;
     }>>;
     /** Callback triggered when tags change */
-    onChange: OptionType<FunctionType<[ArrayType<StringType>], NullType>>;
+    readonly onChange: OptionType<FunctionType<[ArrayType<StringType>], NullType>>;
     /** Callback triggered when input text changes */
-    onInputChange: OptionType<FunctionType<[StringType], NullType>>;
+    readonly onInputChange: OptionType<FunctionType<[StringType], NullType>>;
     /** Callback triggered when highlighted tag changes */
-    onHighlightChange: OptionType<FunctionType<[OptionType<StringType>], NullType>>;
+    readonly onHighlightChange: OptionType<FunctionType<[OptionType<StringType>], NullType>>;
 }>;
 /**
  * Type representing the TagsInputRoot structure.

package/dist/src/forms/textarea/index.d.ts

@@ -71,35 +71,35 @@ export declare const Textarea: {
          * @property resize - Resize behavior (none, vertical, horizontal, both)
          */
         readonly Textarea: import("@elaraai/east").StructType<{
-            value: StringType;
-            placeholder: import("@elaraai/east").OptionType<StringType>;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                outline: import("@elaraai/east").NullType;
-                subtle: import("@elaraai/east").NullType;
-                flushed: import("@elaraai/east").NullType;
+            readonly value: StringType;
+            readonly placeholder: import("@elaraai/east").OptionType<StringType>;
+            readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly outline: import("@elaraai/east").NullType;
+                readonly subtle: import("@elaraai/east").NullType;
+                readonly flushed: import("@elaraai/east").NullType;
             }>>;
-            size: import("@elaraai/east").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;
+            readonly size: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly xs: import("@elaraai/east").NullType;
+                readonly sm: import("@elaraai/east").NullType;
+                readonly md: import("@elaraai/east").NullType;
+                readonly lg: import("@elaraai/east").NullType;
             }>>;
-            resize: import("@elaraai/east").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;
+            readonly resize: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly none: import("@elaraai/east").NullType;
+                readonly vertical: import("@elaraai/east").NullType;
+                readonly horizontal: import("@elaraai/east").NullType;
+                readonly both: import("@elaraai/east").NullType;
             }>>;
-            rows: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
-            disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            readOnly: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            required: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            maxLength: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
-            autoresize: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            onValidate: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
-            onChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
-            onBlur: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
-            onFocus: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            readonly rows: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
+            readonly disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly readOnly: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly required: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly maxLength: import("@elaraai/east").OptionType<import("@elaraai/east").IntegerType>;
+            readonly autoresize: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly onValidate: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            readonly onChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            readonly onBlur: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            readonly onFocus: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         /**
          * Resize behavior options for Textarea.
@@ -110,10 +110,10 @@ export declare const Textarea: {
          * @property both - Both directions allowed
          */
         readonly Resize: import("@elaraai/east").VariantType<{
-            none: import("@elaraai/east").NullType;
-            vertical: import("@elaraai/east").NullType;
-            horizontal: import("@elaraai/east").NullType;
-            both: import("@elaraai/east").NullType;
+            readonly none: import("@elaraai/east").NullType;
+            readonly vertical: import("@elaraai/east").NullType;
+            readonly horizontal: import("@elaraai/east").NullType;
+            readonly both: import("@elaraai/east").NullType;
         }>;
     };
 };

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

@@ -21,13 +21,13 @@ export { InputVariantType, type InputVariantLiteral } from "../input/types.js";
  */
 export declare const TextareaResizeType: VariantType<{
     /** Cannot be resized */
-    none: NullType;
+    readonly none: NullType;
     /** Can only be resized vertically */
-    vertical: NullType;
+    readonly vertical: NullType;
     /** Can only be resized horizontally */
-    horizontal: NullType;
+    readonly horizontal: NullType;
     /** Can be resized in both directions */
-    both: NullType;
+    readonly both: NullType;
 }>;
 /**
  * Type representing the TextareaResize structure.
@@ -61,53 +61,53 @@ export type TextareaResizeLiteral = "none" | "vertical" | "horizontal" | "both";
  */
 export declare const TextareaType: StructType<{
     /** Current text value */
-    value: StringType;
+    readonly value: StringType;
     /** Placeholder text when empty */
-    placeholder: OptionType<StringType>;
+    readonly placeholder: OptionType<StringType>;
     /** Visual style variant */
-    variant: OptionType<VariantType<{
-        outline: NullType;
-        subtle: NullType;
-        flushed: NullType;
+    readonly variant: OptionType<VariantType<{
+        readonly outline: NullType;
+        readonly subtle: NullType;
+        readonly flushed: NullType;
     }>>;
     /** Size of the textarea */
-    size: OptionType<VariantType<{
-        xs: NullType;
-        sm: NullType;
-        md: NullType;
-        lg: NullType;
+    readonly size: OptionType<VariantType<{
+        readonly xs: NullType;
+        readonly sm: NullType;
+        readonly md: NullType;
+        readonly lg: NullType;
     }>>;
     /** Resize behavior */
-    resize: OptionType<VariantType<{
+    readonly resize: OptionType<VariantType<{
         /** Cannot be resized */
-        none: NullType;
+        readonly none: NullType;
         /** Can only be resized vertically */
-        vertical: NullType;
+        readonly vertical: NullType;
         /** Can only be resized horizontally */
-        horizontal: NullType;
+        readonly horizontal: NullType;
         /** Can be resized in both directions */
-        both: NullType;
+        readonly both: NullType;
     }>>;
     /** Number of visible text rows */
-    rows: OptionType<IntegerType>;
+    readonly rows: OptionType<IntegerType>;
     /** Whether the textarea is disabled */
-    disabled: OptionType<BooleanType>;
+    readonly disabled: OptionType<BooleanType>;
     /** Whether the textarea is read-only */
-    readOnly: OptionType<BooleanType>;
+    readonly readOnly: OptionType<BooleanType>;
     /** Whether the textarea is required */
-    required: OptionType<BooleanType>;
+    readonly required: OptionType<BooleanType>;
     /** Maximum number of characters */
-    maxLength: OptionType<IntegerType>;
+    readonly maxLength: OptionType<IntegerType>;
     /** Whether to auto-resize based on content */
-    autoresize: OptionType<BooleanType>;
+    readonly autoresize: OptionType<BooleanType>;
     /** Whether the textarea is in invalid state */
-    onValidate: OptionType<FunctionType<[StringType], NullType>>;
+    readonly onValidate: OptionType<FunctionType<[StringType], NullType>>;
     /** Callback triggered when value changes */
-    onChange: OptionType<FunctionType<[StringType], NullType>>;
+    readonly onChange: OptionType<FunctionType<[StringType], NullType>>;
     /** Callback triggered when textarea loses focus */
-    onBlur: OptionType<FunctionType<[], NullType>>;
+    readonly onBlur: OptionType<FunctionType<[], NullType>>;
     /** Callback triggered when textarea gains focus */
-    onFocus: OptionType<FunctionType<[], NullType>>;
+    readonly onFocus: OptionType<FunctionType<[], NullType>>;
 }>;
 /**
  * Type representing the Textarea structure.

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

@@ -177,77 +177,77 @@ export declare const Box: {
          * @property gap - Gap between children (Chakra UI spacing token or CSS value)
          */
         readonly Style: StructType<{
-            display: OptionType<import("@elaraai/east").VariantType<{
-                block: import("@elaraai/east").NullType;
-                inline: import("@elaraai/east").NullType;
-                "inline-block": import("@elaraai/east").NullType;
-                flex: import("@elaraai/east").NullType;
-                "inline-flex": import("@elaraai/east").NullType;
-                grid: import("@elaraai/east").NullType;
-                "inline-grid": import("@elaraai/east").NullType;
-                none: import("@elaraai/east").NullType;
+            readonly display: OptionType<import("@elaraai/east").VariantType<{
+                readonly block: import("@elaraai/east").NullType;
+                readonly inline: import("@elaraai/east").NullType;
+                readonly "inline-block": import("@elaraai/east").NullType;
+                readonly flex: import("@elaraai/east").NullType;
+                readonly "inline-flex": import("@elaraai/east").NullType;
+                readonly grid: import("@elaraai/east").NullType;
+                readonly "inline-grid": import("@elaraai/east").NullType;
+                readonly none: import("@elaraai/east").NullType;
             }>>;
-            width: OptionType<import("@elaraai/east").StringType>;
-            height: OptionType<import("@elaraai/east").StringType>;
-            minHeight: OptionType<import("@elaraai/east").StringType>;
-            minWidth: OptionType<import("@elaraai/east").StringType>;
-            maxHeight: OptionType<import("@elaraai/east").StringType>;
-            maxWidth: OptionType<import("@elaraai/east").StringType>;
-            overflow: OptionType<import("@elaraai/east").VariantType<{
-                visible: import("@elaraai/east").NullType;
-                hidden: import("@elaraai/east").NullType;
-                scroll: import("@elaraai/east").NullType;
-                auto: import("@elaraai/east").NullType;
+            readonly width: OptionType<import("@elaraai/east").StringType>;
+            readonly height: OptionType<import("@elaraai/east").StringType>;
+            readonly minHeight: OptionType<import("@elaraai/east").StringType>;
+            readonly minWidth: OptionType<import("@elaraai/east").StringType>;
+            readonly maxHeight: OptionType<import("@elaraai/east").StringType>;
+            readonly maxWidth: OptionType<import("@elaraai/east").StringType>;
+            readonly overflow: OptionType<import("@elaraai/east").VariantType<{
+                readonly visible: import("@elaraai/east").NullType;
+                readonly hidden: import("@elaraai/east").NullType;
+                readonly scroll: import("@elaraai/east").NullType;
+                readonly 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;
+            readonly overflowX: OptionType<import("@elaraai/east").VariantType<{
+                readonly visible: import("@elaraai/east").NullType;
+                readonly hidden: import("@elaraai/east").NullType;
+                readonly scroll: import("@elaraai/east").NullType;
+                readonly 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;
+            readonly overflowY: OptionType<import("@elaraai/east").VariantType<{
+                readonly visible: import("@elaraai/east").NullType;
+                readonly hidden: import("@elaraai/east").NullType;
+                readonly scroll: import("@elaraai/east").NullType;
+                readonly auto: import("@elaraai/east").NullType;
             }>>;
-            padding: OptionType<StructType<{
-                top: OptionType<import("@elaraai/east").StringType>;
-                right: OptionType<import("@elaraai/east").StringType>;
-                bottom: OptionType<import("@elaraai/east").StringType>;
-                left: OptionType<import("@elaraai/east").StringType>;
+            readonly padding: OptionType<StructType<{
+                readonly top: OptionType<import("@elaraai/east").StringType>;
+                readonly right: OptionType<import("@elaraai/east").StringType>;
+                readonly bottom: OptionType<import("@elaraai/east").StringType>;
+                readonly left: OptionType<import("@elaraai/east").StringType>;
             }>>;
-            margin: OptionType<StructType<{
-                top: OptionType<import("@elaraai/east").StringType>;
-                right: OptionType<import("@elaraai/east").StringType>;
-                bottom: OptionType<import("@elaraai/east").StringType>;
-                left: OptionType<import("@elaraai/east").StringType>;
+            readonly margin: OptionType<StructType<{
+                readonly top: OptionType<import("@elaraai/east").StringType>;
+                readonly right: OptionType<import("@elaraai/east").StringType>;
+                readonly bottom: OptionType<import("@elaraai/east").StringType>;
+                readonly left: OptionType<import("@elaraai/east").StringType>;
             }>>;
-            background: OptionType<import("@elaraai/east").StringType>;
-            color: OptionType<import("@elaraai/east").StringType>;
-            borderRadius: OptionType<import("@elaraai/east").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;
+            readonly background: OptionType<import("@elaraai/east").StringType>;
+            readonly color: OptionType<import("@elaraai/east").StringType>;
+            readonly borderRadius: OptionType<import("@elaraai/east").StringType>;
+            readonly flexDirection: OptionType<import("@elaraai/east").VariantType<{
+                readonly row: import("@elaraai/east").NullType;
+                readonly column: import("@elaraai/east").NullType;
+                readonly "row-reverse": import("@elaraai/east").NullType;
+                readonly "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;
+            readonly justifyContent: OptionType<import("@elaraai/east").VariantType<{
+                readonly "flex-start": import("@elaraai/east").NullType;
+                readonly "flex-end": import("@elaraai/east").NullType;
+                readonly center: import("@elaraai/east").NullType;
+                readonly "space-between": import("@elaraai/east").NullType;
+                readonly "space-around": import("@elaraai/east").NullType;
+                readonly "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;
+            readonly alignItems: OptionType<import("@elaraai/east").VariantType<{
+                readonly "flex-start": import("@elaraai/east").NullType;
+                readonly "flex-end": import("@elaraai/east").NullType;
+                readonly center: import("@elaraai/east").NullType;
+                readonly baseline: import("@elaraai/east").NullType;
+                readonly stretch: import("@elaraai/east").NullType;
             }>>;
-            gap: OptionType<import("@elaraai/east").StringType>;
+            readonly gap: OptionType<import("@elaraai/east").StringType>;
         }>;
         /**
          * The concrete East type for padding configuration.
@@ -262,10 +262,10 @@ export declare const Box: {
          * @property left - Left padding (Chakra UI spacing token or CSS value)
          */
         readonly Padding: StructType<{
-            top: OptionType<import("@elaraai/east").StringType>;
-            right: OptionType<import("@elaraai/east").StringType>;
-            bottom: OptionType<import("@elaraai/east").StringType>;
-            left: OptionType<import("@elaraai/east").StringType>;
+            readonly top: OptionType<import("@elaraai/east").StringType>;
+            readonly right: OptionType<import("@elaraai/east").StringType>;
+            readonly bottom: OptionType<import("@elaraai/east").StringType>;
+            readonly left: OptionType<import("@elaraai/east").StringType>;
         }>;
         /**
          * The concrete East type for margin configuration.
@@ -280,10 +280,10 @@ export declare const Box: {
          * @property left - Left margin (Chakra UI spacing token or CSS value)
          */
         readonly Margin: StructType<{
-            top: OptionType<import("@elaraai/east").StringType>;
-            right: OptionType<import("@elaraai/east").StringType>;
-            bottom: OptionType<import("@elaraai/east").StringType>;
-            left: OptionType<import("@elaraai/east").StringType>;
+            readonly top: OptionType<import("@elaraai/east").StringType>;
+            readonly right: OptionType<import("@elaraai/east").StringType>;
+            readonly bottom: OptionType<import("@elaraai/east").StringType>;
+            readonly left: OptionType<import("@elaraai/east").StringType>;
         }>;
     };
 };