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

package/dist/{chunk-2KK3SUMT.mjs → chunk-IZOPFGDE.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/progress.ts
 var progress = tv(
@@ -75,7 +75,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: {
@@ -110,6 +110,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/{chunk-PWJWH4MD.mjs → chunk-JE6SPRGQ.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/code.ts
 var code = tv({

package/dist/{chunk-7YPXCOW5.mjs → chunk-K6KPB2U5.mjs}

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

package/dist/{chunk-42JWJWWX.mjs → chunk-KTTXIYK2.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 {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-C43Y2OOL.mjs → chunk-KZ2I3V4D.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -18,7 +18,7 @@ var breadcrumbItem = tv({
       "tap-highlight-transparent",
       ...dataFocusVisibleClasses
     ],
-    separator: "text-default-400 px-1"
+    separator: "text-default-400 px-1 rtl:rotate-180"
   },
   variants: {
     color: {

package/dist/{chunk-JFWA3DGK.mjs → chunk-LCMN7HGG.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-D2XMP2NC.mjs";
 import {
   utilities
-} from "./chunk-3LD7T42T.mjs";
+} from "./chunk-XZMJGJQX.mjs";
 import {
   DEFAULT_TRANSITION_DURATION
 } from "./chunk-WN6AL2BX.mjs";
@@ -31,12 +31,8 @@ import {
 // src/plugin.ts
 import Color from "color";
 import plugin from "tailwindcss/plugin.js";
-import get from "lodash.get";
-import omit from "lodash.omit";
-import forEach from "lodash.foreach";
-import mapKeys from "lodash.mapkeys";
-import kebabCase from "lodash.kebabcase";
 import deepMerge from "deepmerge";
+import { omit, kebabCase, mapKeys } from "@nextui-org/shared-utils";
 var DEFAULT_PREFIX = "nextui";
 var parsedColorsCache = {};
 var resolveConfig = (themes = {}, defaultTheme, prefix) => {
@@ -55,7 +51,7 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
       "color-scheme": scheme
     } : {};
     const flatColors = flattenThemeObject(colors);
-    const flatLayout = layout ? mapKeys(layout, (value, key) => kebabCase(key)) : {};
+    const flatLayout = layout ? mapKeys(layout, (_, key) => kebabCase(key)) : {};
     resolved.variants.push({
       name: themeName,
       definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
@@ -105,6 +101,7 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
 };
 var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
   const resolved = resolveConfig(themes, defaultTheme, prefix);
+  const createStripeGradient = (stripeColor, backgroundColor) => `linear-gradient(45deg,  hsl(var(--${prefix}-${stripeColor})) 25%,  hsl(var(--${prefix}-${backgroundColor})) 25%,  hsl(var(--${prefix}-${backgroundColor})) 50%,  hsl(var(--${prefix}-${stripeColor})) 50%,  hsl(var(--${prefix}-${stripeColor})) 75%,  hsl(var(--${prefix}-${backgroundColor})) 75%,  hsl(var(--${prefix}-${backgroundColor})))`;
   return plugin(
     ({ addBase, addUtilities, addVariant }) => {
       addBase({
@@ -163,8 +160,16 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
             medium: `var(--${prefix}-box-shadow-medium)`,
             large: `var(--${prefix}-box-shadow-large)`
           },
+          backgroundSize: {
+            "stripe-size": "1.25rem 1.25rem"
+          },
           backgroundImage: {
-            "stripe-gradient": "linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)"
+            "stripe-gradient-default": createStripeGradient("default-200", "default-400"),
+            "stripe-gradient-primary": createStripeGradient("primary-200", "primary"),
+            "stripe-gradient-secondary": createStripeGradient("secondary-200", "secondary"),
+            "stripe-gradient-success": createStripeGradient("success-200", "success"),
+            "stripe-gradient-warning": createStripeGradient("warning-200", "warning"),
+            "stripe-gradient-danger": createStripeGradient("danger-200", "danger")
           },
           transitionDuration: {
             0: "0ms",
@@ -182,6 +187,7 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
   );
 };
 var nextui = (config = {}) => {
+  var _a, _b, _c, _d;
   const {
     themes: themeObject = {},
     defaultTheme = "light",
@@ -190,8 +196,8 @@ var nextui = (config = {}) => {
     prefix: defaultPrefix = DEFAULT_PREFIX,
     addCommonColors = false
   } = config;
-  const userLightColors = get(themeObject, "light.colors", {});
-  const userDarkColors = get(themeObject, "dark.colors", {});
+  const userLightColors = ((_a = themeObject == null ? void 0 : themeObject.light) == null ? void 0 : _a.colors) || {};
+  const userDarkColors = ((_b = themeObject == null ? void 0 : themeObject.dark) == null ? void 0 : _b.colors) || {};
   const defaultLayoutObj = userLayout && typeof userLayout === "object" ? deepMerge(defaultLayout, userLayout) : defaultLayout;
   const baseLayouts = {
     light: {
@@ -204,7 +210,7 @@ var nextui = (config = {}) => {
     }
   };
   let otherThemes = omit(themeObject, ["light", "dark"]) || {};
-  forEach(otherThemes, ({ extend, colors, layout }, themeName) => {
+  Object.entries(otherThemes).forEach(([themeName, { extend, colors, layout }]) => {
     const baseTheme = extend && isBaseTheme(extend) ? extend : defaultExtendTheme;
     if (colors && typeof colors === "object") {
       otherThemes[themeName].colors = deepMerge(semanticColors[baseTheme], colors);
@@ -217,11 +223,11 @@ var nextui = (config = {}) => {
     }
   });
   const light = {
-    layout: deepMerge(baseLayouts.light, get(themeObject, "light.layout", {})),
+    layout: deepMerge(baseLayouts.light, ((_c = themeObject == null ? void 0 : themeObject.light) == null ? void 0 : _c.layout) || {}),
     colors: deepMerge(semanticColors.light, userLightColors)
   };
   const dark = {
-    layout: deepMerge(baseLayouts.dark, get(themeObject, "dark.layout", {})),
+    layout: deepMerge(baseLayouts.dark, ((_d = themeObject == null ? void 0 : themeObject.dark) == null ? void 0 : _d.layout) || {}),
     colors: deepMerge(semanticColors.dark, userDarkColors)
   };
   const themes = {

package/dist/{chunk-4MIBATA4.mjs → chunk-LVAEW6WR.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -8,7 +8,7 @@ import {
 // 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",
@@ -21,7 +21,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",
@@ -33,8 +33,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"
@@ -43,27 +43,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: {
@@ -77,14 +77,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"
       }
@@ -97,7 +97,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"
       }
@@ -106,7 +106,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/{chunk-R27WO3A6.mjs → chunk-LWG2RR7B.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 {
   dataFocusVisibleClasses,
   translateCenterClasses

package/dist/{chunk-P73E5YV7.mjs → chunk-N67DL6BW.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -44,9 +44,7 @@ var modal = tv({
       "outline-none",
       "select-none",
       "top-1",
-      "right-1",
-      "rtl:left-1",
-      "rtl:right-[unset]",
+      "end-1",
       "p-2",
       "text-foreground-500",
       "rounded-full",

package/dist/{chunk-UDSOWFZE.mjs → chunk-OAHW4NON.mjs}

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

package/dist/{chunk-TSTU52NB.mjs → chunk-QFGVVQRM.mjs}

@@ -1,12 +1,12 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/date-picker.ts
 var datePicker = tv({
   slots: {
-    base: "group/datepicker w-full",
-    selectorButton: "-mr-2 text-inherit",
+    base: "group w-full",
+    selectorButton: "-mx-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
     calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))] shadow-none",
@@ -18,9 +18,9 @@ var datePicker = tv({
 var dateRangePicker = tv({
   extend: datePicker,
   slots: {
-    calendar: "group/daterangepicker",
+    calendar: "group",
     bottomContent: "flex flex-col gap-y-2",
-    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]/daterangepicker:flex-row",
+    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]:flex-row",
     separator: "-mx-1 text-inherit"
   }
 });

package/dist/{chunk-XAYP4CR3.mjs → chunk-SC2SILVU.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/snippet.ts
 var snippet = tv({