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

package/dist/src/overlays/toggle-tip/types.d.ts

@@ -13,23 +13,23 @@ export { PlacementType, type PlacementLiteral } from "../tooltip/types.js";
  * @property onOpenChange - Callback triggered when open state changes
  */
 export declare const ToggleTipStyleType: StructType<{
-    placement: OptionType<import("@elaraai/east").VariantType<{
-        top: NullType;
-        "top-start": NullType;
-        "top-end": NullType;
-        bottom: NullType;
-        "bottom-start": NullType;
-        "bottom-end": NullType;
-        left: NullType;
-        "left-start": NullType;
-        "left-end": NullType;
-        right: NullType;
-        "right-start": NullType;
-        "right-end": NullType;
+    readonly placement: OptionType<import("@elaraai/east").VariantType<{
+        readonly top: NullType;
+        readonly "top-start": NullType;
+        readonly "top-end": NullType;
+        readonly bottom: NullType;
+        readonly "bottom-start": NullType;
+        readonly "bottom-end": NullType;
+        readonly left: NullType;
+        readonly "left-start": NullType;
+        readonly "left-end": NullType;
+        readonly right: NullType;
+        readonly "right-start": NullType;
+        readonly "right-end": NullType;
     }>>;
-    hasArrow: OptionType<BooleanType>;
+    readonly hasArrow: OptionType<BooleanType>;
     /** Callback triggered when open state changes */
-    onOpenChange: OptionType<FunctionType<[BooleanType], NullType>>;
+    readonly onOpenChange: OptionType<FunctionType<[BooleanType], NullType>>;
 }>;
 export type ToggleTipStyleType = typeof ToggleTipStyleType;
 /**

package/dist/src/overlays/tooltip/index.d.ts

@@ -129,21 +129,21 @@ export declare const Tooltip: {
          * @property hasArrow - Show arrow pointing to trigger (OptionType<BooleanType>)
          */
         readonly Style: StructType<{
-            placement: OptionType<import("@elaraai/east").VariantType<{
-                top: import("@elaraai/east").NullType;
-                "top-start": import("@elaraai/east").NullType;
-                "top-end": import("@elaraai/east").NullType;
-                bottom: import("@elaraai/east").NullType;
-                "bottom-start": import("@elaraai/east").NullType;
-                "bottom-end": import("@elaraai/east").NullType;
-                left: import("@elaraai/east").NullType;
-                "left-start": import("@elaraai/east").NullType;
-                "left-end": import("@elaraai/east").NullType;
-                right: import("@elaraai/east").NullType;
-                "right-start": import("@elaraai/east").NullType;
-                "right-end": import("@elaraai/east").NullType;
+            readonly placement: OptionType<import("@elaraai/east").VariantType<{
+                readonly top: import("@elaraai/east").NullType;
+                readonly "top-start": import("@elaraai/east").NullType;
+                readonly "top-end": import("@elaraai/east").NullType;
+                readonly bottom: import("@elaraai/east").NullType;
+                readonly "bottom-start": import("@elaraai/east").NullType;
+                readonly "bottom-end": import("@elaraai/east").NullType;
+                readonly left: import("@elaraai/east").NullType;
+                readonly "left-start": import("@elaraai/east").NullType;
+                readonly "left-end": import("@elaraai/east").NullType;
+                readonly right: import("@elaraai/east").NullType;
+                readonly "right-start": import("@elaraai/east").NullType;
+                readonly "right-end": import("@elaraai/east").NullType;
             }>>;
-            hasArrow: OptionType<BooleanType>;
+            readonly hasArrow: OptionType<BooleanType>;
         }>;
         /**
          * Placement variant type for Tooltip positioning.
@@ -166,18 +166,18 @@ export declare const Tooltip: {
          * @property right-end - Right, aligned to end
          */
         readonly Placement: import("@elaraai/east").VariantType<{
-            top: import("@elaraai/east").NullType;
-            "top-start": import("@elaraai/east").NullType;
-            "top-end": import("@elaraai/east").NullType;
-            bottom: import("@elaraai/east").NullType;
-            "bottom-start": import("@elaraai/east").NullType;
-            "bottom-end": import("@elaraai/east").NullType;
-            left: import("@elaraai/east").NullType;
-            "left-start": import("@elaraai/east").NullType;
-            "left-end": import("@elaraai/east").NullType;
-            right: import("@elaraai/east").NullType;
-            "right-start": import("@elaraai/east").NullType;
-            "right-end": import("@elaraai/east").NullType;
+            readonly top: import("@elaraai/east").NullType;
+            readonly "top-start": import("@elaraai/east").NullType;
+            readonly "top-end": import("@elaraai/east").NullType;
+            readonly bottom: import("@elaraai/east").NullType;
+            readonly "bottom-start": import("@elaraai/east").NullType;
+            readonly "bottom-end": import("@elaraai/east").NullType;
+            readonly left: import("@elaraai/east").NullType;
+            readonly "left-start": import("@elaraai/east").NullType;
+            readonly "left-end": import("@elaraai/east").NullType;
+            readonly right: import("@elaraai/east").NullType;
+            readonly "right-start": import("@elaraai/east").NullType;
+            readonly "right-end": import("@elaraai/east").NullType;
         }>;
     };
 };

package/dist/src/overlays/tooltip/types.d.ts

@@ -25,29 +25,29 @@ import { type ExprType, type SubtypeExprOrValue, OptionType, StructType, NullTyp
  */
 export declare const PlacementType: VariantType<{
     /** Centered above the trigger */
-    top: NullType;
+    readonly top: NullType;
     /** Above, aligned to start */
-    "top-start": NullType;
+    readonly "top-start": NullType;
     /** Above, aligned to end */
-    "top-end": NullType;
+    readonly "top-end": NullType;
     /** Centered below the trigger */
-    bottom: NullType;
+    readonly bottom: NullType;
     /** Below, aligned to start */
-    "bottom-start": NullType;
+    readonly "bottom-start": NullType;
     /** Below, aligned to end */
-    "bottom-end": NullType;
+    readonly "bottom-end": NullType;
     /** Centered to the left */
-    left: NullType;
+    readonly left: NullType;
     /** Left, aligned to start */
-    "left-start": NullType;
+    readonly "left-start": NullType;
     /** Left, aligned to end */
-    "left-end": NullType;
+    readonly "left-end": NullType;
     /** Centered to the right */
-    right: NullType;
+    readonly right: NullType;
     /** Right, aligned to start */
-    "right-start": NullType;
+    readonly "right-start": NullType;
     /** Right, aligned to end */
-    "right-end": NullType;
+    readonly "right-end": NullType;
 }>;
 /**
  * Type representing the Placement structure.
@@ -92,33 +92,33 @@ export declare function Placement(placement: PlacementLiteral): ExprType<Placeme
  * @property hasArrow - Whether to show an arrow pointing to the trigger
  */
 export declare const TooltipStyleType: StructType<{
-    placement: OptionType<VariantType<{
+    readonly placement: OptionType<VariantType<{
         /** Centered above the trigger */
-        top: NullType;
+        readonly top: NullType;
         /** Above, aligned to start */
-        "top-start": NullType;
+        readonly "top-start": NullType;
         /** Above, aligned to end */
-        "top-end": NullType;
+        readonly "top-end": NullType;
         /** Centered below the trigger */
-        bottom: NullType;
+        readonly bottom: NullType;
         /** Below, aligned to start */
-        "bottom-start": NullType;
+        readonly "bottom-start": NullType;
         /** Below, aligned to end */
-        "bottom-end": NullType;
+        readonly "bottom-end": NullType;
         /** Centered to the left */
-        left: NullType;
+        readonly left: NullType;
         /** Left, aligned to start */
-        "left-start": NullType;
+        readonly "left-start": NullType;
         /** Left, aligned to end */
-        "left-end": NullType;
+        readonly "left-end": NullType;
         /** Centered to the right */
-        right: NullType;
+        readonly right: NullType;
         /** Right, aligned to start */
-        "right-start": NullType;
+        readonly "right-start": NullType;
         /** Right, aligned to end */
-        "right-end": NullType;
+        readonly "right-end": NullType;
     }>>;
-    hasArrow: OptionType<BooleanType>;
+    readonly hasArrow: OptionType<BooleanType>;
 }>;
 /**
  * Type representing the TooltipStyle structure.

package/dist/src/reactive/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/reactive/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,YAAY,EAEpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,iBAAS,cAAc,CACnB,IAAI,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,KAAK,QAAQ,CAAC,OAAO,eAAe,CAAC,GAAG,IAAI,GAC3F,QAAQ,CAAC,OAAO,eAAe,CAAC,CAuBlC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;IACjB;;;;;;;OAOG;;CAEG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/reactive/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,iBAAS,cAAc,CACnB,IAAI,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC,KAAK,QAAQ,CAAC,OAAO,eAAe,CAAC,GAAG,IAAI,GAC3F,QAAQ,CAAC,OAAO,eAAe,CAAC,CAuBlC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;IACjB;;;;;;;OAOG;;CAEG,CAAC"}

package/dist/src/reactive/index.js

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { East, variant, printLocation } from "@elaraai/east";
+import { East, variant, printLocations } from "@elaraai/east";
 import { UIComponentType } from "../component.js";
 import { OutOfScopeException } from "@elaraai/east/internal";
 // ============================================================================
@@ -58,7 +58,7 @@ function createReactive(body) {
     catch (e) {
         if (e instanceof OutOfScopeException) {
             throw new Error(`Reactive.Root body must be a free function with no captures from parent scope. ` +
-                `Found capture from variable defined at ${printLocation(e.definedLocation)}. ` +
+                `Found capture from variable defined at ${printLocations(e.definedLocation)}. ` +
                 `Move state reads inside the Reactive body or use State for shared data.`);
         }
         else {

package/dist/src/reactive/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/reactive/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,IAAI,EAGJ,OAAO,EAAE,aAAa,EACzB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,+EAA+E;AAC/E,6BAA6B;AAC7B,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,SAAS,cAAc,CACnB,IAA0F;IAE1F,mCAAmC;IACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;IAE1D,wDAAwD;IACxD,IAAI,CAAC;QACD,QAAQ,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,IAAI,CAAC,YAAY,mBAAmB,EAAE,CAAC;YACnC,MAAM,IAAI,KAAK,CACX,iFAAiF;gBACjF,0CAA0C,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI;gBAC9E,yEAAyE,CAC5E,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,CAAC;QACZ,CAAC;IACL,CAAC;IAED,uCAAuC;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE;QAC3C,MAAM,EAAE,QAAQ;KACnB,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB;;;;;;;OAOG;IACH,IAAI,EAAE,cAAc;CACd,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/reactive/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,IAAI,EAGJ,OAAO,EACP,cAAc,EACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,+EAA+E;AAC/E,6BAA6B;AAC7B,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,SAAS,cAAc,CACnB,IAA0F;IAE1F,mCAAmC;IACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;IAE1D,wDAAwD;IACxD,IAAI,CAAC;QACD,QAAQ,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,IAAI,CAAC,YAAY,mBAAmB,EAAE,CAAC;YACnC,MAAM,IAAI,KAAK,CACX,iFAAiF;gBACjF,0CAA0C,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI;gBAC/E,yEAAyE,CAC5E,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,CAAC;QACZ,CAAC;IACL,CAAC;IAED,uCAAuC;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE;QAC3C,MAAM,EAAE,QAAQ;KACnB,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB;;;;;;;OAOG;IACH,IAAI,EAAE,cAAc;CACd,CAAC"}

package/dist/src/style.d.ts

@@ -17,11 +17,11 @@ import { NullType, VariantType, type ExprType } from "@elaraai/east";
  * @property light - Light font weight (typically 300 in CSS)
  */
 export declare const FontWeightType: VariantType<{
-    normal: NullType;
-    bold: NullType;
-    semibold: NullType;
-    medium: NullType;
-    light: NullType;
+    readonly normal: NullType;
+    readonly bold: NullType;
+    readonly semibold: NullType;
+    readonly medium: NullType;
+    readonly light: NullType;
 }>;
 /**
  * Type representing font weight variant values.
@@ -65,8 +65,8 @@ export declare function FontWeight(weight: "normal" | "bold" | "semibold" | "med
  * @property italic - Italic (slanted) text style
  */
 export declare const FontStyleType: VariantType<{
-    normal: NullType;
-    italic: NullType;
+    readonly normal: NullType;
+    readonly italic: NullType;
 }>;
 /**
  * Type representing font style variant values.
@@ -102,10 +102,10 @@ export declare function FontStyle(style: "normal" | "italic"): ExprType<FontStyl
  * @property justify - Justify text to fill the full width
  */
 export declare const TextAlignType: VariantType<{
-    left: NullType;
-    center: NullType;
-    right: NullType;
-    justify: NullType;
+    readonly left: NullType;
+    readonly center: NullType;
+    readonly right: NullType;
+    readonly justify: NullType;
 }>;
 /**
  * Type representing text alignment variant values.
@@ -141,10 +141,10 @@ export declare function TextAlign(align: "left" | "center" | "right" | "justify"
  * @property thick - Thick border (4px)
  */
 export declare const BorderWidthType: VariantType<{
-    none: NullType;
-    thin: NullType;
-    medium: NullType;
-    thick: NullType;
+    readonly none: NullType;
+    readonly thin: NullType;
+    readonly medium: NullType;
+    readonly thick: NullType;
 }>;
 /**
  * Type representing border width variant values.
@@ -181,11 +181,11 @@ export declare function BorderWidth(width: "none" | "thin" | "medium" | "thick")
  * @property none - No border
  */
 export declare const BorderStyleType: VariantType<{
-    solid: NullType;
-    dashed: NullType;
-    dotted: NullType;
-    double: NullType;
-    none: NullType;
+    readonly solid: NullType;
+    readonly dashed: NullType;
+    readonly dotted: NullType;
+    readonly double: NullType;
+    readonly none: NullType;
 }>;
 /**
  * Type representing border style variant values.
@@ -220,9 +220,9 @@ export declare function BorderStyle(style: "solid" | "dashed" | "dotted" | "doub
  * @property unstyled - No default styling
  */
 export declare const TableVariantType: VariantType<{
-    simple: NullType;
-    striped: NullType;
-    unstyled: NullType;
+    readonly simple: NullType;
+    readonly striped: NullType;
+    readonly unstyled: NullType;
 }>;
 /**
  * Type representing table variant values.
@@ -258,10 +258,10 @@ export declare function TableVariant(variant_: "simple" | "striped" | "unstyled"
  * @property lg - Large size with generous spacing
  */
 export declare const SizeType: VariantType<{
-    xs: NullType;
-    sm: NullType;
-    md: NullType;
-    lg: NullType;
+    readonly xs: NullType;
+    readonly sm: NullType;
+    readonly md: NullType;
+    readonly lg: NullType;
 }>;
 /**
  * Type representing size variant values.
@@ -303,16 +303,16 @@ export declare function Size(size: "xs" | "sm" | "md" | "lg"): ExprType<SizeType
  * @property pink - Pink color scheme
  */
 export declare const ColorSchemeType: VariantType<{
-    gray: NullType;
-    red: NullType;
-    orange: NullType;
-    yellow: NullType;
-    green: NullType;
-    teal: NullType;
-    blue: NullType;
-    cyan: NullType;
-    purple: NullType;
-    pink: NullType;
+    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;
 }>;
 /**
  * Type representing color scheme variant values.
@@ -348,10 +348,10 @@ export declare function ColorScheme(scheme: "gray" | "red" | "orange" | "yellow"
  * @property none - No text transformation
  */
 export declare const TextTransformType: VariantType<{
-    uppercase: NullType;
-    lowercase: NullType;
-    capitalize: NullType;
-    none: NullType;
+    readonly uppercase: NullType;
+    readonly lowercase: NullType;
+    readonly capitalize: NullType;
+    readonly none: NullType;
 }>;
 /**
  * Type representing text transform variant values.
@@ -386,9 +386,9 @@ export declare function TextTransform(transform: "uppercase" | "lowercase" | "ca
  * @property outline - Transparent background with colored border
  */
 export declare const StyleVariantType: VariantType<{
-    subtle: NullType;
-    solid: NullType;
-    outline: NullType;
+    readonly subtle: NullType;
+    readonly solid: NullType;
+    readonly outline: NullType;
 }>;
 /**
  * Type representing badge variant values.
@@ -422,8 +422,8 @@ export declare function StyleVariant(variant_: "subtle" | "solid" | "outline"):
  * @property vertical - Vertical layout (top to bottom)
  */
 export declare const OrientationType: VariantType<{
-    horizontal: NullType;
-    vertical: NullType;
+    readonly horizontal: NullType;
+    readonly vertical: NullType;
 }>;
 /**
  * Type representing orientation variant values.
@@ -459,10 +459,10 @@ export declare function Orientation(orientation: "horizontal" | "vertical"): Exp
  * @property column-reverse - Column direction reversed (vertical, bottom to top)
  */
 export declare const FlexDirectionType: VariantType<{
-    row: NullType;
-    column: NullType;
-    "row-reverse": NullType;
-    "column-reverse": NullType;
+    readonly row: NullType;
+    readonly column: NullType;
+    readonly "row-reverse": NullType;
+    readonly "column-reverse": NullType;
 }>;
 /**
  * Type representing flex direction variant values.
@@ -493,12 +493,12 @@ export declare function FlexDirection(direction: "row" | "column" | "row-reverse
  * @property space-evenly - Distribute items with equal space
  */
 export declare const JustifyContentType: VariantType<{
-    "flex-start": NullType;
-    "flex-end": NullType;
-    center: NullType;
-    "space-between": NullType;
-    "space-around": NullType;
-    "space-evenly": NullType;
+    readonly "flex-start": NullType;
+    readonly "flex-end": NullType;
+    readonly center: NullType;
+    readonly "space-between": NullType;
+    readonly "space-around": NullType;
+    readonly "space-evenly": NullType;
 }>;
 /**
  * Type representing justify content variant values.
@@ -528,11 +528,11 @@ export declare function JustifyContent(justify: "flex-start" | "flex-end" | "cen
  * @property stretch - Stretch items to fill the container
  */
 export declare const AlignItemsType: VariantType<{
-    "flex-start": NullType;
-    "flex-end": NullType;
-    center: NullType;
-    baseline: NullType;
-    stretch: NullType;
+    readonly "flex-start": NullType;
+    readonly "flex-end": NullType;
+    readonly center: NullType;
+    readonly baseline: NullType;
+    readonly stretch: NullType;
 }>;
 /**
  * Type representing align items variant values.
@@ -560,9 +560,9 @@ export declare function AlignItems(align: "flex-start" | "flex-end" | "center" |
  * @property wrap-reverse - Items wrap in reverse order
  */
 export declare const FlexWrapType: VariantType<{
-    nowrap: NullType;
-    wrap: NullType;
-    "wrap-reverse": NullType;
+    readonly nowrap: NullType;
+    readonly wrap: NullType;
+    readonly "wrap-reverse": NullType;
 }>;
 /**
  * Type representing flex wrap variant values.
@@ -602,14 +602,14 @@ export declare function FlexWrap(wrap: "nowrap" | "wrap" | "wrap-reverse"): Expr
  * @property none - Hidden element
  */
 export declare const DisplayType: VariantType<{
-    block: NullType;
-    inline: NullType;
-    "inline-block": NullType;
-    flex: NullType;
-    "inline-flex": NullType;
-    grid: NullType;
-    "inline-grid": NullType;
-    none: NullType;
+    readonly block: NullType;
+    readonly inline: NullType;
+    readonly "inline-block": NullType;
+    readonly flex: NullType;
+    readonly "inline-flex": NullType;
+    readonly grid: NullType;
+    readonly "inline-grid": NullType;
+    readonly none: NullType;
 }>;
 /**
  * Type representing display variant values.
@@ -645,10 +645,10 @@ export declare function Display(display: "block" | "inline" | "inline-block" | "
  * @property baseline - Align to text baseline
  */
 export declare const VerticalAlignType: VariantType<{
-    top: NullType;
-    middle: NullType;
-    bottom: NullType;
-    baseline: NullType;
+    readonly top: NullType;
+    readonly middle: NullType;
+    readonly bottom: NullType;
+    readonly baseline: NullType;
 }>;
 /**
  * Type representing vertical align variant values.
@@ -675,8 +675,8 @@ export declare function VerticalAlign(align: "top" | "middle" | "bottom" | "base
  * @property ellipsis - Show ellipsis (...) for overflowing text
  */
 export declare const TextOverflowType: VariantType<{
-    clip: NullType;
-    ellipsis: NullType;
+    readonly clip: NullType;
+    readonly ellipsis: NullType;
 }>;
 /**
  * Type representing text overflow variant values.
@@ -713,11 +713,11 @@ export declare function TextOverflow(overflow: "clip" | "ellipsis"): ExprType<Te
  * @property pre-line - Collapse whitespace but preserve newlines
  */
 export declare const WhiteSpaceType: VariantType<{
-    normal: NullType;
-    nowrap: NullType;
-    pre: NullType;
-    "pre-wrap": NullType;
-    "pre-line": NullType;
+    readonly normal: NullType;
+    readonly nowrap: NullType;
+    readonly pre: NullType;
+    readonly "pre-wrap": NullType;
+    readonly "pre-line": NullType;
 }>;
 /**
  * Type representing white space variant values.
@@ -753,10 +753,10 @@ export declare function WhiteSpace(whiteSpace: "normal" | "nowrap" | "pre" | "pr
  * @property auto - Content is clipped with scrollbars as needed
  */
 export declare const OverflowType: VariantType<{
-    visible: NullType;
-    hidden: NullType;
-    scroll: NullType;
-    auto: NullType;
+    readonly visible: NullType;
+    readonly hidden: NullType;
+    readonly scroll: NullType;
+    readonly auto: NullType;
 }>;
 /**
  * Type representing overflow variant values.

package/dist/src/typography/code/index.d.ts

@@ -37,24 +37,24 @@ export declare const Code: {
     readonly Root: typeof createCode;
     readonly Types: {
         readonly Code: import("@elaraai/east").StructType<{
-            value: StringType;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                subtle: import("@elaraai/east").NullType;
-                surface: import("@elaraai/east").NullType;
-                outline: import("@elaraai/east").NullType;
+            readonly value: StringType;
+            readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly subtle: import("@elaraai/east").NullType;
+                readonly surface: import("@elaraai/east").NullType;
+                readonly outline: import("@elaraai/east").NullType;
             }>>;
-            colorPalette: 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 colorPalette: 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;
             }>>;
         }>;
         readonly Variant: import("@elaraai/east").VariantType<{
-            subtle: import("@elaraai/east").NullType;
-            surface: import("@elaraai/east").NullType;
-            outline: import("@elaraai/east").NullType;
+            readonly subtle: import("@elaraai/east").NullType;
+            readonly surface: import("@elaraai/east").NullType;
+            readonly outline: import("@elaraai/east").NullType;
         }>;
     };
 };

package/dist/src/typography/code/types.d.ts

@@ -12,9 +12,9 @@ import { SizeType, type SizeLiteral } from "../../style.js";
  * @property outline - Transparent background with colored border
  */
 export declare const CodeVariantType: VariantType<{
-    subtle: NullType;
-    surface: NullType;
-    outline: NullType;
+    readonly subtle: NullType;
+    readonly surface: NullType;
+    readonly outline: NullType;
 }>;
 export type CodeVariantType = typeof CodeVariantType;
 export type CodeVariantLiteral = "subtle" | "surface" | "outline";
@@ -27,18 +27,18 @@ export type CodeVariantLiteral = "subtle" | "surface" | "outline";
  * @property size - Size of the code text
  */
 export declare const CodeType: StructType<{
-    value: StringType;
-    variant: OptionType<VariantType<{
-        subtle: NullType;
-        surface: NullType;
-        outline: NullType;
+    readonly value: StringType;
+    readonly variant: OptionType<VariantType<{
+        readonly subtle: NullType;
+        readonly surface: NullType;
+        readonly outline: NullType;
     }>>;
-    colorPalette: OptionType<StringType>;
-    size: OptionType<VariantType<{
-        xs: NullType;
-        sm: NullType;
-        md: NullType;
-        lg: NullType;
+    readonly colorPalette: OptionType<StringType>;
+    readonly size: OptionType<VariantType<{
+        readonly xs: NullType;
+        readonly sm: NullType;
+        readonly md: NullType;
+        readonly lg: NullType;
     }>>;
 }>;
 export type CodeType = typeof CodeType;