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

package/dist/{chunk-MVG7GLBD.mjs → chunk-HIFLYEAM.mjs}

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

package/dist/{chunk-22SLLLIZ.mjs → chunk-HNRFZTEX.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 
 // src/components/date-input.ts
 var dateInput = tv({
@@ -151,13 +151,13 @@ var dateInput = tv({
       outside: {
         base: "flex flex-col data-[has-helper=true]:pb-[calc(theme(fontSize.tiny)_+8px)] gap-y-1.5",
         label: "w-full text-foreground",
-        helperWrapper: "absolute top-[calc(100%_+_2px)] left-0 rtl:right-0"
+        helperWrapper: "absolute top-[calc(100%_+_2px)] start-0"
       },
       "outside-left": {
         base: "flex-row items-center data-[has-helper=true]:pb-[calc(theme(fontSize.tiny)_+_8px)] gap-x-2 flex-nowrap",
         label: "relative text-foreground",
         inputWrapper: "relative flex-1",
-        helperWrapper: "absolute top-[calc(100%_+_2px)] left-0 rtl:right-0"
+        helperWrapper: "absolute top-[calc(100%_+_2px)] start-0"
       },
       inside: {
         label: "w-full text-tiny cursor-text",

package/dist/{chunk-M3GQ3DWZ.mjs → chunk-HZ7J23VD.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -8,7 +8,7 @@ import {
 // 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",
@@ -25,7 +25,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",
@@ -146,6 +146,9 @@ var select = tv({
     fullWidth: {
       true: {
         base: "w-full"
+      },
+      false: {
+        base: "min-w-40"
       }
     },
     isDisabled: {

package/dist/{chunk-C3SML4G4.mjs → chunk-IAHJC7C4.mjs}

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

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-JYFVXE5E.mjs → chunk-LVAEW6WR.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -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"
       }

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-WGH4WKVU.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 w-full",
-    selectorButton: "-mr-2 text-inherit",
+    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",

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({

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

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-N2KXC5ZE.mjs";
+} from "./chunk-UWE6H66T.mjs";
 import {
   dataFocusVisibleClasses,
   groupDataFocusVisibleClasses
@@ -168,11 +168,12 @@ var input = tv({
     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,7 +192,7 @@ 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: {

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,