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

package/dist/src/display/badge/index.d.ts

@@ -76,33 +76,33 @@ export declare const Badge: {
          * @property size - Size of the badge
          */
         readonly Badge: import("@elaraai/east").StructType<{
-            value: StringType;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                subtle: import("@elaraai/east").NullType;
-                solid: 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 solid: import("@elaraai/east").NullType;
+                readonly outline: 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;
             }>>;
-            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;
             }>>;
-            opacity: import("@elaraai/east").OptionType<import("@elaraai/east").FloatType>;
-            color: import("@elaraai/east").OptionType<StringType>;
-            background: import("@elaraai/east").OptionType<StringType>;
+            readonly opacity: import("@elaraai/east").OptionType<import("@elaraai/east").FloatType>;
+            readonly color: import("@elaraai/east").OptionType<StringType>;
+            readonly background: import("@elaraai/east").OptionType<StringType>;
         }>;
     };
 };

package/dist/src/display/badge/types.d.ts

@@ -20,33 +20,33 @@ import type { SizeLiteral, ColorSchemeLiteral, StyleVariantLiteral } from "../..
  * @property background - Custom background color (overrides colorPalette)
  */
 export declare const BadgeType: StructType<{
-    value: StringType;
-    variant: OptionType<import("@elaraai/east").VariantType<{
-        subtle: import("@elaraai/east").NullType;
-        solid: import("@elaraai/east").NullType;
-        outline: import("@elaraai/east").NullType;
+    readonly value: StringType;
+    readonly variant: OptionType<import("@elaraai/east").VariantType<{
+        readonly subtle: import("@elaraai/east").NullType;
+        readonly solid: import("@elaraai/east").NullType;
+        readonly outline: import("@elaraai/east").NullType;
     }>>;
-    colorPalette: OptionType<import("@elaraai/east").VariantType<{
-        gray: import("@elaraai/east").NullType;
-        red: import("@elaraai/east").NullType;
-        orange: import("@elaraai/east").NullType;
-        yellow: import("@elaraai/east").NullType;
-        green: import("@elaraai/east").NullType;
-        teal: import("@elaraai/east").NullType;
-        blue: import("@elaraai/east").NullType;
-        cyan: import("@elaraai/east").NullType;
-        purple: import("@elaraai/east").NullType;
-        pink: import("@elaraai/east").NullType;
+    readonly colorPalette: 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;
     }>>;
-    size: OptionType<import("@elaraai/east").VariantType<{
-        xs: import("@elaraai/east").NullType;
-        sm: import("@elaraai/east").NullType;
-        md: import("@elaraai/east").NullType;
-        lg: import("@elaraai/east").NullType;
+    readonly size: 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;
     }>>;
-    opacity: OptionType<FloatType>;
-    color: OptionType<StringType>;
-    background: OptionType<StringType>;
+    readonly opacity: OptionType<FloatType>;
+    readonly color: OptionType<StringType>;
+    readonly background: OptionType<StringType>;
 }>;
 /**
  * Type representing the Badge structure.

package/dist/src/display/icon/index.d.ts

@@ -86,36 +86,36 @@ export declare const Icon: {
          * @property style - Optional styling configuration
          */
         readonly Icon: import("@elaraai/east").StructType<{
-            name: import("@elaraai/east").StringType;
-            prefix: import("@elaraai/east").StringType;
-            style: import("@elaraai/east").OptionType<import("@elaraai/east").StructType<{
-                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;
-                    xl: import("@elaraai/east").NullType;
-                    "2xl": import("@elaraai/east").NullType;
+            readonly name: import("@elaraai/east").StringType;
+            readonly prefix: import("@elaraai/east").StringType;
+            readonly style: import("@elaraai/east").OptionType<import("@elaraai/east").StructType<{
+                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 xl: import("@elaraai/east").NullType;
+                    readonly "2xl": import("@elaraai/east").NullType;
                 }>>;
-                variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                    solid: import("@elaraai/east").NullType;
-                    regular: import("@elaraai/east").NullType;
-                    light: import("@elaraai/east").NullType;
-                    thin: import("@elaraai/east").NullType;
-                    brands: import("@elaraai/east").NullType;
+                readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                    readonly solid: import("@elaraai/east").NullType;
+                    readonly regular: import("@elaraai/east").NullType;
+                    readonly light: import("@elaraai/east").NullType;
+                    readonly thin: import("@elaraai/east").NullType;
+                    readonly brands: import("@elaraai/east").NullType;
                 }>>;
-                color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
-                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 color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+                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;
                 }>>;
             }>>;
         }>;
@@ -131,33 +131,33 @@ export declare const Icon: {
          * @property colorPalette - Color scheme for the icon
          */
         readonly Style: import("@elaraai/east").StructType<{
-            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;
-                xl: import("@elaraai/east").NullType;
-                "2xl": 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;
+                readonly xl: import("@elaraai/east").NullType;
+                readonly "2xl": import("@elaraai/east").NullType;
             }>>;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                solid: import("@elaraai/east").NullType;
-                regular: import("@elaraai/east").NullType;
-                light: import("@elaraai/east").NullType;
-                thin: import("@elaraai/east").NullType;
-                brands: import("@elaraai/east").NullType;
+            readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly solid: import("@elaraai/east").NullType;
+                readonly regular: import("@elaraai/east").NullType;
+                readonly light: import("@elaraai/east").NullType;
+                readonly thin: import("@elaraai/east").NullType;
+                readonly brands: import("@elaraai/east").NullType;
             }>>;
-            color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
-            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 color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
+            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;
             }>>;
         }>;
         /**
@@ -174,12 +174,12 @@ export declare const Icon: {
          * @property 2xl - 2x large icon
          */
         readonly Size: import("@elaraai/east").VariantType<{
-            xs: import("@elaraai/east").NullType;
-            sm: import("@elaraai/east").NullType;
-            md: import("@elaraai/east").NullType;
-            lg: import("@elaraai/east").NullType;
-            xl: import("@elaraai/east").NullType;
-            "2xl": import("@elaraai/east").NullType;
+            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 xl: import("@elaraai/east").NullType;
+            readonly "2xl": import("@elaraai/east").NullType;
         }>;
         /**
          * Font Awesome icon style/variant.
@@ -194,11 +194,11 @@ export declare const Icon: {
          * @property brands - Brand logos (fab)
          */
         readonly Variant: import("@elaraai/east").VariantType<{
-            solid: import("@elaraai/east").NullType;
-            regular: import("@elaraai/east").NullType;
-            light: import("@elaraai/east").NullType;
-            thin: import("@elaraai/east").NullType;
-            brands: import("@elaraai/east").NullType;
+            readonly solid: import("@elaraai/east").NullType;
+            readonly regular: import("@elaraai/east").NullType;
+            readonly light: import("@elaraai/east").NullType;
+            readonly thin: import("@elaraai/east").NullType;
+            readonly brands: import("@elaraai/east").NullType;
         }>;
     };
 };

package/dist/src/display/icon/types.d.ts

@@ -20,17 +20,17 @@ export type { IconName, IconPrefix } from "@fortawesome/fontawesome-common-types
  */
 export declare const IconSizeType: VariantType<{
     /** Extra small icon */
-    xs: NullType;
+    readonly xs: NullType;
     /** Small icon */
-    sm: NullType;
+    readonly sm: NullType;
     /** Medium icon (default) */
-    md: NullType;
+    readonly md: NullType;
     /** Large icon */
-    lg: NullType;
+    readonly lg: NullType;
     /** Extra large icon */
-    xl: NullType;
+    readonly xl: NullType;
     /** 2x large icon */
-    "2xl": NullType;
+    readonly "2xl": NullType;
 }>;
 /**
  * Type representing the IconSize structure.
@@ -54,15 +54,15 @@ export type IconSizeLiteral = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
  */
 export declare const IconVariantType: VariantType<{
     /** Solid filled icons (fas) */
-    solid: NullType;
+    readonly solid: NullType;
     /** Regular outlined icons (far) */
-    regular: NullType;
+    readonly regular: NullType;
     /** Light weight icons (fal) - requires FA Pro */
-    light: NullType;
+    readonly light: NullType;
     /** Thin weight icons (fat) - requires FA Pro */
-    thin: NullType;
+    readonly thin: NullType;
     /** Brand logos (fab) */
-    brands: NullType;
+    readonly brands: NullType;
 }>;
 /**
  * Type representing the IconVariant structure.
@@ -84,44 +84,44 @@ export type IconVariantLiteral = "solid" | "regular" | "light" | "thin" | "brand
  * @property colorPalette - Color scheme for the icon
  */
 export declare const IconStyleType: StructType<{
-    size: OptionType<VariantType<{
+    readonly size: OptionType<VariantType<{
         /** Extra small icon */
-        xs: NullType;
+        readonly xs: NullType;
         /** Small icon */
-        sm: NullType;
+        readonly sm: NullType;
         /** Medium icon (default) */
-        md: NullType;
+        readonly md: NullType;
         /** Large icon */
-        lg: NullType;
+        readonly lg: NullType;
         /** Extra large icon */
-        xl: NullType;
+        readonly xl: NullType;
         /** 2x large icon */
-        "2xl": NullType;
+        readonly "2xl": NullType;
     }>>;
-    variant: OptionType<VariantType<{
+    readonly variant: OptionType<VariantType<{
         /** Solid filled icons (fas) */
-        solid: NullType;
+        readonly solid: NullType;
         /** Regular outlined icons (far) */
-        regular: NullType;
+        readonly regular: NullType;
         /** Light weight icons (fal) - requires FA Pro */
-        light: NullType;
+        readonly light: NullType;
         /** Thin weight icons (fat) - requires FA Pro */
-        thin: NullType;
+        readonly thin: NullType;
         /** Brand logos (fab) */
-        brands: NullType;
+        readonly brands: NullType;
     }>>;
-    color: OptionType<StringType>;
-    colorPalette: OptionType<VariantType<{
-        gray: NullType;
-        red: NullType;
-        orange: NullType;
-        yellow: NullType;
-        green: NullType;
-        teal: NullType;
-        blue: NullType;
-        cyan: NullType;
-        purple: NullType;
-        pink: NullType;
+    readonly color: OptionType<StringType>;
+    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;
     }>>;
 }>;
 /**
@@ -157,47 +157,47 @@ export interface IconStyle {
  * @property style - Optional styling configuration
  */
 export declare const IconType: StructType<{
-    name: StringType;
-    prefix: StringType;
-    style: OptionType<StructType<{
-        size: OptionType<VariantType<{
+    readonly name: StringType;
+    readonly prefix: StringType;
+    readonly style: OptionType<StructType<{
+        readonly size: OptionType<VariantType<{
             /** Extra small icon */
-            xs: NullType;
+            readonly xs: NullType;
             /** Small icon */
-            sm: NullType;
+            readonly sm: NullType;
             /** Medium icon (default) */
-            md: NullType;
+            readonly md: NullType;
             /** Large icon */
-            lg: NullType;
+            readonly lg: NullType;
             /** Extra large icon */
-            xl: NullType;
+            readonly xl: NullType;
             /** 2x large icon */
-            "2xl": NullType;
+            readonly "2xl": NullType;
         }>>;
-        variant: OptionType<VariantType<{
+        readonly variant: OptionType<VariantType<{
             /** Solid filled icons (fas) */
-            solid: NullType;
+            readonly solid: NullType;
             /** Regular outlined icons (far) */
-            regular: NullType;
+            readonly regular: NullType;
             /** Light weight icons (fal) - requires FA Pro */
-            light: NullType;
+            readonly light: NullType;
             /** Thin weight icons (fat) - requires FA Pro */
-            thin: NullType;
+            readonly thin: NullType;
             /** Brand logos (fab) */
-            brands: NullType;
+            readonly brands: NullType;
         }>>;
-        color: OptionType<StringType>;
-        colorPalette: OptionType<VariantType<{
-            gray: NullType;
-            red: NullType;
-            orange: NullType;
-            yellow: NullType;
-            green: NullType;
-            teal: NullType;
-            blue: NullType;
-            cyan: NullType;
-            purple: NullType;
-            pink: NullType;
+        readonly color: OptionType<StringType>;
+        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;
         }>>;
     }>>;
 }>;

package/dist/src/display/stat/index.d.ts

@@ -102,12 +102,12 @@ export declare const Stat: {
          * @property indicator - Optional trend indicator (up/down)
          */
         readonly Stat: import("@elaraai/east").StructType<{
-            label: StringType;
-            value: StringType;
-            helpText: import("@elaraai/east").OptionType<StringType>;
-            indicator: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                up: import("@elaraai/east").NullType;
-                down: import("@elaraai/east").NullType;
+            readonly label: StringType;
+            readonly value: StringType;
+            readonly helpText: import("@elaraai/east").OptionType<StringType>;
+            readonly indicator: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly up: import("@elaraai/east").NullType;
+                readonly down: import("@elaraai/east").NullType;
             }>>;
         }>;
         /**
@@ -120,8 +120,8 @@ export declare const Stat: {
          * @property down - Negative trend (usually red)
          */
         readonly Indicator: import("@elaraai/east").VariantType<{
-            up: import("@elaraai/east").NullType;
-            down: import("@elaraai/east").NullType;
+            readonly up: import("@elaraai/east").NullType;
+            readonly down: import("@elaraai/east").NullType;
         }>;
     };
 };

package/dist/src/display/stat/types.d.ts

@@ -14,9 +14,9 @@ import { type SubtypeExprOrValue, type ExprType, StringType, NullType, OptionTyp
  */
 export declare const StatIndicatorType: VariantType<{
     /** Positive/increasing trend */
-    up: NullType;
+    readonly up: NullType;
     /** Negative/decreasing trend */
-    down: NullType;
+    readonly down: NullType;
 }>;
 /**
  * Type representing the StatIndicator structure.
@@ -58,14 +58,14 @@ export declare function StatIndicator(direction: "up" | "down"): ExprType<StatIn
  * @property indicator - Optional trend indicator (up/down)
  */
 export declare const StatType: StructType<{
-    label: StringType;
-    value: StringType;
-    helpText: OptionType<StringType>;
-    indicator: OptionType<VariantType<{
+    readonly label: StringType;
+    readonly value: StringType;
+    readonly helpText: OptionType<StringType>;
+    readonly indicator: OptionType<VariantType<{
         /** Positive/increasing trend */
-        up: NullType;
+        readonly up: NullType;
         /** Negative/decreasing trend */
-        down: NullType;
+        readonly down: NullType;
     }>>;
 }>;
 /**

package/dist/src/display/tag/index.d.ts

@@ -78,35 +78,35 @@ export declare const Tag: {
          * @property closable - Whether the tag shows a close button
          */
         readonly Tag: import("@elaraai/east").StructType<{
-            label: StringType;
-            variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                subtle: import("@elaraai/east").NullType;
-                solid: import("@elaraai/east").NullType;
-                outline: import("@elaraai/east").NullType;
+            readonly label: StringType;
+            readonly variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly subtle: import("@elaraai/east").NullType;
+                readonly solid: import("@elaraai/east").NullType;
+                readonly outline: 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;
             }>>;
-            size: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                sm: import("@elaraai/east").NullType;
-                md: import("@elaraai/east").NullType;
-                lg: import("@elaraai/east").NullType;
-                xl: import("@elaraai/east").NullType;
+            readonly size: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
+                readonly sm: import("@elaraai/east").NullType;
+                readonly md: import("@elaraai/east").NullType;
+                readonly lg: import("@elaraai/east").NullType;
+                readonly xl: import("@elaraai/east").NullType;
             }>>;
-            closable: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
-            onClose: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
-            opacity: import("@elaraai/east").OptionType<import("@elaraai/east").FloatType>;
-            color: import("@elaraai/east").OptionType<StringType>;
-            background: import("@elaraai/east").OptionType<StringType>;
+            readonly closable: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            readonly onClose: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
+            readonly opacity: import("@elaraai/east").OptionType<import("@elaraai/east").FloatType>;
+            readonly color: import("@elaraai/east").OptionType<StringType>;
+            readonly background: import("@elaraai/east").OptionType<StringType>;
         }>;
         /**
          * Size variant type for Tag component.
@@ -120,10 +120,10 @@ export declare const Tag: {
          * @property xl - Extra large size
          */
         readonly Size: import("@elaraai/east").VariantType<{
-            sm: import("@elaraai/east").NullType;
-            md: import("@elaraai/east").NullType;
-            lg: import("@elaraai/east").NullType;
-            xl: import("@elaraai/east").NullType;
+            readonly sm: import("@elaraai/east").NullType;
+            readonly md: import("@elaraai/east").NullType;
+            readonly lg: import("@elaraai/east").NullType;
+            readonly xl: import("@elaraai/east").NullType;
         }>;
     };
 };