@heroui/card 2.2.25 → 2.2.26

package/dist/card-body.js

@@ -26,7 +26,7 @@ __export(card_body_exports, {
 module.exports = __toCommonJS(card_body_exports);
 var import_system = require("@heroui/system");
 var import_react_utils2 = require("@heroui/react-utils");
-var import_shared_utils = require("@heroui/shared-utils");
+var import_theme = require("@heroui/theme");
 
 // src/card-context.ts
 var import_react_utils = require("@heroui/react-utils");
@@ -44,7 +44,7 @@ var CardBody = (0, import_system.forwardRef)((props, ref) => {
   const Component = as || "div";
   const domRef = (0, import_react_utils2.useDOMRef)(ref);
   const { slots, classNames } = useCardContext();
-  const bodyStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.body, className);
+  const bodyStyles = (0, import_theme.cn)(classNames == null ? void 0 : classNames.body, className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref: domRef, className: (_a = slots.body) == null ? void 0 : _a.call(slots, { class: bodyStyles }), ...otherProps, children });
 });
 CardBody.displayName = "HeroUI.CardBody";

package/dist/card-body.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   card_body_default
-} from "./chunk-LGSBTEIA.mjs";
+} from "./chunk-SAEUDNWW.mjs";
 import "./chunk-XHGGCEVJ.mjs";
 export {
   card_body_default as default

package/dist/card-footer.js

@@ -26,7 +26,7 @@ __export(card_footer_exports, {
 module.exports = __toCommonJS(card_footer_exports);
 var import_system = require("@heroui/system");
 var import_react_utils2 = require("@heroui/react-utils");
-var import_shared_utils = require("@heroui/shared-utils");
+var import_theme = require("@heroui/theme");
 
 // src/card-context.ts
 var import_react_utils = require("@heroui/react-utils");
@@ -44,7 +44,7 @@ var CardFooter = (0, import_system.forwardRef)((props, ref) => {
   const Component = as || "div";
   const domRef = (0, import_react_utils2.useDOMRef)(ref);
   const { slots, classNames } = useCardContext();
-  const footerStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.footer, className);
+  const footerStyles = (0, import_theme.cn)(classNames == null ? void 0 : classNames.footer, className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref: domRef, className: (_a = slots.footer) == null ? void 0 : _a.call(slots, { class: footerStyles }), ...otherProps, children });
 });
 CardFooter.displayName = "HeroUI.CardFooter";

package/dist/card-footer.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   card_footer_default
-} from "./chunk-TE6SZS6W.mjs";
+} from "./chunk-NDVZOYT4.mjs";
 import "./chunk-XHGGCEVJ.mjs";
 export {
   card_footer_default as default

package/dist/card-header.js

@@ -26,7 +26,7 @@ __export(card_header_exports, {
 module.exports = __toCommonJS(card_header_exports);
 var import_system = require("@heroui/system");
 var import_react_utils2 = require("@heroui/react-utils");
-var import_shared_utils = require("@heroui/shared-utils");
+var import_theme = require("@heroui/theme");
 
 // src/card-context.ts
 var import_react_utils = require("@heroui/react-utils");
@@ -44,7 +44,7 @@ var CardHeader = (0, import_system.forwardRef)((props, ref) => {
   const Component = as || "div";
   const domRef = (0, import_react_utils2.useDOMRef)(ref);
   const { slots, classNames } = useCardContext();
-  const headerStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.header, className);
+  const headerStyles = (0, import_theme.cn)(classNames == null ? void 0 : classNames.header, className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref: domRef, className: (_a = slots.header) == null ? void 0 : _a.call(slots, { class: headerStyles }), ...otherProps, children });
 });
 CardHeader.displayName = "HeroUI.CardHeader";

package/dist/card-header.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   card_header_default
-} from "./chunk-D5XJWRAV.mjs";
+} from "./chunk-C6WKGNND.mjs";
 import "./chunk-XHGGCEVJ.mjs";
 export {
   card_header_default as default

package/dist/card.js

@@ -67,7 +67,7 @@ function useCard(originalProps) {
   const shouldFilterDOMProps = typeof Component === "string";
   const disableAnimation = (_b = (_a = originalProps.disableAnimation) != null ? _a : globalContext == null ? void 0 : globalContext.disableAnimation) != null ? _b : false;
   const disableRipple = (_d = (_c = originalProps.disableRipple) != null ? _c : globalContext == null ? void 0 : globalContext.disableRipple) != null ? _d : false;
-  const baseStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.base, className);
+  const baseStyles = (0, import_theme.cn)(classNames == null ? void 0 : classNames.base, className);
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = (0, import_ripple.useRipple)();
   const handlePress = (0, import_react.useCallback)(
     (e) => {

package/dist/card.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   card_default
-} from "./chunk-O24IAYCG.mjs";
+} from "./chunk-QNLCCAKT.mjs";
 import "./chunk-XHGGCEVJ.mjs";
-import "./chunk-DHMIPUUY.mjs";
+import "./chunk-XDYPEWNC.mjs";
 export {
   card_default as default
 };

package/dist/{chunk-D5XJWRAV.mjs → chunk-C6WKGNND.mjs}

@@ -6,7 +6,7 @@ import {
 // src/card-header.tsx
 import { forwardRef } from "@heroui/system";
 import { useDOMRef } from "@heroui/react-utils";
-import { clsx } from "@heroui/shared-utils";
+import { cn } from "@heroui/theme";
 import { jsx } from "react/jsx-runtime";
 var CardHeader = forwardRef((props, ref) => {
   var _a;
@@ -14,7 +14,7 @@ var CardHeader = forwardRef((props, ref) => {
   const Component = as || "div";
   const domRef = useDOMRef(ref);
   const { slots, classNames } = useCardContext();
-  const headerStyles = clsx(classNames == null ? void 0 : classNames.header, className);
+  const headerStyles = cn(classNames == null ? void 0 : classNames.header, className);
   return /* @__PURE__ */ jsx(Component, { ref: domRef, className: (_a = slots.header) == null ? void 0 : _a.call(slots, { class: headerStyles }), ...otherProps, children });
 });
 CardHeader.displayName = "HeroUI.CardHeader";

package/dist/{chunk-TE6SZS6W.mjs → chunk-NDVZOYT4.mjs}

@@ -6,7 +6,7 @@ import {
 // src/card-footer.tsx
 import { forwardRef } from "@heroui/system";
 import { useDOMRef } from "@heroui/react-utils";
-import { clsx } from "@heroui/shared-utils";
+import { cn } from "@heroui/theme";
 import { jsx } from "react/jsx-runtime";
 var CardFooter = forwardRef((props, ref) => {
   var _a;
@@ -14,7 +14,7 @@ var CardFooter = forwardRef((props, ref) => {
   const Component = as || "div";
   const domRef = useDOMRef(ref);
   const { slots, classNames } = useCardContext();
-  const footerStyles = clsx(classNames == null ? void 0 : classNames.footer, className);
+  const footerStyles = cn(classNames == null ? void 0 : classNames.footer, className);
   return /* @__PURE__ */ jsx(Component, { ref: domRef, className: (_a = slots.footer) == null ? void 0 : _a.call(slots, { class: footerStyles }), ...otherProps, children });
 });
 CardFooter.displayName = "HeroUI.CardFooter";

package/dist/{chunk-O24IAYCG.mjs → chunk-QNLCCAKT.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-XHGGCEVJ.mjs";
 import {
   useCard
-} from "./chunk-DHMIPUUY.mjs";
+} from "./chunk-XDYPEWNC.mjs";
 
 // src/card.tsx
 import { forwardRef } from "@heroui/system";

package/dist/{chunk-LGSBTEIA.mjs → chunk-SAEUDNWW.mjs}

@@ -6,7 +6,7 @@ import {
 // src/card-body.tsx
 import { forwardRef } from "@heroui/system";
 import { useDOMRef } from "@heroui/react-utils";
-import { clsx } from "@heroui/shared-utils";
+import { cn } from "@heroui/theme";
 import { jsx } from "react/jsx-runtime";
 var CardBody = forwardRef((props, ref) => {
   var _a;
@@ -14,7 +14,7 @@ var CardBody = forwardRef((props, ref) => {
   const Component = as || "div";
   const domRef = useDOMRef(ref);
   const { slots, classNames } = useCardContext();
-  const bodyStyles = clsx(classNames == null ? void 0 : classNames.body, className);
+  const bodyStyles = cn(classNames == null ? void 0 : classNames.body, className);
   return /* @__PURE__ */ jsx(Component, { ref: domRef, className: (_a = slots.body) == null ? void 0 : _a.call(slots, { class: bodyStyles }), ...otherProps, children });
 });
 CardBody.displayName = "HeroUI.CardBody";

package/dist/{chunk-DHMIPUUY.mjs → chunk-XDYPEWNC.mjs}

@@ -1,13 +1,13 @@
 "use client";
 
 // src/use-card.ts
-import { card } from "@heroui/theme";
+import { card, cn } from "@heroui/theme";
 import { useCallback, useMemo } from "react";
 import { useFocusRing } from "@react-aria/focus";
 import { useHover } from "@react-aria/interactions";
 import { useAriaButton } from "@heroui/use-aria-button";
 import { mapPropsVariants, useProviderContext } from "@heroui/system";
-import { clsx, dataAttr, objectToDeps, chain, mergeProps } from "@heroui/shared-utils";
+import { dataAttr, objectToDeps, chain, mergeProps } from "@heroui/shared-utils";
 import { filterDOMProps } from "@heroui/react-utils";
 import { useDOMRef } from "@heroui/react-utils";
 import { useRipple } from "@heroui/ripple";
@@ -32,7 +32,7 @@ function useCard(originalProps) {
   const shouldFilterDOMProps = typeof Component === "string";
   const disableAnimation = (_b = (_a = originalProps.disableAnimation) != null ? _a : globalContext == null ? void 0 : globalContext.disableAnimation) != null ? _b : false;
   const disableRipple = (_d = (_c = originalProps.disableRipple) != null ? _c : globalContext == null ? void 0 : globalContext.disableRipple) != null ? _d : false;
-  const baseStyles = clsx(classNames == null ? void 0 : classNames.base, className);
+  const baseStyles = cn(classNames == null ? void 0 : classNames.base, className);
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = useRipple();
   const handlePress = useCallback(
     (e) => {

package/dist/index.js

@@ -63,7 +63,7 @@ function useCard(originalProps) {
   const shouldFilterDOMProps = typeof Component === "string";
   const disableAnimation = (_b = (_a = originalProps.disableAnimation) != null ? _a : globalContext == null ? void 0 : globalContext.disableAnimation) != null ? _b : false;
   const disableRipple = (_d = (_c = originalProps.disableRipple) != null ? _c : globalContext == null ? void 0 : globalContext.disableRipple) != null ? _d : false;
-  const baseStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.base, className);
+  const baseStyles = (0, import_theme.cn)(classNames == null ? void 0 : classNames.base, className);
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = (0, import_ripple.useRipple)();
   const handlePress = (0, import_react.useCallback)(
     (e) => {
@@ -210,7 +210,7 @@ var card_default = Card;
 // src/card-header.tsx
 var import_system3 = require("@heroui/system");
 var import_react_utils4 = require("@heroui/react-utils");
-var import_shared_utils2 = require("@heroui/shared-utils");
+var import_theme2 = require("@heroui/theme");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var CardHeader = (0, import_system3.forwardRef)((props, ref) => {
   var _a;
@@ -218,7 +218,7 @@ var CardHeader = (0, import_system3.forwardRef)((props, ref) => {
   const Component = as || "div";
   const domRef = (0, import_react_utils4.useDOMRef)(ref);
   const { slots, classNames } = useCardContext();
-  const headerStyles = (0, import_shared_utils2.clsx)(classNames == null ? void 0 : classNames.header, className);
+  const headerStyles = (0, import_theme2.cn)(classNames == null ? void 0 : classNames.header, className);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, { ref: domRef, className: (_a = slots.header) == null ? void 0 : _a.call(slots, { class: headerStyles }), ...otherProps, children });
 });
 CardHeader.displayName = "HeroUI.CardHeader";
@@ -227,7 +227,7 @@ var card_header_default = CardHeader;
 // src/card-body.tsx
 var import_system4 = require("@heroui/system");
 var import_react_utils5 = require("@heroui/react-utils");
-var import_shared_utils3 = require("@heroui/shared-utils");
+var import_theme3 = require("@heroui/theme");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var CardBody = (0, import_system4.forwardRef)((props, ref) => {
   var _a;
@@ -235,7 +235,7 @@ var CardBody = (0, import_system4.forwardRef)((props, ref) => {
   const Component = as || "div";
   const domRef = (0, import_react_utils5.useDOMRef)(ref);
   const { slots, classNames } = useCardContext();
-  const bodyStyles = (0, import_shared_utils3.clsx)(classNames == null ? void 0 : classNames.body, className);
+  const bodyStyles = (0, import_theme3.cn)(classNames == null ? void 0 : classNames.body, className);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Component, { ref: domRef, className: (_a = slots.body) == null ? void 0 : _a.call(slots, { class: bodyStyles }), ...otherProps, children });
 });
 CardBody.displayName = "HeroUI.CardBody";
@@ -244,7 +244,7 @@ var card_body_default = CardBody;
 // src/card-footer.tsx
 var import_system5 = require("@heroui/system");
 var import_react_utils6 = require("@heroui/react-utils");
-var import_shared_utils4 = require("@heroui/shared-utils");
+var import_theme4 = require("@heroui/theme");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var CardFooter = (0, import_system5.forwardRef)((props, ref) => {
   var _a;
@@ -252,7 +252,7 @@ var CardFooter = (0, import_system5.forwardRef)((props, ref) => {
   const Component = as || "div";
   const domRef = (0, import_react_utils6.useDOMRef)(ref);
   const { slots, classNames } = useCardContext();
-  const footerStyles = (0, import_shared_utils4.clsx)(classNames == null ? void 0 : classNames.footer, className);
+  const footerStyles = (0, import_theme4.cn)(classNames == null ? void 0 : classNames.footer, className);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { ref: domRef, className: (_a = slots.footer) == null ? void 0 : _a.call(slots, { class: footerStyles }), ...otherProps, children });
 });
 CardFooter.displayName = "HeroUI.CardFooter";

package/dist/index.mjs

@@ -1,23 +1,23 @@
 "use client";
 import {
   card_body_default
-} from "./chunk-LGSBTEIA.mjs";
+} from "./chunk-SAEUDNWW.mjs";
 import {
   card_footer_default
-} from "./chunk-TE6SZS6W.mjs";
+} from "./chunk-NDVZOYT4.mjs";
 import {
   card_header_default
-} from "./chunk-D5XJWRAV.mjs";
+} from "./chunk-C6WKGNND.mjs";
 import {
   card_default
-} from "./chunk-O24IAYCG.mjs";
+} from "./chunk-QNLCCAKT.mjs";
 import {
   CardProvider,
   useCardContext
 } from "./chunk-XHGGCEVJ.mjs";
 import {
   useCard
-} from "./chunk-DHMIPUUY.mjs";
+} from "./chunk-XDYPEWNC.mjs";
 export {
   card_default as Card,
   card_body_default as CardBody,

package/dist/use-card.js

@@ -55,7 +55,7 @@ function useCard(originalProps) {
   const shouldFilterDOMProps = typeof Component === "string";
   const disableAnimation = (_b = (_a = originalProps.disableAnimation) != null ? _a : globalContext == null ? void 0 : globalContext.disableAnimation) != null ? _b : false;
   const disableRipple = (_d = (_c = originalProps.disableRipple) != null ? _c : globalContext == null ? void 0 : globalContext.disableRipple) != null ? _d : false;
-  const baseStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.base, className);
+  const baseStyles = (0, import_theme.cn)(classNames == null ? void 0 : classNames.base, className);
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = (0, import_ripple.useRipple)();
   const handlePress = (0, import_react.useCallback)(
     (e) => {

package/dist/use-card.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCard
-} from "./chunk-DHMIPUUY.mjs";
+} from "./chunk-XDYPEWNC.mjs";
 export {
   useCard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heroui/card",
-  "version": "2.2.25",
+  "version": "2.2.26",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"
@@ -28,7 +28,7 @@
     "react": ">=18 || >=19.0.0-rc.0",
     "react-dom": ">=18 || >=19.0.0-rc.0",
     "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
-    "@heroui/theme": ">=2.4.17",
+    "@heroui/theme": ">=2.4.23",
     "@heroui/system": ">=2.4.18"
   },
   "dependencies": {
@@ -38,7 +38,7 @@
     "@heroui/shared-utils": "2.1.12",
     "@heroui/react-utils": "2.1.14",
     "@heroui/use-aria-button": "2.2.20",
-    "@heroui/ripple": "2.2.20"
+    "@heroui/ripple": "2.2.21"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",