@kopexa/theme 1.4.2 → 1.4.3

package/dist/{chunk-5FI7W32M.mjs → chunk-25CHZW25.mjs}

@@ -1,9 +1,9 @@
-import {
-  focusVisibleClasses
-} from "./chunk-HQ27V5V4.mjs";
 import {
   colorVariants
 } from "./chunk-U6ONJKJY.mjs";
+import {
+  focusVisibleClasses
+} from "./chunk-2C5EQ4P3.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";
@@ -26,15 +26,6 @@ var button = tv({
       ghost: "",
       outline: "border-2 bg-transparent",
       link: ""
-      // destructive:
-      // 	"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      // outline:
-      // 	"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-      // secondary:
-      // 	"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-      // ghost:
-      // 	"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-      // link: "text-primary underline-offset-4 hover:underline",
     },
     size: {
       sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5",

package/dist/{chunk-HQ27V5V4.mjs → chunk-2C5EQ4P3.mjs}

@@ -3,9 +3,13 @@ var focusVisibleClasses = [
   "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2"
   //"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
 ];
+var focusWithinClasses = [
+  "focus-within:outline-2 focus-within:outline-ring focus-within:outline-offset-2"
+];
 var dataFocusVisibleClasses = ["outline-hidden"];
 
 export {
   focusVisibleClasses,
+  focusWithinClasses,
   dataFocusVisibleClasses
 };

package/dist/{chunk-IL3JFLE2.mjs → chunk-4UDOCFU5.mjs}

@@ -11,6 +11,13 @@ var spinner = tv({
   },
   variants: {
     size: {
+      xs: {
+        wrapper: "w-4 h-4",
+        circle1: "border-2",
+        circle2: "border-2",
+        dots: "size-1",
+        label: "text-xs"
+      },
       sm: {
         wrapper: "w-5 h-5",
         circle1: "border-2",

package/dist/chunk-JWF5ABNP.mjs

@@ -0,0 +1,56 @@
+// src/components/calendar.ts
+import { tv } from "tailwind-variants";
+var calendar = tv({
+  slots: {
+    base: [
+      "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+      String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+      String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`
+    ],
+    icon: "size-4",
+    root: "w-fit",
+    months: "flex gap-4 flex-col md:flex-row relative",
+    month: "flex flex-col w-full gap-4",
+    nav: "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+    buttonPrevious: "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+    buttonNext: "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+    monthCaption: "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+    dropdown: "absolute bg-popover inset-0 opacity-0",
+    dropdowns: "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+    dropdownRoot: "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+    captionLabel: "select-none font-medium",
+    table: "w-full border-collapse",
+    weekdays: "flex",
+    weekday: "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+    week: "flex w-full mt-2",
+    weekNumberWrapper: "flex size-(--cell-size) items-center justify-center text-center",
+    weekNumberHeader: "select-none w-(--cell-size)",
+    weekNumber: "text-[0.8rem] select-none text-muted-foreground",
+    day: "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+    dayButton: "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+    rangeStart: "rounded-l-md bg-accent",
+    rangeMiddle: "rounded-none",
+    rangeEnd: "rounded-r-md bg-accent",
+    today: "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+    outside: "text-muted-foreground aria-selected:text-muted-foreground",
+    disabled: "text-muted-foreground opacity-50",
+    hidden: "invisible"
+  },
+  variants: {
+    captionLayout: {
+      label: {
+        captionLabel: "text-sm"
+      },
+      default: {
+        captionLabel: "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5"
+      }
+    }
+  },
+  defaultVariants: {
+    captionLayout: "default"
+  }
+});
+
+export {
+  calendar
+};

package/dist/chunk-PQSL3W26.mjs

@@ -0,0 +1,96 @@
+import {
+  focusWithinClasses
+} from "./chunk-2C5EQ4P3.mjs";
+
+// src/components/input.ts
+import { tv } from "tailwind-variants";
+var passwordInput = tv({
+  slots: {
+    button: "focus:outline-hidden",
+    icon: "pointer-events-none text-muted-foreground"
+  }
+});
+var input = tv({
+  base: [],
+  slots: {
+    inputWrapper: [
+      "relative w-full inline-flex flex-row items-center shadow-xs px-3 gap-3 [&_svg]:shrink-0",
+      "border-input border dark:bg-input/30 data-[hidden=true]:hidden transition-[color,box-shadow]",
+      "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50",
+      ...focusWithinClasses
+    ],
+    innerWrapper: "inline-flex w-full items-center h-full box-border",
+    input: [
+      "w-full font-normal outline-hidden focus-visible:outline-hidden",
+      "data-[has-start-content=true]:ps-1.5",
+      "data-[has-end-content=true]:pe-1.5",
+      "file:cursor-pointer file:bg-transparent file:border-0",
+      "autofill:bg-transparent bg-clip-text",
+      // legacy
+      "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground",
+      "flex",
+      // file
+      "file:text-foreground file:inline-flex file:text-sm file:font-medium",
+      "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+    ],
+    clearButton: [
+      "p-2 -m-2 z-10 absolute end-3 start-auto pointer-events-none",
+      "appearance-none outline-hidden select-none opacity-0 cursor-pointer",
+      "active:!opacity-70 rounded-full"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        inputWrapper: ["h-8 min-h-8 px-2 rounded-sm [&_svg]:size-4"],
+        input: "text-sm file:h-6"
+      },
+      md: {
+        inputWrapper: "h-10 min-10 rounded-md [&_svg]:size-4",
+        input: "text-base md:text-sm file:h-8",
+        clearButton: "hover:opacity-100"
+      },
+      lg: {
+        inputWrapper: "h-12 min-h-12 rounded-lg [&_svg]:size-4",
+        input: "text-base file:h-10",
+        clearButton: "hover:opacity-100"
+      }
+    },
+    radius: {
+      none: {
+        inputWrapper: "rounded-none"
+      },
+      sm: {
+        inputWrapper: "rounded-sm"
+      },
+      md: {
+        inputWrapper: "rounded-md"
+      },
+      lg: {
+        inputWrapper: "rounded-lg"
+      },
+      full: {
+        inputWrapper: "rounded-full"
+      }
+    },
+    isClearable: {
+      true: {
+        input: "peer pe-6",
+        clearButton: [
+          "peer-data-[filled=true]:pointer-events-auto",
+          "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
+          "peer-data-[filled=true]:scale-100"
+        ]
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  passwordInput,
+  input
+};

package/dist/components/button.js

@@ -79,15 +79,6 @@ var button = (0, import_tailwind_variants.tv)({
       ghost: "",
       outline: "border-2 bg-transparent",
       link: ""
-      // destructive:
-      // 	"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      // outline:
-      // 	"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-      // secondary:
-      // 	"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-      // ghost:
-      // 	"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-      // link: "text-primary underline-offset-4 hover:underline",
     },
     size: {
       sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5",

package/dist/components/button.mjs

@@ -1,8 +1,8 @@
 import {
   button
-} from "../chunk-5FI7W32M.mjs";
-import "../chunk-HQ27V5V4.mjs";
+} from "../chunk-25CHZW25.mjs";
 import "../chunk-U6ONJKJY.mjs";
+import "../chunk-2C5EQ4P3.mjs";
 export {
   button
 };

package/dist/components/calendar.d.mts

@@ -0,0 +1,124 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const calendar: tailwind_variants.TVReturnType<{
+    captionLayout: {
+        label: {
+            captionLabel: string;
+        };
+        default: {
+            captionLabel: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    root: string;
+    months: string;
+    month: string;
+    nav: string;
+    buttonPrevious: string;
+    buttonNext: string;
+    monthCaption: string;
+    dropdown: string;
+    dropdowns: string;
+    dropdownRoot: string;
+    captionLabel: string;
+    table: string;
+    weekdays: string;
+    weekday: string;
+    week: string;
+    weekNumberWrapper: string;
+    weekNumberHeader: string;
+    weekNumber: string;
+    day: string;
+    dayButton: string;
+    rangeStart: string;
+    rangeMiddle: string;
+    rangeEnd: string;
+    today: string;
+    outside: string;
+    disabled: string;
+    hidden: string;
+}, undefined, {
+    captionLayout: {
+        label: {
+            captionLabel: string;
+        };
+        default: {
+            captionLabel: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    root: string;
+    months: string;
+    month: string;
+    nav: string;
+    buttonPrevious: string;
+    buttonNext: string;
+    monthCaption: string;
+    dropdown: string;
+    dropdowns: string;
+    dropdownRoot: string;
+    captionLabel: string;
+    table: string;
+    weekdays: string;
+    weekday: string;
+    week: string;
+    weekNumberWrapper: string;
+    weekNumberHeader: string;
+    weekNumber: string;
+    day: string;
+    dayButton: string;
+    rangeStart: string;
+    rangeMiddle: string;
+    rangeEnd: string;
+    today: string;
+    outside: string;
+    disabled: string;
+    hidden: string;
+}, tailwind_variants.TVReturnType<{
+    captionLayout: {
+        label: {
+            captionLabel: string;
+        };
+        default: {
+            captionLabel: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    root: string;
+    months: string;
+    month: string;
+    nav: string;
+    buttonPrevious: string;
+    buttonNext: string;
+    monthCaption: string;
+    dropdown: string;
+    dropdowns: string;
+    dropdownRoot: string;
+    captionLabel: string;
+    table: string;
+    weekdays: string;
+    weekday: string;
+    week: string;
+    weekNumberWrapper: string;
+    weekNumberHeader: string;
+    weekNumber: string;
+    day: string;
+    dayButton: string;
+    rangeStart: string;
+    rangeMiddle: string;
+    rangeEnd: string;
+    today: string;
+    outside: string;
+    disabled: string;
+    hidden: string;
+}, undefined, unknown, unknown, undefined>>;
+type CalendarVariantProps = VariantProps<typeof calendar>;
+
+export { type CalendarVariantProps, calendar };

package/dist/components/calendar.d.ts

@@ -0,0 +1,124 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const calendar: tailwind_variants.TVReturnType<{
+    captionLayout: {
+        label: {
+            captionLabel: string;
+        };
+        default: {
+            captionLabel: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    root: string;
+    months: string;
+    month: string;
+    nav: string;
+    buttonPrevious: string;
+    buttonNext: string;
+    monthCaption: string;
+    dropdown: string;
+    dropdowns: string;
+    dropdownRoot: string;
+    captionLabel: string;
+    table: string;
+    weekdays: string;
+    weekday: string;
+    week: string;
+    weekNumberWrapper: string;
+    weekNumberHeader: string;
+    weekNumber: string;
+    day: string;
+    dayButton: string;
+    rangeStart: string;
+    rangeMiddle: string;
+    rangeEnd: string;
+    today: string;
+    outside: string;
+    disabled: string;
+    hidden: string;
+}, undefined, {
+    captionLayout: {
+        label: {
+            captionLabel: string;
+        };
+        default: {
+            captionLabel: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    root: string;
+    months: string;
+    month: string;
+    nav: string;
+    buttonPrevious: string;
+    buttonNext: string;
+    monthCaption: string;
+    dropdown: string;
+    dropdowns: string;
+    dropdownRoot: string;
+    captionLabel: string;
+    table: string;
+    weekdays: string;
+    weekday: string;
+    week: string;
+    weekNumberWrapper: string;
+    weekNumberHeader: string;
+    weekNumber: string;
+    day: string;
+    dayButton: string;
+    rangeStart: string;
+    rangeMiddle: string;
+    rangeEnd: string;
+    today: string;
+    outside: string;
+    disabled: string;
+    hidden: string;
+}, tailwind_variants.TVReturnType<{
+    captionLayout: {
+        label: {
+            captionLabel: string;
+        };
+        default: {
+            captionLabel: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    root: string;
+    months: string;
+    month: string;
+    nav: string;
+    buttonPrevious: string;
+    buttonNext: string;
+    monthCaption: string;
+    dropdown: string;
+    dropdowns: string;
+    dropdownRoot: string;
+    captionLabel: string;
+    table: string;
+    weekdays: string;
+    weekday: string;
+    week: string;
+    weekNumberWrapper: string;
+    weekNumberHeader: string;
+    weekNumber: string;
+    day: string;
+    dayButton: string;
+    rangeStart: string;
+    rangeMiddle: string;
+    rangeEnd: string;
+    today: string;
+    outside: string;
+    disabled: string;
+    hidden: string;
+}, undefined, unknown, unknown, undefined>>;
+type CalendarVariantProps = VariantProps<typeof calendar>;
+
+export { type CalendarVariantProps, calendar };

package/dist/components/calendar.js

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/calendar.ts
+var calendar_exports = {};
+__export(calendar_exports, {
+  calendar: () => calendar
+});
+module.exports = __toCommonJS(calendar_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var calendar = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: [
+      "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+      String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+      String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`
+    ],
+    icon: "size-4",
+    root: "w-fit",
+    months: "flex gap-4 flex-col md:flex-row relative",
+    month: "flex flex-col w-full gap-4",
+    nav: "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+    buttonPrevious: "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+    buttonNext: "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+    monthCaption: "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+    dropdown: "absolute bg-popover inset-0 opacity-0",
+    dropdowns: "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+    dropdownRoot: "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+    captionLabel: "select-none font-medium",
+    table: "w-full border-collapse",
+    weekdays: "flex",
+    weekday: "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+    week: "flex w-full mt-2",
+    weekNumberWrapper: "flex size-(--cell-size) items-center justify-center text-center",
+    weekNumberHeader: "select-none w-(--cell-size)",
+    weekNumber: "text-[0.8rem] select-none text-muted-foreground",
+    day: "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+    dayButton: "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+    rangeStart: "rounded-l-md bg-accent",
+    rangeMiddle: "rounded-none",
+    rangeEnd: "rounded-r-md bg-accent",
+    today: "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+    outside: "text-muted-foreground aria-selected:text-muted-foreground",
+    disabled: "text-muted-foreground opacity-50",
+    hidden: "invisible"
+  },
+  variants: {
+    captionLayout: {
+      label: {
+        captionLabel: "text-sm"
+      },
+      default: {
+        captionLabel: "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5"
+      }
+    }
+  },
+  defaultVariants: {
+    captionLayout: "default"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calendar
+});

package/dist/components/calendar.mjs

@@ -0,0 +1,6 @@
+import {
+  calendar
+} from "../chunk-JWF5ABNP.mjs";
+export {
+  calendar
+};

package/dist/components/dropdown-menu.d.mts

@@ -4,17 +4,17 @@ import { VariantProps } from 'tailwind-variants';
 declare const dropdownMenu: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
             root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
             shortcut?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             checkboxItem?: tailwind_variants.ClassValue;
             iconWrapper?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             radioItem?: tailwind_variants.ClassValue;
             radioItemIcon?: tailwind_variants.ClassValue;
-            label?: tailwind_variants.ClassValue;
             subTrigger?: tailwind_variants.ClassValue;
             subTriggerIcon?: tailwind_variants.ClassValue;
             subContent?: tailwind_variants.ClassValue;
@@ -23,17 +23,17 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
             root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
             shortcut?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             checkboxItem?: tailwind_variants.ClassValue;
             iconWrapper?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             radioItem?: tailwind_variants.ClassValue;
             radioItemIcon?: tailwind_variants.ClassValue;
-            label?: tailwind_variants.ClassValue;
             subTrigger?: tailwind_variants.ClassValue;
             subTriggerIcon?: tailwind_variants.ClassValue;
             subContent?: tailwind_variants.ClassValue;
@@ -57,17 +57,17 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
             root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
             item?: tailwind_variants.ClassValue;
             shortcut?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             checkboxItem?: tailwind_variants.ClassValue;
             iconWrapper?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             radioItem?: tailwind_variants.ClassValue;
             radioItemIcon?: tailwind_variants.ClassValue;
-            label?: tailwind_variants.ClassValue;
             subTrigger?: tailwind_variants.ClassValue;
             subTriggerIcon?: tailwind_variants.ClassValue;
             subContent?: tailwind_variants.ClassValue;