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

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

@@ -100,77 +100,77 @@ export type BoxStyle = {
  * @property gap - Gap between children (Chakra UI spacing token or CSS value)
  */
 export declare const BoxStyleType: 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<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;
+    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 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<StringType>;
-        right: OptionType<StringType>;
-        bottom: OptionType<StringType>;
-        left: OptionType<StringType>;
+    readonly padding: OptionType<StructType<{
+        readonly top: OptionType<StringType>;
+        readonly right: OptionType<StringType>;
+        readonly bottom: OptionType<StringType>;
+        readonly left: OptionType<StringType>;
     }>>;
-    margin: OptionType<StructType<{
-        top: OptionType<StringType>;
-        right: OptionType<StringType>;
-        bottom: OptionType<StringType>;
-        left: OptionType<StringType>;
+    readonly margin: OptionType<StructType<{
+        readonly top: OptionType<StringType>;
+        readonly right: OptionType<StringType>;
+        readonly bottom: OptionType<StringType>;
+        readonly left: OptionType<StringType>;
     }>>;
-    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;
+    readonly background: OptionType<StringType>;
+    readonly color: OptionType<StringType>;
+    readonly borderRadius: OptionType<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<StringType>;
+    readonly gap: OptionType<StringType>;
 }>;
 /**
  * Type representing Box style structure.

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

@@ -185,72 +185,72 @@ export declare const Flex: {
          * @property borderRadius - Border radius (Chakra UI radius token or CSS value)
          */
         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;
             }>>;
-            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;
             }>>;
-            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>;
-            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 gap: 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;
             }>>;
-            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>;
+            readonly background: OptionType<import("@elaraai/east").StringType>;
+            readonly color: OptionType<import("@elaraai/east").StringType>;
+            readonly borderRadius: OptionType<import("@elaraai/east").StringType>;
         }>;
         /**
          * The concrete East type for padding configuration.
@@ -265,10 +265,10 @@ export declare const Flex: {
          * @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.
@@ -283,10 +283,10 @@ export declare const Flex: {
          * @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>;
         }>;
     };
 };

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

@@ -102,72 +102,72 @@ export type FlexStyle = {
  * @property borderRadius - Border radius (Chakra UI radius token or CSS value)
  */
 export declare const FlexStyleType: 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;
     }>>;
-    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;
     }>>;
-    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<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;
+    readonly gap: 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 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<StringType>;
-        right: OptionType<StringType>;
-        bottom: OptionType<StringType>;
-        left: OptionType<StringType>;
+    readonly padding: OptionType<StructType<{
+        readonly top: OptionType<StringType>;
+        readonly right: OptionType<StringType>;
+        readonly bottom: OptionType<StringType>;
+        readonly left: OptionType<StringType>;
     }>>;
-    margin: OptionType<StructType<{
-        top: OptionType<StringType>;
-        right: OptionType<StringType>;
-        bottom: OptionType<StringType>;
-        left: OptionType<StringType>;
+    readonly margin: OptionType<StructType<{
+        readonly top: OptionType<StringType>;
+        readonly right: OptionType<StringType>;
+        readonly bottom: OptionType<StringType>;
+        readonly left: OptionType<StringType>;
     }>>;
-    background: OptionType<StringType>;
-    color: OptionType<StringType>;
-    borderRadius: OptionType<StringType>;
+    readonly background: OptionType<StringType>;
+    readonly color: OptionType<StringType>;
+    readonly borderRadius: OptionType<StringType>;
 }>;
 /**
  * Type representing Flex style structure.

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

@@ -224,62 +224,62 @@ export declare const Grid: {
          * @property autoFlow - How auto-placed items are inserted
          */
         readonly Style: 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<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 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<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;
             }>>;
-            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;
             }>>;
-            alignContent: 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 alignContent: 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;
             }>>;
-            autoColumns: OptionType<StringType>;
-            autoRows: OptionType<StringType>;
-            autoFlow: OptionType<import("@elaraai/east").VariantType<{
-                row: import("@elaraai/east").NullType;
-                column: import("@elaraai/east").NullType;
-                dense: import("@elaraai/east").NullType;
-                "row dense": import("@elaraai/east").NullType;
-                "column dense": import("@elaraai/east").NullType;
+            readonly autoColumns: OptionType<StringType>;
+            readonly autoRows: OptionType<StringType>;
+            readonly autoFlow: OptionType<import("@elaraai/east").VariantType<{
+                readonly row: import("@elaraai/east").NullType;
+                readonly column: import("@elaraai/east").NullType;
+                readonly dense: import("@elaraai/east").NullType;
+                readonly "row dense": import("@elaraai/east").NullType;
+                readonly "column dense": import("@elaraai/east").NullType;
             }>>;
         }>;
     };