@nextui-org/theme 2.2.10 → 2.2.11

package/dist/components/index.js

@@ -2538,7 +2538,7 @@ var badge = tv({
 // src/components/checkbox.ts
 var checkbox = tv({
   slots: {
-    base: "group/checkbox relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
+    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",
@@ -2559,12 +2559,12 @@ var checkbox = tv({
       "after:scale-50",
       "after:opacity-0",
       "after:origin-center",
-      "group-data-[selected=true]/checkbox:after:scale-100",
-      "group-data-[selected=true]/checkbox:after:opacity-100",
-      "group-data-[hover=true]/checkbox:before:bg-default-100",
+      "group-data-[selected=true]:after:scale-100",
+      "group-data-[selected=true]:after:opacity-100",
+      "group-data-[hover=true]:before:bg-default-100",
       ...groupDataFocusVisibleClasses
     ],
-    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]/checkbox:opacity-100",
+    icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
     label: "relative text-foreground select-none"
   },
   variants: {
@@ -2660,8 +2660,8 @@ var checkbox = tv({
           "before:bg-foreground",
           "before:w-0",
           "before:h-0.5",
-          "group-data-[selected=true]/checkbox:opacity-60",
-          "group-data-[selected=true]/checkbox:before:w-full"
+          "group-data-[selected=true]:opacity-60",
+          "group-data-[selected=true]:before:w-full"
         ]
       }
     },
@@ -2685,7 +2685,7 @@ var checkbox = tv({
       false: {
         wrapper: [
           "before:transition-colors",
-          "group-data-[pressed=true]/checkbox:scale-95",
+          "group-data-[pressed=true]:scale-95",
           "transition-transform",
           "after:transition-transform-opacity",
           "after:!ease-linear",
@@ -2739,7 +2739,7 @@ var checkboxGroup = tv({
 // src/components/radio.ts
 var radio = tv({
   slots: {
-    base: "group/radio relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
+    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",
@@ -2752,7 +2752,7 @@ var radio = tv({
       "box-border",
       "border-default",
       "rounded-full",
-      "group-data-[hover-unselected=true]/radio:bg-default-100",
+      "group-data-[hover-unselected=true]:bg-default-100",
       ...groupDataFocusVisibleClasses
     ],
     labelWrapper: "flex flex-col ml-1",
@@ -2764,8 +2764,8 @@ var radio = tv({
       "scale-0",
       "origin-center",
       "rounded-full",
-      "group-data-[selected=true]/radio:opacity-100",
-      "group-data-[selected=true]/radio:scale-100"
+      "group-data-[selected=true]:opacity-100",
+      "group-data-[selected=true]:scale-100"
     ],
     label: "relative text-foreground select-none",
     description: "relative text-foreground-400"
@@ -2774,27 +2774,27 @@ var radio = tv({
     color: {
       default: {
         control: "bg-default-500 text-default-foreground",
-        wrapper: "group-data-[selected=true]/radio:border-default-500"
+        wrapper: "group-data-[selected=true]:border-default-500"
       },
       primary: {
         control: "bg-primary text-primary-foreground",
-        wrapper: "group-data-[selected=true]/radio:border-primary"
+        wrapper: "group-data-[selected=true]:border-primary"
       },
       secondary: {
         control: "bg-secondary text-secondary-foreground",
-        wrapper: "group-data-[selected=true]/radio:border-secondary"
+        wrapper: "group-data-[selected=true]:border-secondary"
       },
       success: {
         control: "bg-success text-success-foreground",
-        wrapper: "group-data-[selected=true]/radio:border-success"
+        wrapper: "group-data-[selected=true]:border-success"
       },
       warning: {
         control: "bg-warning text-warning-foreground",
-        wrapper: "group-data-[selected=true]/radio:border-warning"
+        wrapper: "group-data-[selected=true]:border-warning"
       },
       danger: {
         control: "bg-danger text-danger-foreground",
-        wrapper: "group-data-[selected=true]/radio:border-danger"
+        wrapper: "group-data-[selected=true]:border-danger"
       }
     },
     size: {
@@ -2828,7 +2828,7 @@ var radio = tv({
     isInvalid: {
       true: {
         control: "bg-danger text-danger-foreground",
-        wrapper: "border-danger group-data-[selected=true]/radio:border-danger",
+        wrapper: "border-danger group-data-[selected=true]:border-danger",
         label: "text-danger",
         description: "text-danger-300"
       }
@@ -2837,7 +2837,7 @@ var radio = tv({
       true: {},
       false: {
         wrapper: [
-          "group-data-[pressed=true]/radio:scale-95",
+          "group-data-[pressed=true]:scale-95",
           "transition-transform-colors",
           "motion-reduce:transition-none"
         ],
@@ -3286,7 +3286,7 @@ var pagination = tv({
 // 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",
@@ -3318,37 +3318,37 @@ var toggle = tv({
     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"
         ]
       }
@@ -3358,7 +3358,7 @@ var toggle = tv({
         wrapper: "w-10 h-6 mr-2 rtl:ml-2 rtl:mr-[unset]",
         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]:ml-4 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-4"
         ],
         endContent: "text-tiny",
         startContent: "text-tiny",
@@ -3368,7 +3368,7 @@ var toggle = tv({
         wrapper: "w-12 h-7 mr-2 rtl:ml-2 rtl:mr-[unset]",
         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]:ml-5 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-5"
         ],
         endContent: "text-small",
         startContent: "text-small",
@@ -3378,7 +3378,7 @@ var toggle = tv({
         wrapper: "w-14 h-8 mr-2 rtl:ml-2 rtl:mr-[unset]",
         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]:ml-6 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-6"
         ],
         endContent: "text-medium",
         startContent: "text-medium",
@@ -3402,14 +3402,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"
         ]
       }
     }
@@ -3424,30 +3424,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"]
       }
     }
   ]
@@ -3740,7 +3731,7 @@ var circularProgress = tv({
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group/input flex flex-col data-[hidden=true]:hidden",
+    base: "group flex flex-col data-[hidden=true]:hidden",
     label: [
       "absolute",
       "z-10",
@@ -3780,7 +3771,7 @@ var input = tv({
       "rounded-full",
       ...dataFocusVisibleClasses
     ],
-    helperWrapper: "hidden group-data-[has-helper=true]/input: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"
   },
@@ -3790,7 +3781,7 @@ var input = tv({
         inputWrapper: [
           "bg-default-100",
           "data-[hover=true]:bg-default-200",
-          "group-data-[focus=true]/input:bg-default-100"
+          "group-data-[focus=true]:bg-default-100"
         ]
       },
       faded: {
@@ -3800,14 +3791,14 @@ var input = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ],
-        value: "group-data-[has-value=true]/input:text-default-foreground"
+        value: "group-data-[has-value=true]:text-default-foreground"
       },
       bordered: {
         inputWrapper: [
           "border-medium",
           "border-default-200",
           "data-[hover=true]:border-default-400",
-          "group-data-[focus=true]/input:border-default-foreground"
+          "group-data-[focus=true]:border-default-foreground"
         ]
       },
       underlined: {
@@ -3831,10 +3822,10 @@ var input = tv({
           "after:-translate-x-1/2",
           "after:-bottom-[2px]",
           "after:h-[2px]",
-          "group-data-[focus=true]/input:after:w-full"
+          "group-data-[focus=true]:after:w-full"
         ],
         innerWrapper: "pb-1",
-        label: "group-data-[filled-within=true]/input:text-foreground"
+        label: "group-data-[filled-within=true]:text-foreground"
       }
     },
     color: {
@@ -3893,7 +3884,7 @@ var input = tv({
       inside: {
         label: "text-tiny cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
-        innerWrapper: "group-data-[has-label=true]/input:items-end"
+        innerWrapper: "group-data-[has-label=true]:items-end"
       }
     },
     fullWidth: {
@@ -3929,7 +3920,7 @@ var input = tv({
       true: {
         label: "relative",
         inputWrapper: "!h-auto",
-        innerWrapper: "items-start group-data-[has-label=true]/input:items-start",
+        innerWrapper: "items-start group-data-[has-label=true]:items-start",
         input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
       }
     },
@@ -3966,7 +3957,7 @@ var input = tv({
       variant: "flat",
       color: "default",
       class: {
-        input: "group-data-[has-value=true]/input:text-default-foreground"
+        input: "group-data-[has-value=true]:text-default-foreground"
       }
     },
     {
@@ -3977,7 +3968,7 @@ var input = tv({
           "bg-primary-50",
           "data-[hover=true]:bg-primary-100",
           "text-primary",
-          "group-data-[focus=true]/input:bg-primary-50",
+          "group-data-[focus=true]:bg-primary-50",
           "placeholder:text-primary"
         ],
         input: "placeholder:text-primary",
@@ -3992,7 +3983,7 @@ var input = tv({
           "bg-secondary-50",
           "text-secondary",
           "data-[hover=true]:bg-secondary-100",
-          "group-data-[focus=true]/input:bg-secondary-50",
+          "group-data-[focus=true]:bg-secondary-50",
           "placeholder:text-secondary"
         ],
         input: "placeholder:text-secondary",
@@ -4010,7 +4001,7 @@ var input = tv({
           "placeholder:text-success-600",
           "dark:placeholder:text-success",
           "data-[hover=true]:bg-success-100",
-          "group-data-[focus=true]/input:bg-success-50"
+          "group-data-[focus=true]:bg-success-50"
         ],
         input: "placeholder:text-success-600 dark:placeholder:text-success",
         label: "text-success-600 dark:text-success"
@@ -4027,7 +4018,7 @@ var input = tv({
           "placeholder:text-warning-600",
           "dark:placeholder:text-warning",
           "data-[hover=true]:bg-warning-100",
-          "group-data-[focus=true]/input:bg-warning-50"
+          "group-data-[focus=true]:bg-warning-50"
         ],
         input: "placeholder:text-warning-600 dark:placeholder:text-warning",
         label: "text-warning-600 dark:text-warning"
@@ -4044,7 +4035,7 @@ var input = tv({
           "placeholder:text-danger",
           "dark:placeholder:text-danger-500",
           "data-[hover=true]:bg-danger-100",
-          "group-data-[focus=true]/input:bg-danger-50"
+          "group-data-[focus=true]:bg-danger-50"
         ],
         input: "placeholder:text-danger dark:placeholder:text-danger-500",
         label: "text-danger dark:text-danger-500"
@@ -4094,7 +4085,7 @@ var input = tv({
       variant: "underlined",
       color: "default",
       class: {
-        input: "group-data-[has-value=true]/input:text-foreground"
+        input: "group-data-[has-value=true]:text-foreground"
       }
     },
     {
@@ -4141,7 +4132,7 @@ var input = tv({
       variant: "bordered",
       color: "primary",
       class: {
-        inputWrapper: "group-data-[focus=true]/input:border-primary",
+        inputWrapper: "group-data-[focus=true]:border-primary",
         label: "text-primary"
       }
     },
@@ -4149,7 +4140,7 @@ var input = tv({
       variant: "bordered",
       color: "secondary",
       class: {
-        inputWrapper: "group-data-[focus=true]/input:border-secondary",
+        inputWrapper: "group-data-[focus=true]:border-secondary",
         label: "text-secondary"
       }
     },
@@ -4157,7 +4148,7 @@ var input = tv({
       variant: "bordered",
       color: "success",
       class: {
-        inputWrapper: "group-data-[focus=true]/input:border-success",
+        inputWrapper: "group-data-[focus=true]:border-success",
         label: "text-success"
       }
     },
@@ -4165,7 +4156,7 @@ var input = tv({
       variant: "bordered",
       color: "warning",
       class: {
-        inputWrapper: "group-data-[focus=true]/input:border-warning",
+        inputWrapper: "group-data-[focus=true]:border-warning",
         label: "text-warning"
       }
     },
@@ -4173,7 +4164,7 @@ var input = tv({
       variant: "bordered",
       color: "danger",
       class: {
-        inputWrapper: "group-data-[focus=true]/input:border-danger",
+        inputWrapper: "group-data-[focus=true]:border-danger",
         label: "text-danger"
       }
     },
@@ -4181,14 +4172,14 @@ var input = tv({
       labelPlacement: "inside",
       color: "default",
       class: {
-        label: "group-data-[filled-within=true]/input:text-default-600"
+        label: "group-data-[filled-within=true]:text-default-600"
       }
     },
     {
       labelPlacement: "outside",
       color: "default",
       class: {
-        label: "group-data-[filled-within=true]/input:text-foreground"
+        label: "group-data-[filled-within=true]:text-foreground"
       }
     },
     {
@@ -4241,7 +4232,7 @@ var input = tv({
         inputWrapper: [
           "!bg-danger-50",
           "data-[hover=true]:!bg-danger-100",
-          "group-data-[focus=true]/input:!bg-danger-50"
+          "group-data-[focus=true]:!bg-danger-50"
         ]
       }
     },
@@ -4249,7 +4240,7 @@ var input = tv({
       isInvalid: true,
       variant: "bordered",
       class: {
-        inputWrapper: "!border-danger group-data-[focus=true]/input:!border-danger"
+        inputWrapper: "!border-danger group-data-[focus=true]:!border-danger"
       }
     },
     {
@@ -4292,7 +4283,7 @@ var input = tv({
     {
       labelPlacement: ["inside", "outside"],
       class: {
-        label: ["group-data-[filled-within=true]/input:pointer-events-auto"]
+        label: ["group-data-[filled-within=true]:pointer-events-auto"]
       }
     },
     {
@@ -4305,14 +4296,14 @@ var input = tv({
           "z-20",
           "top-1/2",
           "-translate-y-1/2",
-          "group-data-[filled-within=true]/input:start-0"
+          "group-data-[filled-within=true]:start-0"
         ]
       }
     },
     {
       labelPlacement: ["inside"],
       class: {
-        label: ["group-data-[filled-within=true]/input:scale-85"]
+        label: ["group-data-[filled-within=true]:scale-85"]
       }
     },
     {
@@ -4349,7 +4340,7 @@ var input = tv({
       size: "sm",
       class: {
         label: [
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"
         ]
       }
     },
@@ -4359,7 +4350,7 @@ var input = tv({
       size: "md",
       class: {
         label: [
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ]
       }
     },
@@ -4370,7 +4361,7 @@ var input = tv({
       class: {
         label: [
           "text-medium",
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ]
       }
     },
@@ -4381,7 +4372,7 @@ var input = tv({
       size: "sm",
       class: {
         label: [
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
       }
     },
@@ -4392,7 +4383,7 @@ var input = tv({
       size: "md",
       class: {
         label: [
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px_-_theme(borderWidth.medium))]"
         ]
       }
     },
@@ -4404,7 +4395,7 @@ var input = tv({
       class: {
         label: [
           "text-medium",
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px_-_theme(borderWidth.medium))]"
         ]
       }
     },
@@ -4415,7 +4406,7 @@ var input = tv({
       size: "sm",
       class: {
         label: [
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"
         ]
       }
     },
@@ -4426,7 +4417,7 @@ var input = tv({
       size: "md",
       class: {
         label: [
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_3.5px)]"
         ]
       }
     },
@@ -4438,7 +4429,7 @@ var input = tv({
       class: {
         label: [
           "text-medium",
-          "group-data-[filled-within=true]/input:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_4px)]"
         ]
       }
     },
@@ -4450,7 +4441,7 @@ var input = tv({
         label: [
           "start-2",
           "text-tiny",
-          "group-data-[filled-within=true]/input:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.tiny)/2_+_16px)]"
         ],
         base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_8px)]"
       }
@@ -4464,7 +4455,7 @@ var input = tv({
           "start-3",
           "end-auto",
           "text-small",
-          "group-data-[filled-within=true]/input:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
         base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_10px)]"
       }
@@ -4478,7 +4469,7 @@ var input = tv({
           "start-3",
           "end-auto",
           "text-medium",
-          "group-data-[filled-within=true]/input:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
+          "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],
         base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_12px)]"
       }
@@ -4487,21 +4478,21 @@ var input = tv({
       labelPlacement: "outside-left",
       size: "sm",
       class: {
-        label: "group-data-[has-helper=true]/input:pt-2"
+        label: "group-data-[has-helper=true]:pt-2"
       }
     },
     {
       labelPlacement: "outside-left",
       size: "md",
       class: {
-        label: "group-data-[has-helper=true]/input:pt-3"
+        label: "group-data-[has-helper=true]:pt-3"
       }
     },
     {
       labelPlacement: "outside-left",
       size: "lg",
       class: {
-        label: "group-data-[has-helper=true]/input:pt-4"
+        label: "group-data-[has-helper=true]:pt-4"
       }
     },
     {
@@ -6153,7 +6144,7 @@ var skeleton = tv({
 // 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 w-full"],
     label: [
       "block",
       "absolute",
@@ -6184,7 +6175,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: {
@@ -6195,7 +6186,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: [
@@ -6232,7 +6223,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: {
@@ -6363,7 +6354,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"]
       }
     },
@@ -6375,7 +6366,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"
@@ -6389,7 +6380,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"
@@ -6404,7 +6395,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"
@@ -6419,7 +6410,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"
@@ -6434,7 +6425,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"
@@ -6484,7 +6475,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"
       }
     },
     {
@@ -6571,14 +6562,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"
       }
     },
     {
@@ -6631,7 +6622,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"
         ]
       }
     },
@@ -6639,7 +6630,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"
       }
     },
     {
@@ -6676,19 +6667,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"
       }
     },
     {
@@ -6703,10 +6688,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"
       }
     },
     {
@@ -6715,9 +6698,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"
       }
     },
     {
@@ -6727,9 +6710,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"
       }
     },
     {
@@ -6739,7 +6722,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))]"
         ]
       }
     },
@@ -6750,7 +6733,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))]"
         ]
       }
     },
@@ -6762,7 +6745,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))]"
         ]
       }
     },
@@ -6772,9 +6755,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)]"]
       }
     },
     {
@@ -6784,7 +6765,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)]"
         ]
       }
     },
@@ -6796,7 +6777,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)]"
         ]
       }
     },
@@ -6808,7 +6789,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)]"
       }
@@ -6821,7 +6802,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)]"
       }
@@ -6834,7 +6815,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)]"
       }
@@ -7960,7 +7941,7 @@ var breadcrumbs = tv({
 // src/components/autocomplete.ts
 var autocomplete = tv({
   slots: {
-    base: "group/autocomplete inline-flex flex-column w-full",
+    base: "group inline-flex flex-column w-full",
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -7972,14 +7953,14 @@ var autocomplete = tv({
       "opacity-0",
       "pointer-events-none",
       "text-default-500",
-      "group-data-[invalid=true]/autocomplete:text-danger",
+      "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:data-[visible=true]:pointer-events-none",
-      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:opacity-100",
-      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:pointer-events-auto"
+      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100",
+      "sm:group-data-[hover=true]:data-[visible=true]:pointer-events-auto"
     ],
     selectorButton: "text-medium"
   },
@@ -8404,11 +8385,11 @@ var calendar = tv({
 // 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",
@@ -8417,10 +8398,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",
@@ -8428,7 +8409,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"
   },
@@ -8439,9 +8420,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: {
@@ -8450,9 +8431,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: {
@@ -8462,9 +8443,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: {
@@ -8489,7 +8470,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"
         ]
       }
     },
@@ -8786,7 +8767,7 @@ var dateInput = tv({
 // src/components/date-picker.ts
 var datePicker = tv({
   slots: {
-    base: "group/datepicker w-full",
+    base: "group w-full",
     selectorButton: "-mr-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
@@ -8799,9 +8780,9 @@ var datePicker = tv({
 var dateRangePicker = tv({
   extend: datePicker,
   slots: {
-    calendar: "group/daterangepicker",
+    calendar: "group",
     bottomContent: "flex flex-col gap-y-2",
-    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]/daterangepicker:flex-row",
+    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]:flex-row",
     separator: "-mx-1 text-inherit"
   }
 });