@heroui/card 2.2.11 → 2.2.14

package/dist/card-body.d.mts

@@ -0,0 +1,6 @@
+import * as _heroui_system from '@heroui/system';
+import { HTMLHeroUIProps } from '@heroui/system';
+
+declare const CardBody: _heroui_system.InternalForwardRefRenderFunction<"div", HTMLHeroUIProps<"div">, never>;
+
+export { CardBody as default };

package/dist/card-body.d.ts

@@ -0,0 +1,6 @@
+import * as _heroui_system from '@heroui/system';
+import { HTMLHeroUIProps } from '@heroui/system';
+
+declare const CardBody: _heroui_system.InternalForwardRefRenderFunction<"div", HTMLHeroUIProps<"div">, never>;
+
+export { CardBody as default };

package/dist/card-body.js

@@ -0,0 +1,51 @@
+"use client";
+"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/card-body.tsx
+var card_body_exports = {};
+__export(card_body_exports, {
+  default: () => card_body_default
+});
+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");
+
+// src/card-context.ts
+var import_react_utils = require("@heroui/react-utils");
+var [CardProvider, useCardContext] = (0, import_react_utils.createContext)({
+  name: "CardContext",
+  strict: true,
+  errorMessage: "useCardContext: `context` is undefined. Seems you forgot to wrap component within <Card />"
+});
+
+// src/card-body.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardBody = (0, import_system.forwardRef)((props, ref) => {
+  var _a;
+  const { as, className, children, ...otherProps } = props;
+  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);
+  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";
+var card_body_default = CardBody;

package/dist/card-body.mjs

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

package/dist/card-context.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ContextType } from './use-card.mjs';
+import '@heroui/system';
+import '@react-types/shared';
+import '@heroui/theme';
+import '@heroui/ripple';
+import '@react-aria/interactions';
+import '@heroui/react-utils';
+
+declare const CardProvider: react.Provider<ContextType>;
+declare const useCardContext: () => ContextType;
+
+export { CardProvider, useCardContext };

package/dist/card-context.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ContextType } from './use-card.js';
+import '@heroui/system';
+import '@react-types/shared';
+import '@heroui/theme';
+import '@heroui/ripple';
+import '@react-aria/interactions';
+import '@heroui/react-utils';
+
+declare const CardProvider: react.Provider<ContextType>;
+declare const useCardContext: () => ContextType;
+
+export { CardProvider, useCardContext };

package/dist/card-context.js

@@ -0,0 +1,38 @@
+"use client";
+"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/card-context.ts
+var card_context_exports = {};
+__export(card_context_exports, {
+  CardProvider: () => CardProvider,
+  useCardContext: () => useCardContext
+});
+module.exports = __toCommonJS(card_context_exports);
+var import_react_utils = require("@heroui/react-utils");
+var [CardProvider, useCardContext] = (0, import_react_utils.createContext)({
+  name: "CardContext",
+  strict: true,
+  errorMessage: "useCardContext: `context` is undefined. Seems you forgot to wrap component within <Card />"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardProvider,
+  useCardContext
+});

package/dist/card-context.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  CardProvider,
+  useCardContext
+} from "./chunk-XHGGCEVJ.mjs";
+export {
+  CardProvider,
+  useCardContext
+};

package/dist/card-footer.d.mts

@@ -0,0 +1,8 @@
+import * as _heroui_system from '@heroui/system';
+import { HTMLHeroUIProps } from '@heroui/system';
+
+interface CardFooterProps extends HTMLHeroUIProps<"div"> {
+}
+declare const CardFooter: _heroui_system.InternalForwardRefRenderFunction<"div", CardFooterProps, never>;
+
+export { type CardFooterProps, CardFooter as default };

package/dist/card-footer.d.ts

@@ -0,0 +1,8 @@
+import * as _heroui_system from '@heroui/system';
+import { HTMLHeroUIProps } from '@heroui/system';
+
+interface CardFooterProps extends HTMLHeroUIProps<"div"> {
+}
+declare const CardFooter: _heroui_system.InternalForwardRefRenderFunction<"div", CardFooterProps, never>;
+
+export { type CardFooterProps, CardFooter as default };

package/dist/card-footer.js

@@ -0,0 +1,51 @@
+"use client";
+"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/card-footer.tsx
+var card_footer_exports = {};
+__export(card_footer_exports, {
+  default: () => card_footer_default
+});
+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");
+
+// src/card-context.ts
+var import_react_utils = require("@heroui/react-utils");
+var [CardProvider, useCardContext] = (0, import_react_utils.createContext)({
+  name: "CardContext",
+  strict: true,
+  errorMessage: "useCardContext: `context` is undefined. Seems you forgot to wrap component within <Card />"
+});
+
+// src/card-footer.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardFooter = (0, import_system.forwardRef)((props, ref) => {
+  var _a;
+  const { as, className, children, ...otherProps } = props;
+  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);
+  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";
+var card_footer_default = CardFooter;

package/dist/card-footer.mjs

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

package/dist/card-header.d.mts

@@ -0,0 +1,6 @@
+import * as _heroui_system from '@heroui/system';
+import { HTMLHeroUIProps } from '@heroui/system';
+
+declare const CardHeader: _heroui_system.InternalForwardRefRenderFunction<"div", HTMLHeroUIProps<"div">, never>;
+
+export { CardHeader as default };

package/dist/card-header.d.ts

@@ -0,0 +1,6 @@
+import * as _heroui_system from '@heroui/system';
+import { HTMLHeroUIProps } from '@heroui/system';
+
+declare const CardHeader: _heroui_system.InternalForwardRefRenderFunction<"div", HTMLHeroUIProps<"div">, never>;
+
+export { CardHeader as default };

package/dist/card-header.js

@@ -0,0 +1,51 @@
+"use client";
+"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/card-header.tsx
+var card_header_exports = {};
+__export(card_header_exports, {
+  default: () => card_header_default
+});
+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");
+
+// src/card-context.ts
+var import_react_utils = require("@heroui/react-utils");
+var [CardProvider, useCardContext] = (0, import_react_utils.createContext)({
+  name: "CardContext",
+  strict: true,
+  errorMessage: "useCardContext: `context` is undefined. Seems you forgot to wrap component within <Card />"
+});
+
+// src/card-header.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var CardHeader = (0, import_system.forwardRef)((props, ref) => {
+  var _a;
+  const { as, className, children, ...otherProps } = props;
+  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);
+  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";
+var card_header_default = CardHeader;

package/dist/card-header.mjs

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

package/dist/card.d.mts

@@ -0,0 +1,14 @@
+import * as _heroui_system from '@heroui/system';
+import { UseCardProps } from './use-card.mjs';
+import 'react';
+import '@react-types/shared';
+import '@heroui/theme';
+import '@heroui/ripple';
+import '@react-aria/interactions';
+import '@heroui/react-utils';
+
+interface CardProps extends UseCardProps {
+}
+declare const Card: _heroui_system.InternalForwardRefRenderFunction<"div", CardProps, never>;
+
+export { type CardProps, Card as default };

package/dist/card.d.ts

@@ -0,0 +1,14 @@
+import * as _heroui_system from '@heroui/system';
+import { UseCardProps } from './use-card.js';
+import 'react';
+import '@react-types/shared';
+import '@heroui/theme';
+import '@heroui/ripple';
+import '@react-aria/interactions';
+import '@heroui/react-utils';
+
+interface CardProps extends UseCardProps {
+}
+declare const Card: _heroui_system.InternalForwardRefRenderFunction<"div", CardProps, never>;
+
+export { type CardProps, Card as default };

package/dist/card.js

@@ -0,0 +1,203 @@
+"use client";
+"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/card.tsx
+var card_exports = {};
+__export(card_exports, {
+  default: () => card_default
+});
+module.exports = __toCommonJS(card_exports);
+var import_system2 = require("@heroui/system");
+var import_ripple2 = require("@heroui/ripple");
+
+// src/card-context.ts
+var import_react_utils = require("@heroui/react-utils");
+var [CardProvider, useCardContext] = (0, import_react_utils.createContext)({
+  name: "CardContext",
+  strict: true,
+  errorMessage: "useCardContext: `context` is undefined. Seems you forgot to wrap component within <Card />"
+});
+
+// src/use-card.ts
+var import_theme = require("@heroui/theme");
+var import_react = require("react");
+var import_utils = require("@react-aria/utils");
+var import_focus = require("@react-aria/focus");
+var import_interactions = require("@react-aria/interactions");
+var import_use_aria_button = require("@heroui/use-aria-button");
+var import_system = require("@heroui/system");
+var import_shared_utils = require("@heroui/shared-utils");
+var import_react_utils2 = require("@heroui/react-utils");
+var import_react_utils3 = require("@heroui/react-utils");
+var import_ripple = require("@heroui/ripple");
+function useCard(originalProps) {
+  var _a, _b, _c, _d;
+  const globalContext = (0, import_system.useProviderContext)();
+  const [props, variantProps] = (0, import_system.mapPropsVariants)(originalProps, import_theme.card.variantKeys);
+  const {
+    ref,
+    as,
+    children,
+    onClick,
+    onPress,
+    autoFocus,
+    className,
+    classNames,
+    allowTextSelectionOnPress = true,
+    ...otherProps
+  } = props;
+  const domRef = (0, import_react_utils3.useDOMRef)(ref);
+  const Component = as || (originalProps.isPressable ? "button" : "div");
+  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 { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = (0, import_ripple.useRipple)();
+  const handlePress = (0, import_react.useCallback)(
+    (e) => {
+      if (disableRipple || disableAnimation) return;
+      domRef.current && onRipplePressHandler(e);
+    },
+    [disableRipple, disableAnimation, domRef, onRipplePressHandler]
+  );
+  const { buttonProps, isPressed } = (0, import_use_aria_button.useAriaButton)(
+    {
+      onPress: (0, import_utils.chain)(onPress, handlePress),
+      elementType: as,
+      isDisabled: !originalProps.isPressable,
+      onClick,
+      allowTextSelectionOnPress,
+      ...otherProps
+    },
+    domRef
+  );
+  const { hoverProps, isHovered } = (0, import_interactions.useHover)({
+    isDisabled: !originalProps.isHoverable,
+    ...otherProps
+  });
+  const { isFocusVisible, isFocused, focusProps } = (0, import_focus.useFocusRing)({
+    autoFocus
+  });
+  const slots = (0, import_react.useMemo)(
+    () => (0, import_theme.card)({
+      ...variantProps,
+      disableAnimation
+    }),
+    [(0, import_shared_utils.objectToDeps)(variantProps), disableAnimation]
+  );
+  const context = (0, import_react.useMemo)(
+    () => ({
+      slots,
+      classNames,
+      disableAnimation,
+      isDisabled: originalProps.isDisabled,
+      isFooterBlurred: originalProps.isFooterBlurred,
+      fullWidth: originalProps.fullWidth
+    }),
+    [
+      slots,
+      classNames,
+      originalProps.isDisabled,
+      originalProps.isFooterBlurred,
+      disableAnimation,
+      originalProps.fullWidth
+    ]
+  );
+  const getCardProps = (0, import_react.useCallback)(
+    (props2 = {}) => {
+      return {
+        ref: domRef,
+        className: slots.base({ class: baseStyles }),
+        tabIndex: originalProps.isPressable ? 0 : -1,
+        "data-hover": (0, import_shared_utils.dataAttr)(isHovered),
+        "data-pressed": (0, import_shared_utils.dataAttr)(isPressed),
+        "data-focus": (0, import_shared_utils.dataAttr)(isFocused),
+        "data-focus-visible": (0, import_shared_utils.dataAttr)(isFocusVisible),
+        "data-disabled": (0, import_shared_utils.dataAttr)(originalProps.isDisabled),
+        ...(0, import_utils.mergeProps)(
+          originalProps.isPressable ? { ...buttonProps, ...focusProps, role: "button" } : {},
+          originalProps.isHoverable ? hoverProps : {},
+          (0, import_react_utils2.filterDOMProps)(otherProps, {
+            enabled: shouldFilterDOMProps
+          }),
+          (0, import_react_utils2.filterDOMProps)(props2)
+        )
+      };
+    },
+    [
+      domRef,
+      slots,
+      baseStyles,
+      shouldFilterDOMProps,
+      originalProps.isPressable,
+      originalProps.isHoverable,
+      originalProps.isDisabled,
+      isHovered,
+      isPressed,
+      isFocusVisible,
+      buttonProps,
+      focusProps,
+      hoverProps,
+      otherProps
+    ]
+  );
+  const getRippleProps = (0, import_react.useCallback)(
+    () => ({ ripples, onClear: onClearRipple }),
+    [ripples, onClearRipple]
+  );
+  return {
+    context,
+    domRef,
+    Component,
+    classNames,
+    children,
+    isHovered,
+    isPressed,
+    disableAnimation,
+    isPressable: originalProps.isPressable,
+    isHoverable: originalProps.isHoverable,
+    disableRipple,
+    handlePress,
+    isFocusVisible,
+    getCardProps,
+    getRippleProps
+  };
+}
+
+// src/card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Card = (0, import_system2.forwardRef)((props, ref) => {
+  const {
+    children,
+    context,
+    Component,
+    isPressable,
+    disableAnimation,
+    disableRipple,
+    getCardProps,
+    getRippleProps
+  } = useCard({ ...props, ref });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Component, { ...getCardProps(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardProvider, { value: context, children }),
+    isPressable && !disableAnimation && !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ripple2.Ripple, { ...getRippleProps() })
+  ] });
+});
+Card.displayName = "HeroUI.Card";
+var card_default = Card;

package/dist/card.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  card_default
+} from "./chunk-MW56SEHC.mjs";
+import "./chunk-XHGGCEVJ.mjs";
+import "./chunk-NVHFBF4D.mjs";
+export {
+  card_default as default
+};

package/dist/chunk-D5XJWRAV.mjs

@@ -0,0 +1,25 @@
+"use client";
+import {
+  useCardContext
+} from "./chunk-XHGGCEVJ.mjs";
+
+// src/card-header.tsx
+import { forwardRef } from "@heroui/system";
+import { useDOMRef } from "@heroui/react-utils";
+import { clsx } from "@heroui/shared-utils";
+import { jsx } from "react/jsx-runtime";
+var CardHeader = forwardRef((props, ref) => {
+  var _a;
+  const { as, className, children, ...otherProps } = props;
+  const Component = as || "div";
+  const domRef = useDOMRef(ref);
+  const { slots, classNames } = useCardContext();
+  const headerStyles = clsx(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";
+var card_header_default = CardHeader;
+
+export {
+  card_header_default
+};

package/dist/chunk-LGSBTEIA.mjs

@@ -0,0 +1,25 @@
+"use client";
+import {
+  useCardContext
+} from "./chunk-XHGGCEVJ.mjs";
+
+// src/card-body.tsx
+import { forwardRef } from "@heroui/system";
+import { useDOMRef } from "@heroui/react-utils";
+import { clsx } from "@heroui/shared-utils";
+import { jsx } from "react/jsx-runtime";
+var CardBody = forwardRef((props, ref) => {
+  var _a;
+  const { as, className, children, ...otherProps } = props;
+  const Component = as || "div";
+  const domRef = useDOMRef(ref);
+  const { slots, classNames } = useCardContext();
+  const bodyStyles = clsx(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";
+var card_body_default = CardBody;
+
+export {
+  card_body_default
+};

package/dist/chunk-MW56SEHC.mjs

@@ -0,0 +1,34 @@
+"use client";
+import {
+  CardProvider
+} from "./chunk-XHGGCEVJ.mjs";
+import {
+  useCard
+} from "./chunk-NVHFBF4D.mjs";
+
+// src/card.tsx
+import { forwardRef } from "@heroui/system";
+import { Ripple } from "@heroui/ripple";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Card = forwardRef((props, ref) => {
+  const {
+    children,
+    context,
+    Component,
+    isPressable,
+    disableAnimation,
+    disableRipple,
+    getCardProps,
+    getRippleProps
+  } = useCard({ ...props, ref });
+  return /* @__PURE__ */ jsxs(Component, { ...getCardProps(), children: [
+    /* @__PURE__ */ jsx(CardProvider, { value: context, children }),
+    isPressable && !disableAnimation && !disableRipple && /* @__PURE__ */ jsx(Ripple, { ...getRippleProps() })
+  ] });
+});
+Card.displayName = "HeroUI.Card";
+var card_default = Card;
+
+export {
+  card_default
+};