@nextui-org/theme 2.1.18 → 2.2.0

package/dist/index.mjs

@@ -1,125 +1,135 @@
-import "./chunk-T6HAGWX5.mjs";
+import "./chunk-UVXYPGDZ.mjs";
+import {
+  tabs
+} from "./chunk-SEKJ6A6T.mjs";
+import {
+  toggle
+} from "./chunk-7ODIBITJ.mjs";
+import {
+  user
+} from "./chunk-NAUU2OUH.mjs";
+import {
+  scrollShadow
+} from "./chunk-ECP4S2VZ.mjs";
+import {
+  select
+} from "./chunk-CTY7IP65.mjs";
+import {
+  skeleton
+} from "./chunk-AO2AAOEJ.mjs";
 import {
   slider
-} from "./chunk-Y5VJSYKV.mjs";
+} from "./chunk-GMUSZ3YF.mjs";
 import {
   snippet
-} from "./chunk-B55QBA5E.mjs";
+} from "./chunk-FRI2VDCA.mjs";
 import {
   spacer
-} from "./chunk-EC4F6RJF.mjs";
+} from "./chunk-W6DVXJB3.mjs";
 import {
   spinner
-} from "./chunk-NAY2XKLY.mjs";
+} from "./chunk-PSEUPXFL.mjs";
 import {
   table
-} from "./chunk-ZWJMJMVY.mjs";
-import {
-  tabs
-} from "./chunk-777XXWYS.mjs";
+} from "./chunk-KVPPQD2E.mjs";
+import "./chunk-YJLQTC7L.mjs";
 import {
-  toggle
-} from "./chunk-WODEC7EF.mjs";
+  menu,
+  menuItem,
+  menuSection
+} from "./chunk-CUUGEIPA.mjs";
 import {
-  user
-} from "./chunk-2SNOAR5H.mjs";
+  modal
+} from "./chunk-IP3D7KVB.mjs";
 import {
   navbar
-} from "./chunk-LENRVMCD.mjs";
+} from "./chunk-OQIS4MXV.mjs";
 import {
   pagination
-} from "./chunk-SPRRISBY.mjs";
+} from "./chunk-RNAP5C4C.mjs";
 import {
   popover
-} from "./chunk-FHNC7F3W.mjs";
+} from "./chunk-HGSHFC5N.mjs";
 import {
   progress
-} from "./chunk-LQGOKGQV.mjs";
+} from "./chunk-524WVPFR.mjs";
 import {
   radio,
   radioGroup
-} from "./chunk-PXVLYT7W.mjs";
+} from "./chunk-7ELFOVMX.mjs";
 import {
-  scrollShadow
-} from "./chunk-4JBYJQSP.mjs";
+  divider
+} from "./chunk-UODOTC2G.mjs";
 import {
-  select
-} from "./chunk-5EJVI4V3.mjs";
+  drip
+} from "./chunk-AGUZRGXC.mjs";
 import {
-  skeleton
-} from "./chunk-U4EMZ2CQ.mjs";
+  dropdown,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSection
+} from "./chunk-4ZM6AI3H.mjs";
 import {
   image
-} from "./chunk-WBNF66V7.mjs";
+} from "./chunk-LDBYFTHC.mjs";
 import {
   input
-} from "./chunk-GOHT67J3.mjs";
+} from "./chunk-MUWHEIW6.mjs";
 import {
   kbd
-} from "./chunk-XY766PDD.mjs";
+} from "./chunk-3FZU25GR.mjs";
 import {
   link,
   linkAnchorClasses
-} from "./chunk-Q3TEEYQJ.mjs";
-import "./chunk-YJLQTC7L.mjs";
-import {
-  menu,
-  menuItem,
-  menuSection
-} from "./chunk-DXTDUHS5.mjs";
+} from "./chunk-JQTFOIV7.mjs";
 import {
-  modal
-} from "./chunk-EGP3AT4R.mjs";
+  calendar
+} from "./chunk-BHDPFX6P.mjs";
 import {
   card
-} from "./chunk-TDMF44G6.mjs";
+} from "./chunk-X7N3NQ6S.mjs";
 import {
   checkbox,
   checkboxGroup
-} from "./chunk-QYW2VWAB.mjs";
+} from "./chunk-NYSEAAK5.mjs";
 import {
   chip
-} from "./chunk-NVOA7VPK.mjs";
+} from "./chunk-AC6F4DT6.mjs";
 import {
   circularProgress
-} from "./chunk-XPLXQDB3.mjs";
+} from "./chunk-WAAJG22Y.mjs";
 import {
   code
-} from "./chunk-77O7KLUI.mjs";
+} from "./chunk-V5ZTBGGO.mjs";
 import {
-  divider
-} from "./chunk-YSXRNNDV.mjs";
+  dateInput
+} from "./chunk-7TJINK3S.mjs";
 import {
-  drip
-} from "./chunk-GNLIYZAQ.mjs";
-import {
-  dropdown,
-  dropdownItem,
-  dropdownMenu,
-  dropdownSection
-} from "./chunk-CVU6I4IJ.mjs";
+  datePicker,
+  dateRangePicker
+} from "./chunk-BLAJANNW.mjs";
 import {
   accordion,
   accordionItem
-} from "./chunk-JBHEJMGV.mjs";
+} from "./chunk-KCOC3H6R.mjs";
 import {
   autocomplete
-} from "./chunk-3BNHFA72.mjs";
+} from "./chunk-AT4OXKKK.mjs";
 import {
   avatar,
   avatarGroup
-} from "./chunk-MUPUMXL7.mjs";
+} from "./chunk-VDRJHB4F.mjs";
 import {
   badge
-} from "./chunk-L37EV5TN.mjs";
+} from "./chunk-S573WUYY.mjs";
 import {
   breadcrumbItem,
   breadcrumbs
-} from "./chunk-RJKUWMDJ.mjs";
+} from "./chunk-6XJJCV76.mjs";
 import {
   button,
   buttonGroup
-} from "./chunk-33DU6C7I.mjs";
+} from "./chunk-I6ESTKKY.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -127,15 +137,15 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   nextui
-} from "./chunk-5QVKTCUZ.mjs";
-import "./chunk-S7W5DQP2.mjs";
+} from "./chunk-YSA7EQBH.mjs";
+import "./chunk-D2XMP2NC.mjs";
+import "./chunk-726LN7M3.mjs";
 import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
-import "./chunk-G3PB7L4N.mjs";
-import "./chunk-DGMET46Q.mjs";
+import "./chunk-HPFX3B3F.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -155,11 +165,8 @@ import {
 } from "./chunk-G4RCK475.mjs";
 import "./chunk-KUNVFLXJ.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-VZI6SR6H.mjs";
-import {
-  mappedSpacingScaleKeys,
-  spacingScaleKeys
-} from "./chunk-WA5F6AED.mjs";
+import "./chunk-HUBDRSA4.mjs";
+import "./chunk-WBQAMGXK.mjs";
 import "./chunk-DMASP6FA.mjs";
 import {
   commonColors
@@ -185,6 +192,7 @@ export {
   breadcrumbs,
   button,
   buttonGroup,
+  calendar,
   card,
   checkbox,
   checkboxGroup,
@@ -196,6 +204,9 @@ export {
   colors,
   commonColors,
   dataFocusVisibleClasses,
+  dateInput,
+  datePicker,
+  dateRangePicker,
   divider,
   drip,
   dropdown,
@@ -212,7 +223,6 @@ export {
   menu as listbox,
   menuItem as listboxItem,
   menuSection as listboxSection,
-  mappedSpacingScaleKeys,
   menu,
   menuItem,
   menuSection,
@@ -232,7 +242,6 @@ export {
   slider,
   snippet,
   spacer,
-  spacingScaleKeys,
   spinner,
   table,
   tabs,

package/dist/plugin.js

@@ -425,31 +425,11 @@ var animations = {
 // src/utilities/transition.ts
 var DEFAULT_TRANSITION_DURATION = "250ms";
 var transition_default = {
-  ".transition-all": {
-    "transition-property": "all",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-background": {
     "transition-property": "background",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-colors": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-opacity": {
-    "transition-property": "opacity",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-colors-opacity": {
     "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
     "transition-timing-function": "ease",
@@ -475,16 +455,6 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition-shadow": {
-    "transition-property": "box-shadow",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-transform": {
-    "transition-property": "transform",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-transform-opacity": {
     "transition-property": "transform, opacity",
     "transition-timing-function": "ease",
@@ -551,118 +521,13 @@ var utilities = {
   ...scrollbar_hide_default
 };
 
-// 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/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) => {
-  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 / ROOT_FONT_SIZE}rem` : `${spacingUnit / ROOT_FONT_SIZE}rem`;
-  });
-  baseScale.forEach((i) => {
-    let key = `${i}`;
-    if (key.includes(".")) {
-      const [first, second] = key.split(".");
-      key = `${first}_${second}`;
-    }
-    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
-  });
-  extendedScale.forEach((i) => {
-    const key = `${i}`;
-    scale[key] = `${spacingUnit * i / ROOT_FONT_SIZE}rem`;
-  });
-  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;
-}
 
 // src/default-layout.ts
 var defaultLayout = {
-  spacingUnit: 4,
-  disabledOpacity: ".5",
   dividerWeight: "1px",
+  disabledOpacity: ".5",
   fontSize: {
     tiny: "0.75rem",
     small: "0.875rem",
@@ -737,7 +602,7 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
       if (!colorValue)
         return;
       try {
-        const parsedColor = parsedColorsCache[colorValue] || (0, import_color.default)(colorValue).hsl().round().array();
+        const parsedColor = parsedColorsCache[colorValue] || (0, import_color.default)(colorValue).hsl().round(2).array();
         parsedColorsCache[colorValue] = parsedColor;
         const [h, s, l, defaultAlphaValue] = parsedColor;
         const nextuiColorVariable = `--${prefix}-${colorName}`;
@@ -769,17 +634,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;
       }
     }
   }
@@ -787,24 +643,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 (0, import_plugin.default)(
     ({ addBase, addUtilities, addVariant }) => {
       addBase({
@@ -834,16 +672,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)`],
@@ -879,7 +707,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/plugin.mjs

@@ -1,19 +1,18 @@
 import {
   nextui
-} from "./chunk-5QVKTCUZ.mjs";
-import "./chunk-S7W5DQP2.mjs";
+} from "./chunk-YSA7EQBH.mjs";
+import "./chunk-D2XMP2NC.mjs";
+import "./chunk-726LN7M3.mjs";
 import "./chunk-DI2L75XK.mjs";
 import "./chunk-4Z22WXZX.mjs";
-import "./chunk-G3PB7L4N.mjs";
-import "./chunk-DGMET46Q.mjs";
+import "./chunk-HPFX3B3F.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-VZI6SR6H.mjs";
-import "./chunk-WA5F6AED.mjs";
+import "./chunk-HUBDRSA4.mjs";
 import "./chunk-DMASP6FA.mjs";
 import "./chunk-IAS3SFA4.mjs";
 import "./chunk-JUEOCLA3.mjs";

package/dist/types.d.ts

@@ -9,17 +9,7 @@ type BaseThemeUnit = {
 type FontThemeUnit = BaseThemeUnit & {
     tiny?: string;
 };
-declare const spacingScaleKeys: string[];
-declare const mappedSpacingScaleKeys: string[];
-type SpacingScaleKeys = (typeof spacingScaleKeys)[number];
-type SpacingScale = Partial<Record<SpacingScaleKeys, string>>;
 interface LayoutTheme {
-    /**
-     * Base unit token that defines a consistent spacing scale across the components.
-     *
-     * @default 4 (px)
-     */
-    spacingUnit?: number;
     /**
      * The default font size applied across the components.
      *
@@ -145,4 +135,4 @@ type NextUIPluginConfig = {
     defaultExtendTheme?: DefaultThemeType;
 };
 
-export { BaseThemeUnit, ConfigTheme, ConfigThemes, DefaultThemeType, FontThemeUnit, LayoutTheme, NextUIPluginConfig, SpacingScale, SpacingScaleKeys, mappedSpacingScaleKeys, spacingScaleKeys };
+export { BaseThemeUnit, ConfigTheme, ConfigThemes, DefaultThemeType, FontThemeUnit, LayoutTheme, NextUIPluginConfig };

package/dist/types.js

@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -19,64 +15,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/types.ts
 var types_exports = {};
-__export(types_exports, {
-  mappedSpacingScaleKeys: () => mappedSpacingScaleKeys,
-  spacingScaleKeys: () => spacingScaleKeys
-});
 module.exports = __toCommonJS(types_exports);
-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}`);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  mappedSpacingScaleKeys,
-  spacingScaleKeys
-});

package/dist/types.mjs

@@ -1,8 +1 @@
-import {
-  mappedSpacingScaleKeys,
-  spacingScaleKeys
-} from "./chunk-WA5F6AED.mjs";
-export {
-  mappedSpacingScaleKeys,
-  spacingScaleKeys
-};
+import "./chunk-WBQAMGXK.mjs";

package/dist/utilities/index.d.ts

@@ -13,31 +13,11 @@ declare const utilities: {
             display: string;
         };
     };
-    ".transition-all": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
     ".transition-background": {
         "transition-property": string;
         "transition-timing-function": string;
         "transition-duration": string;
     };
-    ".transition": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-colors": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
     ".transition-colors-opacity": {
         "transition-property": string;
         "transition-timing-function": string;
@@ -63,16 +43,6 @@ declare const utilities: {
         "transition-timing-function": string;
         "transition-duration": string;
     };
-    ".transition-shadow": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
     ".transition-transform-opacity": {
         "transition-property": string;
         "transition-timing-function": string;