sv5ui 1.1.3 → 1.2.0

package/dist/DropdownMenu/dropdown-menu.variants.d.ts

@@ -1,463 +1,312 @@
 import { type VariantProps } from 'tailwind-variants';
+export declare const itemColorClasses: Record<string, {
+    item: string;
+    itemLeadingIcon: string;
+}>;
 export declare const dropdownMenuVariants: import("tailwind-variants").TVReturnType<{
-    side: {
-        top: {
-            content: string;
-        };
-        right: {
-            content: string;
-        };
-        bottom: {
-            content: string;
-        };
-        left: {
-            content: string;
-        };
-    };
     transition: {
         true: {
-            content: string;
-            subContent: string;
+            content: string[];
+            subContent: string[];
         };
     };
     size: {
         xs: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
             label: string;
         };
         sm: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
             label: string;
         };
         md: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
         lg: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
         xl: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        tertiary: {};
-        success: {};
-        warning: {};
-        error: {};
-        info: {};
-        surface: {};
-    };
 }, {
     content: string[];
+    arrow: string;
     group: string;
     separator: string;
     label: string;
     item: string[];
-    itemIcon: string;
+    itemLeadingIcon: string;
     itemLabel: string;
-    itemKbd: string;
+    itemTrailingKbds: string;
     itemIndicator: string;
     subTrigger: string[];
     subTriggerIcon: string;
     subContent: string[];
-    checkboxIndicator: string;
-    radioIndicator: string;
 }, undefined, {
-    side: {
-        top: {
-            content: string;
-        };
-        right: {
-            content: string;
-        };
-        bottom: {
-            content: string;
-        };
-        left: {
-            content: string;
-        };
-    };
     transition: {
         true: {
-            content: string;
-            subContent: string;
+            content: string[];
+            subContent: string[];
         };
     };
     size: {
         xs: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
             label: string;
         };
         sm: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
             label: string;
         };
         md: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
         lg: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
         xl: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        tertiary: {};
-        success: {};
-        warning: {};
-        error: {};
-        info: {};
-        surface: {};
-    };
 }, {
     content: string[];
+    arrow: string;
     group: string;
     separator: string;
     label: string;
     item: string[];
-    itemIcon: string;
+    itemLeadingIcon: string;
     itemLabel: string;
-    itemKbd: string;
+    itemTrailingKbds: string;
     itemIndicator: string;
     subTrigger: string[];
     subTriggerIcon: string;
     subContent: string[];
-    checkboxIndicator: string;
-    radioIndicator: string;
 }, import("tailwind-variants").TVReturnType<{
-    side: {
-        top: {
-            content: string;
-        };
-        right: {
-            content: string;
-        };
-        bottom: {
-            content: string;
-        };
-        left: {
-            content: string;
-        };
-    };
     transition: {
         true: {
-            content: string;
-            subContent: string;
+            content: string[];
+            subContent: string[];
         };
     };
     size: {
         xs: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
             label: string;
         };
         sm: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
             label: string;
         };
         md: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
         lg: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
         xl: {
             item: string;
             subTrigger: string;
-            itemIcon: string;
+            itemLeadingIcon: string;
             subTriggerIcon: string;
-            checkboxIndicator: string;
-            radioIndicator: string;
+            itemIndicator: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        tertiary: {};
-        success: {};
-        warning: {};
-        error: {};
-        info: {};
-        surface: {};
-    };
 }, {
     content: string[];
+    arrow: string;
     group: string;
     separator: string;
     label: string;
     item: string[];
-    itemIcon: string;
+    itemLeadingIcon: string;
     itemLabel: string;
-    itemKbd: string;
+    itemTrailingKbds: string;
     itemIndicator: string;
     subTrigger: string[];
     subTriggerIcon: string;
     subContent: string[];
-    checkboxIndicator: string;
-    radioIndicator: string;
 }, undefined, unknown, unknown, undefined>>;
 export type DropdownMenuVariantProps = VariantProps<typeof dropdownMenuVariants>;
 export type DropdownMenuSlots = keyof ReturnType<typeof dropdownMenuVariants>;
 export declare const dropdownMenuDefaults: {
     defaultVariants: import("tailwind-variants").TVDefaultVariants<{
-        side: {
-            top: {
-                content: string;
-            };
-            right: {
-                content: string;
-            };
-            bottom: {
-                content: string;
-            };
-            left: {
-                content: string;
-            };
-        };
         transition: {
             true: {
-                content: string;
-                subContent: string;
+                content: string[];
+                subContent: string[];
             };
         };
         size: {
             xs: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
                 label: string;
             };
             sm: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
                 label: string;
             };
             md: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
             };
             lg: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
             };
             xl: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
             };
         };
-        color: {
-            default: {};
-            primary: {};
-            secondary: {};
-            tertiary: {};
-            success: {};
-            warning: {};
-            error: {};
-            info: {};
-            surface: {};
-        };
     }, {
         content: string[];
+        arrow: string;
         group: string;
         separator: string;
         label: string;
         item: string[];
-        itemIcon: string;
+        itemLeadingIcon: string;
         itemLabel: string;
-        itemKbd: string;
+        itemTrailingKbds: string;
         itemIndicator: string;
         subTrigger: string[];
         subTriggerIcon: string;
         subContent: string[];
-        checkboxIndicator: string;
-        radioIndicator: string;
     }, {
-        side: {
-            top: {
-                content: string;
-            };
-            right: {
-                content: string;
-            };
-            bottom: {
-                content: string;
-            };
-            left: {
-                content: string;
-            };
-        };
         transition: {
             true: {
-                content: string;
-                subContent: string;
+                content: string[];
+                subContent: string[];
             };
         };
         size: {
             xs: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
                 label: string;
             };
             sm: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
                 label: string;
             };
             md: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
             };
             lg: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
             };
             xl: {
                 item: string;
                 subTrigger: string;
-                itemIcon: string;
+                itemLeadingIcon: string;
                 subTriggerIcon: string;
-                checkboxIndicator: string;
-                radioIndicator: string;
+                itemIndicator: string;
             };
         };
-        color: {
-            default: {};
-            primary: {};
-            secondary: {};
-            tertiary: {};
-            success: {};
-            warning: {};
-            error: {};
-            info: {};
-            surface: {};
-        };
     }, {
         content: string[];
+        arrow: string;
         group: string;
         separator: string;
         label: string;
         item: string[];
-        itemIcon: string;
+        itemLeadingIcon: string;
         itemLabel: string;
-        itemKbd: string;
+        itemTrailingKbds: string;
         itemIndicator: string;
         subTrigger: string[];
         subTriggerIcon: string;
         subContent: string[];
-        checkboxIndicator: string;
-        radioIndicator: string;
     }>;
     slots: Partial<Record<DropdownMenuSlots, string>>;
 };