@nextui-org/theme 2.2.9 → 2.2.11

package/dist/{chunk-726LN7M3.mjs → chunk-3LD7T42T.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4Z22WXZX.mjs";
 import {
   transition_default
-} from "./chunk-HPFX3B3F.mjs";
+} from "./chunk-WN6AL2BX.mjs";
 
 // src/utilities/index.ts
 var utilities = {

package/dist/{chunk-GDIZAU4E.mjs → chunk-42JWJWWX.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

package/dist/{chunk-DXPS72CE.mjs → chunk-63NMFZTF.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";
@@ -38,7 +38,12 @@ var pagination = tv({
       "pointer-events-none",
       "z-20"
     ],
-    forwardIcon: "hidden group-hover:block group-data-[focus-visible=true]:block data-[before=true]:rotate-180",
+    forwardIcon: [
+      "hidden",
+      "group-hover:block",
+      "group-data-[focus-visible=true]:block",
+      "data-[before=true]:rotate-180"
+    ],
     ellipsis: "group-hover:hidden group-data-[focus-visible=true]:hidden",
     chevronNext: "rotate-180"
   },
@@ -97,12 +102,12 @@ var pagination = tv({
         wrapper: "gap-0 shadow-sm",
         item: [
           "shadow-none",
-          "first-of-type:rounded-r-none",
-          "last-of-type:rounded-l-none",
+          "first-of-type:rounded-e-none",
+          "last-of-type:rounded-s-none",
           "[&:not(:first-of-type):not(:last-of-type)]:rounded-none"
         ],
-        prev: "!rounded-r-none",
-        next: "!rounded-l-none"
+        prev: "!rounded-e-none",
+        next: "!rounded-s-none"
       }
     },
     isDisabled: {
@@ -191,7 +196,7 @@ var pagination = tv({
       isCompact: true,
       variant: "bordered",
       class: {
-        item: "[&:not(:first-of-type)]:ml-[calc(theme(borderWidth.2)*-1)]"
+        item: "[&:not(:first-of-type)]:ms-[calc(theme(borderWidth.2)*-1)]"
       }
     },
     {

package/dist/{chunk-4YQYZDME.mjs → chunk-7YPXCOW5.mjs}

@@ -44,7 +44,7 @@ var menuItem = tv({
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1 text-small font-normal truncate",
+    title: "flex-1 text-small font-normal",
     description: ["w-full", "text-tiny", "text-foreground-500", "group-hover:text-current"],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [

package/dist/{chunk-WUUKIKPR.mjs → chunk-ARYJFX77.mjs}

@@ -8,7 +8,7 @@ import {
 // src/components/toggle.ts
 var toggle = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent select-none",
     wrapper: [
       "px-1",
       "relative",

package/dist/{chunk-2PIR7DFM.mjs → chunk-BZCSOIUI.mjs}

@@ -27,12 +27,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/40 text-default-foreground",
-  primary: "bg-primary/20 text-primary",
-  secondary: "bg-secondary/20 text-secondary",
-  success: "bg-success/20 text-success-600 dark:text-success",
-  warning: "bg-warning/20 text-warning-600 dark:text-warning",
-  danger: "bg-danger/20 text-danger dark:text-danger-500",
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-700",
+  secondary: "bg-secondary/20 text-secondary-700",
+  success: "bg-success/20 text-success-800 dark:text-success",
+  warning: "bg-warning/20 text-warning-800 dark:text-warning",
+  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -54,12 +54,12 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  default: "border-default text-default-foreground hover:!bg-default",
-  primary: "border-primary text-primary hover:!text-primary-foreground hover:!bg-primary",
-  secondary: "border-secondary text-secondary hover:text-secondary-foreground hover:!bg-secondary",
-  success: "border-success text-success hover:!text-success-foreground hover:!bg-success",
-  warning: "border-warning text-warning hover:!text-warning-foreground hover:!bg-warning",
-  danger: "border-danger text-danger hover:!text-danger-foreground hover:!bg-danger",
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
   foreground: "border-foreground text-foreground hover:!bg-foreground"
 };
 var colorVariants = {

package/dist/{chunk-YSA7EQBH.mjs → chunk-JFWA3DGK.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-D2XMP2NC.mjs";
 import {
   utilities
-} from "./chunk-726LN7M3.mjs";
+} from "./chunk-3LD7T42T.mjs";
 import {
   DEFAULT_TRANSITION_DURATION
-} from "./chunk-HPFX3B3F.mjs";
+} from "./chunk-WN6AL2BX.mjs";
 import {
   baseStyles
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-A4VDWEXY.mjs → chunk-JYFVXE5E.mjs}

@@ -8,7 +8,7 @@ import {
 // src/components/radio.ts
 var radio = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
     wrapper: [
       "relative",
       "inline-flex",

package/dist/{chunk-NPRQPDVP.mjs → chunk-KPI62GDB.mjs}

@@ -13,17 +13,17 @@ var calendar = tv({
       "rounded-large overflow-x-auto bg-default-50 dark:bg-background",
       "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
     ],
-    prevButton: [],
-    nextButton: [],
+    prevButton: ["order-1"],
+    nextButton: ["order-3"],
     headerWrapper: [
-      "px-4 py-2 flex items-center justify-between gap-2 bg-content1 overflow-hidden",
+      "px-4 py-2 flex items-center justify-between gap-2 bg-content1 overflow-hidden rtl:flex-row-reverse",
       "[&_.chevron-icon]:flex-none",
       "after:content-['']",
       "after:bg-content1 origin-top",
       "after:w-full after:h-0",
       "after:absolute after:top-0 after:left-0"
     ],
-    header: "flex w-full items-center justify-center gap-2 z-10",
+    header: "flex w-full items-center justify-center gap-2 z-10 order-2",
     title: "text-default-500 text-small font-medium",
     content: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
     gridWrapper: "flex max-w-full overflow-hidden pb-2 h-auto relative",

package/dist/{chunk-5AGRECY5.mjs → chunk-KUKJUMC3.mjs}

@@ -8,7 +8,7 @@ import {
 // src/components/checkbox.ts
 var checkbox = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
     wrapper: [
       "relative",
       "inline-flex",

package/dist/{chunk-XT44N6I6.mjs → chunk-LSQXJEPE.mjs}

@@ -29,18 +29,15 @@ var table = tv({
       "group",
       "px-3",
       "h-10",
+      "text-start",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
       "text-foreground-500",
       "text-tiny",
       "font-semibold",
-      "first:rounded-l-lg",
-      "rtl:first:rounded-r-lg",
-      "rtl:first:rounded-l-[unset]",
-      "last:rounded-r-lg",
-      "rtl:last:rounded-l-lg",
-      "rtl:last:rounded-r-[unset]",
+      "first:rounded-s-lg",
+      "last:rounded-e-lg",
       "outline-none",
       "data-[sortable=true]:cursor-pointer",
       "data-[hover=true]:text-foreground-400",
@@ -69,7 +66,7 @@ var table = tv({
     ],
     tfoot: "",
     sortIcon: [
-      "ml-2",
+      "ms-2",
       "mb-px",
       "opacity-0",
       "text-inherit",
@@ -176,30 +173,15 @@ var table = tv({
     isMultiSelectable: {
       true: {
         td: [
-          "group-data-[first=true]:first:before:rounded-tl-lg",
-          "group-data-[first=true]:rtl:first:before:rounded-tr-lg",
-          "group-data-[first=true]:rtl:first:before:rounded-tl-[unset]",
-          "group-data-[first=true]:last:before:rounded-tr-lg",
-          "group-data-[first=true]:rtl:last:before:rounded-tl-lg",
-          "group-data-[first=true]:rtl:last:before:rounded-tr-[unset]",
+          "group-data-[first=true]:first:before:rounded-ts-lg",
+          "group-data-[first=true]:last:before:rounded-te-lg",
           "group-data-[middle=true]:before:rounded-none",
-          "group-data-[last=true]:first:before:rounded-bl-lg",
-          "group-data-[last=true]:rtl:first:before:rounded-br-lg",
-          "group-data-[last=true]:rtl:first:before:rounded-bl-[unset]",
-          "group-data-[last=true]:last:before:rounded-br-lg",
-          "group-data-[last=true]:rtl:last:before:rounded-bl-lg",
-          "group-data-[last=true]:rtl:last:before:rounded-br-[unset]"
+          "group-data-[last=true]:first:before:rounded-bs-lg",
+          "group-data-[last=true]:last:before:rounded-be-lg"
         ]
       },
       false: {
-        td: [
-          "first:before:rounded-l-lg",
-          "rtl:first:before:rounded-r-lg",
-          "rtl:first:before:rounded-l-[unset]",
-          "last:before:rounded-r-lg",
-          "rtl:last:before:rounded-l-lg",
-          "rtl:last:before:rounded-r-[unset]"
-        ]
+        td: ["first:before:rounded-s-lg", "last:before:rounded-e-lg"]
       }
     },
     fullWidth: {

package/dist/{chunk-DZGYN4XH.mjs → chunk-M3GQ3DWZ.mjs}

@@ -23,8 +23,8 @@ var select = tv({
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.6))] min-h-4 items-center gap-1.5 box-border",
-    selectorIcon: "absolute right-3 rtl:left-3 rtl:right-[unset] w-4 h-4",
-    spinner: "absolute right-3 rtl:left-3 rtl:right-[unset]",
+    selectorIcon: "absolute end-3 w-4 h-4",
+    spinner: "absolute end-3",
     value: ["text-foreground-500", "font-normal", "w-full", "text-left", "rtl:text-right"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
@@ -45,6 +45,7 @@ var select = tv({
       faded: {
         trigger: [
           "bg-default-100",
+          "data-[hover=true]:bg-default-200",
           "border-medium",
           "border-default-200",
           "data-[hover=true]:border-default-400"
@@ -59,7 +60,8 @@ var select = tv({
           "data-[open=true]:border-default-foreground",
           "data-[focus=true]:border-default-foreground",
           "data-[focus=true]:border-default-foreground"
-        ]
+        ],
+        value: "group-data-[has-value=true]:text-default-foreground"
       },
       underlined: {
         trigger: [
@@ -85,7 +87,7 @@ var select = tv({
           "data-[open=true]:after:w-full",
           "data-[focus=true]:after:w-full"
         ],
-        label: "group-data-[filled=true]:text-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       }
     },
     color: {
@@ -134,7 +136,7 @@ var select = tv({
       },
       "outside-left": {
         base: "flex-row items-center flex-nowrap items-start",
-        label: "relative pr-2 rtl:pl-2 rtl:pr-[unset] text-foreground"
+        label: "relative pe-2 text-foreground"
       },
       inside: {
         label: "text-tiny cursor-pointer",
@@ -161,7 +163,7 @@ var select = tv({
     },
     isRequired: {
       true: {
-        label: "after:content-['*'] after:text-danger after:ml-0.5"
+        label: "after:content-['*'] after:text-danger after:ms-0.5"
       }
     },
     isMultiline: {
@@ -216,7 +218,8 @@ var select = tv({
       variant: "flat",
       color: "default",
       class: {
-        value: "group-data-[has-value=true]:text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground",
+        trigger: ["bg-default-100", "data-[hover=true]:bg-default-50"]
       }
     },
     {
@@ -224,9 +227,9 @@ var select = tv({
       color: "primary",
       class: {
         trigger: [
-          "bg-primary-50",
+          "bg-primary-100",
           "text-primary",
-          "data-[hover=true]:bg-primary-100",
+          "data-[hover=true]:bg-primary-50",
           "group-data-[focus=true]:bg-primary-50"
         ],
         value: "text-primary",
@@ -238,9 +241,9 @@ var select = tv({
       color: "secondary",
       class: {
         trigger: [
-          "bg-secondary-50",
+          "bg-secondary-100",
           "text-secondary",
-          "data-[hover=true]:bg-secondary-100",
+          "data-[hover=true]:bg-secondary-50",
           "group-data-[focus=true]:bg-secondary-50"
         ],
         value: "text-secondary",
@@ -252,10 +255,10 @@ var select = tv({
       color: "success",
       class: {
         trigger: [
-          "bg-success-50",
+          "bg-success-100",
           "text-success-600",
           "dark:text-success",
-          "data-[hover=true]:bg-success-100",
+          "data-[hover=true]:bg-success-50",
           "group-data-[focus=true]:bg-success-50"
         ],
         value: "text-success-600 dark:text-success",
@@ -267,10 +270,10 @@ var select = tv({
       color: "warning",
       class: {
         trigger: [
-          "bg-warning-50",
+          "bg-warning-100",
           "text-warning-600",
           "dark:text-warning",
-          "data-[hover=true]:bg-warning-100",
+          "data-[hover=true]:bg-warning-50",
           "group-data-[focus=true]:bg-warning-50"
         ],
         value: "text-warning-600 dark:text-warning",
@@ -282,10 +285,10 @@ var select = tv({
       color: "danger",
       class: {
         trigger: [
-          "bg-danger-50",
+          "bg-danger-100",
           "text-danger",
           "dark:text-danger-500",
-          "data-[hover=true]:bg-danger-100",
+          "data-[hover=true]:bg-danger-50",
           "group-data-[focus=true]:bg-danger-50"
         ],
         value: "text-danger dark:text-danger-500",
@@ -523,26 +526,12 @@ var select = tv({
         trigger: "h-16 min-h-16 py-2.5 gap-0"
       }
     },
-    {
-      labelPlacement: ["inside", "outside"],
-      class: {
-        label: ["group-data-[filled=true]:pointer-events-auto"]
-      }
-    },
     {
       labelPlacement: "outside",
       isMultiline: false,
       class: {
         base: "group relative justify-end",
-        label: [
-          "pb-0",
-          "z-20",
-          "top-1/2",
-          "-translate-y-1/2",
-          "group-data-[filled=true]:left-0",
-          "rtl:group-data-[filled=true]:right-0",
-          "rtl:group-data-[filled=true]:left-[unset]"
-        ]
+        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:start-0"]
       }
     },
     {
@@ -662,9 +651,7 @@ var select = tv({
       isMultiline: false,
       class: {
         label: [
-          "left-2",
-          "rtl:right-2",
-          "rtl:left-[unset]",
+          "start-2",
           "text-tiny",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -677,9 +664,7 @@ var select = tv({
       size: "md",
       class: {
         label: [
-          "left-3",
-          "rtl:right-3",
-          "rtl:left-[unset]",
+          "start-3",
           "text-small",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -692,9 +677,7 @@ var select = tv({
       size: "lg",
       class: {
         label: [
-          "left-3",
-          "rtl:right-3",
-          "rtl:left-[unset]",
+          "start-3",
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],

package/dist/{chunk-GFTQERGX.mjs → chunk-MP2JYSMR.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

package/dist/{chunk-N4MWCCMM.mjs → chunk-P73E5YV7.mjs}

@@ -16,7 +16,8 @@ var modal = tv({
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "justify-center"
+      "justify-center",
+      "h-[--visual-viewport-height]"
     ],
     base: [
       "flex",
@@ -85,7 +86,7 @@ var modal = tv({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 mx-0 sm:mx-0 sm:my-0 max-w-full h-[100dvh] !rounded-none"
+        base: "my-0 mx-0 sm:mx-0 sm:my-0 max-w-full h-[100dvh] min-h-[100dvh] !rounded-none"
       }
     },
     radius: {

package/dist/{chunk-BT3FGTF7.mjs → chunk-PWJWH4MD.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

package/dist/{chunk-SKQWKT6K.mjs → chunk-QV3ALCMB.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

package/dist/{chunk-ARFD2V3F.mjs → chunk-QWWVIX6M.mjs}

@@ -37,9 +37,8 @@ var input = tv({
       "z-10",
       "hidden",
       "absolute",
-      "right-3",
-      "rtl:right-auto",
-      "rtl:left-3",
+      "end-3",
+      "start-auto",
       "appearance-none",
       "outline-none",
       "select-none",
@@ -158,7 +157,7 @@ var input = tv({
         base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
         inputWrapper: "flex-1",
         mainWrapper: "flex flex-col",
-        label: "relative text-foreground pr-2 rtl:pr-0 rtl:pl-2"
+        label: "relative text-foreground pe-2 ps-2 pointer-events-auto"
       },
       inside: {
         label: "text-tiny cursor-text",
@@ -569,13 +568,13 @@ var input = tv({
       labelPlacement: "outside",
       isMultiline: false,
       class: {
-        base: "group relative justify-end",
+        base: "relative justify-end",
         label: [
           "pb-0",
           "z-20",
           "top-1/2",
           "-translate-y-1/2",
-          "group-data-[filled-within=true]:left-0"
+          "group-data-[filled-within=true]:start-0"
         ]
       }
     },
@@ -718,7 +717,7 @@ var input = tv({
       isMultiline: false,
       class: {
         label: [
-          "left-2",
+          "start-2",
           "text-tiny",
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
@@ -731,9 +730,8 @@ var input = tv({
       isMultiline: false,
       class: {
         label: [
-          "left-3",
-          "rtl:left-auto",
-          "rtl:right-3",
+          "start-3",
+          "end-auto",
           "text-small",
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -746,9 +744,8 @@ var input = tv({
       isMultiline: false,
       class: {
         label: [
-          "left-3",
-          "rtl:left-auto",
-          "rtl:right-3",
+          "start-3",
+          "end-auto",
           "text-medium",
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],

package/dist/{chunk-HZX5JB5L.mjs → chunk-R27WO3A6.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

package/dist/{chunk-KKN74BUG.mjs → chunk-TA7PDZUG.mjs}

@@ -15,12 +15,16 @@ var autocomplete = tv({
       "translate-x-1",
       "cursor-text",
       "opacity-0",
+      "pointer-events-none",
       "text-default-500",
       "group-data-[invalid=true]:text-danger",
       "data-[visible=true]:opacity-100",
+      "data-[visible=true]:pointer-events-auto",
       "data-[visible=true]:cursor-pointer",
       "sm:data-[visible=true]:opacity-0",
-      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100"
+      "sm:data-[visible=true]:pointer-events-none",
+      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100",
+      "sm:group-data-[hover=true]:data-[visible=true]:pointer-events-auto"
     ],
     selectorButton: "text-medium"
   },

package/dist/{chunk-D7H5R3VL.mjs → chunk-UDSOWFZE.mjs}

@@ -32,7 +32,7 @@ var skeleton = tv({
       "data-[loaded=true]:pointer-events-auto",
       "data-[loaded=true]:overflow-visible",
       "data-[loaded=true]:!bg-transparent",
-      "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none",
+      "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:-z-10 data-[loaded=true]:before:animate-none",
       "data-[loaded=true]:after:opacity-0"
     ],
     content: ["opacity-0", "group-data-[loaded=true]:opacity-100"]
@@ -44,7 +44,7 @@ var skeleton = tv({
         content: "transition-none"
       },
       false: {
-        base: "transition-background !duration-300 before:transition-opacity before:!duration-300",
+        base: "transition-background !duration-300",
         content: "transition-opacity motion-reduce:transition-none !duration-300"
       }
     }

package/dist/{chunk-HPFX3B3F.mjs → chunk-WN6AL2BX.mjs}

@@ -42,12 +42,12 @@ var transition_default = {
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
   ".transition-transform-colors": {
-    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
+    "transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
   ".transition-transform-colors-opacity": {
-    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   }

package/dist/{chunk-CKTE75OS.mjs → chunk-XAYP4CR3.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

package/dist/{chunk-IISEDJRF.mjs → chunk-XL6AWNU3.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";