@nextui-org/theme 2.2.11 → 2.3.0-beta.1

package/dist/components/progress.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"
+    ]
   }
 };
 
@@ -136,7 +143,7 @@ var progress = tv(
       },
       isStriped: {
         true: {
-          indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+          indicator: "bg-stripe-gradient-default bg-stripe-size"
         }
       },
       isIndeterminate: {
@@ -171,6 +178,41 @@ var progress = tv(
         class: {
           indicator: "!transition-none motion-reduce:transition-none"
         }
+      },
+      {
+        color: "primary",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-primary bg-stripe-size"
+        }
+      },
+      {
+        color: "secondary",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-secondary bg-stripe-size"
+        }
+      },
+      {
+        color: "success",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-success bg-stripe-size"
+        }
+      },
+      {
+        color: "warning",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-warning bg-stripe-size"
+        }
+      },
+      {
+        color: "danger",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-danger bg-stripe-size"
+        }
       }
     ]
   },

package/dist/components/progress.mjs

@@ -1,8 +1,8 @@
 import {
   progress
-} from "../chunk-2KK3SUMT.mjs";
-import "../chunk-N2KXC5ZE.mjs";
-import "../chunk-BYWORP66.mjs";
+} from "../chunk-IZOPFGDE.mjs";
+import "../chunk-UWE6H66T.mjs";
+import "../chunk-GIXI35A3.mjs";
 export {
   progress
 };

package/dist/components/radio.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"
+    ]
   }
 };
 
@@ -146,14 +153,14 @@ var radio = tv({
       md: {
         wrapper: "w-5 h-5",
         control: "w-2 h-2",
-        labelWrapper: "ml-2 rtl:mr-2 rtl:ml-[unset]",
+        labelWrapper: "ms-2",
         label: "text-medium",
         description: "text-small"
       },
       lg: {
         wrapper: "w-6 h-6",
         control: "w-2.5 h-2.5",
-        labelWrapper: "ml-2 rtl:mr-2 rtl:ml-[unset]",
+        labelWrapper: "ms-2",
         label: "text-large",
         description: "text-medium"
       }

package/dist/components/radio.mjs

@@ -1,12 +1,12 @@
 import {
   radio,
   radioGroup
-} from "../chunk-JYFVXE5E.mjs";
+} from "../chunk-LVAEW6WR.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 {
   radio,

package/dist/components/scroll-shadow.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"
+    ]
   }
 };
 

package/dist/components/scroll-shadow.mjs

@@ -1,8 +1,8 @@
 import {
   scrollShadow
-} from "../chunk-EF6G67MF.mjs";
-import "../chunk-N2KXC5ZE.mjs";
-import "../chunk-BYWORP66.mjs";
+} from "../chunk-AN5I7NTT.mjs";
+import "../chunk-UWE6H66T.mjs";
+import "../chunk-GIXI35A3.mjs";
 export {
   scrollShadow
 };

package/dist/components/select.d.ts

@@ -77,6 +77,9 @@ declare const select: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
     isDisabled: {
         true: {
@@ -214,6 +217,9 @@ declare const select: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
     isDisabled: {
         true: {
@@ -336,6 +342,9 @@ declare const select: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
     isDisabled: {
         true: {
@@ -458,6 +467,9 @@ declare const select: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
     isDisabled: {
         true: {
@@ -595,6 +607,9 @@ declare const select: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
     isDisabled: {
         true: {
@@ -732,6 +747,9 @@ declare const select: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
     isDisabled: {
         true: {
@@ -854,6 +872,9 @@ declare const select: tailwind_variants.TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
     isDisabled: {
         true: {

package/dist/components/select.js

@@ -45,7 +45,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"
+    ]
   }
 };
 
@@ -73,7 +80,7 @@ var tv = (options, config) => {
 // src/components/select.ts
 var select = tv({
   slots: {
-    base: ["group inline-flex flex-col relative w-full"],
+    base: ["group inline-flex flex-col relative"],
     label: [
       "block",
       "absolute",
@@ -90,7 +97,7 @@ var select = tv({
     innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.6))] min-h-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute end-3 w-4 h-4",
     spinner: "absolute end-3",
-    value: ["text-foreground-500", "font-normal", "w-full", "text-left", "rtl:text-right"],
+    value: ["text-foreground-500", "font-normal", "w-full", "text-start"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -211,6 +218,9 @@ var select = tv({
     fullWidth: {
       true: {
         base: "w-full"
+      },
+      false: {
+        base: "min-w-40"
       }
     },
     isDisabled: {

package/dist/components/select.mjs

@@ -1,11 +1,11 @@
 import {
   select
-} from "../chunk-M3GQ3DWZ.mjs";
+} from "../chunk-HZ7J23VD.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 {
   select

package/dist/components/skeleton.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"
+    ]
   }
 };
 

package/dist/components/skeleton.mjs

@@ -1,8 +1,8 @@
 import {
   skeleton
-} from "../chunk-UDSOWFZE.mjs";
-import "../chunk-N2KXC5ZE.mjs";
-import "../chunk-BYWORP66.mjs";
+} from "../chunk-OAHW4NON.mjs";
+import "../chunk-UWE6H66T.mjs";
+import "../chunk-GIXI35A3.mjs";
 export {
   skeleton
 };

package/dist/components/slider.js

@@ -45,7 +45,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/slider.mjs

@@ -1,11 +1,11 @@
 import {
   slider
-} from "../chunk-JBKBSMXM.mjs";
+} from "../chunk-7IYRK3EV.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 {
   slider

package/dist/components/snippet.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"
+    ]
   }
 };
 
@@ -93,11 +100,11 @@ var bordered = {
 };
 var flat = {
   default: "bg-default/40 text-default-700",
-  primary: "bg-primary/20 text-primary-700",
-  secondary: "bg-secondary/20 text-secondary-700",
-  success: "bg-success/20 text-success-800 dark:text-success",
-  warning: "bg-warning/20 text-warning-800 dark:text-warning",
-  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
+  primary: "bg-primary/20 text-primary-600",
+  secondary: "bg-secondary/20 text-secondary-600",
+  success: "bg-success/20 text-success-700 dark:text-success",
+  warning: "bg-warning/20 text-warning-700 dark:text-warning",
+  danger: "bg-danger/20 text-danger-600 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/snippet.mjs

@@ -1,11 +1,11 @@
 import {
   snippet
-} from "../chunk-XAYP4CR3.mjs";
+} from "../chunk-SC2SILVU.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 {
   snippet

package/dist/components/spacer.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"
+    ]
   }
 };
 

package/dist/components/spacer.mjs

@@ -1,8 +1,8 @@
 import {
   spacer
-} from "../chunk-T2VR4T5R.mjs";
-import "../chunk-N2KXC5ZE.mjs";
-import "../chunk-BYWORP66.mjs";
+} from "../chunk-AKXXHKTO.mjs";
+import "../chunk-UWE6H66T.mjs";
+import "../chunk-GIXI35A3.mjs";
 export {
   spacer
 };

package/dist/components/spinner.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"
+    ]
   }
 };
 

package/dist/components/spinner.mjs

@@ -1,8 +1,8 @@
 import {
   spinner
-} from "../chunk-AXXUQWWC.mjs";
-import "../chunk-N2KXC5ZE.mjs";
-import "../chunk-BYWORP66.mjs";
+} from "../chunk-DBPAK7QN.mjs";
+import "../chunk-UWE6H66T.mjs";
+import "../chunk-GIXI35A3.mjs";
 export {
   spinner
 };

package/dist/components/table.js

@@ -45,7 +45,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"
+    ]
   }
 };
 
@@ -89,9 +96,9 @@ var table = tv({
     table: "min-w-full h-auto",
     thead: "[&>tr]:first:rounded-lg",
     tbody: "",
-    tr: ["group", "outline-none", ...dataFocusVisibleClasses],
+    tr: ["group/tr", "outline-none", ...dataFocusVisibleClasses],
     th: [
-      "group",
+      "group/th",
       "px-3",
       "h-10",
       "text-start",
@@ -126,8 +133,8 @@ var table = tv({
       "before:inset-0",
       "before:opacity-0",
       "data-[selected=true]:before:opacity-100",
-      "group-data-[disabled=true]:text-foreground-300",
-      "group-data-[disabled=true]:cursor-not-allowed"
+      "group-data-[disabled=true]/tr:text-foreground-300",
+      "group-data-[disabled=true]/tr:cursor-not-allowed"
     ],
     tfoot: "",
     sortIcon: [
@@ -138,7 +145,7 @@ var table = tv({
       "inline-block",
       "transition-transform-opacity",
       "data-[visible=true]:opacity-100",
-      "group-data-[hover=true]:opacity-100",
+      "group-data-[hover=true]/th:opacity-100",
       "data-[direction=ascending]:rotate-180"
     ],
     emptyWrapper: "text-foreground-400 align-middle text-center h-40",
@@ -209,9 +216,9 @@ var table = tv({
     isStriped: {
       true: {
         td: [
-          "group-data-[odd=true]:before:bg-default-100",
-          "group-data-[odd=true]:before:opacity-100",
-          "group-data-[odd=true]:before:-z-10"
+          "group-data-[odd=true]/tr:before:bg-default-100",
+          "group-data-[odd=true]/tr:before:opacity-100",
+          "group-data-[odd=true]/tr:before:-z-10"
         ]
       }
     },
@@ -230,19 +237,19 @@ var table = tv({
       true: {
         tr: "cursor-default",
         td: [
-          "group-aria-[selected=false]:group-data-[hover=true]:before:bg-default-100",
-          "group-aria-[selected=false]:group-data-[hover=true]:before:opacity-70"
+          "group-aria-[selected=false]/tr:group-data-[hover=true]/tr:before:bg-default-100",
+          "group-aria-[selected=false]/tr:group-data-[hover=true]/tr:before:opacity-70"
         ]
       }
     },
     isMultiSelectable: {
       true: {
         td: [
-          "group-data-[first=true]:first:before:rounded-ts-lg",
-          "group-data-[first=true]:last:before:rounded-te-lg",
-          "group-data-[middle=true]:before:rounded-none",
-          "group-data-[last=true]:first:before:rounded-bs-lg",
-          "group-data-[last=true]:last:before:rounded-be-lg"
+          "group-data-[first=true]/tr:first:before:rounded-ts-lg",
+          "group-data-[first=true]/tr:last:before:rounded-te-lg",
+          "group-data-[middle=true]/tr:before:rounded-none",
+          "group-data-[last=true]/tr:first:before:rounded-bs-lg",
+          "group-data-[last=true]/tr:last:before:rounded-be-lg"
         ]
       },
       false: {
@@ -287,42 +294,42 @@ var table = tv({
       isStriped: true,
       color: "default",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-default/60"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-default/60"
       }
     },
     {
       isStriped: true,
       color: "primary",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-primary/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-primary/20"
       }
     },
     {
       isStriped: true,
       color: "secondary",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-secondary/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-secondary/20"
       }
     },
     {
       isStriped: true,
       color: "success",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-success/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-success/20"
       }
     },
     {
       isStriped: true,
       color: "warning",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-warning/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-warning/20"
       }
     },
     {
       isStriped: true,
       color: "danger",
       class: {
-        td: "group-data-[odd=true]:data-[selected=true]:before:bg-danger/20"
+        td: "group-data-[odd=true]/tr:data-[selected=true]/tr:before:bg-danger/20"
       }
     }
   ]

package/dist/components/table.mjs

@@ -1,11 +1,11 @@
 import {
   table
-} from "../chunk-LSQXJEPE.mjs";
+} from "../chunk-2ODFPLXN.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 {
   table

package/dist/components/tabs.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"
+    ]
   }
 };
 
@@ -102,11 +109,11 @@ var bordered = {
 };
 var flat = {
   default: "bg-default/40 text-default-700",
-  primary: "bg-primary/20 text-primary-700",
-  secondary: "bg-secondary/20 text-secondary-700",
-  success: "bg-success/20 text-success-800 dark:text-success",
-  warning: "bg-warning/20 text-warning-800 dark:text-warning",
-  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
+  primary: "bg-primary/20 text-primary-600",
+  secondary: "bg-secondary/20 text-secondary-600",
+  success: "bg-success/20 text-success-700 dark:text-success",
+  warning: "bg-warning/20 text-warning-700 dark:text-warning",
+  danger: "bg-danger/20 text-danger-600 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/tabs.mjs

@@ -1,11 +1,11 @@
 import {
   tabs
-} from "../chunk-42JWJWWX.mjs";
+} from "../chunk-KTTXIYK2.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 {
   tabs