@nextui-org/theme 2.2.10 → 2.3.0-beta.0

package/dist/{chunk-WJIRIXV4.mjs → chunk-FJGKW3ZE.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -8,7 +8,7 @@ import {
 // src/components/toggle.ts
 var toggle = tv({
   slots: {
-    base: "group/toggle relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent select-none",
+    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",
@@ -31,76 +31,76 @@ var toggle = tv({
       "rounded-full",
       "origin-right"
     ],
-    startContent: "z-0 absolute left-1.5 rtl:right-1.5 rtl:left-[unset] text-current",
-    endContent: "z-0 absolute right-1.5 rtl:left-1.5 rtl:right-[unset] text-default-600",
+    startContent: "z-0 absolute start-1.5 text-current",
+    endContent: "z-0 absolute end-1.5 text-default-600",
     thumbIcon: "text-black",
-    label: "relative text-foreground select-none"
+    label: "relative text-foreground select-none ms-2"
   },
   variants: {
     color: {
       default: {
         wrapper: [
-          "group-data-[selected=true]/toggle:bg-default-400",
-          "group-data-[selected=true]/toggle:text-default-foreground"
+          "group-data-[selected=true]:bg-default-400",
+          "group-data-[selected=true]:text-default-foreground"
         ]
       },
       primary: {
         wrapper: [
-          "group-data-[selected=true]/toggle:bg-primary",
-          "group-data-[selected=true]/toggle:text-primary-foreground"
+          "group-data-[selected=true]:bg-primary",
+          "group-data-[selected=true]:text-primary-foreground"
         ]
       },
       secondary: {
         wrapper: [
-          "group-data-[selected=true]/toggle:bg-secondary",
-          "group-data-[selected=true]/toggle:text-secondary-foreground"
+          "group-data-[selected=true]:bg-secondary",
+          "group-data-[selected=true]:text-secondary-foreground"
         ]
       },
       success: {
         wrapper: [
-          "group-data-[selected=true]/toggle:bg-success",
-          "group-data-[selected=true]/toggle:text-success-foreground"
+          "group-data-[selected=true]:bg-success",
+          "group-data-[selected=true]:text-success-foreground"
         ]
       },
       warning: {
         wrapper: [
-          "group-data-[selected=true]/toggle:bg-warning",
-          "group-data-[selected=true]/toggle:text-warning-foreground"
+          "group-data-[selected=true]:bg-warning",
+          "group-data-[selected=true]:text-warning-foreground"
         ]
       },
       danger: {
         wrapper: [
-          "group-data-[selected=true]/toggle:bg-danger",
+          "group-data-[selected=true]:bg-danger",
           "data-[selected=true]:text-danger-foreground"
         ]
       }
     },
     size: {
       sm: {
-        wrapper: "w-10 h-6 mr-2 rtl:ml-2 rtl:mr-[unset]",
+        wrapper: "w-10 h-6",
         thumb: [
           "w-4 h-4 text-tiny",
-          "group-data-[selected=true]/toggle:ml-4 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-4"
+          "group-data-[selected=true]:ms-4"
         ],
         endContent: "text-tiny",
         startContent: "text-tiny",
         label: "text-small"
       },
       md: {
-        wrapper: "w-12 h-7 mr-2 rtl:ml-2 rtl:mr-[unset]",
+        wrapper: "w-12 h-7",
         thumb: [
           "w-5 h-5 text-small",
-          "group-data-[selected=true]/toggle:ml-5 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-5"
+          "group-data-[selected=true]:ms-5"
         ],
         endContent: "text-small",
         startContent: "text-small",
         label: "text-medium"
       },
       lg: {
-        wrapper: "w-14 h-8 mr-2 rtl:ml-2 rtl:mr-[unset]",
+        wrapper: "w-14 h-8",
         thumb: [
           "w-6 h-6 text-medium",
-          "group-data-[selected=true]/toggle:ml-6 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-6"
+          "group-data-[selected=true]:ms-6"
         ],
         endContent: "text-medium",
         startContent: "text-medium",
@@ -124,14 +124,14 @@ var toggle = tv({
           "opacity-0",
           "scale-50",
           "transition-transform-opacity",
-          "group-data-[selected=true]/toggle:scale-100",
-          "group-data-[selected=true]/toggle:opacity-100"
+          "group-data-[selected=true]:scale-100",
+          "group-data-[selected=true]:opacity-100"
         ],
         endContent: [
           "opacity-100",
           "transition-transform-opacity",
-          "group-data-[selected=true]/toggle:translate-x-3",
-          "group-data-[selected=true]/toggle:opacity-0"
+          "group-data-[selected=true]:translate-x-3",
+          "group-data-[selected=true]:opacity-0"
         ]
       }
     }
@@ -146,30 +146,21 @@ var toggle = tv({
       disableAnimation: false,
       size: "sm",
       class: {
-        thumb: [
-          "group-data-[pressed=true]/toggle:w-5",
-          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-3"
-        ]
+        thumb: ["group-data-[pressed=true]:w-5", "group-data-[selected]:group-data-[pressed]:ml-3"]
       }
     },
     {
       disableAnimation: false,
       size: "md",
       class: {
-        thumb: [
-          "group-data-[pressed=true]/toggle:w-6",
-          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-4"
-        ]
+        thumb: ["group-data-[pressed=true]:w-6", "group-data-[selected]:group-data-[pressed]:ml-4"]
       }
     },
     {
       disableAnimation: false,
       size: "lg",
       class: {
-        thumb: [
-          "group-data-[pressed=true]/toggle:w-7",
-          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-5"
-        ]
+        thumb: ["group-data-[pressed=true]:w-7", "group-data-[selected]:group-data-[pressed]:ml-5"]
       }
     }
   ]

package/dist/{chunk-BYWORP66.mjs → chunk-GIXI35A3.mjs}

@@ -10,7 +10,14 @@ var twMergeConfig = {
   classGroups: {
     shadow: [{ shadow: COMMON_UNITS }],
     "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-    "bg-image": ["bg-stripe-gradient"]
+    "bg-image": [
+      "bg-stripe-gradient-default",
+      "bg-stripe-gradient-primary",
+      "bg-stripe-gradient-secondary",
+      "bg-stripe-gradient-success",
+      "bg-stripe-gradient-warning",
+      "bg-stripe-gradient-danger"
+    ]
   }
 };
 

package/dist/{chunk-BJ6IKX32.mjs → chunk-GMZHMFEU.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-BZCSOIUI.mjs → chunk-GQT3YUX3.mjs}

@@ -28,11 +28,11 @@ var bordered = {
 };
 var flat = {
   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",
+  primary: "bg-primary/20 text-primary-600",
+  secondary: "bg-secondary/20 text-secondary-600",
+  success: "bg-success/20 text-success-700 dark:text-success",
+  warning: "bg-warning/20 text-warning-700 dark:text-warning",
+  danger: "bg-danger/20 text-danger-600 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

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

@@ -1,9 +1,9 @@
 import {
   colorVariants
-} from "./chunk-BZCSOIUI.mjs";
+} from "./chunk-GQT3YUX3.mjs";
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-MVG7GLBD.mjs → chunk-HIFLYEAM.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-XEPPBQPJ.mjs → chunk-HNRFZTEX.mjs}

@@ -1,15 +1,15 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/date-input.ts
 var dateInput = tv({
   slots: {
-    base: "group/dateinput flex flex-col",
+    base: "group flex flex-col",
     label: [
       "block subpixel-antialiased text-small text-default-600",
-      "group-data-[required=true]/dateinput:after:content-['*'] group-data-[required=true]/dateinput:after:text-danger group-data-[required=true]/dateinput:after:ml-0.5",
-      "group-data-[invalid=true]/dateinput:text-danger"
+      "group-data-[required=true]:after:content-['*'] group-data-[required=true]:after:text-danger group-data-[required=true]:after:ml-0.5",
+      "group-data-[invalid=true]:text-danger"
     ],
     inputWrapper: [
       "relative px-3 gap-3 w-full inline-flex flex-row items-center",
@@ -18,10 +18,10 @@ var dateInput = tv({
     input: "flex h-full gap-x-0.5 w-full font-normal",
     innerWrapper: [
       "flex items-center text-default-400 w-full gap-x-2 h-6",
-      "group-data-[invalid=true]/dateinput:text-danger"
+      "group-data-[invalid=true]:text-danger"
     ],
     segment: [
-      "group/dateinput first:-ml-0.5 [&:not(:first-child)]:-ml-1 px-0.5 my-auto box-content tabular-nums text-start",
+      "group first:-ml-0.5 [&:not(:first-child)]:-ml-1 px-0.5 my-auto box-content tabular-nums text-start",
       "inline-block outline-none focus:shadow-sm rounded-md",
       "text-foreground-500 data-[editable=true]:text-foreground",
       "data-[editable=true]:data-[placeholder=true]:text-foreground-500",
@@ -29,7 +29,7 @@ var dateInput = tv({
       "data-[invalid=true]:focus:bg-danger-400/50 dark:data-[invalid=true]:focus:bg-danger-400/20",
       "data-[invalid=true]:data-[editable=true]:focus:text-danger"
     ],
-    helperWrapper: "hidden group-data-[has-helper=true]/dateinput:flex p-1 relative flex-col gap-1.5",
+    helperWrapper: "hidden group-data-[has-helper=true]:flex p-1 relative flex-col gap-1.5",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -40,9 +40,9 @@ var dateInput = tv({
           "bg-default-100",
           "hover:bg-default-200",
           "focus-within:hover:bg-default-100",
-          "group-data-[invalid=true]/dateinput:bg-danger-50",
-          "group-data-[invalid=true]/dateinput:hover:bg-danger-100",
-          "group-data-[invalid=true]/dateinput:focus-within:hover:bg-danger-50"
+          "group-data-[invalid=true]:bg-danger-50",
+          "group-data-[invalid=true]:hover:bg-danger-100",
+          "group-data-[invalid=true]:focus-within:hover:bg-danger-50"
         ]
       },
       faded: {
@@ -51,9 +51,9 @@ var dateInput = tv({
           "border-medium",
           "border-default-200",
           "hover:border-default-400",
-          "group-data-[invalid=true]/dateinput:bg-danger-50",
-          "group-data-[invalid=true]/dateinput:hover:bg-danger-100",
-          "group-data-[invalid=true]/dateinput:focus-within:hover:bg-danger-50"
+          "group-data-[invalid=true]:bg-danger-50",
+          "group-data-[invalid=true]:hover:bg-danger-100",
+          "group-data-[invalid=true]:focus-within:hover:bg-danger-50"
         ]
       },
       bordered: {
@@ -63,9 +63,9 @@ var dateInput = tv({
           "hover:border-default-400",
           "focus-within:border-default-foreground",
           "focus-within:hover:border-default-foreground",
-          "group-data-[invalid=true]/dateinput:border-danger",
-          "group-data-[invalid=true]/dateinput:hover:border-danger",
-          "group-data-[invalid=true]/dateinput:focus-within:hover:border-danger"
+          "group-data-[invalid=true]:border-danger",
+          "group-data-[invalid=true]:hover:border-danger",
+          "group-data-[invalid=true]:focus-within:hover:border-danger"
         ]
       },
       underlined: {
@@ -90,7 +90,7 @@ var dateInput = tv({
           "after:-bottom-[2px]",
           "after:h-[2px]",
           "focus-within:after:w-full",
-          "group-data-[invalid=true]/dateinput:after:bg-danger"
+          "group-data-[invalid=true]:after:bg-danger"
         ]
       }
     },
@@ -151,13 +151,13 @@ var dateInput = tv({
       outside: {
         base: "flex flex-col data-[has-helper=true]:pb-[calc(theme(fontSize.tiny)_+8px)] gap-y-1.5",
         label: "w-full text-foreground",
-        helperWrapper: "absolute top-[calc(100%_+_2px)] left-0 rtl:right-0"
+        helperWrapper: "absolute top-[calc(100%_+_2px)] start-0"
       },
       "outside-left": {
         base: "flex-row items-center data-[has-helper=true]:pb-[calc(theme(fontSize.tiny)_+_8px)] gap-x-2 flex-nowrap",
         label: "relative text-foreground",
         inputWrapper: "relative flex-1",
-        helperWrapper: "absolute top-[calc(100%_+_2px)] left-0 rtl:right-0"
+        helperWrapper: "absolute top-[calc(100%_+_2px)] start-0"
       },
       inside: {
         label: "w-full text-tiny cursor-text",

package/dist/{chunk-FE2UYWMQ.mjs → chunk-HZ7J23VD.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -8,7 +8,7 @@ import {
 // src/components/select.ts
 var select = tv({
   slots: {
-    base: ["group/select inline-flex flex-col relative w-full"],
+    base: ["group inline-flex flex-col relative"],
     label: [
       "block",
       "absolute",
@@ -25,7 +25,7 @@ var select = tv({
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.6))] min-h-4 items-center gap-1.5 box-border",
     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"],
+    value: ["text-foreground-500", "font-normal", "w-full", "text-start"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -39,7 +39,7 @@ var select = tv({
         trigger: [
           "bg-default-100",
           "data-[hover=true]:bg-default-200",
-          "group-data-[focus=true]/select:bg-default-100"
+          "group-data-[focus=true]:bg-default-100"
         ]
       },
       faded: {
@@ -50,7 +50,7 @@ var select = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ],
-        value: "group-data-[has-value=true]/select:text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       },
       bordered: {
         trigger: [
@@ -87,7 +87,7 @@ var select = tv({
           "data-[open=true]:after:w-full",
           "data-[focus=true]:after:w-full"
         ],
-        value: "group-data-[has-value=true]/select:text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       }
     },
     color: {
@@ -146,6 +146,9 @@ var select = tv({
     fullWidth: {
       true: {
         base: "w-full"
+      },
+      false: {
+        base: "min-w-40"
       }
     },
     isDisabled: {
@@ -218,7 +221,7 @@ var select = tv({
       variant: "flat",
       color: "default",
       class: {
-        value: "group-data-[has-value=true]/select:text-default-foreground",
+        value: "group-data-[has-value=true]:text-default-foreground",
         trigger: ["bg-default-100", "data-[hover=true]:bg-default-50"]
       }
     },
@@ -230,7 +233,7 @@ var select = tv({
           "bg-primary-100",
           "text-primary",
           "data-[hover=true]:bg-primary-50",
-          "group-data-[focus=true]/select:bg-primary-50"
+          "group-data-[focus=true]:bg-primary-50"
         ],
         value: "text-primary",
         label: "text-primary"
@@ -244,7 +247,7 @@ var select = tv({
           "bg-secondary-100",
           "text-secondary",
           "data-[hover=true]:bg-secondary-50",
-          "group-data-[focus=true]/select:bg-secondary-50"
+          "group-data-[focus=true]:bg-secondary-50"
         ],
         value: "text-secondary",
         label: "text-secondary"
@@ -259,7 +262,7 @@ var select = tv({
           "text-success-600",
           "dark:text-success",
           "data-[hover=true]:bg-success-50",
-          "group-data-[focus=true]/select:bg-success-50"
+          "group-data-[focus=true]:bg-success-50"
         ],
         value: "text-success-600 dark:text-success",
         label: "text-success-600 dark:text-success"
@@ -274,7 +277,7 @@ var select = tv({
           "text-warning-600",
           "dark:text-warning",
           "data-[hover=true]:bg-warning-50",
-          "group-data-[focus=true]/select:bg-warning-50"
+          "group-data-[focus=true]:bg-warning-50"
         ],
         value: "text-warning-600 dark:text-warning",
         label: "text-warning-600 dark:text-warning"
@@ -289,7 +292,7 @@ var select = tv({
           "text-danger",
           "dark:text-danger-500",
           "data-[hover=true]:bg-danger-50",
-          "group-data-[focus=true]/select:bg-danger-50"
+          "group-data-[focus=true]:bg-danger-50"
         ],
         value: "text-danger dark:text-danger-500",
         label: "text-danger dark:text-danger-500"
@@ -339,7 +342,7 @@ var select = tv({
       variant: "underlined",
       color: "default",
       class: {
-        value: "group-data-[has-value=true]/select:text-foreground"
+        value: "group-data-[has-value=true]:text-foreground"
       }
     },
     {
@@ -426,14 +429,14 @@ var select = tv({
       labelPlacement: "inside",
       color: "default",
       class: {
-        label: "group-data-[filled=true]/select:text-default-600"
+        label: "group-data-[filled=true]:text-default-600"
       }
     },
     {
       labelPlacement: "outside",
       color: "default",
       class: {
-        label: "group-data-[filled=true]/select:text-foreground"
+        label: "group-data-[filled=true]:text-foreground"
       }
     },
     {
@@ -486,7 +489,7 @@ var select = tv({
         trigger: [
           "bg-danger-50",
           "data-[hover=true]:bg-danger-100",
-          "group-data-[focus=true]/select:bg-danger-50"
+          "group-data-[focus=true]:bg-danger-50"
         ]
       }
     },
@@ -494,7 +497,7 @@ var select = tv({
       isInvalid: true,
       variant: "bordered",
       class: {
-        trigger: "!border-danger group-data-[focus=true]/select:border-danger"
+        trigger: "!border-danger group-data-[focus=true]:border-danger"
       }
     },
     {
@@ -531,19 +534,13 @@ var select = tv({
       isMultiline: false,
       class: {
         base: "group relative justify-end",
-        label: [
-          "pb-0",
-          "z-20",
-          "top-1/2",
-          "-translate-y-1/2",
-          "group-data-[filled=true]/select:start-0"
-        ]
+        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:start-0"]
       }
     },
     {
       labelPlacement: ["inside"],
       class: {
-        label: "group-data-[filled=true]/select:scale-85"
+        label: "group-data-[filled=true]:scale-85"
       }
     },
     {
@@ -558,10 +555,8 @@ var select = tv({
       isMultiline: false,
       size: "sm",
       class: {
-        label: [
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"
-        ],
-        innerWrapper: "group-data-[has-label=true]/select:pt-4"
+        label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
@@ -570,9 +565,9 @@ var select = tv({
       size: "md",
       class: {
         label: [
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ],
-        innerWrapper: "group-data-[has-label=true]/select:pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
@@ -582,9 +577,9 @@ var select = tv({
       class: {
         label: [
           "text-medium",
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ],
-        innerWrapper: "group-data-[has-label=true]/select:pt-5"
+        innerWrapper: "group-data-[has-label=true]:pt-5"
       }
     },
     {
@@ -594,7 +589,7 @@ var select = tv({
       size: "sm",
       class: {
         label: [
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
       }
     },
@@ -605,7 +600,7 @@ var select = tv({
       size: "md",
       class: {
         label: [
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
         ]
       }
     },
@@ -617,7 +612,7 @@ var select = tv({
       class: {
         label: [
           "text-medium",
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
       }
     },
@@ -627,9 +622,7 @@ var select = tv({
       isMultiline: false,
       size: "sm",
       class: {
-        label: [
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"
-        ]
+        label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"]
       }
     },
     {
@@ -639,7 +632,7 @@ var select = tv({
       size: "md",
       class: {
         label: [
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
         ]
       }
     },
@@ -651,7 +644,7 @@ var select = tv({
       class: {
         label: [
           "text-medium",
-          "group-data-[filled=true]/select:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
+          "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
         ]
       }
     },
@@ -663,7 +656,7 @@ var select = tv({
         label: [
           "start-2",
           "text-tiny",
-          "group-data-[filled=true]/select:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
+          "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
         base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_8px)]"
       }
@@ -676,7 +669,7 @@ var select = tv({
         label: [
           "start-3",
           "text-small",
-          "group-data-[filled=true]/select:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
+          "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
         base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_10px)]"
       }
@@ -689,7 +682,7 @@ var select = tv({
         label: [
           "start-3",
           "text-medium",
-          "group-data-[filled=true]/select:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
+          "group-data-[filled=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],
         base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_12px)]"
       }

package/dist/{chunk-C3SML4G4.mjs → chunk-IAHJC7C4.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";