entasis 0.11.0 → 0.13.0

package/dist/components/Sidebar/sidebar.theme.d.ts

@@ -38,7 +38,7 @@ export declare const sidebarTheme: {
             };
         };
     }>;
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -46,8 +46,8 @@ export declare const sidebarTheme: {
             split: string;
             framed: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    panel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    panel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -75,43 +75,43 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    header: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    nav: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    nav: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    viewStage: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    viewLayer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    viewStage: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    viewLayer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         swipe: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    footer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    group: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    group: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupLabel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupLabel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         interactive: {
             true: string;
             false: null;
@@ -126,8 +126,12 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        hasActions: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -142,23 +146,23 @@ export declare const sidebarTheme: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupContent: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupContent: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuItem: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    menuButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuItem: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    menuButton: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         activeVariant: {
             soft: string;
             solid: string;
@@ -183,37 +187,42 @@ export declare const sidebarTheme: {
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuLabel: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    menuSecondary: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        endReserve: {
+            none: string;
+            action: string;
+            actionBelowMd: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    menuSecondary: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuTrailing: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuTrailing: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subMenu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    treeSubMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    treeSubMenu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subButton: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         activeVariant: {
             soft: string;
             solid: string;
@@ -234,12 +243,13 @@ export declare const sidebarTheme: {
             normal: string;
             large: string;
         };
-        reserveEnd: {
-            true: string;
-            false: string;
+        endReserve: {
+            none: string;
+            action: string;
+            actionBelowMd: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -250,8 +260,8 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -262,22 +272,22 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionSlot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actionSlot: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actionTrigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuIcon: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             bare: string;
             tile: string;
@@ -291,21 +301,21 @@ export declare const sidebarTheme: {
             row: string;
             sub: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    buttonRow: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    badge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    buttonRow: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    badge: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
+        action: {
+            none: string;
+            row: string;
+            sub: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchContainer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    searchContainer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -315,8 +325,8 @@ export declare const sidebarTheme: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    search: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    search: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -327,8 +337,8 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    searchIcon: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -339,15 +349,15 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    separator: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    separator: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    rail: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    rail: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -363,8 +373,8 @@ export declare const sidebarTheme: {
             line: string;
             thumb: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -385,8 +395,8 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarList: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarList: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -396,8 +406,8 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarItem: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -416,8 +426,8 @@ export declare const sidebarTheme: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarBadge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarBadge: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -427,8 +437,8 @@ export declare const sidebarTheme: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarHeader: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarHeader: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -438,8 +448,8 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarFooter: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarFooter: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -449,8 +459,8 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    resizeHandle: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    resizeHandle: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -478,10 +488,10 @@ export declare const sidebarTheme: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    edgeTrigger: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    overlay: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    mobilePanel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    edgeTrigger: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    overlay: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    mobilePanel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         side: {
             left: string;
             right: string;
@@ -501,8 +511,8 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    main: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    main: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -527,8 +537,8 @@ export declare const sidebarTheme: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    media: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         itemSize: {
             normal: string;
             large: string;
@@ -538,14 +548,14 @@ export declare const sidebarTheme: {
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    avatar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 };
 export type SidebarTheme = typeof sidebarTheme;
 export type SidebarThemeProps = InferComponentTheme<SidebarTheme>;
@@ -569,7 +579,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             };
         };
     }>;
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -577,8 +587,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             split: string;
             framed: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    panel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    panel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -606,43 +616,43 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    header: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    nav: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    nav: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    viewStage: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    viewLayer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    viewStage: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    viewLayer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         swipe: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    footer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    group: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    group: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupLabel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupLabel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         interactive: {
             true: string;
             false: null;
@@ -657,8 +667,12 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        hasActions: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -673,23 +687,23 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupContent: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupContent: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuItem: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    menuButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuItem: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    menuButton: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         activeVariant: {
             soft: string;
             solid: string;
@@ -714,37 +728,42 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuLabel: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    menuSecondary: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        endReserve: {
+            none: string;
+            action: string;
+            actionBelowMd: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    menuSecondary: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuTrailing: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuTrailing: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subMenu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    treeSubMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    treeSubMenu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subButton: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         activeVariant: {
             soft: string;
             solid: string;
@@ -765,12 +784,13 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             large: string;
         };
-        reserveEnd: {
-            true: string;
-            false: string;
+        endReserve: {
+            none: string;
+            action: string;
+            actionBelowMd: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -781,8 +801,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -793,22 +813,22 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionSlot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actionSlot: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actionTrigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuIcon: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             bare: string;
             tile: string;
@@ -822,21 +842,21 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             row: string;
             sub: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    buttonRow: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    badge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    buttonRow: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    badge: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
+        action: {
+            none: string;
+            row: string;
+            sub: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchContainer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    searchContainer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -846,8 +866,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    search: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    search: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -858,8 +878,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    searchIcon: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -870,15 +890,15 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    separator: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    separator: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    rail: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    rail: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -894,8 +914,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             line: string;
             thumb: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -916,8 +936,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarList: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarList: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -927,8 +947,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarItem: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -947,8 +967,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarBadge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarBadge: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -958,8 +978,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarHeader: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarHeader: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -969,8 +989,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarFooter: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarFooter: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -980,8 +1000,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    resizeHandle: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    resizeHandle: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -1009,10 +1029,10 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    edgeTrigger: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    overlay: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    mobilePanel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    edgeTrigger: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    overlay: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    mobilePanel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         side: {
             left: string;
             right: string;
@@ -1032,8 +1052,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    main: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    main: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -1058,8 +1078,8 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    media: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         itemSize: {
             normal: string;
             large: string;
@@ -1069,16 +1089,16 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    avatar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
+export declare const useSidebarTheme: import("../../utils/cva/theme.ts").UseComponentTheme<{
     motion: import("../../utils/motion/index.js").MotionResolver<{
         readonly part: {
             readonly collapse: {};
@@ -1098,7 +1118,7 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             };
         };
     }>;
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -1106,8 +1126,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             split: string;
             framed: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    panel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    panel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -1135,43 +1155,43 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    header: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    nav: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    nav: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    viewStage: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    viewLayer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    viewStage: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    viewLayer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         swipe: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    footer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    group: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    group: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupLabel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupLabel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         interactive: {
             true: string;
             false: null;
@@ -1186,8 +1206,12 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        hasActions: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1202,23 +1226,23 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupContent: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    groupContent: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuItem: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    menuButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuItem: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    menuButton: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         activeVariant: {
             soft: string;
             solid: string;
@@ -1243,37 +1267,42 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuLabel: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    menuSecondary: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        endReserve: {
+            none: string;
+            action: string;
+            actionBelowMd: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuLabel: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    menuSecondary: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuTrailing: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuTrailing: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subMenu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    treeSubMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    treeSubMenu: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subButton: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         activeVariant: {
             soft: string;
             solid: string;
@@ -1294,12 +1323,13 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             large: string;
         };
-        reserveEnd: {
-            true: string;
-            false: string;
+        endReserve: {
+            none: string;
+            action: string;
+            actionBelowMd: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1310,8 +1340,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    subAction: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1322,22 +1352,22 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionSlot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actionSlot: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actionTrigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    menuIcon: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             bare: string;
             tile: string;
@@ -1351,21 +1381,21 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             row: string;
             sub: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    buttonRow: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    badge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    buttonRow: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    badge: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
+        action: {
+            none: string;
+            row: string;
+            sub: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchContainer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    searchContainer: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1375,8 +1405,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    search: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    search: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1387,8 +1417,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    searchIcon: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1399,15 +1429,15 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    separator: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    separator: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         density: {
             compact: string;
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    rail: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    rail: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -1423,8 +1453,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             line: string;
             thumb: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -1445,8 +1475,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarList: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarList: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -1456,8 +1486,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarItem: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1476,8 +1506,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarBadge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarBadge: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -1487,8 +1517,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarHeader: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarHeader: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -1498,8 +1528,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarFooter: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    activityBarFooter: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         orientation: {
             vertical: string;
             horizontal: string;
@@ -1509,8 +1539,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    resizeHandle: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    resizeHandle: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -1538,10 +1568,10 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    edgeTrigger: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    overlay: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    mobilePanel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    edgeTrigger: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    overlay: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    mobilePanel: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         side: {
             left: string;
             right: string;
@@ -1561,8 +1591,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             comfortable: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    main: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    main: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         variant: {
             admin: string;
             floating: string;
@@ -1587,8 +1617,8 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    media: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         itemSize: {
             normal: string;
             large: string;
@@ -1598,14 +1628,14 @@ export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComp
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    avatar: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 }>;
 export declare const useSidebarMotion: () => import("../../utils/motion/index.js").ComponentMotion<{
     readonly part: {