@nextui-org/theme 0.0.0-dev-v2-20230706030638 → 0.0.0-dev-v2-20230707003639

package/dist/{chunk-MBMVULBL.mjs → chunk-2743AVRX.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-W6DVXJB3.mjs → chunk-2F6XVFNG.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/spacer.ts
 var spacer = tv({

package/dist/{chunk-PSEUPXFL.mjs → chunk-3FPSND7Y.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/spinner.ts
 var spinner = tv({

package/dist/{chunk-K7J53FGN.mjs → chunk-3PXNVHIV.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses,
   translateCenterClasses

package/dist/{chunk-WAAJG22Y.mjs → chunk-4KW5BSMS.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/circular-progress.ts
 var circularProgress = tv({

package/dist/{chunk-LDBYFTHC.mjs → chunk-5KVXZCV5.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/image.ts
 var image = tv({

package/dist/{chunk-UODOTC2G.mjs → chunk-5KZVRSWU.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/divider.ts
 var divider = tv({

package/dist/{chunk-ETX5K2PY.mjs → chunk-65C2OLPQ.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 import {
   ringClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-JKWIX3WW.mjs → chunk-7IAKEIIF.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-AGUZRGXC.mjs → chunk-AUEC3MBX.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/drip.ts
 var drip = tv({

package/dist/{chunk-RVVPQOCN.mjs → chunk-BF7L7DAN.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-OFWUJFG6.mjs → chunk-CLQQQIUB.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-SQCHLZL7.mjs → chunk-CNRS36CD.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses,
   groupDataFocusVisibleClasses

package/dist/{chunk-QMVL7T5G.mjs → chunk-CWKXWCSG.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-UZZPYFGR.mjs → chunk-DNEMDRDM.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";
@@ -35,7 +35,6 @@ var accordionItem = tv({
     heading: "",
     trigger: [
       "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
-      "data-[pressed=true]:opacity-disabled",
       ...dataFocusVisibleClasses
     ],
     startContent: "flex-shrink-0",

package/dist/{chunk-GZVAQ5VD.mjs → chunk-EPRBHGUM.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/snippet.ts
 var snippet = tv({

package/dist/{chunk-5E5D6JLO.mjs → chunk-G4RCK475.mjs}

@@ -1,9 +1,9 @@
-import {
-  commonColors
-} from "./chunk-NTTT6BHX.mjs";
 import {
   swapColorValues
 } from "./chunk-KUNVFLXJ.mjs";
+import {
+  commonColors
+} from "./chunk-IAS3SFA4.mjs";
 
 // src/colors/semantic.ts
 import { readableColor } from "color2k";

package/dist/{chunk-GCKY7FII.mjs → chunk-GQA532YJ.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-NXGPICRI.mjs → chunk-HI7JD7LI.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-LXHWZ5PE.mjs → chunk-HK6FLMPL.mjs}

@@ -1,5 +1,6 @@
 // src/default-layout.ts
 var defaultLayout = {
+  spacingUnit: 4,
   disabledOpacity: ".5",
   dividerWeight: "1px",
   fontSize: {

package/dist/{chunk-5LSACMFO.mjs → chunk-HM7DVYU6.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/code.ts
 var code = tv({

package/dist/{chunk-QA5I3ZAL.mjs → chunk-IFPTEK2Y.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-CJRYUKCX.mjs → chunk-K7DMXP26.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-524WVPFR.mjs → chunk-KYJT42RN.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/progress.ts
 var progress = tv(

package/dist/{chunk-K2ENZAOR.mjs → chunk-LUKNKAXA.mjs}

@@ -1,15 +1,17 @@
+import {
+  createSpacingUnits,
+  generateSpacingScale,
+  isBaseTheme
+} from "./chunk-XA5ALA4E.mjs";
 import {
   utilities
 } from "./chunk-UNQJ7BRW.mjs";
 import {
-  isBaseTheme
-} from "./chunk-D2XMP2NC.mjs";
+  baseStyles
+} from "./chunk-G2ZSNGR5.mjs";
 import {
   semanticColors
-} from "./chunk-5E5D6JLO.mjs";
-import {
-  commonColors
-} from "./chunk-NTTT6BHX.mjs";
+} from "./chunk-G4RCK475.mjs";
 import {
   flattenThemeObject
 } from "./chunk-KUNVFLXJ.mjs";
@@ -18,13 +20,13 @@ import {
   defaultLayout,
   layouts,
   lightLayout
-} from "./chunk-LXHWZ5PE.mjs";
+} from "./chunk-HK6FLMPL.mjs";
 import {
   animations
 } from "./chunk-DMASP6FA.mjs";
 import {
-  baseStyles
-} from "./chunk-G2ZSNGR5.mjs";
+  commonColors
+} from "./chunk-IAS3SFA4.mjs";
 
 // src/plugin.ts
 import Color from "color";
@@ -89,6 +91,14 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
           const layoutVariable = `--${prefix}-${key}-${k}`;
           resolved.utilities[cssSelector][layoutVariable] = v;
         });
+      } else if (key === "spacing-unit") {
+        const layoutVariable = `--${prefix}-${key}`;
+        resolved.utilities[cssSelector][layoutVariable] = value;
+        const spacingScale = generateSpacingScale(Number(value));
+        forEach(spacingScale, (v, k) => {
+          const layoutVariable2 = `--${prefix}-${key}-${k}`;
+          resolved.utilities[cssSelector][layoutVariable2] = v;
+        });
       } else {
         const layoutVariable = `--${prefix}-${key}`;
         resolved.utilities[cssSelector][layoutVariable] = value;
@@ -124,20 +134,27 @@ var corePlugin = (themes = {}, defaultTheme, prefix, omitCommonColors) => {
           width: {
             divider: `var(--${prefix}-divider-weight)`
           },
+          spacing: {
+            unit: `var(--${prefix}-spacing-unit)`,
+            ...createSpacingUnits(prefix)
+          },
           minWidth: {
-            1: "0.25rem",
-            2: "0.5rem",
-            3: "0.75rem",
-            "3.5": "0.875rem",
-            4: "1rem",
-            5: "1.25rem",
-            6: "1.5rem",
-            7: "1.75rem",
-            8: "2rem",
-            9: "2.25rem",
-            10: "2.5rem",
-            11: "2.75rem",
-            12: "3rem"
+            "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)`
           },
           fontSize: {
             tiny: [`var(--${prefix}-font-size-tiny)`, `var(--${prefix}-line-height-tiny)`],

package/dist/{chunk-NHCMORGO.mjs → chunk-ODPWKAVD.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-Y6DYRIUN.mjs → chunk-OOFFFIO2.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-DPUIOS3A.mjs → chunk-QZTWGJ72.mjs}

@@ -1,9 +1,9 @@
 import {
   semanticColors
-} from "./chunk-5E5D6JLO.mjs";
+} from "./chunk-G4RCK475.mjs";
 import {
   commonColors
-} from "./chunk-NTTT6BHX.mjs";
+} from "./chunk-IAS3SFA4.mjs";
 
 // src/colors/index.ts
 var colors = {

package/dist/{chunk-2OJQTQ24.mjs → chunk-TRZLWKEX.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";
@@ -40,9 +40,9 @@ var button = tv({
       ghost: "border-medium bg-transparent"
     },
     size: {
-      sm: "px-3 min-w-[4rem] h-8 text-small gap-2 rounded-small",
-      md: "px-4 min-w-[5rem] h-10 text-small gap-2 rounded-medium",
-      lg: "px-6 min-w-[6rem] h-12 text-medium gap-3 rounded-large"
+      sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small",
+      md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium",
+      lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large"
     },
     color: {
       default: "",
@@ -72,8 +72,8 @@ var button = tv({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "px-0 !gap-0",
-      false: "[&>svg]:max-w-[2em]"
+      true: "px-unit-0 !gap-unit-0",
+      false: "[&>svg]:max-w-[theme(spacing.unit-8]"
     },
     disableAnimation: {
       true: "!transition-none",
@@ -324,22 +324,22 @@ var button = tv({
     {
       isInGroup: true,
       variant: ["bordered", "ghost"],
-      class: "[&:not(:first-child)]:ml-[calc(theme(borderWidth.2)*-1)]"
+      class: "[&:not(:first-child)]:ml-[calc(theme(borderWidth.medium)*-1)]"
     },
     {
       isIconOnly: true,
       size: "sm",
-      class: "min-w-8 w-8 h-8"
+      class: "min-w-unit-8 w-unit-8 h-unit-8"
     },
     {
       isIconOnly: true,
       size: "md",
-      class: "min-w-10 w-10 h-10"
+      class: "min-w-unit-10 w-unit-10 h-unit-10"
     },
     {
       isIconOnly: true,
       size: "lg",
-      class: "min-w-12 w-12 h-12"
+      class: "min-w-unit-12 w-unit-12 h-unit-12"
     }
   ]
 });

package/dist/{chunk-L7XBTQSM.mjs → chunk-U27H53NM.mjs}

@@ -1,9 +1,9 @@
-import {
-  tv
-} from "./chunk-GMMETTYU.mjs";
 import {
   colorVariants
 } from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/badge.ts
 var badge = tv({

package/dist/{chunk-IWEUZYJF.mjs → chunk-UHGUD5JU.mjs}

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

package/dist/{chunk-GMMETTYU.mjs → chunk-UX2EEVVM.mjs}

@@ -1,3 +1,7 @@
+import {
+  mappedSpacingScaleKeys
+} from "./chunk-WA5F6AED.mjs";
+
 // src/utils/tv.ts
 import { tv as tvBase } from "tailwind-variants";
 var COMMON_UNITS = ["small", "medium", "large"];
@@ -11,7 +15,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider"],
+        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },

package/dist/chunk-WA5F6AED.mjs

@@ -0,0 +1,57 @@
+// 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}`);
+
+export {
+  spacingScaleKeys,
+  mappedSpacingScaleKeys
+};

package/dist/chunk-XA5ALA4E.mjs

@@ -0,0 +1,62 @@
+import {
+  spacingScaleKeys
+} from "./chunk-WA5F6AED.mjs";
+
+// src/utils/theme.ts
+var isBaseTheme = (theme) => theme === "light" || theme === "dark";
+var baseScale = [1, 2, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+var extendedScale = [20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
+var generateSpacingScale = (spacingUnit) => {
+  const scaleLabels = {
+    xs: 2,
+    sm: 3,
+    md: 4,
+    lg: 5.5,
+    xl: 9,
+    "2xl": 12,
+    "3xl": 20,
+    "4xl": 30,
+    "5xl": 56,
+    "6xl": 72,
+    "7xl": 96,
+    "8xl": 128,
+    "9xl": 160
+  };
+  const scale = { 0: "0px" };
+  Object.entries(scaleLabels).forEach(([label, multiplier]) => {
+    scale[label] = multiplier ? `${spacingUnit * multiplier}px` : `${spacingUnit}px`;
+  });
+  baseScale.forEach((i) => {
+    let key = `${i}`;
+    if (key.includes(".")) {
+      const [first, second] = key.split(".");
+      key = `${first}_${second}`;
+    }
+    scale[key] = `${spacingUnit * i}px`;
+  });
+  extendedScale.forEach((i) => {
+    const key = `${i}`;
+    scale[key] = `${spacingUnit * i}px`;
+  });
+  return scale;
+};
+function createSpacingUnits(prefix) {
+  let result = spacingScaleKeys.reduce((acc, key) => {
+    let value = `var(--${prefix}-spacing-unit-${key})`;
+    if (key.includes(".")) {
+      const [first, second] = key.split(".");
+      value = `var(--${prefix}-spacing-unit-${first}_${second})`;
+    }
+    return {
+      ...acc,
+      [`unit-${key}`]: value
+    };
+  }, {});
+  return result;
+}
+
+export {
+  isBaseTheme,
+  generateSpacingScale,
+  createSpacingUnits
+};

package/dist/{chunk-ICPFKWB4.mjs → chunk-Y7SYYSA5.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 
 // src/components/kbd.ts
 var kbd = tv({

package/dist/{chunk-TXDV4YYI.mjs → chunk-YHUCLCWM.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/{chunk-FJYKXAF3.mjs → chunk-YQFJ7SOU.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-UX2EEVVM.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-G2ZSNGR5.mjs";

package/dist/colors/common.mjs

@@ -1,14 +1,14 @@
 import {
   commonColors
-} from "../chunk-NTTT6BHX.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
-import "../chunk-YZYGFPNK.mjs";
+} from "../chunk-IAS3SFA4.mjs";
 import "../chunk-JUEOCLA3.mjs";
 import "../chunk-3LKKH4AR.mjs";
-import "../chunk-GHZ36ATJ.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
+import "../chunk-YZYGFPNK.mjs";
+import "../chunk-GHZ36ATJ.mjs";
 export {
   commonColors
 };