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

entasis 0.4.1 → 0.6.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 (180) hide show

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

@@ -29,6 +29,11 @@ export declare const sidebarTheme: {
             normal: string;
             large: string;
         };
+        iconSize: {
+            small: string;
+            normal: string;
+            large: string;
+        };
         density: {
             compact: string;
             normal: string;
@@ -68,7 +73,7 @@ export declare const sidebarTheme: {
             true: string;
             false: null;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -80,7 +85,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 +125,7 @@ export declare const sidebarTheme: {
             default: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -130,22 +135,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 +176,7 @@ export declare const sidebarTheme: {
             solid: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -181,13 +186,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 +205,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 +223,7 @@ export declare const sidebarTheme: {
             bare: string;
             tile: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -225,7 +231,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 +243,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 +254,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 +266,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 +324,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 +344,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;
@@ -411,6 +417,11 @@ export declare const sidebarTheme: {
             normal: string;
             large: string;
         };
+        iconSize: {
+            small: string;
+            normal: string;
+            large: string;
+        };
         density: {
             compact: string;
             normal: string;
@@ -440,18 +451,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;
@@ -489,6 +500,11 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             large: string;
         };
+        iconSize: {
+            small: string;
+            normal: string;
+            large: string;
+        };
         density: {
             compact: string;
             normal: string;
@@ -528,7 +544,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             true: string;
             false: null;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -540,7 +556,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 +596,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             default: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -590,22 +606,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 +647,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             solid: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -641,13 +657,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 +676,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 +694,7 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             bare: string;
             tile: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -685,7 +702,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 +714,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 +725,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 +737,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 +795,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 +815,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;
@@ -871,6 +888,11 @@ export declare const setSidebarTheme: (theme: InferComponentTheme<{
             normal: string;
             large: string;
         };
+        iconSize: {
+            small: string;
+            normal: string;
+            large: string;
+        };
         density: {
             compact: string;
             normal: string;
@@ -900,25 +922,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: {
@@ -947,6 +969,11 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             normal: string;
             large: string;
         };
+        iconSize: {
+            small: string;
+            normal: string;
+            large: string;
+        };
         density: {
             compact: string;
             normal: string;
@@ -986,7 +1013,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             true: string;
             false: null;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -998,7 +1025,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 +1065,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             default: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1048,22 +1075,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 +1116,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             solid: string;
             outline: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1099,13 +1126,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 +1145,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 +1163,7 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             bare: string;
             tile: string;
         };
-        componentSize: {
+        size: {
             small: string;
             normal: string;
             large: string;
@@ -1143,7 +1171,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 +1183,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 +1194,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 +1206,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 +1264,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 +1284,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;
@@ -1329,6 +1357,11 @@ export declare const useSidebarTheme: (theme?: InferComponentTheme<{
             normal: string;
             large: string;
         };
+        iconSize: {
+            small: string;
+            normal: string;
+            large: string;
+        };
         density: {
             compact: string;
             normal: string;
@@ -1358,479 +1391,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>;