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

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

@@ -19,11 +19,11 @@ import { PaddingType } from "../style.js";
  * @property column dense - Column flow with dense packing
  */
 export declare const GridAutoFlowType: VariantType<{
-    row: NullType;
-    column: NullType;
-    dense: NullType;
-    "row dense": NullType;
-    "column dense": NullType;
+    readonly row: NullType;
+    readonly column: NullType;
+    readonly dense: NullType;
+    readonly "row dense": NullType;
+    readonly "column dense": NullType;
 }>;
 /**
  * Type representing grid auto flow variant values.
@@ -85,62 +85,62 @@ export declare function GridAutoFlow(flow: "row" | "column" | "dense" | "row den
  * @property autoFlow - How auto-placed items are inserted
  */
 export declare const GridStyleType: StructType<{
-    width: OptionType<StringType>;
-    height: OptionType<StringType>;
-    minHeight: OptionType<StringType>;
-    minWidth: OptionType<StringType>;
-    maxHeight: OptionType<StringType>;
-    maxWidth: OptionType<StringType>;
-    padding: OptionType<StructType<{
-        top: OptionType<StringType>;
-        right: OptionType<StringType>;
-        bottom: OptionType<StringType>;
-        left: OptionType<StringType>;
+    readonly width: OptionType<StringType>;
+    readonly height: OptionType<StringType>;
+    readonly minHeight: OptionType<StringType>;
+    readonly minWidth: OptionType<StringType>;
+    readonly maxHeight: OptionType<StringType>;
+    readonly maxWidth: OptionType<StringType>;
+    readonly padding: OptionType<StructType<{
+        readonly top: OptionType<StringType>;
+        readonly right: OptionType<StringType>;
+        readonly bottom: OptionType<StringType>;
+        readonly left: OptionType<StringType>;
     }>>;
-    templateColumns: OptionType<StringType>;
-    templateRows: OptionType<StringType>;
-    templateAreas: OptionType<StringType>;
-    gap: OptionType<StringType>;
-    columnGap: OptionType<StringType>;
-    rowGap: OptionType<StringType>;
-    justifyItems: OptionType<VariantType<{
-        "flex-start": NullType;
-        "flex-end": NullType;
-        center: NullType;
-        "space-between": NullType;
-        "space-around": NullType;
-        "space-evenly": NullType;
+    readonly templateColumns: OptionType<StringType>;
+    readonly templateRows: OptionType<StringType>;
+    readonly templateAreas: OptionType<StringType>;
+    readonly gap: OptionType<StringType>;
+    readonly columnGap: OptionType<StringType>;
+    readonly rowGap: OptionType<StringType>;
+    readonly justifyItems: OptionType<VariantType<{
+        readonly "flex-start": NullType;
+        readonly "flex-end": NullType;
+        readonly center: NullType;
+        readonly "space-between": NullType;
+        readonly "space-around": NullType;
+        readonly "space-evenly": NullType;
     }>>;
-    alignItems: OptionType<VariantType<{
-        "flex-start": NullType;
-        "flex-end": NullType;
-        center: NullType;
-        baseline: NullType;
-        stretch: NullType;
+    readonly alignItems: OptionType<VariantType<{
+        readonly "flex-start": NullType;
+        readonly "flex-end": NullType;
+        readonly center: NullType;
+        readonly baseline: NullType;
+        readonly stretch: NullType;
     }>>;
-    justifyContent: OptionType<VariantType<{
-        "flex-start": NullType;
-        "flex-end": NullType;
-        center: NullType;
-        "space-between": NullType;
-        "space-around": NullType;
-        "space-evenly": NullType;
+    readonly justifyContent: OptionType<VariantType<{
+        readonly "flex-start": NullType;
+        readonly "flex-end": NullType;
+        readonly center: NullType;
+        readonly "space-between": NullType;
+        readonly "space-around": NullType;
+        readonly "space-evenly": NullType;
     }>>;
-    alignContent: OptionType<VariantType<{
-        "flex-start": NullType;
-        "flex-end": NullType;
-        center: NullType;
-        baseline: NullType;
-        stretch: NullType;
+    readonly alignContent: OptionType<VariantType<{
+        readonly "flex-start": NullType;
+        readonly "flex-end": NullType;
+        readonly center: NullType;
+        readonly baseline: NullType;
+        readonly stretch: NullType;
     }>>;
-    autoColumns: OptionType<StringType>;
-    autoRows: OptionType<StringType>;
-    autoFlow: OptionType<VariantType<{
-        row: NullType;
-        column: NullType;
-        dense: NullType;
-        "row dense": NullType;
-        "column dense": NullType;
+    readonly autoColumns: OptionType<StringType>;
+    readonly autoRows: OptionType<StringType>;
+    readonly autoFlow: OptionType<VariantType<{
+        readonly row: NullType;
+        readonly column: NullType;
+        readonly dense: NullType;
+        readonly "row dense": NullType;
+        readonly "column dense": NullType;
     }>>;
 }>;
 /**

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

@@ -13,23 +13,23 @@ export { SeparatorStyleType, SeparatorVariantType, type SeparatorStyle } from ".
  * Separator is a leaf component (no children) that provides a visual divider.
  */
 export declare const SeparatorType: import("@elaraai/east").StructType<{
-    orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-        horizontal: import("@elaraai/east").NullType;
-        vertical: import("@elaraai/east").NullType;
+    readonly orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+        readonly horizontal: import("@elaraai/east").NullType;
+        readonly vertical: import("@elaraai/east").NullType;
     }>>;
-    variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-        solid: import("@elaraai/east").NullType;
-        dashed: import("@elaraai/east").NullType;
-        dotted: import("@elaraai/east").NullType;
+    readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+        readonly solid: import("@elaraai/east").NullType;
+        readonly dashed: import("@elaraai/east").NullType;
+        readonly dotted: 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;
     }>>;
-    color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
-    label: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+    readonly color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+    readonly label: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
 }>;
 /**
  * Type representing the Separator component structure.
@@ -98,23 +98,23 @@ export declare const Separator: {
          * Separator is a leaf component (no children) that provides a visual divider.
          */
         readonly Separator: import("@elaraai/east").StructType<{
-            orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                horizontal: import("@elaraai/east").NullType;
-                vertical: import("@elaraai/east").NullType;
+            readonly orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly horizontal: import("@elaraai/east").NullType;
+                readonly vertical: import("@elaraai/east").NullType;
             }>>;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                solid: import("@elaraai/east").NullType;
-                dashed: import("@elaraai/east").NullType;
-                dotted: import("@elaraai/east").NullType;
+            readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly solid: import("@elaraai/east").NullType;
+                readonly dashed: import("@elaraai/east").NullType;
+                readonly dotted: 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;
             }>>;
-            color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
-            label: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+            readonly color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+            readonly label: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
         }>;
         /**
          * The concrete East type for Separator component style data.
@@ -129,23 +129,23 @@ export declare const Separator: {
          * @property label - Optional label text in the middle of the separator
          */
         readonly Style: import("@elaraai/east").StructType<{
-            orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                horizontal: import("@elaraai/east").NullType;
-                vertical: import("@elaraai/east").NullType;
+            readonly orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly horizontal: import("@elaraai/east").NullType;
+                readonly vertical: import("@elaraai/east").NullType;
             }>>;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                solid: import("@elaraai/east").NullType;
-                dashed: import("@elaraai/east").NullType;
-                dotted: import("@elaraai/east").NullType;
+            readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly solid: import("@elaraai/east").NullType;
+                readonly dashed: import("@elaraai/east").NullType;
+                readonly dotted: 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;
             }>>;
-            color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
-            label: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+            readonly color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+            readonly label: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
         }>;
     };
 };

package/dist/src/layout/separator/types.d.ts

@@ -16,9 +16,9 @@ import type { OrientationLiteral, SizeLiteral } from "../../style.js";
  * @property dotted - Dotted line
  */
 export declare const SeparatorVariantType: VariantType<{
-    solid: NullType;
-    dashed: NullType;
-    dotted: NullType;
+    readonly solid: NullType;
+    readonly dashed: NullType;
+    readonly dotted: NullType;
 }>;
 /**
  * Type representing separator variant values.
@@ -65,23 +65,23 @@ export type SeparatorStyle = {
  * @property label - Optional label text in the middle of the separator
  */
 export declare const SeparatorStyleType: StructType<{
-    orientation: OptionType<VariantType<{
-        horizontal: NullType;
-        vertical: NullType;
+    readonly orientation: OptionType<VariantType<{
+        readonly horizontal: NullType;
+        readonly vertical: NullType;
     }>>;
-    variant: OptionType<VariantType<{
-        solid: NullType;
-        dashed: NullType;
-        dotted: NullType;
+    readonly variant: OptionType<VariantType<{
+        readonly solid: NullType;
+        readonly dashed: NullType;
+        readonly dotted: NullType;
     }>>;
-    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;
     }>>;
-    color: OptionType<StringType>;
-    label: OptionType<StringType>;
+    readonly color: OptionType<StringType>;
+    readonly label: OptionType<StringType>;
 }>;
 /**
  * Type representing Separator style structure.

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

@@ -229,16 +229,16 @@ export declare const Splitter: {
          * @property orientation - Layout orientation (horizontal or vertical)
          */
         readonly Style: StructType<{
-            orientation: OptionType<import("@elaraai/east").VariantType<{
-                horizontal: import("@elaraai/east").NullType;
-                vertical: import("@elaraai/east").NullType;
+            readonly orientation: OptionType<import("@elaraai/east").VariantType<{
+                readonly horizontal: import("@elaraai/east").NullType;
+                readonly vertical: import("@elaraai/east").NullType;
             }>>;
-            onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
-                size: ArrayType<FloatType>;
+            readonly onResize: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                readonly 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>;
+            readonly onResizeStart: OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            readonly onResizeEnd: OptionType<import("@elaraai/east").FunctionType<[StructType<{
+                readonly size: ArrayType<FloatType>;
             }>], import("@elaraai/east").NullType>>;
         }>;
         /**
@@ -250,7 +250,7 @@ export declare const Splitter: {
          * @property size - Array of panel sizes as percentages
          */
         readonly ResizeDetails: StructType<{
-            size: ArrayType<FloatType>;
+            readonly size: ArrayType<FloatType>;
         }>;
     };
 };

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

@@ -19,11 +19,11 @@ import type { OrientationLiteral } from "../../style.js";
  * @property defaultCollapsed - Whether the panel starts collapsed
  */
 export declare const SplitterPanelStyleType: StructType<{
-    id: StringType;
-    minSize: OptionType<FloatType>;
-    maxSize: OptionType<FloatType>;
-    collapsible: OptionType<BooleanType>;
-    defaultCollapsed: OptionType<BooleanType>;
+    readonly id: StringType;
+    readonly minSize: OptionType<FloatType>;
+    readonly maxSize: OptionType<FloatType>;
+    readonly collapsible: OptionType<BooleanType>;
+    readonly defaultCollapsed: OptionType<BooleanType>;
 }>;
 /**
  * Type representing the Splitter panel style structure.
@@ -60,7 +60,7 @@ export interface SplitterPanelStyle {
  * @property size - Array of panel sizes as percentages
  */
 export declare const SplitterResizeDetailsType: StructType<{
-    size: ArrayType<FloatType>;
+    readonly size: ArrayType<FloatType>;
 }>;
 export type SplitterResizeDetailsType = typeof SplitterResizeDetailsType;
 /**
@@ -76,16 +76,16 @@ export type SplitterResizeDetailsType = typeof SplitterResizeDetailsType;
  * @property onResizeEnd - Callback triggered when drag ends
  */
 export declare const SplitterStyleType: StructType<{
-    orientation: OptionType<import("@elaraai/east").VariantType<{
-        horizontal: NullType;
-        vertical: NullType;
+    readonly orientation: OptionType<import("@elaraai/east").VariantType<{
+        readonly horizontal: NullType;
+        readonly vertical: NullType;
     }>>;
-    onResize: OptionType<FunctionType<[StructType<{
-        size: ArrayType<FloatType>;
+    readonly onResize: OptionType<FunctionType<[StructType<{
+        readonly size: ArrayType<FloatType>;
     }>], NullType>>;
-    onResizeStart: OptionType<FunctionType<[], NullType>>;
-    onResizeEnd: OptionType<FunctionType<[StructType<{
-        size: ArrayType<FloatType>;
+    readonly onResizeStart: OptionType<FunctionType<[], NullType>>;
+    readonly onResizeEnd: OptionType<FunctionType<[StructType<{
+        readonly size: ArrayType<FloatType>;
     }>], NullType>>;
 }>;
 /**

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

@@ -254,69 +254,69 @@ export declare const Stack: {
          * @property wrap - Whether items should wrap (nowrap, wrap, wrap-reverse)
          */
         readonly Style: 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;
+            readonly direction: 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;
             }>>;
-            gap: OptionType<import("@elaraai/east").StringType>;
-            align: 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 gap: OptionType<import("@elaraai/east").StringType>;
+            readonly align: 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;
             }>>;
-            justify: 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 justify: 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;
             }>>;
-            wrap: OptionType<import("@elaraai/east").VariantType<{
-                nowrap: import("@elaraai/east").NullType;
-                wrap: import("@elaraai/east").NullType;
-                "wrap-reverse": import("@elaraai/east").NullType;
+            readonly wrap: OptionType<import("@elaraai/east").VariantType<{
+                readonly nowrap: import("@elaraai/east").NullType;
+                readonly wrap: import("@elaraai/east").NullType;
+                readonly "wrap-reverse": 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>;
-            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 background: OptionType<import("@elaraai/east").StringType>;
+            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;
             }>>;
         }>;
         /**
@@ -331,10 +331,10 @@ export declare const Stack: {
          * @property left - Left padding 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>;
         }>;
         /**
          * Type for margin configuration.
@@ -348,10 +348,10 @@ export declare const Stack: {
          * @property left - Left margin 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>;
         }>;
     };
 };