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

package/dist/components/index.mjs

@@ -1,144 +1,151 @@
-import "../chunk-UVXYPGDZ.mjs";
+import "../chunk-MA4DKK64.mjs";
+import {
+  spinner
+} from "../chunk-DBPAK7QN.mjs";
+import {
+  table
+} from "../chunk-2ODFPLXN.mjs";
 import {
   tabs
-} from "../chunk-42JWJWWX.mjs";
+} from "../chunk-KTTXIYK2.mjs";
 import {
   toggle
-} from "../chunk-WJIRIXV4.mjs";
+} from "../chunk-FJGKW3ZE.mjs";
 import {
   user
-} from "../chunk-BJ6IKX32.mjs";
+} from "../chunk-GMZHMFEU.mjs";
+import {
+  progress
+} from "../chunk-IZOPFGDE.mjs";
+import {
+  radio,
+  radioGroup
+} from "../chunk-LVAEW6WR.mjs";
 import {
   scrollShadow
-} from "../chunk-EF6G67MF.mjs";
+} from "../chunk-AN5I7NTT.mjs";
 import {
   select
-} from "../chunk-FE2UYWMQ.mjs";
+} from "../chunk-HZ7J23VD.mjs";
 import {
   skeleton
-} from "../chunk-UDSOWFZE.mjs";
+} from "../chunk-OAHW4NON.mjs";
 import {
   slider
-} from "../chunk-JBKBSMXM.mjs";
+} from "../chunk-7IYRK3EV.mjs";
 import {
   snippet
-} from "../chunk-XAYP4CR3.mjs";
+} from "../chunk-SC2SILVU.mjs";
 import {
   spacer
-} from "../chunk-T2VR4T5R.mjs";
+} from "../chunk-AKXXHKTO.mjs";
 import {
-  spinner
-} from "../chunk-AXXUQWWC.mjs";
+  kbd
+} from "../chunk-VX7HAPUO.mjs";
 import {
-  table
-} from "../chunk-LSQXJEPE.mjs";
+  link,
+  linkAnchorClasses
+} from "../chunk-IAHJC7C4.mjs";
 import "../chunk-YJLQTC7L.mjs";
 import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-7YPXCOW5.mjs";
+} from "../chunk-K6KPB2U5.mjs";
 import {
   modal
-} from "../chunk-P73E5YV7.mjs";
+} from "../chunk-N67DL6BW.mjs";
 import {
   navbar
-} from "../chunk-3QYYLFUC.mjs";
+} from "../chunk-UQZHSMVI.mjs";
 import {
   pagination
-} from "../chunk-63NMFZTF.mjs";
+} from "../chunk-EGGHND3C.mjs";
 import {
   popover
-} from "../chunk-XL6AWNU3.mjs";
-import {
-  progress
-} from "../chunk-2KK3SUMT.mjs";
+} from "../chunk-HHK47K4W.mjs";
 import {
-  radio,
-  radioGroup
-} from "../chunk-4MIBATA4.mjs";
+  datePicker,
+  dateRangePicker
+} from "../chunk-QFGVVQRM.mjs";
 import {
   divider
-} from "../chunk-A2DU46QS.mjs";
+} from "../chunk-AXSF7SRE.mjs";
+import {
+  drawer
+} from "../chunk-EP7KPCL3.mjs";
 import {
   drip
-} from "../chunk-V4SD44VK.mjs";
+} from "../chunk-BWPOLXFL.mjs";
 import {
   dropdown,
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-GQDFLFNG.mjs";
+} from "../chunk-EQPJSVMB.mjs";
 import {
   image
-} from "../chunk-U6G6SZ26.mjs";
+} from "../chunk-TOQXZATI.mjs";
 import {
   input
-} from "../chunk-I33PMOA3.mjs";
+} from "../chunk-TNFNBUPA.mjs";
 import {
-  kbd
-} from "../chunk-F4AOWB64.mjs";
-import {
-  link,
-  linkAnchorClasses
-} from "../chunk-C3SML4G4.mjs";
+  button,
+  buttonGroup
+} from "../chunk-YRDDKYYT.mjs";
 import {
   calendar
-} from "../chunk-KPI62GDB.mjs";
+} from "../chunk-VKSIQ7SR.mjs";
 import {
   card
-} from "../chunk-VLE2FQQR.mjs";
+} from "../chunk-YLHKOIZS.mjs";
 import {
   checkbox,
   checkboxGroup
-} from "../chunk-OUNBTYJ7.mjs";
+} from "../chunk-FB2NWPDB.mjs";
 import {
   chip
-} from "../chunk-MP2JYSMR.mjs";
+} from "../chunk-5VB7JNVX.mjs";
 import {
   circularProgress
-} from "../chunk-KPVV2V7V.mjs";
+} from "../chunk-AUN4SP2F.mjs";
 import {
   code
-} from "../chunk-PWJWH4MD.mjs";
+} from "../chunk-JE6SPRGQ.mjs";
 import {
   dateInput
-} from "../chunk-XEPPBQPJ.mjs";
-import {
-  datePicker,
-  dateRangePicker
-} from "../chunk-TSTU52NB.mjs";
+} from "../chunk-HNRFZTEX.mjs";
 import {
   accordion,
   accordionItem
-} from "../chunk-MVG7GLBD.mjs";
+} from "../chunk-HIFLYEAM.mjs";
+import {
+  alert
+} from "../chunk-3XDFZGUJ.mjs";
 import {
   autocomplete
-} from "../chunk-BOVVTMHS.mjs";
+} from "../chunk-2TAKWWRG.mjs";
 import {
   avatar,
   avatarGroup
-} from "../chunk-R27WO3A6.mjs";
+} from "../chunk-LWG2RR7B.mjs";
 import {
   badge
-} from "../chunk-QV3ALCMB.mjs";
+} from "../chunk-XQI5RD6S.mjs";
 import {
   breadcrumbItem,
   breadcrumbs
-} from "../chunk-C43Y2OOL.mjs";
-import {
-  button,
-  buttonGroup
-} from "../chunk-XXQSA25O.mjs";
+} from "../chunk-KZ2I3V4D.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,
   accordionItem,
+  alert,
   autocomplete,
   avatar,
   avatarGroup,
@@ -158,6 +165,7 @@ export {
   datePicker,
   dateRangePicker,
   divider,
+  drawer,
   drip,
   dropdown,
   dropdownItem,

package/dist/components/input.d.ts

@@ -101,6 +101,7 @@ declare const input: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {};
     };
     isClearable: {
         true: {
@@ -238,6 +239,7 @@ declare const input: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {};
     };
     isClearable: {
         true: {
@@ -364,6 +366,7 @@ declare const input: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {};
     };
     isClearable: {
         true: {
@@ -490,6 +493,7 @@ declare const input: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {};
     };
     isClearable: {
         true: {
@@ -627,6 +631,7 @@ declare const input: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {};
     };
     isClearable: {
         true: {
@@ -764,6 +769,7 @@ declare const input: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {};
     };
     isClearable: {
         true: {
@@ -890,6 +896,7 @@ declare const input: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {};
     };
     isClearable: {
         true: {

package/dist/components/input.js

@@ -39,7 +39,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"
+    ]
   }
 };
 
@@ -83,7 +90,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 +130,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 +140,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 +150,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 +181,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,17 +243,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"
       }
     },
@@ -265,14 +273,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"
       }
     },
@@ -309,7 +317,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 +328,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 +343,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 +361,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 +378,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 +395,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 +445,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 +492,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 +500,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 +508,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 +516,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 +524,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 +532,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 +592,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 +600,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 +643,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 +656,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 +700,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 +710,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 +721,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 +732,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 +743,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 +755,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 +766,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 +777,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 +789,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 +801,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 +815,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 +829,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 +838,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,11 +1,11 @@
 import {
   input
-} from "../chunk-I33PMOA3.mjs";
+} from "../chunk-TNFNBUPA.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 {
   input