@nextui-org/theme 2.1.8 → 2.1.10

package/dist/index.mjs

@@ -1,115 +1,125 @@
-import "./chunk-RH7YHIQY.mjs";
+import "./chunk-T6HAGWX5.mjs";
+import {
+  slider
+} from "./chunk-AQDGQGUV.mjs";
+import {
+  snippet
+} from "./chunk-VD4MGTVP.mjs";
+import {
+  spacer
+} from "./chunk-PFGLTKGJ.mjs";
 import {
   spinner
-} from "./chunk-NAY2XKLY.mjs";
+} from "./chunk-B6QMTIF2.mjs";
 import {
   table
-} from "./chunk-ADNJ6GPZ.mjs";
+} from "./chunk-VU5TSYMO.mjs";
 import {
   tabs
-} from "./chunk-RHIZZ5XX.mjs";
+} from "./chunk-ODGTGSNM.mjs";
 import {
   toggle
-} from "./chunk-TIMHSW45.mjs";
+} from "./chunk-TUUOVVH3.mjs";
 import {
   user
-} from "./chunk-O24TFHPZ.mjs";
+} from "./chunk-VPYXYIZ5.mjs";
+import {
+  navbar
+} from "./chunk-BR6V72YY.mjs";
+import {
+  pagination
+} from "./chunk-QF56VSRK.mjs";
 import {
   popover
-} from "./chunk-SN5GEHHN.mjs";
+} from "./chunk-WNVF6X3M.mjs";
 import {
   progress
-} from "./chunk-LQGOKGQV.mjs";
+} from "./chunk-XHQNEGB6.mjs";
 import {
   radio,
   radioGroup
-} from "./chunk-Y33ZY7KH.mjs";
+} from "./chunk-WYVG7NY6.mjs";
 import {
   scrollShadow
-} from "./chunk-4JBYJQSP.mjs";
+} from "./chunk-VGHVBXXT.mjs";
 import {
   select
-} from "./chunk-F76574GG.mjs";
+} from "./chunk-SCQJ4BM3.mjs";
 import {
   skeleton
-} from "./chunk-EUS2SEYI.mjs";
-import {
-  snippet
-} from "./chunk-B55QBA5E.mjs";
+} from "./chunk-JX6O4KJS.mjs";
 import {
-  spacer
-} from "./chunk-EC4F6RJF.mjs";
+  image
+} from "./chunk-F36W5Y6O.mjs";
 import {
   input
-} from "./chunk-PJV3MWBL.mjs";
+} from "./chunk-C3KZKKPN.mjs";
 import {
   kbd
-} from "./chunk-XY766PDD.mjs";
+} from "./chunk-J7FVLFSZ.mjs";
 import {
   link,
   linkAnchorClasses
-} from "./chunk-MOHT4OBR.mjs";
+} from "./chunk-XNF3KCH7.mjs";
 import "./chunk-YJLQTC7L.mjs";
 import {
   menu,
   menuItem,
   menuSection
-} from "./chunk-YKWIBFFV.mjs";
+} from "./chunk-QWYWYOG6.mjs";
 import {
   modal
-} from "./chunk-4DKVPW5Z.mjs";
+} from "./chunk-HBLCAYSX.mjs";
 import {
-  navbar
-} from "./chunk-LGRQRHJJ.mjs";
+  card
+} from "./chunk-JMOQB2OS.mjs";
 import {
-  pagination
-} from "./chunk-FZZINZOQ.mjs";
+  checkbox,
+  checkboxGroup
+} from "./chunk-CLW3JMFF.mjs";
 import {
   chip
-} from "./chunk-WM43BKYH.mjs";
+} from "./chunk-VOTIIGIW.mjs";
 import {
   circularProgress
-} from "./chunk-XPLXQDB3.mjs";
+} from "./chunk-HYA3WURA.mjs";
 import {
   code
-} from "./chunk-77O7KLUI.mjs";
+} from "./chunk-362LGETO.mjs";
 import {
   divider
-} from "./chunk-YSXRNNDV.mjs";
+} from "./chunk-N7N2LONM.mjs";
 import {
   drip
-} from "./chunk-GNLIYZAQ.mjs";
+} from "./chunk-FUMNSN2H.mjs";
 import {
   dropdown,
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "./chunk-23KK2ZAZ.mjs";
-import {
-  image
-} from "./chunk-WBNF66V7.mjs";
+} from "./chunk-5GLH2ERS.mjs";
 import {
   accordion,
   accordionItem
-} from "./chunk-UHF2F2WJ.mjs";
+} from "./chunk-I5E37FAL.mjs";
+import {
+  autocomplete
+} from "./chunk-WHT6K6RC.mjs";
 import {
   avatar,
   avatarGroup
-} from "./chunk-RPMLQF4Y.mjs";
+} from "./chunk-J6EGGODL.mjs";
 import {
   badge
-} from "./chunk-XCWQAA5D.mjs";
+} from "./chunk-YRDQW7V4.mjs";
+import {
+  breadcrumbItem,
+  breadcrumbs
+} from "./chunk-76A2UI6G.mjs";
 import {
   button,
   buttonGroup
-} from "./chunk-XJU7LDVX.mjs";
-import {
-  card
-} from "./chunk-GKYVNUGL.mjs";
-import {
-  checkbox,
-  checkboxGroup
-} from "./chunk-2T5RQ7SK.mjs";
+} from "./chunk-Y5WLFHBC.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -117,24 +127,25 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 import {
   nextui
-} from "./chunk-RYOZQSNI.mjs";
-import "./chunk-NW5W5ANO.mjs";
-import "./chunk-Y32IWEMZ.mjs";
-import "./chunk-KPK2JQIF.mjs";
+} from "./chunk-6XG3Y4GM.mjs";
+import "./chunk-S7W5DQP2.mjs";
 import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
+import "./chunk-G3PB7L4N.mjs";
+import "./chunk-DGMET46Q.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
+  collapseAdjacentVariantBorders,
   dataFocusVisibleClasses,
   focusVisibleClasses,
   groupDataFocusVisibleClasses,
   ringClasses,
   translateCenterClasses
-} from "./chunk-T7JNS25F.mjs";
+} from "./chunk-XHQUSKIE.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
@@ -144,7 +155,7 @@ import {
 } from "./chunk-G4RCK475.mjs";
 import "./chunk-KUNVFLXJ.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-7MCHEQXT.mjs";
+import "./chunk-VZI6SR6H.mjs";
 import {
   mappedSpacingScaleKeys,
   spacingScaleKeys
@@ -165,10 +176,13 @@ export {
   absoluteFullClasses,
   accordion,
   accordionItem,
+  autocomplete,
   avatar,
   avatarGroup,
   badge,
   baseStyles,
+  breadcrumbItem,
+  breadcrumbs,
   button,
   buttonGroup,
   card,
@@ -177,6 +191,7 @@ export {
   chip,
   circularProgress,
   code,
+  collapseAdjacentVariantBorders,
   colorVariants,
   colors,
   commonColors,
@@ -214,6 +229,7 @@ export {
   select,
   semanticColors,
   skeleton,
+  slider,
   snippet,
   spacer,
   spacingScaleKeys,

package/dist/plugin.js

@@ -465,6 +465,11 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-size": {
+    "transition-property": "width, height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",
@@ -494,6 +499,11 @@ var transition_default = {
     " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors-opacity": {
+    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
   }
 };
 
@@ -596,6 +606,7 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/theme.ts
 var isBaseTheme = (theme) => theme === "light" || theme === "dark";
+var ROOT_FONT_SIZE = 16;
 var baseScale = [1, 2, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18];
 var extendedScale = [20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
 var generateSpacingScale = (spacingUnit) => {
@@ -616,7 +627,7 @@ var generateSpacingScale = (spacingUnit) => {
   };
   const scale = { 0: "0px" };
   Object.entries(scaleLabels).forEach(([label, multiplier]) => {
-    scale[label] = multiplier ? `${spacingUnit * multiplier}px` : `${spacingUnit}px`;
+    scale[label] = multiplier ? `${spacingUnit * multiplier / ROOT_FONT_SIZE}rem` : `${spacingUnit / ROOT_FONT_SIZE}rem`;
   });
   baseScale.forEach((i) => {
     let key = `${i}`;
@@ -624,11 +635,11 @@ var generateSpacingScale = (spacingUnit) => {
       const [first, second] = key.split(".");
       key = `${first}_${second}`;
     }
-    scale[key] = `${spacingUnit * i}px`;
+    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
   });
   extendedScale.forEach((i) => {
     const key = `${i}`;
-    scale[key] = `${spacingUnit * i}px`;
+    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
   });
   return scale;
 };
@@ -680,8 +691,11 @@ var defaultLayout = {
     large: "0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"
   }
 };
-var lightLayout = {};
+var lightLayout = {
+  hoverOpacity: ".8"
+};
 var darkLayout = {
+  hoverOpacity: ".9",
   boxShadow: {
     small: "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
     medium: "0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
@@ -760,6 +774,9 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
         });
       } else {
         const layoutVariable = `--${prefix}-${key}`;
+        if (layoutVariable.includes("opacity") && typeof value === "number") {
+          value = value.toString().replace(/^0\./, ".");
+        }
         resolved.utilities[cssSelector][layoutVariable] = value;
       }
     });
@@ -806,7 +823,8 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
             ...resolved.colors
           },
           scale: {
-            "80": "0.8"
+            "80": "0.8",
+            "85": "0.85"
           },
           height: {
             divider: `var(--${prefix}-divider-weight)`
@@ -836,6 +854,7 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
             large: `var(--${prefix}-radius-large)`
           },
           opacity: {
+            hover: `var(--${prefix}-hover-opacity)`,
             disabled: `var(--${prefix}-disabled-opacity)`
           },
           borderWidth: {

package/dist/plugin.mjs

@@ -1,18 +1,18 @@
 import {
   nextui
-} from "./chunk-RYOZQSNI.mjs";
-import "./chunk-NW5W5ANO.mjs";
-import "./chunk-Y32IWEMZ.mjs";
-import "./chunk-KPK2JQIF.mjs";
+} from "./chunk-6XG3Y4GM.mjs";
+import "./chunk-S7W5DQP2.mjs";
 import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
-import "./chunk-T7JNS25F.mjs";
+import "./chunk-G3PB7L4N.mjs";
+import "./chunk-DGMET46Q.mjs";
+import "./chunk-XHQUSKIE.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-QZTWGJ72.mjs";
 import "./chunk-G4RCK475.mjs";
 import "./chunk-KUNVFLXJ.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-7MCHEQXT.mjs";
+import "./chunk-VZI6SR6H.mjs";
 import "./chunk-WA5F6AED.mjs";
 import "./chunk-DMASP6FA.mjs";
 import "./chunk-IAS3SFA4.mjs";

package/dist/types.d.ts

@@ -66,6 +66,14 @@ interface LayoutTheme {
      * @default .5
      */
     disabledOpacity?: string | number;
+    /**
+     * A number between 0 and 1 that is applied as opacity-[value] when the component is hovered.
+     *
+     * format: ".[value]"
+     *
+     * @default .8
+     */
+    hoverOpacity?: string | number;
     /**
      * The default height applied to the divider component.
      * we recommend to use `px` units.

package/dist/utilities/index.d.ts

@@ -53,6 +53,11 @@ declare const utilities: {
         "transition-timing-function": string;
         "transition-duration": string;
     };
+    ".transition-size": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
     ".transition-left": {
         "transition-property": string;
         "transition-timing-function": string;
@@ -83,6 +88,11 @@ declare const utilities: {
         "transition-timing-function": string;
         "transition-duration": string;
     };
+    ".transition-transform-colors-opacity": {
+        " transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
     ".leading-inherit": {
         "line-height": string;
     };

package/dist/utilities/index.js

@@ -67,6 +67,11 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-size": {
+    "transition-property": "width, height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",
@@ -96,6 +101,11 @@ var transition_default = {
     " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors-opacity": {
+    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
   }
 };
 

package/dist/utilities/index.mjs

@@ -1,9 +1,9 @@
 import {
   utilities
-} from "../chunk-Y32IWEMZ.mjs";
-import "../chunk-KPK2JQIF.mjs";
+} from "../chunk-S7W5DQP2.mjs";
 import "../chunk-DI2L75XK.mjs";
 import "../chunk-4Z22WXZX.mjs";
+import "../chunk-G3PB7L4N.mjs";
 export {
   utilities
 };

package/dist/utilities/transition.d.ts

@@ -42,6 +42,11 @@ declare const _default: {
         "transition-timing-function": string;
         "transition-duration": string;
     };
+    ".transition-size": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
     ".transition-left": {
         "transition-property": string;
         "transition-timing-function": string;
@@ -72,6 +77,11 @@ declare const _default: {
         "transition-timing-function": string;
         "transition-duration": string;
     };
+    ".transition-transform-colors-opacity": {
+        " transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
 };
 
 export { _default as default };

package/dist/utilities/transition.js

@@ -65,6 +65,11 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-size": {
+    "transition-property": "width, height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",
@@ -94,6 +99,11 @@ var transition_default = {
     " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors-opacity": {
+    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/utilities/transition.mjs

@@ -1,6 +1,6 @@
 import {
   transition_default
-} from "../chunk-KPK2JQIF.mjs";
+} from "../chunk-G3PB7L4N.mjs";
 export {
   transition_default as default
 };

package/dist/utils/classes.d.ts

@@ -18,5 +18,17 @@ declare const ringClasses: string[];
  */
 declare const translateCenterClasses: string[];
 declare const absoluteFullClasses: string[];
+/**
+ * This object defines CSS classes for collapsing adjacent variant borders.
+ * It includes classes for different variants like default, primary, secondary, etc.
+ */
+declare const collapseAdjacentVariantBorders: {
+    default: string[];
+    primary: string[];
+    secondary: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+};
 
-export { absoluteFullClasses, baseStyles, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses };
+export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses };

package/dist/utils/classes.js

@@ -22,6 +22,7 @@ var classes_exports = {};
 __export(classes_exports, {
   absoluteFullClasses: () => absoluteFullClasses,
   baseStyles: () => baseStyles,
+  collapseAdjacentVariantBorders: () => collapseAdjacentVariantBorders,
   dataFocusVisibleClasses: () => dataFocusVisibleClasses,
   focusVisibleClasses: () => focusVisibleClasses,
   groupDataFocusVisibleClasses: () => groupDataFocusVisibleClasses,
@@ -69,10 +70,19 @@ var translateCenterClasses = [
   "-translate-y-1/2"
 ];
 var absoluteFullClasses = ["absolute", "inset-0"];
+var collapseAdjacentVariantBorders = {
+  default: ["[&+.border-medium.border-default]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  primary: ["[&+.border-medium.border-primary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  secondary: ["[&+.border-medium.border-secondary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  success: ["[&+.border-medium.border-success]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  warning: ["[&+.border-medium.border-warning]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  danger: ["[&+.border-medium.border-danger]:ms-[calc(theme(borderWidth.medium)*-1)]"]
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   absoluteFullClasses,
   baseStyles,
+  collapseAdjacentVariantBorders,
   dataFocusVisibleClasses,
   focusVisibleClasses,
   groupDataFocusVisibleClasses,

package/dist/utils/classes.mjs

@@ -1,15 +1,17 @@
 import {
   absoluteFullClasses,
   baseStyles,
+  collapseAdjacentVariantBorders,
   dataFocusVisibleClasses,
   focusVisibleClasses,
   groupDataFocusVisibleClasses,
   ringClasses,
   translateCenterClasses
-} from "../chunk-T7JNS25F.mjs";
+} from "../chunk-XHQUSKIE.mjs";
 export {
   absoluteFullClasses,
   baseStyles,
+  collapseAdjacentVariantBorders,
   dataFocusVisibleClasses,
   focusVisibleClasses,
   groupDataFocusVisibleClasses,

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
-export { absoluteFullClasses, baseStyles, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './classes.js';
+export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './classes.js';
 export { SlotsToClasses } from './types.js';
 export { colorVariants } from './variants.js';
 import 'tailwind-variants';

package/dist/utils/index.js

@@ -22,6 +22,7 @@ var utils_exports = {};
 __export(utils_exports, {
   absoluteFullClasses: () => absoluteFullClasses,
   baseStyles: () => baseStyles,
+  collapseAdjacentVariantBorders: () => collapseAdjacentVariantBorders,
   colorVariants: () => colorVariants,
   dataFocusVisibleClasses: () => dataFocusVisibleClasses,
   focusVisibleClasses: () => focusVisibleClasses,
@@ -72,6 +73,14 @@ var translateCenterClasses = [
   "-translate-y-1/2"
 ];
 var absoluteFullClasses = ["absolute", "inset-0"];
+var collapseAdjacentVariantBorders = {
+  default: ["[&+.border-medium.border-default]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  primary: ["[&+.border-medium.border-primary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  secondary: ["[&+.border-medium.border-secondary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  success: ["[&+.border-medium.border-success]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  warning: ["[&+.border-medium.border-warning]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  danger: ["[&+.border-medium.border-danger]:ms-[calc(theme(borderWidth.medium)*-1)]"]
+};
 
 // src/utils/variants.ts
 var solid = {
@@ -150,6 +159,7 @@ var colorVariants = {
 0 && (module.exports = {
   absoluteFullClasses,
   baseStyles,
+  collapseAdjacentVariantBorders,
   colorVariants,
   dataFocusVisibleClasses,
   focusVisibleClasses,

package/dist/utils/index.mjs

@@ -6,15 +6,17 @@ import {
 import {
   absoluteFullClasses,
   baseStyles,
+  collapseAdjacentVariantBorders,
   dataFocusVisibleClasses,
   focusVisibleClasses,
   groupDataFocusVisibleClasses,
   ringClasses,
   translateCenterClasses
-} from "../chunk-T7JNS25F.mjs";
+} from "../chunk-XHQUSKIE.mjs";
 export {
   absoluteFullClasses,
   baseStyles,
+  collapseAdjacentVariantBorders,
   colorVariants,
   dataFocusVisibleClasses,
   focusVisibleClasses,

package/dist/utils/theme.js

@@ -81,6 +81,7 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/theme.ts
 var isBaseTheme = (theme) => theme === "light" || theme === "dark";
+var ROOT_FONT_SIZE = 16;
 var baseScale = [1, 2, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18];
 var extendedScale = [20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
 var generateSpacingScale = (spacingUnit) => {
@@ -101,7 +102,7 @@ var generateSpacingScale = (spacingUnit) => {
   };
   const scale = { 0: "0px" };
   Object.entries(scaleLabels).forEach(([label, multiplier]) => {
-    scale[label] = multiplier ? `${spacingUnit * multiplier}px` : `${spacingUnit}px`;
+    scale[label] = multiplier ? `${spacingUnit * multiplier / ROOT_FONT_SIZE}rem` : `${spacingUnit / ROOT_FONT_SIZE}rem`;
   });
   baseScale.forEach((i) => {
     let key = `${i}`;
@@ -109,11 +110,11 @@ var generateSpacingScale = (spacingUnit) => {
       const [first, second] = key.split(".");
       key = `${first}_${second}`;
     }
-    scale[key] = `${spacingUnit * i}px`;
+    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
   });
   extendedScale.forEach((i) => {
     const key = `${i}`;
-    scale[key] = `${spacingUnit * i}px`;
+    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
   });
   return scale;
 };

package/dist/utils/theme.mjs

@@ -2,7 +2,7 @@ import {
   createSpacingUnits,
   generateSpacingScale,
   isBaseTheme
-} from "../chunk-NW5W5ANO.mjs";
+} from "../chunk-DGMET46Q.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   createSpacingUnits,

package/dist/utils/tv.d.ts

@@ -1,5 +1,5 @@
-import { TV } from 'tailwind-variants';
+import * as tailwind_variants from 'tailwind-variants';
 
-declare const tv: TV;
+declare const tv: tailwind_variants.TV;
 
 export { tv };