npm - entasis - Versions diffs - 0.4.1 → 0.5.0 - Mend

entasis 0.4.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

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

@@ -68,7 +68,7 @@ export declare const sidebarTheme: {
             true: string;
             false: null;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -80,7 +80,7 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     groupAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -120,7 +120,7 @@ export declare const sidebarTheme: {
             default: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -130,22 +130,22 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-        size: {
-            default: string;
-            sm: string;
-            lg: string;
+        itemSize: {
+            small: string;
+            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<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     menuTrailing: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -171,7 +171,7 @@ export declare const sidebarTheme: {
             solid: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -181,13 +181,14 @@ export declare const sidebarTheme: {
             normal: string;
             comfortable: string;
         };
-        size: {
-            sm: string;
-            md: string;
+        itemSize: {
+            small: string;
+            normal: string;
+            large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     menuAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -199,14 +200,14 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     actionSlot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     actionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -217,7 +218,7 @@ export declare const sidebarTheme: {
             bare: string;
             tile: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -225,7 +226,7 @@ export declare const sidebarTheme: {
     }> & 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<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -237,7 +238,7 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     searchContainer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -248,7 +249,7 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     search: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -260,7 +261,7 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     searchIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -318,7 +319,7 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     activityBarItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -338,7 +339,7 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     activityBarBadge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -440,18 +441,18 @@ export declare const sidebarTheme: {
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            default: string;
-            compact: string;
+        itemSize: {
+            normal: string;
+            large: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -528,7 +529,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: null;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -540,7 +541,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     groupAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -580,7 +581,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             default: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -590,22 +591,22 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-        size: {
-            default: string;
-            sm: string;
-            lg: string;
+        itemSize: {
+            small: string;
+            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<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     menuTrailing: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -631,7 +632,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             solid: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -641,13 +642,14 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-        size: {
-            sm: string;
-            md: string;
+        itemSize: {
+            small: string;
+            normal: string;
+            large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     menuAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -659,14 +661,14 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     actionSlot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     actionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -677,7 +679,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             bare: string;
             tile: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -685,7 +687,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
     }> & 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<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -697,7 +699,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     searchContainer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -708,7 +710,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     search: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -720,7 +722,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     searchIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -778,7 +780,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     activityBarItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -798,7 +800,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     activityBarBadge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -900,25 +902,25 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            default: string;
-            compact: string;
+        itemSize: {
+            normal: string;
+            large: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useSidebarTheme: (theme?: InferComponentTheme<{
+export declare const useSidebarTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
     motion: import("../../utils/motion/index.js").MotionResolver<import("../../utils/motion/index.js").MotionVariantShape>;
     root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         variant: {
@@ -986,7 +988,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             true: string;
             false: null;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -998,7 +1000,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     groupAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1038,7 +1040,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             default: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1048,22 +1050,22 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-        size: {
-            default: string;
-            sm: string;
-            lg: string;
+        itemSize: {
+            small: string;
+            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<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     menuTrailing: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1089,7 +1091,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             solid: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1099,13 +1101,14 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             normal: string;
             comfortable: string;
         };
-        size: {
-            sm: string;
-            md: string;
+        itemSize: {
+            small: string;
+            normal: string;
+            large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     menuAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1117,14 +1120,14 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     actionSlot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     actionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1135,7 +1138,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             bare: string;
             tile: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1143,7 +1146,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
     }> & 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<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1155,7 +1158,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     searchContainer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1166,7 +1169,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     search: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1178,7 +1181,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     searchIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1236,7 +1239,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     activityBarItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1256,7 +1259,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     activityBarBadge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1358,479 +1361,22 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
     media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            default: string;
-            compact: string;
-        };
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-}> | undefined) => {
-    motion: import("../../utils/motion/index.js").MotionResolver<import("../../utils/motion/index.js").MotionVariantShape>;
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    panel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-        placement: {
-            panel: string;
-            static: string;
-            positioned: string;
-        };
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    nav: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    footer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    group: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupLabel: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        interactive: {
-            true: string;
-            false: null;
-        };
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
+        itemSize: {
             normal: string;
             large: string;
         };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        hasToggle: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    groupContent: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menu: (props?: (import("../../utils/cva/types.js").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<{
-        activeVariant: {
-            soft: string;
-            solid: string;
-            outline: string;
-        };
-        variant: {
-            default: string;
-            outline: string;
-        };
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
+    avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
         size: {
-            default: string;
-            sm: string;
-            lg: 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<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuTrailing: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
             small: string;
             normal: string;
             large: string;
         };
     }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    treeSubMenu: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    subButton: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        activeVariant: {
-            soft: string;
-            solid: string;
-            outline: string;
-        };
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        size: {
-            sm: string;
-            md: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuAction: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionSlot: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    actionTrigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    menuIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            bare: string;
-            tile: string;
-        };
-        componentSize: {
-            small: string;
-            normal: string;
-            large: 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<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchContainer: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        collapsed: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    search: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    searchIcon: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    separator: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    rail: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-        side: {
-            left: string;
-            right: string;
-        };
-        appearance: {
-            line: string;
-            thumb: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        orientation: {
-            vertical: string;
-            horizontal: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarList: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        orientation: {
-            vertical: string;
-            horizontal: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarItem: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-        active: {
-            true: null;
-            false: string;
-        };
-        disabled: {
-            true: string;
-            false: null;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarBadge: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        dot: {
-            true: string;
-            false: null;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarHeader: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        orientation: {
-            vertical: string;
-            horizontal: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    activityBarFooter: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        orientation: {
-            vertical: string;
-            horizontal: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    resizeHandle: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-        side: {
-            left: string;
-            right: string;
-        };
-        appearance: {
-            line: string;
-            thumb: string;
-        };
-        dragging: {
-            true: string;
-            false: string;
-        };
-        disabled: {
-            true: string;
-            false: string;
-        };
-        combined: {
-            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<{
-        side: {
-            left: string;
-            right: string;
-        };
-        size: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-        density: {
-            compact: string;
-            normal: string;
-            comfortable: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    main: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        variant: {
-            admin: string;
-            floating: string;
-            inset: string;
-            split: string;
-            framed: string;
-        };
-        side: {
-            left: string;
-            right: string;
-        };
-        displayState: {
-            expanded: string;
-            collapsed: string;
-            hidden: string;
-        };
-        edgeRevealed: {
-            true: string;
-            false: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        size: {
-            default: string;
-            compact: string;
-        };
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    avatar: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
-        componentSize: {
-            small: string;
-            normal: string;
-            large: string;
-        };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-};
+}>;
 export declare const useSidebarMotion: () => import("../../utils/motion/index.js").ComponentMotion<import("../../utils/motion/index.js").MotionVariantShape>;