@kopexa/card 17.0.5 → 17.1.0

package/dist/card.d.mts

@@ -22,5 +22,9 @@ type CardHeadingProps = ComponentProps<"div">;
 declare function CardHeading({ className, ...props }: CardHeadingProps): react_jsx_runtime.JSX.Element;
 type CardToolbarProps = ComponentProps<"div">;
 declare function CardToolbar({ className, ...props }: CardToolbarProps): react_jsx_runtime.JSX.Element;
+type CardTitleProps = ComponentProps<"h3">;
+declare function CardTitle({ className, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
+type CardSubtitleProps = ComponentProps<"p">;
+declare function CardSubtitle({ className, ...props }: CardSubtitleProps): react_jsx_runtime.JSX.Element;
 
-export { CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardHeading, type CardHeadingProps, CardRoot, type CardRootProps, CardToolbar, type CardToolbarProps };
+export { CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardHeading, type CardHeadingProps, CardRoot, type CardRootProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, CardToolbar, type CardToolbarProps };

package/dist/card.d.ts

@@ -22,5 +22,9 @@ type CardHeadingProps = ComponentProps<"div">;
 declare function CardHeading({ className, ...props }: CardHeadingProps): react_jsx_runtime.JSX.Element;
 type CardToolbarProps = ComponentProps<"div">;
 declare function CardToolbar({ className, ...props }: CardToolbarProps): react_jsx_runtime.JSX.Element;
+type CardTitleProps = ComponentProps<"h3">;
+declare function CardTitle({ className, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
+type CardSubtitleProps = ComponentProps<"p">;
+declare function CardSubtitle({ className, ...props }: CardSubtitleProps): react_jsx_runtime.JSX.Element;
 
-export { CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardHeading, type CardHeadingProps, CardRoot, type CardRootProps, CardToolbar, type CardToolbarProps };
+export { CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardHeading, type CardHeadingProps, CardRoot, type CardRootProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, CardToolbar, type CardToolbarProps };

package/dist/card.js

@@ -37,6 +37,8 @@ __export(card_exports, {
   CardHeader: () => CardHeader,
   CardHeading: () => CardHeading,
   CardRoot: () => CardRoot,
+  CardSubtitle: () => CardSubtitle,
+  CardTitle: () => CardTitle,
   CardToolbar: () => CardToolbar
 });
 module.exports = __toCommonJS(card_exports);
@@ -147,6 +149,28 @@ function CardToolbar({ className, ...props }) {
     }
   );
 }
+function CardTitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "h3",
+    {
+      "data-slot": "card-title",
+      className: (0, import_shared_utils.cn)(styles.title(), className),
+      ...props
+    }
+  );
+}
+function CardSubtitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "card-subtitle",
+      className: (0, import_shared_utils.cn)(styles.subtitle(), className),
+      ...props
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CardBody,
@@ -154,5 +178,7 @@ function CardToolbar({ className, ...props }) {
   CardHeader,
   CardHeading,
   CardRoot,
+  CardSubtitle,
+  CardTitle,
   CardToolbar
 });

package/dist/card.mjs

@@ -6,13 +6,17 @@ import {
   CardHeader,
   CardHeading,
   CardRoot,
+  CardSubtitle,
+  CardTitle,
   CardToolbar
-} from "./chunk-4TZ4CO7Q.mjs";
+} from "./chunk-BSNWXCNX.mjs";
 export {
   CardBody,
   CardFooter,
   CardHeader,
   CardHeading,
   CardRoot,
+  CardSubtitle,
+  CardTitle,
   CardToolbar
 };

package/dist/{chunk-4TZ4CO7Q.mjs → chunk-BSNWXCNX.mjs}

@@ -113,6 +113,28 @@ function CardToolbar({ className, ...props }) {
     }
   );
 }
+function CardTitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      "data-slot": "card-title",
+      className: cn(styles.title(), className),
+      ...props
+    }
+  );
+}
+function CardSubtitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "card-subtitle",
+      className: cn(styles.subtitle(), className),
+      ...props
+    }
+  );
+}
 
 export {
   __export,
@@ -121,5 +143,7 @@ export {
   CardBody,
   CardFooter,
   CardHeading,
-  CardToolbar
+  CardToolbar,
+  CardTitle,
+  CardSubtitle
 };

package/dist/{chunk-BZFCKMXJ.mjs → chunk-I2M2HM2L.mjs}

@@ -5,9 +5,11 @@ import {
   CardHeader,
   CardHeading,
   CardRoot,
+  CardSubtitle,
+  CardTitle,
   CardToolbar,
   __export
-} from "./chunk-4TZ4CO7Q.mjs";
+} from "./chunk-BSNWXCNX.mjs";
 
 // src/namespace.ts
 var namespace_exports = {};
@@ -17,6 +19,8 @@ __export(namespace_exports, {
   Header: () => CardHeader,
   Heading: () => CardHeading,
   Root: () => CardRoot,
+  Subtitle: () => CardSubtitle,
+  Title: () => CardTitle,
   Toolbar: () => CardToolbar
 });
 

package/dist/index.js

@@ -43,6 +43,8 @@ __export(namespace_exports, {
   Header: () => CardHeader,
   Heading: () => CardHeading,
   Root: () => CardRoot,
+  Subtitle: () => CardSubtitle,
+  Title: () => CardTitle,
   Toolbar: () => CardToolbar
 });
 
@@ -154,6 +156,28 @@ function CardToolbar({ className, ...props }) {
     }
   );
 }
+function CardTitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "h3",
+    {
+      "data-slot": "card-title",
+      className: (0, import_shared_utils.cn)(styles.title(), className),
+      ...props
+    }
+  );
+}
+function CardSubtitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "card-subtitle",
+      className: (0, import_shared_utils.cn)(styles.subtitle(), className),
+      ...props
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Card

package/dist/index.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   namespace_exports
-} from "./chunk-BZFCKMXJ.mjs";
-import "./chunk-4TZ4CO7Q.mjs";
+} from "./chunk-I2M2HM2L.mjs";
+import "./chunk-BSNWXCNX.mjs";
 export {
   namespace_exports as Card
 };

package/dist/namespace.d.mts

@@ -1,10 +1,10 @@
-import { CardBody, CardBodyProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardHeading, CardHeadingProps, CardRoot, CardRootProps, CardToolbar, CardToolbarProps } from './card.mjs';
+import { CardBody, CardBodyProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardHeading, CardHeadingProps, CardRoot, CardRootProps, CardSubtitle, CardSubtitleProps, CardTitle, CardTitleProps, CardToolbar, CardToolbarProps } from './card.mjs';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';
 
 declare namespace namespace {
-  export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps };
+  export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardSubtitle as Subtitle, CardSubtitleProps as SubtitleProps, CardTitle as Title, CardTitleProps as TitleProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps };
 }
 
-export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps, namespace as n };
+export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardSubtitle as Subtitle, CardSubtitleProps as SubtitleProps, CardTitle as Title, CardTitleProps as TitleProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps, namespace as n };

package/dist/namespace.d.ts

@@ -1,10 +1,10 @@
-import { CardBody, CardBodyProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardHeading, CardHeadingProps, CardRoot, CardRootProps, CardToolbar, CardToolbarProps } from './card.js';
+import { CardBody, CardBodyProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardHeading, CardHeadingProps, CardRoot, CardRootProps, CardSubtitle, CardSubtitleProps, CardTitle, CardTitleProps, CardToolbar, CardToolbarProps } from './card.js';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';
 
 declare namespace namespace {
-  export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps };
+  export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardSubtitle as Subtitle, CardSubtitleProps as SubtitleProps, CardTitle as Title, CardTitleProps as TitleProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps };
 }
 
-export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps, namespace as n };
+export { CardBody as Body, CardBodyProps as BodyProps, CardFooter as Footer, CardFooterProps as FooterProps, CardHeader as Header, CardHeaderProps as HeaderProps, CardHeading as Heading, CardHeadingProps as HeadingProps, CardRoot as Root, CardRootProps as RootProps, CardSubtitle as Subtitle, CardSubtitleProps as SubtitleProps, CardTitle as Title, CardTitleProps as TitleProps, CardToolbar as Toolbar, CardToolbarProps as ToolbarProps, namespace as n };

package/dist/namespace.js

@@ -36,6 +36,8 @@ __export(namespace_exports, {
   Header: () => CardHeader,
   Heading: () => CardHeading,
   Root: () => CardRoot,
+  Subtitle: () => CardSubtitle,
+  Title: () => CardTitle,
   Toolbar: () => CardToolbar
 });
 module.exports = __toCommonJS(namespace_exports);
@@ -148,6 +150,28 @@ function CardToolbar({ className, ...props }) {
     }
   );
 }
+function CardTitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "h3",
+    {
+      "data-slot": "card-title",
+      className: (0, import_shared_utils.cn)(styles.title(), className),
+      ...props
+    }
+  );
+}
+function CardSubtitle({ className, ...props }) {
+  const { styles } = useCardContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "card-subtitle",
+      className: (0, import_shared_utils.cn)(styles.subtitle(), className),
+      ...props
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Body,
@@ -155,5 +179,7 @@ function CardToolbar({ className, ...props }) {
   Header,
   Heading,
   Root,
+  Subtitle,
+  Title,
   Toolbar
 });

package/dist/namespace.mjs

@@ -1,18 +1,22 @@
 "use client";
-import "./chunk-BZFCKMXJ.mjs";
+import "./chunk-I2M2HM2L.mjs";
 import {
   CardBody,
   CardFooter,
   CardHeader,
   CardHeading,
   CardRoot,
+  CardSubtitle,
+  CardTitle,
   CardToolbar
-} from "./chunk-4TZ4CO7Q.mjs";
+} from "./chunk-BSNWXCNX.mjs";
 export {
   CardBody as Body,
   CardFooter as Footer,
   CardHeader as Header,
   CardHeading as Heading,
   CardRoot as Root,
+  CardSubtitle as Subtitle,
+  CardTitle as Title,
   CardToolbar as Toolbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/card",
-  "version": "17.0.5",
+  "version": "17.1.0",
   "description": "A card to be used as container",
   "keywords": [
     "card"
@@ -28,12 +28,12 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "17.1.2"
+    "@kopexa/theme": "17.3.0"
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.4",
-    "@kopexa/react-utils": "17.0.5",
-    "@kopexa/shared-utils": "17.0.5"
+    "@kopexa/react-utils": "17.0.7",
+    "@kopexa/shared-utils": "17.0.7"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",