@nextui-org/theme 2.3.0-beta.8 → 2.3.0

package/dist/index.mjs

@@ -15,8 +15,9 @@ import {
   user
 } from "./chunk-GMZHMFEU.mjs";
 import {
+  circularProgress,
   progress
-} from "./chunk-IZOPFGDE.mjs";
+} from "./chunk-6KWI4IHE.mjs";
 import {
   radio,
   radioGroup
@@ -26,7 +27,7 @@ import {
 } from "./chunk-AN5I7NTT.mjs";
 import {
   select
-} from "./chunk-3ANIDDEW.mjs";
+} from "./chunk-IDHWVJY2.mjs";
 import {
   skeleton
 } from "./chunk-OAHW4NON.mjs";
@@ -51,7 +52,7 @@ import {
   menu,
   menuItem,
   menuSection
-} from "./chunk-K6KPB2U5.mjs";
+} from "./chunk-PTCUE3XA.mjs";
 import {
   modal
 } from "./chunk-N67DL6BW.mjs";
@@ -64,10 +65,6 @@ import {
 import {
   popover
 } from "./chunk-HHK47K4W.mjs";
-import {
-  datePicker,
-  dateRangePicker
-} from "./chunk-QFGVVQRM.mjs";
 import {
   divider
 } from "./chunk-AXSF7SRE.mjs";
@@ -86,9 +83,12 @@ import {
 import {
   image
 } from "./chunk-TOQXZATI.mjs";
+import {
+  inputOtp
+} from "./chunk-6CPZ7K75.mjs";
 import {
   input
-} from "./chunk-MXL6JCUG.mjs";
+} from "./chunk-KOCBDPPO.mjs";
 import {
   button,
   buttonGroup
@@ -106,15 +106,16 @@ import {
 import {
   chip
 } from "./chunk-5VB7JNVX.mjs";
-import {
-  circularProgress
-} from "./chunk-AUN4SP2F.mjs";
 import {
   code
 } from "./chunk-JE6SPRGQ.mjs";
 import {
   dateInput
-} from "./chunk-HNRFZTEX.mjs";
+} from "./chunk-TK7HBD3N.mjs";
+import {
+  datePicker,
+  dateRangePicker
+} from "./chunk-QFGVVQRM.mjs";
 import {
   accordion,
   accordionItem
@@ -124,7 +125,7 @@ import {
 } from "./chunk-MO6TCUI5.mjs";
 import {
   autocomplete
-} from "./chunk-2TAKWWRG.mjs";
+} from "./chunk-ZZ2VSLD6.mjs";
 import {
   avatar,
   avatarGroup
@@ -136,13 +137,16 @@ import {
   breadcrumbItem,
   breadcrumbs
 } from "./chunk-KZ2I3V4D.mjs";
-import "./chunk-IV3K5WDK.mjs";
+import "./chunk-CWYZ2GEH.mjs";
 import {
   colorVariants
 } from "./chunk-GQT3YUX3.mjs";
 import {
   cn
 } from "./chunk-46U6G7UJ.mjs";
+import {
+  mergeClasses
+} from "./chunk-AHEUDQZM.mjs";
 import {
   tv
 } from "./chunk-UWE6H66T.mjs";
@@ -239,6 +243,7 @@ export {
   groupDataFocusVisibleClasses,
   image,
   input,
+  inputOtp,
   kbd,
   lightLayout,
   link,
@@ -249,6 +254,7 @@ export {
   menu,
   menuItem,
   menuSection,
+  mergeClasses,
   modal,
   navbar,
   nextui,

package/dist/utils/index.d.ts

@@ -2,6 +2,7 @@ export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFo
 export { SlotsToClasses } from './types.js';
 export { colorVariants } from './variants.js';
 export { COMMON_UNITS, twMergeConfig } from './tw-merge-config.js';
+export { mergeClasses } from './merge-classes.js';
 export { cn } from './cn.js';
 import 'tailwind-variants';
 import 'clsx';

package/dist/utils/index.js

@@ -35,6 +35,7 @@ __export(utils_exports, {
   dataFocusVisibleClasses: () => dataFocusVisibleClasses,
   focusVisibleClasses: () => focusVisibleClasses,
   groupDataFocusVisibleClasses: () => groupDataFocusVisibleClasses,
+  mergeClasses: () => mergeClasses,
   ringClasses: () => ringClasses,
   translateCenterClasses: () => translateCenterClasses,
   twMergeConfig: () => twMergeConfig
@@ -188,6 +189,21 @@ var twMergeConfig = {
   }
 };
 
+// src/utils/merge-classes.ts
+var import_shared_utils = require("@nextui-org/shared-utils");
+var mergeClasses = (itemClasses, itemPropsClasses) => {
+  if (!itemClasses && !itemPropsClasses)
+    return {};
+  const keys = /* @__PURE__ */ new Set([...Object.keys(itemClasses || {}), ...Object.keys(itemPropsClasses || {})]);
+  return Array.from(keys).reduce(
+    (acc, key) => ({
+      ...acc,
+      [key]: (0, import_shared_utils.clsx)(itemClasses == null ? void 0 : itemClasses[key], itemPropsClasses == null ? void 0 : itemPropsClasses[key])
+    }),
+    {}
+  );
+};
+
 // src/utils/cn.ts
 var import_clsx = __toESM(require("clsx"));
 var import_tailwind_merge = require("tailwind-merge");
@@ -206,6 +222,7 @@ function cn(...inputs) {
   dataFocusVisibleClasses,
   focusVisibleClasses,
   groupDataFocusVisibleClasses,
+  mergeClasses,
   ringClasses,
   translateCenterClasses,
   twMergeConfig

package/dist/utils/index.mjs

@@ -1,10 +1,13 @@
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import {
   colorVariants
 } from "../chunk-GQT3YUX3.mjs";
 import {
   cn
 } from "../chunk-46U6G7UJ.mjs";
+import {
+  mergeClasses
+} from "../chunk-AHEUDQZM.mjs";
 import {
   COMMON_UNITS,
   twMergeConfig
@@ -29,6 +32,7 @@ export {
   dataFocusVisibleClasses,
   focusVisibleClasses,
   groupDataFocusVisibleClasses,
+  mergeClasses,
   ringClasses,
   translateCenterClasses,
   twMergeConfig

package/dist/utils/merge-classes.d.ts

@@ -0,0 +1,12 @@
+import { SlotsToClasses } from './types.js';
+import 'tailwind-variants';
+
+/**
+ * Merges two sets of class names for each slot in a component.
+ * @param itemClasses - Base classes for each slot
+ * @param itemPropsClasses - Additional classes from props for each slot
+ * @returns A merged object containing the combined classes for each slot
+ */
+declare const mergeClasses: <T extends SlotsToClasses<string>, P extends SlotsToClasses<string>>(itemClasses?: T | undefined, itemPropsClasses?: P | undefined) => T;
+
+export { mergeClasses };

package/dist/utils/merge-classes.js

@@ -0,0 +1,42 @@
+"use strict";
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/merge-classes.ts
+var merge_classes_exports = {};
+__export(merge_classes_exports, {
+  mergeClasses: () => mergeClasses
+});
+module.exports = __toCommonJS(merge_classes_exports);
+var import_shared_utils = require("@nextui-org/shared-utils");
+var mergeClasses = (itemClasses, itemPropsClasses) => {
+  if (!itemClasses && !itemPropsClasses)
+    return {};
+  const keys = /* @__PURE__ */ new Set([...Object.keys(itemClasses || {}), ...Object.keys(itemPropsClasses || {})]);
+  return Array.from(keys).reduce(
+    (acc, key) => ({
+      ...acc,
+      [key]: (0, import_shared_utils.clsx)(itemClasses == null ? void 0 : itemClasses[key], itemPropsClasses == null ? void 0 : itemPropsClasses[key])
+    }),
+    {}
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mergeClasses
+});

package/dist/utils/merge-classes.mjs

@@ -0,0 +1,6 @@
+import {
+  mergeClasses
+} from "../chunk-AHEUDQZM.mjs";
+export {
+  mergeClasses
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.3.0-beta.8",
+  "version": "2.3.0",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",
@@ -44,7 +44,7 @@
     "clsx": "^1.2.1",
     "tailwind-variants": "^0.1.20",
     "tailwind-merge": "^2.5.2",
-    "@nextui-org/shared-utils": "2.0.9-beta.4"
+    "@nextui-org/shared-utils": "2.0.9"
   },
   "peerDependencies": {
     "tailwindcss": ">=3.4.0"

package/dist/chunk-AUN4SP2F.mjs

@@ -1,89 +0,0 @@
-import {
-  tv
-} from "./chunk-UWE6H66T.mjs";
-
-// src/components/circular-progress.ts
-var circularProgress = tv({
-  slots: {
-    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
-    label: "",
-    svgWrapper: "relative block",
-    svg: "z-0 relative overflow-hidden",
-    track: "h-full stroke-default-300/50",
-    indicator: "h-full stroke-current",
-    value: "absolute font-normal inset-0 flex items-center justify-center"
-  },
-  variants: {
-    color: {
-      default: {
-        svg: "text-default-400"
-      },
-      primary: {
-        svg: "text-primary"
-      },
-      secondary: {
-        svg: "text-secondary"
-      },
-      success: {
-        svg: "text-success"
-      },
-      warning: {
-        svg: "text-warning"
-      },
-      danger: {
-        svg: "text-danger"
-      }
-    },
-    size: {
-      sm: {
-        svg: "w-8 h-8",
-        label: "text-small",
-        value: "text-[0.5rem]"
-      },
-      md: {
-        svg: "w-10 h-10",
-        label: "text-small",
-        value: "text-[0.55rem]"
-      },
-      lg: {
-        svg: "w-12 h-12",
-        label: "text-medium",
-        value: "text-[0.6rem]"
-      }
-    },
-    isIndeterminate: {
-      true: {
-        svg: "animate-spinner-ease-spin"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: "opacity-disabled cursor-not-allowed"
-      }
-    },
-    disableAnimation: {
-      true: {},
-      false: {
-        indicator: "transition-all !duration-500"
-      }
-    }
-  },
-  defaultVariants: {
-    color: "primary",
-    size: "md",
-    isDisabled: false
-  },
-  compoundVariants: [
-    {
-      disableAnimation: true,
-      isIndeterminate: false,
-      class: {
-        svg: "!transition-none motion-reduce:transition-none"
-      }
-    }
-  ]
-});
-
-export {
-  circularProgress
-};