@nextui-org/theme 2.2.10 → 2.2.11

package/dist/components/index.mjs

@@ -4,7 +4,7 @@ import {
 } from "../chunk-42JWJWWX.mjs";
 import {
   toggle
-} from "../chunk-WJIRIXV4.mjs";
+} from "../chunk-ARYJFX77.mjs";
 import {
   user
 } from "../chunk-BJ6IKX32.mjs";
@@ -13,7 +13,7 @@ import {
 } from "../chunk-EF6G67MF.mjs";
 import {
   select
-} from "../chunk-FE2UYWMQ.mjs";
+} from "../chunk-M3GQ3DWZ.mjs";
 import {
   skeleton
 } from "../chunk-UDSOWFZE.mjs";
@@ -56,7 +56,7 @@ import {
 import {
   radio,
   radioGroup
-} from "../chunk-4MIBATA4.mjs";
+} from "../chunk-JYFVXE5E.mjs";
 import {
   divider
 } from "../chunk-A2DU46QS.mjs";
@@ -74,7 +74,7 @@ import {
 } from "../chunk-U6G6SZ26.mjs";
 import {
   input
-} from "../chunk-I33PMOA3.mjs";
+} from "../chunk-QWWVIX6M.mjs";
 import {
   kbd
 } from "../chunk-F4AOWB64.mjs";
@@ -91,7 +91,7 @@ import {
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-OUNBTYJ7.mjs";
+} from "../chunk-KUKJUMC3.mjs";
 import {
   chip
 } from "../chunk-MP2JYSMR.mjs";
@@ -103,18 +103,18 @@ import {
 } from "../chunk-PWJWH4MD.mjs";
 import {
   dateInput
-} from "../chunk-XEPPBQPJ.mjs";
+} from "../chunk-22SLLLIZ.mjs";
 import {
   datePicker,
   dateRangePicker
-} from "../chunk-TSTU52NB.mjs";
+} from "../chunk-WGH4WKVU.mjs";
 import {
   accordion,
   accordionItem
 } from "../chunk-MVG7GLBD.mjs";
 import {
   autocomplete
-} from "../chunk-BOVVTMHS.mjs";
+} from "../chunk-TA7PDZUG.mjs";
 import {
   avatar,
   avatarGroup

package/dist/components/input.js

@@ -83,7 +83,7 @@ var groupDataFocusVisibleClasses = [
 // 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",
@@ -123,7 +123,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"
   },
@@ -133,7 +133,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: {
@@ -143,14 +143,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: {
@@ -174,10 +174,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: {
@@ -236,7 +236,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: {
@@ -272,7 +272,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"
       }
     },
@@ -309,7 +309,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"
       }
     },
     {
@@ -320,7 +320,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",
@@ -335,7 +335,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",
@@ -353,7 +353,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"
@@ -370,7 +370,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"
@@ -387,7 +387,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"
@@ -437,7 +437,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"
       }
     },
     {
@@ -484,7 +484,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"
       }
     },
@@ -492,7 +492,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"
       }
     },
@@ -500,7 +500,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"
       }
     },
@@ -508,7 +508,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"
       }
     },
@@ -516,7 +516,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"
       }
     },
@@ -524,14 +524,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"
       }
     },
     {
@@ -584,7 +584,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"
         ]
       }
     },
@@ -592,7 +592,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"
       }
     },
     {
@@ -635,7 +635,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"]
       }
     },
     {
@@ -648,14 +648,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"]
       }
     },
     {
@@ -692,7 +692,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)]"
         ]
       }
     },
@@ -702,7 +702,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)]"
         ]
       }
     },
@@ -713,7 +713,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)]"
         ]
       }
     },
@@ -724,7 +724,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))]"
         ]
       }
     },
@@ -735,7 +735,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))]"
         ]
       }
     },
@@ -747,7 +747,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))]"
         ]
       }
     },
@@ -758,7 +758,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)]"
         ]
       }
     },
@@ -769,7 +769,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)]"
         ]
       }
     },
@@ -781,7 +781,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)]"
         ]
       }
     },
@@ -793,7 +793,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)]"
       }
@@ -807,7 +807,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)]"
       }
@@ -821,7 +821,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)]"
       }
@@ -830,21 +830,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"
       }
     },
     {

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   input
-} from "../chunk-I33PMOA3.mjs";
+} from "../chunk-QWWVIX6M.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-BZCSOIUI.mjs";

package/dist/components/radio.js

@@ -77,7 +77,7 @@ var groupDataFocusVisibleClasses = [
 // 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",
@@ -90,7 +90,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",
@@ -102,8 +102,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"
@@ -112,27 +112,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: {
@@ -166,7 +166,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"
       }
@@ -175,7 +175,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"
         ],

package/dist/components/radio.mjs

@@ -1,7 +1,7 @@
 import {
   radio,
   radioGroup
-} from "../chunk-4MIBATA4.mjs";
+} from "../chunk-JYFVXE5E.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-BZCSOIUI.mjs";