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

package/dist/{chunk-I33PMOA3.mjs → chunk-TNFNBUPA.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses,
   groupDataFocusVisibleClasses
@@ -9,7 +9,7 @@ import {
 // 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",
@@ -49,7 +49,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"
   },
@@ -59,7 +59,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: {
@@ -69,14 +69,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: {
@@ -100,10 +100,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: {
@@ -162,17 +162,18 @@ 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: {
       true: {
         base: "w-full"
-      }
+      },
+      false: {}
     },
     isClearable: {
       true: {
-        input: "peer pr-6 rtl:pr-0 rtl:pl-6",
+        input: "peer pe-6 input-search-cancel-button-none",
         clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
       }
     },
@@ -191,14 +192,14 @@ var input = tv({
     },
     isRequired: {
       true: {
-        label: "after:content-['*'] after:text-danger after:ml-0.5 rtl:after:ml-[unset] rtl:after:mr-0.5"
+        label: "after:content-['*'] after:text-danger after:ms-0.5"
       }
     },
     isMultiline: {
       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"
       }
     },
@@ -235,7 +236,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"
       }
     },
     {
@@ -246,7 +247,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",
@@ -261,7 +262,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",
@@ -279,7 +280,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"
@@ -296,7 +297,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"
@@ -313,7 +314,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"
@@ -363,7 +364,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"
       }
     },
     {
@@ -410,7 +411,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"
       }
     },
@@ -418,7 +419,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"
       }
     },
@@ -426,7 +427,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"
       }
     },
@@ -434,7 +435,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"
       }
     },
@@ -442,7 +443,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"
       }
     },
@@ -450,14 +451,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"
       }
     },
     {
@@ -510,7 +511,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"
         ]
       }
     },
@@ -518,7 +519,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"
       }
     },
     {
@@ -561,7 +562,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"]
       }
     },
     {
@@ -574,14 +575,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"]
       }
     },
     {
@@ -618,7 +619,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)]"
         ]
       }
     },
@@ -628,7 +629,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)]"
         ]
       }
     },
@@ -639,7 +640,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)]"
         ]
       }
     },
@@ -650,7 +651,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))]"
         ]
       }
     },
@@ -661,7 +662,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))]"
         ]
       }
     },
@@ -673,7 +674,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))]"
         ]
       }
     },
@@ -684,7 +685,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)]"
         ]
       }
     },
@@ -695,7 +696,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)]"
         ]
       }
     },
@@ -707,7 +708,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)]"
         ]
       }
     },
@@ -719,7 +720,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)]"
       }
@@ -733,7 +734,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)]"
       }
@@ -747,7 +748,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)]"
       }
@@ -756,21 +757,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/{chunk-U6G6SZ26.mjs → chunk-TOQXZATI.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/image.ts
 var image = tv({

package/dist/{chunk-3QYYLFUC.mjs → chunk-UQZHSMVI.mjs}

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

package/dist/{chunk-N2KXC5ZE.mjs → chunk-UWE6H66T.mjs}

@@ -1,6 +1,6 @@
 import {
   twMergeConfig
-} from "./chunk-BYWORP66.mjs";
+} from "./chunk-GIXI35A3.mjs";
 
 // src/utils/tv.ts
 import { tv as tvBase } from "tailwind-variants";

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

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

package/dist/{chunk-F4AOWB64.mjs → chunk-VX7HAPUO.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/kbd.ts
 var kbd = tv({

package/dist/{chunk-DI2L75XK.mjs → chunk-W5UU3F46.mjs}

@@ -14,6 +14,11 @@ var custom_default = {
   },
   ".tap-highlight-transparent": {
     "-webkit-tap-highlight-color": "transparent"
+  },
+  ".input-search-cancel-button-none": {
+    "&::-webkit-search-cancel-button": {
+      "-webkit-appearance": "none"
+    }
   }
 };
 

package/dist/{chunk-QV3ALCMB.mjs → chunk-XQI5RD6S.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";
 
 // src/components/badge.ts
 var badge = tv({

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

@@ -1,12 +1,12 @@
+import {
+  transition_default
+} from "./chunk-WN6AL2BX.mjs";
 import {
   custom_default
-} from "./chunk-DI2L75XK.mjs";
+} from "./chunk-W5UU3F46.mjs";
 import {
   scrollbar_hide_default
 } from "./chunk-4Z22WXZX.mjs";
-import {
-  transition_default
-} from "./chunk-WN6AL2BX.mjs";
 
 // src/utilities/index.ts
 var utilities = {

package/dist/{chunk-VLE2FQQR.mjs → chunk-YLHKOIZS.mjs}

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

package/dist/{chunk-XXQSA25O.mjs → chunk-YRDDKYYT.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 {
   collapseAdjacentVariantBorders,
   dataFocusVisibleClasses
@@ -308,7 +308,10 @@ var button = tv({
     {
       variant: "ghost",
       color: "danger",
-      class: [colorVariants.ghost.danger, "data-[hover=true]:!bg-danger !text-danger-foreground"]
+      class: [
+        colorVariants.ghost.danger,
+        "data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground"
+      ]
     },
     {
       isInGroup: true,

package/dist/components/accordion.js

@@ -40,7 +40,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/components/accordion.mjs

@@ -1,12 +1,12 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-MVG7GLBD.mjs";
+} from "../chunk-HIFLYEAM.mjs";
 import "../chunk-IV3K5WDK.mjs";
-import "../chunk-3XVMTUU7.mjs";
-import "../chunk-BZCSOIUI.mjs";
-import "../chunk-N2KXC5ZE.mjs";
-import "../chunk-BYWORP66.mjs";
+import "../chunk-GQT3YUX3.mjs";
+import "../chunk-46U6G7UJ.mjs";
+import "../chunk-UWE6H66T.mjs";
+import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";
 export {
   accordion,