entasis 0.4.0 → 0.5.0

package/dist/components/Sidebar/sidebar.theme.js

@@ -126,7 +126,7 @@ const defaultGroupLabel = cva({
             true: 'state-layer hover:text-neutral focus-visible:ring-2 focus-visible:ring-focus/50',
             false: null
         },
-        componentSize: {
+        size: {
             small: 'h-control-sm text-xs group-data-[collapsible=icon]:-mt-layout-md [&>svg]:size-icon-sm',
             normal: 'h-control-md text-sm group-data-[collapsible=icon]:-mt-layout-lg [&>svg]:size-icon-md',
             large: 'h-control-lg text-sm group-data-[collapsible=icon]:-mt-layout-lg [&>svg]:size-icon-lg'
@@ -139,7 +139,7 @@ const defaultGroupLabel = cva({
     },
     defaultVariants: {
         interactive: false,
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal'
     }
 });
@@ -148,7 +148,7 @@ const defaultGroupLabel = cva({
 const defaultGroupAction = cva({
     base: 'absolute flex items-center gap-micro group-data-[collapsible=icon]:hidden',
     variants: {
-        componentSize: {
+        size: {
             // Centred on the label row's own height token, then pulled up by half its box, so the
             // action stays on the label's midline whatever the spacing or control scale is.
             small: 'top-[calc(var(--sidebar-group-padding)+var(--control-height-sm)/2)] -translate-y-1/2',
@@ -171,7 +171,7 @@ const defaultGroupAction = cva({
         { density: 'comfortable', hasToggle: true, class: 'right-12' }
     ],
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal',
         hasToggle: false
     }
@@ -197,7 +197,7 @@ const defaultMenuButton = cva({
             default: '',
             outline: 'border border-neutral-muted bg-surface'
         },
-        componentSize: {
+        size: {
             small: 'text-xs leading-4 [&_svg]:size-icon-sm',
             normal: 'text-sm leading-5 [&_svg]:size-icon-md',
             large: 'text-base leading-6 [&_svg]:size-icon-lg'
@@ -207,29 +207,30 @@ const defaultMenuButton = cva({
             normal: 'gap-md px-md',
             comfortable: 'gap-md px-md'
         },
-        size: {
-            default: '',
-            sm: 'text-xs',
-            lg: ''
+        // itemSize is the row's own scale (a menu entry's `size`); `size` is the Sidebar's.
+        itemSize: {
+            small: 'text-xs',
+            normal: '',
+            large: ''
         }
     },
     compoundVariants: [
-        { componentSize: 'small', size: 'sm', class: 'h-control-sm' },
-        { componentSize: 'small', size: 'default', class: 'h-control-md' },
-        { componentSize: 'small', size: 'lg', class: 'h-row-lg' },
-        { componentSize: 'normal', size: 'sm', class: 'h-control-md' },
-        { componentSize: 'normal', size: 'default', class: 'h-control-lg' },
-        { componentSize: 'normal', size: 'lg', class: 'h-14' },
-        { componentSize: 'large', size: 'sm', class: 'h-control-lg' },
-        { componentSize: 'large', size: 'default', class: 'h-row-md' },
-        { componentSize: 'large', size: 'lg', class: 'h-16' }
+        { size: 'small', itemSize: 'small', class: 'h-control-sm' },
+        { size: 'small', itemSize: 'normal', class: 'h-control-md' },
+        { size: 'small', itemSize: 'large', class: 'h-row-lg' },
+        { size: 'normal', itemSize: 'small', class: 'h-control-md' },
+        { size: 'normal', itemSize: 'normal', class: 'h-control-lg' },
+        { size: 'normal', itemSize: 'large', class: 'h-14' },
+        { size: 'large', itemSize: 'small', class: 'h-control-lg' },
+        { size: 'large', itemSize: 'normal', class: 'h-row-md' },
+        { size: 'large', itemSize: 'large', class: 'h-16' }
     ],
     defaultVariants: {
         activeVariant: 'soft',
         variant: 'default',
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal',
-        size: 'default'
+        itemSize: 'normal'
     }
 });
 const defaultMenuLabel = cva({
@@ -238,27 +239,27 @@ const defaultMenuLabel = cva({
 const defaultMenuSecondary = cva({
     base: 'truncate text-neutral/70',
     variants: {
-        componentSize: {
+        size: {
             small: 'text-xs',
             normal: 'text-xs',
             large: 'text-sm'
         }
     },
     defaultVariants: {
-        componentSize: 'normal'
+        size: 'normal'
     }
 });
 const defaultMenuTrailing = cva({
     base: 'ml-auto shrink-0 opacity-100 transition-[opacity,transform] duration-normal ease-standard group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:translate-x-1 group-data-[collapsible=icon]:opacity-0',
     variants: {
-        componentSize: {
+        size: {
             small: '[&>svg]:size-icon-sm',
             normal: '[&>svg]:size-icon-md',
             large: '[&>svg]:size-icon-lg'
         }
     },
     defaultVariants: {
-        componentSize: 'normal'
+        size: 'normal'
     }
 });
 const defaultSubMenu = cva({
@@ -291,7 +292,7 @@ const defaultSubButton = cva({
     base: 'state-layer text-neutral/70 hover:text-neutral flex min-w-0 -translate-x-px items-center overflow-hidden rounded-sm outline-none transition-[background,color,height,padding] duration-normal ease-linear focus-visible:ring-2 focus-visible:ring-focus/50 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0',
     variants: {
         activeVariant: activeVariants,
-        componentSize: {
+        size: {
             small: 'h-6 text-xs leading-4 [&>svg]:size-icon-sm',
             normal: 'h-control-sm text-sm leading-5 [&>svg]:size-icon-md',
             large: 'h-control-md text-base leading-6 [&>svg]:size-icon-lg'
@@ -301,22 +302,23 @@ const defaultSubButton = cva({
             normal: 'gap-md px-lg',
             comfortable: 'gap-md px-lg'
         },
-        size: {
-            sm: 'text-xs',
-            md: ''
+        itemSize: {
+            small: 'text-xs',
+            normal: '',
+            large: ''
         }
     },
     defaultVariants: {
         activeVariant: 'soft',
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal',
-        size: 'md'
+        itemSize: 'normal'
     }
 });
 const defaultMenuAction = cva({
     base: 'state-layer text-neutral hover:text-neutral peer-hover/menu-button:text-neutral absolute top-1/2 flex aspect-square -translate-y-1/2 items-center justify-center rounded-sm p-0 opacity-100 outline-none transition group-data-[collapsible=icon]:hidden focus-visible:ring-2 focus-visible:ring-focus/50 md:opacity-0 group-focus-within/menu-row:opacity-100 group-hover/menu-row:opacity-100 has-[[aria-expanded=true]]:opacity-100 [&>svg]:shrink-0',
     variants: {
-        componentSize: {
+        size: {
             small: 'size-4.5 [&>svg]:size-icon-sm',
             normal: 'size-5 [&>svg]:size-icon-md',
             large: 'size-6 [&>svg]:size-icon-lg'
@@ -328,7 +330,7 @@ const defaultMenuAction = cva({
         }
     },
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal'
     }
 });
@@ -337,14 +339,14 @@ const defaultMenuAction = cva({
 const defaultActionSlot = cva({
     base: 'state-layer text-neutral hover:text-neutral flex aspect-square shrink-0 items-center justify-center rounded-sm p-0 outline-none transition focus-visible:ring-2 focus-visible:ring-focus/50 [&>svg]:shrink-0',
     variants: {
-        componentSize: {
+        size: {
             small: 'h-control-sm [&>svg]:size-icon-sm',
             normal: 'h-control-md [&>svg]:size-icon-md',
             large: 'h-control-lg [&>svg]:size-icon-lg'
         }
     },
     defaultVariants: {
-        componentSize: 'normal'
+        size: 'normal'
     }
 });
 // The leading icon of a menu entry when it carries a role tint or a tile. The tint is the row's
@@ -356,20 +358,20 @@ const defaultMenuIcon = cva({
             bare: 'text-color',
             tile: 'bg-color-muted text-color-muted-readable rounded-sm'
         },
-        componentSize: {
+        size: {
             small: '',
             normal: '',
             large: ''
         }
     },
     compoundVariants: [
-        { variant: 'tile', componentSize: 'small', class: 'size-icon-lg [&_svg]:size-icon-xs' },
-        { variant: 'tile', componentSize: 'normal', class: 'size-icon-xl [&_svg]:size-icon-sm' },
-        { variant: 'tile', componentSize: 'large', class: 'size-icon-xl [&_svg]:size-icon-md' }
+        { variant: 'tile', size: 'small', class: 'size-icon-lg [&_svg]:size-icon-xs' },
+        { variant: 'tile', size: 'normal', class: 'size-icon-xl [&_svg]:size-icon-sm' },
+        { variant: 'tile', size: 'large', class: 'size-icon-xl [&_svg]:size-icon-md' }
     ],
     defaultVariants: {
         variant: 'bare',
-        componentSize: 'normal'
+        size: 'normal'
     }
 });
 // A large menu row that carries its own trailing action: the row and the action are siblings, so
@@ -380,20 +382,20 @@ const defaultButtonRow = cva({
 const defaultActionTrigger = cva({
     base: 'flex size-full items-center justify-center rounded-sm bg-transparent outline-none [&>svg]:shrink-0',
     variants: {
-        componentSize: {
+        size: {
             small: '[&>svg]:size-icon-sm',
             normal: '[&>svg]:size-icon-md',
             large: '[&>svg]:size-icon-lg'
         }
     },
     defaultVariants: {
-        componentSize: 'normal'
+        size: 'normal'
     }
 });
 const defaultBadge = cva({
     base: 'text-neutral/70 peer-hover/menu-button:text-neutral peer-data-active/menu-button:text-neutral pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center rounded-sm px-xs font-medium tabular-nums select-none group-data-[collapsible=icon]:hidden',
     variants: {
-        componentSize: {
+        size: {
             small: 'h-4 min-w-4 text-xs',
             normal: 'h-5 min-w-5 text-sm',
             large: 'h-6 min-w-6 text-sm'
@@ -405,14 +407,14 @@ const defaultBadge = cva({
         }
     },
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal'
     }
 });
 const defaultSearchContainer = cva({
     base: 'relative w-full opacity-100 transition-[height,margin,opacity] duration-normal ease-linear',
     variants: {
-        componentSize: {
+        size: {
             small: 'h-control-md',
             normal: 'h-control-lg',
             large: 'h-row-md'
@@ -423,7 +425,7 @@ const defaultSearchContainer = cva({
         }
     },
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         collapsed: false
     }
 });
@@ -432,7 +434,7 @@ const defaultSearch = cva({
     variants: {
         // The left padding clears the absolutely positioned magnifier (its `left` offset plus its
         // box plus a gap) so the placeholder never starts on top of the icon.
-        componentSize: {
+        size: {
             small: 'h-control-md pl-layout-md text-xs',
             normal: 'h-control-lg pl-layout-lg text-sm',
             large: 'h-row-md pl-layout-xl text-base'
@@ -444,14 +446,14 @@ const defaultSearch = cva({
         }
     },
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal'
     }
 });
 const defaultSearchIcon = cva({
     base: 'pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center text-neutral/45 select-none [&_svg]:size-full',
     variants: {
-        componentSize: {
+        size: {
             small: 'size-3.5',
             normal: 'size-4',
             large: 'size-5'
@@ -463,7 +465,7 @@ const defaultSearchIcon = cva({
         }
     },
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal'
     }
 });
@@ -671,40 +673,40 @@ const defaultMobilePanel = cva({
 const defaultMedia = cva({
     base: 'bg-neutral text-neutral-contrast flex aspect-square shrink-0 items-center justify-center rounded-sm',
     variants: {
-        size: {
-            default: '',
-            compact: 'text-xs'
+        itemSize: {
+            normal: 'text-xs',
+            large: ''
         },
-        componentSize: {
+        size: {
             small: '',
             normal: '',
             large: ''
         }
     },
     compoundVariants: [
-        { size: 'default', componentSize: 'small', class: 'size-7 [&_svg]:size-icon-sm' },
-        { size: 'default', componentSize: 'normal', class: 'size-8 [&_svg]:size-icon-md' },
-        { size: 'default', componentSize: 'large', class: 'size-9 [&_svg]:size-icon-lg' },
-        { size: 'compact', componentSize: 'small', class: 'size-4 [&_svg]:size-icon-xs' },
-        { size: 'compact', componentSize: 'normal', class: 'size-5 [&_svg]:size-icon-xs' },
-        { size: 'compact', componentSize: 'large', class: 'size-6 [&_svg]:size-icon-sm' }
+        { itemSize: 'large', size: 'small', class: 'size-7 [&_svg]:size-icon-sm' },
+        { itemSize: 'large', size: 'normal', class: 'size-8 [&_svg]:size-icon-md' },
+        { itemSize: 'large', size: 'large', class: 'size-9 [&_svg]:size-icon-lg' },
+        { itemSize: 'normal', size: 'small', class: 'size-4 [&_svg]:size-icon-xs' },
+        { itemSize: 'normal', size: 'normal', class: 'size-5 [&_svg]:size-icon-xs' },
+        { itemSize: 'normal', size: 'large', class: 'size-6 [&_svg]:size-icon-sm' }
     ],
     defaultVariants: {
-        size: 'default',
-        componentSize: 'normal'
+        itemSize: 'large',
+        size: 'normal'
     }
 });
 const defaultAvatar = cva({
     base: 'bg-neutral-muted text-neutral-muted-readable flex shrink-0 items-center justify-center overflow-hidden rounded-sm font-medium',
     variants: {
-        componentSize: {
+        size: {
             small: 'size-7 text-xs',
             normal: 'size-8 text-sm',
             large: 'size-9 text-sm'
         }
     },
     defaultVariants: {
-        componentSize: 'normal'
+        size: 'normal'
     }
 });
 const defaultActivityBar = cva({
@@ -746,7 +748,7 @@ const defaultActivityBarList = cva({
 const defaultActivityBarItem = cva({
     base: 'state-layer relative flex aspect-square shrink-0 items-center justify-center rounded-md outline-none transition-[background,color] duration-normal ease-linear focus-visible:ring-2 focus-visible:ring-focus/50 data-active:bg-selected-muted data-active:text-selected-muted-readable data-active:font-medium [&_svg]:shrink-0',
     variants: {
-        componentSize: {
+        size: {
             small: 'h-control-sm [&_svg]:size-icon-sm',
             normal: 'h-control-md [&_svg]:size-icon-md',
             large: 'h-control-lg [&_svg]:size-icon-lg'
@@ -766,7 +768,7 @@ const defaultActivityBarItem = cva({
         }
     },
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         density: 'normal',
         active: false,
         disabled: false
@@ -775,7 +777,7 @@ const defaultActivityBarItem = cva({
 const defaultActivityBarBadge = cva({
     base: 'bg-color text-color-readable pointer-events-none absolute flex items-center justify-center rounded-full px-xs font-medium tabular-nums select-none',
     variants: {
-        componentSize: {
+        size: {
             small: 'top-0 end-0 h-3.5 min-w-3.5 text-xs',
             normal: 'top-0 end-0 h-4 min-w-4 text-xs',
             large: 'top-0 end-0 h-4.5 min-w-4.5 text-xs'
@@ -786,7 +788,7 @@ const defaultActivityBarBadge = cva({
         }
     },
     defaultVariants: {
-        componentSize: 'normal',
+        size: 'normal',
         dot: false
     }
 });

package/dist/components/Skeleton/skeleton.theme.d.ts

@@ -27,7 +27,7 @@ export declare const setSkeletonTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useSkeletonTheme: (theme?: InferComponentTheme<{
+export declare const useSkeletonTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         color: {
             primary: string;
@@ -39,16 +39,4 @@ export declare const useSkeletonTheme: (theme?: InferComponentTheme<{
             neutral: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        color: {
-            primary: string;
-            secondary: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-            neutral: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/SortableList/sortableList.theme.d.ts

@@ -87,7 +87,7 @@ export declare const setSortableListTheme: (theme: InferComponentTheme<{
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     empty: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
 }>) => void;
-export declare const useSortableListTheme: (theme?: InferComponentTheme<{
+export declare const useSortableListTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             small: string;
@@ -128,45 +128,4 @@ export declare const useSortableListTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     empty: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        orientation: {
-            vertical: string;
-            horizontal: string;
-            grid: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    item: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        handle: {
-            true: string;
-            false: string;
-        };
-        dragging: {
-            true: string;
-            false: string;
-        };
-        disabled: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    content: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    handle: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    empty: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-};
+}>;

package/dist/components/Spinner/spinner.theme.d.ts

@@ -81,7 +81,7 @@ export declare const setSpinnerTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useSpinnerTheme: (theme?: InferComponentTheme<{
+export declare const useSpinnerTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             small: string;
@@ -120,43 +120,4 @@ export declare const useSpinnerTheme: (theme?: InferComponentTheme<{
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        color: {
-            primary: string;
-            secondary: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-            neutral: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    indicator: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        variant: {
-            default: string;
-            grid: string;
-            pulse: string;
-            puff: string;
-            lines: string;
-            circles: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    label: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;

package/dist/components/SpinnerText/spinnerText.theme.d.ts

@@ -105,7 +105,7 @@ export declare const setSpinnerTextTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useSpinnerTextTheme: (theme?: InferComponentTheme<{
+export declare const useSpinnerTextTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     motion: import("../../utils/motion/index.js").MotionResolver<{
         readonly mode: {
             readonly vertical: {};
@@ -152,54 +152,7 @@ export declare const useSpinnerTextTheme: (theme?: InferComponentTheme<{
             false: null;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    motion: import("../../utils/motion/index.js").MotionResolver<{
-        readonly mode: {
-            readonly vertical: {};
-            readonly reveal: {
-                readonly duration: "slower";
-            };
-        };
-    }>;
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        color: {
-            primary: string;
-            secondary: string;
-            danger: string;
-            success: string;
-            warning: string;
-            info: string;
-            neutral: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    spinner: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    viewport: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    sizer: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    sizerItem: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    message: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        shimmer: {
-            true: string;
-            false: null;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;
 export declare const useSpinnerTextMotion: () => import("../../utils/motion/index.js").ComponentMotion<{
     readonly mode: {
         readonly vertical: {};

package/dist/components/Stack/stack.theme.d.ts

@@ -23,7 +23,7 @@ export declare const setStackTheme: (theme: InferComponentTheme<{
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     inner: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
 }>) => void;
-export declare const useStackTheme: (theme?: InferComponentTheme<{
+export declare const useStackTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         paddingInline: Record<import("../Layout/layoutSpacing.js").LayoutSpacing, "px-lg" | "px-xl" | "px-md" | "px-0" | "px-xs" | "px-sm">;
         paddingBlock: Record<import("../Layout/layoutSpacing.js").LayoutSpacing, "py-xs" | "py-sm" | "py-md" | "py-lg" | "py-0" | "py-xl">;
@@ -33,14 +33,4 @@ export declare const useStackTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     inner: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-}> | undefined) => {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        paddingInline: Record<import("../Layout/layoutSpacing.js").LayoutSpacing, "px-lg" | "px-xl" | "px-md" | "px-0" | "px-xs" | "px-sm">;
-        paddingBlock: Record<import("../Layout/layoutSpacing.js").LayoutSpacing, "py-xs" | "py-sm" | "py-md" | "py-lg" | "py-0" | "py-xl">;
-        scrollable: {
-            true: string;
-            false: null;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    inner: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-};
+}>;