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

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

package/dist/components/toggle.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"
+    ]
   }
 };
 
@@ -76,7 +83,7 @@ var groupDataFocusVisibleClasses = [
 // 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",
@@ -99,76 +106,76 @@ var toggle = tv({
       "rounded-full",
       "origin-right"
     ],
-    startContent: "z-0 absolute left-1.5 rtl:right-1.5 rtl:left-[unset] text-current",
-    endContent: "z-0 absolute right-1.5 rtl:left-1.5 rtl:right-[unset] text-default-600",
+    startContent: "z-0 absolute start-1.5 text-current",
+    endContent: "z-0 absolute end-1.5 text-default-600",
     thumbIcon: "text-black",
-    label: "relative text-foreground select-none"
+    label: "relative text-foreground select-none ms-2"
   },
   variants: {
     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"
         ]
       }
     },
     size: {
       sm: {
-        wrapper: "w-10 h-6 mr-2 rtl:ml-2 rtl:mr-[unset]",
+        wrapper: "w-10 h-6",
         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]:ms-4"
         ],
         endContent: "text-tiny",
         startContent: "text-tiny",
         label: "text-small"
       },
       md: {
-        wrapper: "w-12 h-7 mr-2 rtl:ml-2 rtl:mr-[unset]",
+        wrapper: "w-12 h-7",
         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]:ms-5"
         ],
         endContent: "text-small",
         startContent: "text-small",
         label: "text-medium"
       },
       lg: {
-        wrapper: "w-14 h-8 mr-2 rtl:ml-2 rtl:mr-[unset]",
+        wrapper: "w-14 h-8",
         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]:ms-6"
         ],
         endContent: "text-medium",
         startContent: "text-medium",
@@ -192,14 +199,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"
         ]
       }
     }
@@ -214,30 +221,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"]
       }
     }
   ]

package/dist/components/toggle.mjs

@@ -1,11 +1,11 @@
 import {
   toggle
-} from "../chunk-WJIRIXV4.mjs";
+} from "../chunk-FJGKW3ZE.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 {
   toggle

package/dist/components/user.d.ts

@@ -1,6 +1,5 @@
-import * as tailwind_variants from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as tailwind_merge from 'tailwind-merge';
+import * as tailwind_variants from 'tailwind-variants';
 
 /**
  * User wrapper **Tailwind Variants** component
@@ -18,20 +17,20 @@ import * as tailwind_merge from 'tailwind-merge';
  */
 declare const user: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
-            name?: tailwind_merge.ClassNameValue;
-            wrapper?: tailwind_merge.ClassNameValue;
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
-            name?: tailwind_merge.ClassNameValue;
-            wrapper?: tailwind_merge.ClassNameValue;
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
@@ -41,20 +40,20 @@ declare const user: tailwind_variants.TVReturnType<{
     description: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
     [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
-            name?: tailwind_merge.ClassNameValue;
-            wrapper?: tailwind_merge.ClassNameValue;
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
-            name?: tailwind_merge.ClassNameValue;
-            wrapper?: tailwind_merge.ClassNameValue;
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
@@ -69,11 +68,11 @@ declare const user: tailwind_variants.TVReturnType<{
     description: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
     [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
-            name?: tailwind_merge.ClassNameValue;
-            wrapper?: tailwind_merge.ClassNameValue;
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/components/user.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/user.mjs

@@ -1,11 +1,11 @@
 import {
   user
-} from "../chunk-BJ6IKX32.mjs";
+} from "../chunk-GMZHMFEU.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 {
   user

package/dist/index.d.ts

@@ -37,6 +37,8 @@ export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './com
 export { CalendarReturnType, CalendarSlots, CalendarVariantProps, calendar } from './components/calendar.js';
 export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput } from './components/date-input.js';
 export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './components/date-picker.js';
+export { AlertSlots, AlertVariantProps, alert } from './components/alert.js';
+export { DrawerVariants, drawer } from './components/drawer.js';
 export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './utils/classes.js';
 export { SlotsToClasses } from './utils/types.js';
 export { colorVariants } from './utils/variants.js';
@@ -52,6 +54,5 @@ export { BaseColors, ColorScale, SemanticBaseColors, ThemeColors } from './color
 export { commonColors } from './colors/common.js';
 export { semanticColors } from './colors/semantic.js';
 import 'tailwind-variants/dist/config';
-import 'tailwind-merge';
 import 'clsx';
 import 'tailwindcss/plugin.js';