@heroui/card 2.2.10 → 2.2.13

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Next UI
+Copyright (c) 2020 Next UI Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -15,10 +15,10 @@ npm i @heroui/card
 ## Contribution
 
 Yes please! See the
-[contributing guidelines](https://github.com/frontio-ai/heroui/blob/master/CONTRIBUTING.md)
+[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
 for details.
 
 ## License
 
 This project is licensed under the terms of the
-[MIT license](https://github.com/frontio-ai/heroui/blob/master/LICENSE).
+[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).

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

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

package/dist/card-body.js

@@ -49,5 +49,3 @@ var CardBody = (0, import_system.forwardRef)((props, ref) => {
 });
 CardBody.displayName = "HeroUI.CardBody";
 var card_body_default = CardBody;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

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-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

@@ -5,4 +5,4 @@ interface CardFooterProps extends HTMLHeroUIProps<"div"> {
 }
 declare const CardFooter: _heroui_system.InternalForwardRefRenderFunction<"div", CardFooterProps, never>;
 
-export { CardFooterProps, CardFooter as default };
+export { type CardFooterProps, CardFooter as default };

package/dist/card-footer.js

@@ -49,5 +49,3 @@ var CardFooter = (0, import_system.forwardRef)((props, ref) => {
 });
 CardFooter.displayName = "HeroUI.CardFooter";
 var card_footer_default = CardFooter;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

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

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

package/dist/card-header.js

@@ -49,5 +49,3 @@ var CardHeader = (0, import_system.forwardRef)((props, ref) => {
 });
 CardHeader.displayName = "HeroUI.CardHeader";
 var card_header_default = CardHeader;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

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

@@ -11,4 +11,4 @@ interface CardProps extends UseCardProps {
 }
 declare const Card: _heroui_system.InternalForwardRefRenderFunction<"div", CardProps, never>;
 
-export { CardProps, Card as default };
+export { type CardProps, Card as default };

package/dist/card.js

@@ -72,8 +72,7 @@ function useCard(originalProps) {
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = (0, import_ripple.useRipple)();
   const handlePress = (0, import_react.useCallback)(
     (e) => {
-      if (disableRipple || disableAnimation)
-        return;
+      if (disableRipple || disableAnimation) return;
       domRef.current && onRipplePressHandler(e);
     },
     [disableRipple, disableAnimation, domRef, onRipplePressHandler]
@@ -202,5 +201,3 @@ var Card = (0, import_system2.forwardRef)((props, ref) => {
 });
 Card.displayName = "HeroUI.Card";
 var card_default = Card;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/card.mjs

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

package/dist/{chunk-5PILOUBS.mjs → chunk-MW56SEHC.mjs}

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

package/dist/{chunk-LYDQFOTE.mjs → chunk-NVHFBF4D.mjs}

@@ -37,8 +37,7 @@ function useCard(originalProps) {
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = useRipple();
   const handlePress = useCallback(
     (e) => {
-      if (disableRipple || disableAnimation)
-        return;
+      if (disableRipple || disableAnimation) return;
       domRef.current && onRipplePressHandler(e);
     },
     [disableRipple, disableAnimation, domRef, onRipplePressHandler]

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+export { default as Card, CardProps } from './card.mjs';
+export { default as CardFooter, CardFooterProps } from './card-footer.mjs';
+export { useCard } from './use-card.mjs';
+export { CardProvider, useCardContext } from './card-context.mjs';
+export { default as CardHeader } from './card-header.mjs';
+export { default as CardBody } from './card-body.mjs';
+import '@heroui/system';
+import 'react';
+import '@react-types/shared';
+import '@heroui/theme';
+import '@heroui/ripple';
+import '@react-aria/interactions';
+import '@heroui/react-utils';

package/dist/index.js

@@ -19,8 +19,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Card: () => card_default,
   CardBody: () => card_body_default,
   CardFooter: () => card_footer_default,
@@ -29,7 +29,7 @@ __export(src_exports, {
   useCard: () => useCard,
   useCardContext: () => useCardContext
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/use-card.ts
 var import_theme = require("@heroui/theme");
@@ -68,8 +68,7 @@ function useCard(originalProps) {
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = (0, import_ripple.useRipple)();
   const handlePress = (0, import_react.useCallback)(
     (e) => {
-      if (disableRipple || disableAnimation)
-        return;
+      if (disableRipple || disableAnimation) return;
       domRef.current && onRipplePressHandler(e);
     },
     [disableRipple, disableAnimation, domRef, onRipplePressHandler]

package/dist/index.mjs

@@ -10,14 +10,14 @@ import {
 } from "./chunk-D5XJWRAV.mjs";
 import {
   card_default
-} from "./chunk-5PILOUBS.mjs";
+} from "./chunk-MW56SEHC.mjs";
 import {
   CardProvider,
   useCardContext
 } from "./chunk-XHGGCEVJ.mjs";
 import {
   useCard
-} from "./chunk-LYDQFOTE.mjs";
+} from "./chunk-NVHFBF4D.mjs";
 export {
   card_default as Card,
   card_body_default as CardBody,

package/dist/use-card.d.mts

@@ -0,0 +1,80 @@
+import * as _heroui_system from '@heroui/system';
+import { HTMLHeroUIProps, PropGetter } from '@heroui/system';
+import * as react from 'react';
+import { ReactNode, MouseEventHandler } from 'react';
+import { PressEvents, FocusableProps } from '@react-types/shared';
+import { SlotsToClasses, CardSlots, CardVariantProps, CardReturnType } from '@heroui/theme';
+import { RippleProps } from '@heroui/ripple';
+import { PressEvent } from '@react-aria/interactions';
+import { ReactRef } from '@heroui/react-utils';
+
+interface Props extends Omit<HTMLHeroUIProps<"div">, "onClick"> {
+    /**
+     * Ref to the DOM node.
+     */
+    ref?: ReactRef<HTMLDivElement | null>;
+    /**
+     * Usually the Card parts, `CardHeader`, `CardBody` and `CardFooter`.
+     */
+    children?: ReactNode | ReactNode[];
+    /**
+     * Whether the card should show a ripple animation on press, this prop is ignored if `disableAnimation` is true or `isPressable` is false.
+     * @default false
+     */
+    disableRipple?: boolean;
+    /**
+     * Whether the card should allow text selection on press. (only for pressable cards)
+     * @default true
+     */
+    allowTextSelectionOnPress?: boolean;
+    /**
+     * The native button click event handler.
+     * use `onPress` instead.
+     * @deprecated
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Classname or List of classes to change the classNames of the element.
+     * if `className` is passed, it will be added to the base slot.
+     *
+     * @example
+     * ```ts
+     * <Card classNames={{
+     *    base:"base-classes",
+     *    header: "dot-classes",
+     *    body: "content-classes",
+     *    footer: "avatar-classes",
+     * }} />
+     * ```
+     */
+    classNames?: SlotsToClasses<CardSlots>;
+}
+type UseCardProps = Props & PressEvents & FocusableProps & CardVariantProps;
+type ContextType = {
+    slots: CardReturnType;
+    classNames?: SlotsToClasses<CardSlots>;
+    isDisabled?: CardVariantProps["isDisabled"];
+    isFooterBlurred?: CardVariantProps["isFooterBlurred"];
+    disableAnimation?: CardVariantProps["disableAnimation"];
+    fullWidth?: CardVariantProps["fullWidth"];
+};
+declare function useCard(originalProps: UseCardProps): {
+    context: ContextType;
+    domRef: react.RefObject<HTMLDivElement>;
+    Component: _heroui_system.As<any>;
+    classNames: SlotsToClasses<"base" | "body" | "footer" | "header"> | undefined;
+    children: ReactNode | ReactNode[];
+    isHovered: boolean;
+    isPressed: boolean;
+    disableAnimation: boolean;
+    isPressable: boolean | undefined;
+    isHoverable: boolean | undefined;
+    disableRipple: boolean;
+    handlePress: (e: PressEvent) => void;
+    isFocusVisible: boolean;
+    getCardProps: PropGetter;
+    getRippleProps: () => RippleProps;
+};
+type UseCardReturn = ReturnType<typeof useCard>;
+
+export { type ContextType, type Props, type UseCardProps, type UseCardReturn, useCard };

package/dist/use-card.d.ts

@@ -72,9 +72,9 @@ declare function useCard(originalProps: UseCardProps): {
     disableRipple: boolean;
     handlePress: (e: PressEvent) => void;
     isFocusVisible: boolean;
-    getCardProps: PropGetter<Record<string, unknown>, _heroui_system.DOMAttributes<_heroui_system.DOMElement>>;
+    getCardProps: PropGetter;
     getRippleProps: () => RippleProps;
 };
 type UseCardReturn = ReturnType<typeof useCard>;
 
-export { ContextType, Props, UseCardProps, UseCardReturn, useCard };
+export { type ContextType, type Props, type UseCardProps, type UseCardReturn, useCard };

package/dist/use-card.js

@@ -60,8 +60,7 @@ function useCard(originalProps) {
   const { onClear: onClearRipple, onPress: onRipplePressHandler, ripples } = (0, import_ripple.useRipple)();
   const handlePress = (0, import_react.useCallback)(
     (e) => {
-      if (disableRipple || disableAnimation)
-        return;
+      if (disableRipple || disableAnimation) return;
       domRef.current && onRipplePressHandler(e);
     },
     [disableRipple, disableAnimation, domRef, onRipplePressHandler]

package/dist/use-card.mjs

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

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@heroui/card",
-  "version": "2.2.10",
+  "version": "2.2.13",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "dist/index.js",
@@ -28,19 +28,19 @@
     "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.0",
-    "@heroui/system": ">=2.4.0"
+    "@heroui/theme": ">=2.4.6",
+    "@heroui/system": ">=2.4.7"
   },
   "dependencies": {
-    "@react-aria/focus": "3.19.0",
-    "@react-aria/utils": "3.26.0",
-    "@react-aria/interactions": "3.22.5",
-    "@react-aria/button": "3.11.0",
-    "@react-types/shared": "3.26.0",
-    "@heroui/shared-utils": "2.1.3",
-    "@heroui/react-utils": "2.1.4",
-    "@heroui/use-aria-button": "2.2.5",
-    "@heroui/ripple": "2.2.8"
+    "@react-aria/focus": "3.19.1",
+    "@react-aria/utils": "3.27.0",
+    "@react-aria/interactions": "3.23.0",
+    "@react-aria/button": "3.11.1",
+    "@react-types/shared": "3.27.0",
+    "@heroui/shared-utils": "2.1.6",
+    "@heroui/use-aria-button": "2.2.8",
+    "@heroui/ripple": "2.2.11",
+    "@heroui/react-utils": "2.1.7"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",