@nextui-org/theme 2.1.18 → 2.2.1

package/dist/{chunk-5QVKTCUZ.mjs → chunk-YSA7EQBH.mjs}

@@ -1,11 +1,12 @@
+import {
+  isBaseTheme
+} from "./chunk-D2XMP2NC.mjs";
 import {
   utilities
-} from "./chunk-S7W5DQP2.mjs";
+} from "./chunk-726LN7M3.mjs";
 import {
-  createSpacingUnits,
-  generateSpacingScale,
-  isBaseTheme
-} from "./chunk-DGMET46Q.mjs";
+  DEFAULT_TRANSITION_DURATION
+} from "./chunk-HPFX3B3F.mjs";
 import {
   baseStyles
 } from "./chunk-XHQUSKIE.mjs";
@@ -19,7 +20,7 @@ import {
   darkLayout,
   defaultLayout,
   lightLayout
-} from "./chunk-VZI6SR6H.mjs";
+} from "./chunk-HUBDRSA4.mjs";
 import {
   animations
 } from "./chunk-DMASP6FA.mjs";
@@ -63,7 +64,7 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
       if (!colorValue)
         return;
       try {
-        const parsedColor = parsedColorsCache[colorValue] || Color(colorValue).hsl().round().array();
+        const parsedColor = parsedColorsCache[colorValue] || Color(colorValue).hsl().round(2).array();
         parsedColorsCache[colorValue] = parsedColor;
         const [h, s, l, defaultAlphaValue] = parsedColor;
         const nextuiColorVariable = `--${prefix}-${colorName}`;
@@ -95,17 +96,8 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
           resolved.utilities[cssSelector][nestedLayoutVariable] = nestedValue;
         }
       } else {
-        if (key === "spacing-unit") {
-          resolved.utilities[cssSelector][layoutVariablePrefix] = value;
-          const spacingScale = generateSpacingScale(Number(value));
-          for (const [scaleKey, scaleValue] of Object.entries(spacingScale)) {
-            const spacingVariable = `${layoutVariablePrefix}-${scaleKey}`;
-            resolved.utilities[cssSelector][spacingVariable] = scaleValue;
-          }
-        } else {
-          const formattedValue = layoutVariablePrefix.includes("opacity") && typeof value === "number" ? value.toString().replace(/^0\./, ".") : value;
-          resolved.utilities[cssSelector][layoutVariablePrefix] = formattedValue;
-        }
+        const formattedValue = layoutVariablePrefix.includes("opacity") && typeof value === "number" ? value.toString().replace(/^0\./, ".") : value;
+        resolved.utilities[cssSelector][layoutVariablePrefix] = formattedValue;
       }
     }
   }
@@ -113,24 +105,6 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
 };
 var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
   const resolved = resolveConfig(themes, defaultTheme, prefix);
-  const minSizes = {
-    "unit-1": `var(--${prefix}-spacing-unit)`,
-    "unit-2": `var(--${prefix}-spacing-unit-2`,
-    "unit-3": `var(--${prefix}-spacing-unit-3)`,
-    "unit-3.5": `var(--${prefix}-spacing-unit-3_5)`,
-    "unit-4": `var(--${prefix}-spacing-unit-4)`,
-    "unit-5": `var(--${prefix}-spacing-unit-5)`,
-    "unit-6": `var(--${prefix}-spacing-unit-6)`,
-    "unit-7": `var(--${prefix}-spacing-unit-7)`,
-    "unit-8": `var(--${prefix}-spacing-unit-8)`,
-    "unit-9": `var(--${prefix}-spacing-unit-9)`,
-    "unit-10": `var(--${prefix}-spacing-unit-10)`,
-    "unit-11": `var(--${prefix}-spacing-unit-11)`,
-    "unit-12": `var(--${prefix}-spacing-unit-12)`,
-    "unit-16": `var(--${prefix}-spacing-unit-16)`,
-    "unit-20": `var(--${prefix}-spacing-unit-20)`,
-    "unit-24": `var(--${prefix}-spacing-unit-24)`
-  };
   return plugin(
     ({ addBase, addUtilities, addVariant }) => {
       addBase({
@@ -160,16 +134,6 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
           width: {
             divider: `var(--${prefix}-divider-weight)`
           },
-          spacing: {
-            unit: `var(--${prefix}-spacing-unit)`,
-            ...createSpacingUnits(prefix)
-          },
-          minWidth: {
-            ...minSizes
-          },
-          minHeight: {
-            ...minSizes
-          },
           fontSize: {
             tiny: [`var(--${prefix}-font-size-tiny)`, `var(--${prefix}-line-height-tiny)`],
             small: [`var(--${prefix}-font-size-small)`, `var(--${prefix}-line-height-small)`],
@@ -205,7 +169,8 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
           transitionDuration: {
             0: "0ms",
             250: "250ms",
-            400: "400ms"
+            400: "400ms",
+            DEFAULT: DEFAULT_TRANSITION_DURATION
           },
           transitionTimingFunction: {
             "soft-spring": "cubic-bezier(0.155, 1.105, 0.295, 1.12)"

package/dist/components/accordion.js

@@ -27,61 +27,6 @@ module.exports = __toCommonJS(accordion_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
-
-// src/types.ts
-var spacingScaleKeys = [
-  "0",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl",
-  "7xl",
-  "8xl",
-  "9xl",
-  "1",
-  "2",
-  "3",
-  "3.5",
-  "4",
-  "5",
-  "6",
-  "7",
-  "8",
-  "9",
-  "10",
-  "11",
-  "12",
-  "13",
-  "14",
-  "15",
-  "16",
-  "17",
-  "18",
-  "20",
-  "24",
-  "28",
-  "32",
-  "36",
-  "40",
-  "44",
-  "48",
-  "52",
-  "56",
-  "60",
-  "64",
-  "72",
-  "80",
-  "96"
-];
-var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
-
-// src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
@@ -93,7 +38,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -101,17 +46,7 @@ var tv = (options, config) => {
         ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
         shadow: [{ shadow: COMMON_UNITS }],
         "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });

package/dist/components/accordion.mjs

@@ -1,13 +1,12 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-JBHEJMGV.mjs";
+} from "../chunk-KCOC3H6R.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
+import "../chunk-GMMETTYU.mjs";
 import "../chunk-XHQUSKIE.mjs";
-import "../chunk-WA5F6AED.mjs";
 export {
   accordion,
   accordionItem

package/dist/components/autocomplete.js

@@ -26,61 +26,6 @@ module.exports = __toCommonJS(autocomplete_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
-
-// src/types.ts
-var spacingScaleKeys = [
-  "0",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl",
-  "7xl",
-  "8xl",
-  "9xl",
-  "1",
-  "2",
-  "3",
-  "3.5",
-  "4",
-  "5",
-  "6",
-  "7",
-  "8",
-  "9",
-  "10",
-  "11",
-  "12",
-  "13",
-  "14",
-  "15",
-  "16",
-  "17",
-  "18",
-  "20",
-  "24",
-  "28",
-  "32",
-  "36",
-  "40",
-  "44",
-  "48",
-  "52",
-  "56",
-  "60",
-  "64",
-  "72",
-  "80",
-  "96"
-];
-var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
-
-// src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
@@ -92,7 +37,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -100,17 +45,7 @@ var tv = (options, config) => {
         ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
         shadow: [{ shadow: COMMON_UNITS }],
         "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });

package/dist/components/autocomplete.mjs

@@ -1,8 +1,7 @@
 import {
   autocomplete
-} from "../chunk-3BNHFA72.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-WA5F6AED.mjs";
+} from "../chunk-AT4OXKKK.mjs";
+import "../chunk-GMMETTYU.mjs";
 export {
   autocomplete
 };

package/dist/components/avatar.d.ts

@@ -530,7 +530,10 @@ declare const avatarGroup: tailwind_variants.TVReturnType<{
     isGrid: {
         true: "inline-grid grid-cols-4 gap-3";
     };
-}, undefined, "flex items-center justify-center h-auto w-max-content", tailwind_variants_dist_config.TVConfig<{
+}, {
+    base: string;
+    count: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     isGrid: {
         true: "inline-grid grid-cols-4 gap-3";
     };
@@ -542,11 +545,17 @@ declare const avatarGroup: tailwind_variants.TVReturnType<{
     isGrid: {
         true: "inline-grid grid-cols-4 gap-3";
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, {
+    base: string;
+    count: string;
+}, tailwind_variants.TVReturnType<{
     isGrid: {
         true: "inline-grid grid-cols-4 gap-3";
     };
-}, undefined, "flex items-center justify-center h-auto w-max-content", tailwind_variants_dist_config.TVConfig<{
+}, {
+    base: string;
+    count: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     isGrid: {
         true: "inline-grid grid-cols-4 gap-3";
     };
@@ -556,7 +565,8 @@ declare const avatarGroup: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroup>;
 type AvatarVariantProps = VariantProps<typeof avatar>;
 type AvatarSlots = keyof ReturnType<typeof avatar>;
 
-export { AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup };
+export { AvatarGroupSlots, AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup };

package/dist/components/avatar.js

@@ -27,61 +27,6 @@ module.exports = __toCommonJS(avatar_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
-
-// src/types.ts
-var spacingScaleKeys = [
-  "0",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl",
-  "7xl",
-  "8xl",
-  "9xl",
-  "1",
-  "2",
-  "3",
-  "3.5",
-  "4",
-  "5",
-  "6",
-  "7",
-  "8",
-  "9",
-  "10",
-  "11",
-  "12",
-  "13",
-  "14",
-  "15",
-  "16",
-  "17",
-  "18",
-  "20",
-  "24",
-  "28",
-  "32",
-  "36",
-  "40",
-  "44",
-  "48",
-  "52",
-  "56",
-  "60",
-  "64",
-  "72",
-  "80",
-  "96"
-];
-var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
-
-// src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
@@ -93,7 +38,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -101,17 +46,7 @@ var tv = (options, config) => {
         ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
         shadow: [{ shadow: COMMON_UNITS }],
         "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });
@@ -306,8 +241,8 @@ var avatar = tv({
     isInGroup: {
       true: {
         base: [
-          "-ms-2 data-[hover=true]:-translate-x-3 transition-transform",
-          "data-[focus-visible=true]:-translate-x-3"
+          "-ms-2 data-[hover=true]:-translate-x-3 rtl:data-[hover=true]:translate-x-3 transition-transform",
+          "data-[focus-visible=true]:-translate-x-3 rtl:data-[focus-visible=true]:translate-x-3"
         ]
       }
     },
@@ -368,7 +303,10 @@ var avatar = tv({
   ]
 });
 var avatarGroup = tv({
-  base: "flex items-center justify-center h-auto w-max-content",
+  slots: {
+    base: "flex items-center justify-center h-auto w-max-content",
+    count: "hover:-translate-x-0"
+  },
   variants: {
     isGrid: {
       true: "inline-grid grid-cols-4 gap-3"

package/dist/components/avatar.mjs

@@ -1,13 +1,12 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-MUPUMXL7.mjs";
+} from "../chunk-VDRJHB4F.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
+import "../chunk-GMMETTYU.mjs";
 import "../chunk-XHQUSKIE.mjs";
-import "../chunk-WA5F6AED.mjs";
 export {
   avatar,
   avatarGroup

package/dist/components/badge.js

@@ -26,61 +26,6 @@ module.exports = __toCommonJS(badge_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
-
-// src/types.ts
-var spacingScaleKeys = [
-  "0",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl",
-  "7xl",
-  "8xl",
-  "9xl",
-  "1",
-  "2",
-  "3",
-  "3.5",
-  "4",
-  "5",
-  "6",
-  "7",
-  "8",
-  "9",
-  "10",
-  "11",
-  "12",
-  "13",
-  "14",
-  "15",
-  "16",
-  "17",
-  "18",
-  "20",
-  "24",
-  "28",
-  "32",
-  "36",
-  "40",
-  "44",
-  "48",
-  "52",
-  "56",
-  "60",
-  "64",
-  "72",
-  "80",
-  "96"
-];
-var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
-
-// src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
@@ -92,7 +37,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -100,17 +45,7 @@ var tv = (options, config) => {
         ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
         shadow: [{ shadow: COMMON_UNITS }],
         "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });

package/dist/components/badge.mjs

@@ -1,12 +1,11 @@
 import {
   badge
-} from "../chunk-L37EV5TN.mjs";
+} from "../chunk-S573WUYY.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
+import "../chunk-GMMETTYU.mjs";
 import "../chunk-XHQUSKIE.mjs";
-import "../chunk-WA5F6AED.mjs";
 export {
   badge
 };

package/dist/components/breadcrumbs.js

@@ -36,61 +36,6 @@ var dataFocusVisibleClasses = [
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
-
-// src/types.ts
-var spacingScaleKeys = [
-  "0",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl",
-  "7xl",
-  "8xl",
-  "9xl",
-  "1",
-  "2",
-  "3",
-  "3.5",
-  "4",
-  "5",
-  "6",
-  "7",
-  "8",
-  "9",
-  "10",
-  "11",
-  "12",
-  "13",
-  "14",
-  "15",
-  "16",
-  "17",
-  "18",
-  "20",
-  "24",
-  "28",
-  "32",
-  "36",
-  "40",
-  "44",
-  "48",
-  "52",
-  "56",
-  "60",
-  "64",
-  "72",
-  "80",
-  "96"
-];
-var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
-
-// src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
@@ -102,7 +47,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -110,17 +55,7 @@ var tv = (options, config) => {
         ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
         shadow: [{ shadow: COMMON_UNITS }],
         "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });

package/dist/components/breadcrumbs.mjs

@@ -1,13 +1,12 @@
 import {
   breadcrumbItem,
   breadcrumbs
-} from "../chunk-RJKUWMDJ.mjs";
+} from "../chunk-6XJJCV76.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
+import "../chunk-GMMETTYU.mjs";
 import "../chunk-XHQUSKIE.mjs";
-import "../chunk-WA5F6AED.mjs";
 export {
   breadcrumbItem,
   breadcrumbs