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

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

@@ -92,69 +92,69 @@ export type StackStyle = {
  * @property overflowY - Vertical overflow behavior (visible, hidden, scroll, auto)
  */
 export declare const StackStyleType: 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<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<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<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>;
-    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 background: 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;
     }>>;
 }>;
 /**

package/dist/src/layout/style.d.ts

@@ -16,10 +16,10 @@ import { type SubtypeExprOrValue, type ExprType, OptionType, StringType, StructT
  * @property left - Left padding
  */
 export declare const PaddingType: StructType<{
-    top: OptionType<StringType>;
-    right: OptionType<StringType>;
-    bottom: OptionType<StringType>;
-    left: OptionType<StringType>;
+    readonly top: OptionType<StringType>;
+    readonly right: OptionType<StringType>;
+    readonly bottom: OptionType<StringType>;
+    readonly left: OptionType<StringType>;
 }>;
 /**
  * Type representing the Padding structure.
@@ -68,10 +68,10 @@ export declare function Padding(padding: PaddingConfig): ExprType<PaddingType>;
  * @property left - Left margin
  */
 export declare const MarginType: StructType<{
-    top: OptionType<StringType>;
-    right: OptionType<StringType>;
-    bottom: OptionType<StringType>;
-    left: OptionType<StringType>;
+    readonly top: OptionType<StringType>;
+    readonly right: OptionType<StringType>;
+    readonly bottom: OptionType<StringType>;
+    readonly left: OptionType<StringType>;
 }>;
 /**
  * Type representing the Margin structure.

package/dist/src/overlays/action-bar/index.d.ts

@@ -190,12 +190,12 @@ export declare const ActionBar: {
          * @property Separator - A visual separator between actions
          */
         readonly Item: import("@elaraai/east").VariantType<{
-            Action: StructType<{
-                value: StringType;
-                label: StringType;
-                disabled: OptionType<BooleanType>;
+            readonly Action: StructType<{
+                readonly value: StringType;
+                readonly label: StringType;
+                readonly disabled: OptionType<BooleanType>;
             }>;
-            Separator: import("@elaraai/east").NullType;
+            readonly Separator: import("@elaraai/east").NullType;
         }>;
         /**
          * Style type for ActionBar component.
@@ -204,8 +204,8 @@ export declare const ActionBar: {
          * ActionBar has fixed styling - no size/variant options.
          */
         readonly Style: StructType<{
-            onSelect: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
-            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
+            readonly onSelect: OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            readonly onOpenChange: OptionType<import("@elaraai/east").FunctionType<[BooleanType], import("@elaraai/east").NullType>>;
         }>;
     };
 };

package/dist/src/overlays/action-bar/types.d.ts

@@ -10,12 +10,12 @@ import { type SubtypeExprOrValue, OptionType, StructType, StringType, NullType,
  * @property Separator - A visual separator between actions
  */
 export declare const ActionBarItemType: VariantType<{
-    Action: StructType<{
-        value: StringType;
-        label: StringType;
-        disabled: OptionType<BooleanType>;
+    readonly Action: StructType<{
+        readonly value: StringType;
+        readonly label: StringType;
+        readonly disabled: OptionType<BooleanType>;
     }>;
-    Separator: NullType;
+    readonly Separator: NullType;
 }>;
 export type ActionBarItemType = typeof ActionBarItemType;
 /**
@@ -29,9 +29,9 @@ export type ActionBarItemType = typeof ActionBarItemType;
  */
 export declare const ActionBarStyleType: StructType<{
     /** Callback triggered when an action is selected */
-    onSelect: OptionType<FunctionType<[StringType], NullType>>;
+    readonly onSelect: OptionType<FunctionType<[StringType], NullType>>;
     /** Callback triggered when open state changes */
-    onOpenChange: OptionType<FunctionType<[BooleanType], NullType>>;
+    readonly onOpenChange: OptionType<FunctionType<[BooleanType], NullType>>;
 }>;
 export type ActionBarStyleType = typeof ActionBarStyleType;
 /**

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

@@ -206,40 +206,40 @@ export declare const Dialog: {
          * @property role - ARIA role
          */
         readonly Style: StructType<{
-            size: OptionType<import("@elaraai/east").VariantType<{
-                xs: NullType;
-                sm: NullType;
-                md: NullType;
-                lg: NullType;
-                xl: NullType;
-                cover: NullType;
-                full: NullType;
+            readonly size: OptionType<import("@elaraai/east").VariantType<{
+                readonly xs: NullType;
+                readonly sm: NullType;
+                readonly md: NullType;
+                readonly lg: NullType;
+                readonly xl: NullType;
+                readonly cover: NullType;
+                readonly full: NullType;
             }>>;
-            placement: OptionType<import("@elaraai/east").VariantType<{
-                center: NullType;
-                top: NullType;
-                bottom: NullType;
+            readonly placement: OptionType<import("@elaraai/east").VariantType<{
+                readonly center: NullType;
+                readonly top: NullType;
+                readonly bottom: NullType;
             }>>;
-            scrollBehavior: OptionType<import("@elaraai/east").VariantType<{
-                inside: NullType;
-                outside: NullType;
+            readonly scrollBehavior: OptionType<import("@elaraai/east").VariantType<{
+                readonly inside: NullType;
+                readonly outside: NullType;
             }>>;
-            motionPreset: OptionType<import("@elaraai/east").VariantType<{
-                scale: NullType;
-                "slide-in-bottom": NullType;
-                "slide-in-top": NullType;
-                "slide-in-left": NullType;
-                "slide-in-right": NullType;
-                none: NullType;
+            readonly motionPreset: OptionType<import("@elaraai/east").VariantType<{
+                readonly scale: NullType;
+                readonly "slide-in-bottom": NullType;
+                readonly "slide-in-top": NullType;
+                readonly "slide-in-left": NullType;
+                readonly "slide-in-right": NullType;
+                readonly none: NullType;
             }>>;
-            role: OptionType<import("@elaraai/east").VariantType<{
-                dialog: NullType;
-                alertdialog: NullType;
+            readonly role: OptionType<import("@elaraai/east").VariantType<{
+                readonly dialog: NullType;
+                readonly alertdialog: NullType;
             }>>;
-            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], NullType>>;
-            onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
-            onEscapeKeyDown: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
-            onInteractOutside: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            readonly onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], NullType>>;
+            readonly onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            readonly onEscapeKeyDown: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            readonly onInteractOutside: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
         }>;
         /**
          * Size variant type for Dialog component.
@@ -253,13 +253,13 @@ export declare const Dialog: {
          * @property full - Full viewport width
          */
         readonly Size: import("@elaraai/east").VariantType<{
-            xs: NullType;
-            sm: NullType;
-            md: NullType;
-            lg: NullType;
-            xl: NullType;
-            cover: NullType;
-            full: NullType;
+            readonly xs: NullType;
+            readonly sm: NullType;
+            readonly md: NullType;
+            readonly lg: NullType;
+            readonly xl: NullType;
+            readonly cover: NullType;
+            readonly full: NullType;
         }>;
         /**
          * Placement variant type for Dialog component.
@@ -269,9 +269,9 @@ export declare const Dialog: {
          * @property bottom - Bottom of viewport
          */
         readonly Placement: import("@elaraai/east").VariantType<{
-            center: NullType;
-            top: NullType;
-            bottom: NullType;
+            readonly center: NullType;
+            readonly top: NullType;
+            readonly bottom: NullType;
         }>;
         /**
          * Scroll behavior variant type for Dialog component.
@@ -280,8 +280,8 @@ export declare const Dialog: {
          * @property outside - Positioner handles scrolling
          */
         readonly ScrollBehavior: import("@elaraai/east").VariantType<{
-            inside: NullType;
-            outside: NullType;
+            readonly inside: NullType;
+            readonly outside: NullType;
         }>;
         /**
          * Motion preset variant type for Dialog component.
@@ -294,12 +294,12 @@ export declare const Dialog: {
          * @property none - No animation
          */
         readonly MotionPreset: import("@elaraai/east").VariantType<{
-            scale: NullType;
-            "slide-in-bottom": NullType;
-            "slide-in-top": NullType;
-            "slide-in-left": NullType;
-            "slide-in-right": NullType;
-            none: NullType;
+            readonly scale: NullType;
+            readonly "slide-in-bottom": NullType;
+            readonly "slide-in-top": NullType;
+            readonly "slide-in-left": NullType;
+            readonly "slide-in-right": NullType;
+            readonly none: NullType;
         }>;
         /**
          * ARIA role variant type for Dialog component.
@@ -308,8 +308,8 @@ export declare const Dialog: {
          * @property alertdialog - Alert dialog role for confirmations
          */
         readonly Role: import("@elaraai/east").VariantType<{
-            dialog: NullType;
-            alertdialog: NullType;
+            readonly dialog: NullType;
+            readonly alertdialog: NullType;
         }>;
         /**
          * East StructType for programmatic dialog opening.

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

@@ -15,13 +15,13 @@ import { type SubtypeExprOrValue, OptionType, StructType, NullType, BooleanType,
  * @property full - Full viewport width
  */
 export declare const DialogSizeType: VariantType<{
-    xs: NullType;
-    sm: NullType;
-    md: NullType;
-    lg: NullType;
-    xl: NullType;
-    cover: NullType;
-    full: NullType;
+    readonly xs: NullType;
+    readonly sm: NullType;
+    readonly md: NullType;
+    readonly lg: NullType;
+    readonly xl: NullType;
+    readonly cover: NullType;
+    readonly full: NullType;
 }>;
 export type DialogSizeType = typeof DialogSizeType;
 export type DialogSizeLiteral = "xs" | "sm" | "md" | "lg" | "xl" | "cover" | "full";
@@ -33,9 +33,9 @@ export type DialogSizeLiteral = "xs" | "sm" | "md" | "lg" | "xl" | "cover" | "fu
  * @property bottom - Bottom of viewport
  */
 export declare const DialogPlacementType: VariantType<{
-    center: NullType;
-    top: NullType;
-    bottom: NullType;
+    readonly center: NullType;
+    readonly top: NullType;
+    readonly bottom: NullType;
 }>;
 export type DialogPlacementType = typeof DialogPlacementType;
 export type DialogPlacementLiteral = "center" | "top" | "bottom";
@@ -46,8 +46,8 @@ export type DialogPlacementLiteral = "center" | "top" | "bottom";
  * @property outside - Positioner handles scrolling
  */
 export declare const DialogScrollBehaviorType: VariantType<{
-    inside: NullType;
-    outside: NullType;
+    readonly inside: NullType;
+    readonly outside: NullType;
 }>;
 export type DialogScrollBehaviorType = typeof DialogScrollBehaviorType;
 export type DialogScrollBehaviorLiteral = "inside" | "outside";
@@ -62,12 +62,12 @@ export type DialogScrollBehaviorLiteral = "inside" | "outside";
  * @property none - No animation
  */
 export declare const DialogMotionPresetType: VariantType<{
-    scale: NullType;
-    "slide-in-bottom": NullType;
-    "slide-in-top": NullType;
-    "slide-in-left": NullType;
-    "slide-in-right": NullType;
-    none: NullType;
+    readonly scale: NullType;
+    readonly "slide-in-bottom": NullType;
+    readonly "slide-in-top": NullType;
+    readonly "slide-in-left": NullType;
+    readonly "slide-in-right": NullType;
+    readonly none: NullType;
 }>;
 export type DialogMotionPresetType = typeof DialogMotionPresetType;
 export type DialogMotionPresetLiteral = "scale" | "slide-in-bottom" | "slide-in-top" | "slide-in-left" | "slide-in-right" | "none";
@@ -78,8 +78,8 @@ export type DialogMotionPresetLiteral = "scale" | "slide-in-bottom" | "slide-in-
  * @property alertdialog - Alert dialog role for confirmations
  */
 export declare const DialogRoleType: VariantType<{
-    dialog: NullType;
-    alertdialog: NullType;
+    readonly dialog: NullType;
+    readonly alertdialog: NullType;
 }>;
 export type DialogRoleType = typeof DialogRoleType;
 export type DialogRoleLiteral = "dialog" | "alertdialog";
@@ -97,44 +97,44 @@ export type DialogRoleLiteral = "dialog" | "alertdialog";
  * @property onInteractOutside - Callback triggered when clicking outside the dialog
  */
 export declare const DialogStyleType: StructType<{
-    size: OptionType<VariantType<{
-        xs: NullType;
-        sm: NullType;
-        md: NullType;
-        lg: NullType;
-        xl: NullType;
-        cover: NullType;
-        full: NullType;
+    readonly size: OptionType<VariantType<{
+        readonly xs: NullType;
+        readonly sm: NullType;
+        readonly md: NullType;
+        readonly lg: NullType;
+        readonly xl: NullType;
+        readonly cover: NullType;
+        readonly full: NullType;
     }>>;
-    placement: OptionType<VariantType<{
-        center: NullType;
-        top: NullType;
-        bottom: NullType;
+    readonly placement: OptionType<VariantType<{
+        readonly center: NullType;
+        readonly top: NullType;
+        readonly bottom: NullType;
     }>>;
-    scrollBehavior: OptionType<VariantType<{
-        inside: NullType;
-        outside: NullType;
+    readonly scrollBehavior: OptionType<VariantType<{
+        readonly inside: NullType;
+        readonly outside: NullType;
     }>>;
-    motionPreset: OptionType<VariantType<{
-        scale: NullType;
-        "slide-in-bottom": NullType;
-        "slide-in-top": NullType;
-        "slide-in-left": NullType;
-        "slide-in-right": NullType;
-        none: NullType;
+    readonly motionPreset: OptionType<VariantType<{
+        readonly scale: NullType;
+        readonly "slide-in-bottom": NullType;
+        readonly "slide-in-top": NullType;
+        readonly "slide-in-left": NullType;
+        readonly "slide-in-right": NullType;
+        readonly none: NullType;
     }>>;
-    role: OptionType<VariantType<{
-        dialog: NullType;
-        alertdialog: NullType;
+    readonly role: OptionType<VariantType<{
+        readonly dialog: NullType;
+        readonly alertdialog: NullType;
     }>>;
     /** Callback triggered when open state changes */
-    onOpenChange: OptionType<FunctionType<[BooleanType], NullType>>;
+    readonly onOpenChange: OptionType<FunctionType<[BooleanType], NullType>>;
     /** Callback triggered when exit animation completes */
-    onExitComplete: OptionType<FunctionType<[], NullType>>;
+    readonly onExitComplete: OptionType<FunctionType<[], NullType>>;
     /** Callback triggered when escape key is pressed */
-    onEscapeKeyDown: OptionType<FunctionType<[], NullType>>;
+    readonly onEscapeKeyDown: OptionType<FunctionType<[], NullType>>;
     /** Callback triggered when clicking outside the dialog */
-    onInteractOutside: OptionType<FunctionType<[], NullType>>;
+    readonly onInteractOutside: OptionType<FunctionType<[], NullType>>;
 }>;
 export type DialogStyleType = typeof DialogStyleType;
 /**

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

@@ -204,23 +204,23 @@ export declare const Drawer: {
          * @property contained - Render within parent container
          */
         readonly Style: StructType<{
-            size: OptionType<import("@elaraai/east").VariantType<{
-                xs: NullType;
-                sm: NullType;
-                md: NullType;
-                lg: NullType;
-                xl: NullType;
-                full: NullType;
+            readonly size: OptionType<import("@elaraai/east").VariantType<{
+                readonly xs: NullType;
+                readonly sm: NullType;
+                readonly md: NullType;
+                readonly lg: NullType;
+                readonly xl: NullType;
+                readonly full: NullType;
             }>>;
-            placement: OptionType<import("@elaraai/east").VariantType<{
-                start: NullType;
-                end: NullType;
-                top: NullType;
-                bottom: NullType;
+            readonly placement: OptionType<import("@elaraai/east").VariantType<{
+                readonly start: NullType;
+                readonly end: NullType;
+                readonly top: NullType;
+                readonly bottom: NullType;
             }>>;
-            contained: OptionType<import("@elaraai/east").BooleanType>;
-            onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], NullType>>;
-            onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
+            readonly contained: OptionType<import("@elaraai/east").BooleanType>;
+            readonly onOpenChange: OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], NullType>>;
+            readonly onExitComplete: OptionType<import("@elaraai/east").FunctionType<[], NullType>>;
         }>;
         /**
          * Size variant type for Drawer component.
@@ -233,12 +233,12 @@ export declare const Drawer: {
          * @property full - Full viewport
          */
         readonly Size: import("@elaraai/east").VariantType<{
-            xs: NullType;
-            sm: NullType;
-            md: NullType;
-            lg: NullType;
-            xl: NullType;
-            full: NullType;
+            readonly xs: NullType;
+            readonly sm: NullType;
+            readonly md: NullType;
+            readonly lg: NullType;
+            readonly xl: NullType;
+            readonly full: NullType;
         }>;
         /**
          * Placement variant type for Drawer component.
@@ -249,10 +249,10 @@ export declare const Drawer: {
          * @property bottom - Bottom edge
          */
         readonly Placement: import("@elaraai/east").VariantType<{
-            start: NullType;
-            end: NullType;
-            top: NullType;
-            bottom: NullType;
+            readonly start: NullType;
+            readonly end: NullType;
+            readonly top: NullType;
+            readonly bottom: NullType;
         }>;
         /**
          * East StructType for programmatic drawer opening.