@kopexa/card 17.1.7 → 17.2.0

package/dist/card.d.mts

@@ -26,5 +26,15 @@ 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;
+declare const Card: ((props: CardRootProps) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: CardRootProps) => react_jsx_runtime.JSX.Element;
+    Header: typeof CardHeader;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+    Heading: typeof CardHeading;
+    Toolbar: typeof CardToolbar;
+    Title: typeof CardTitle;
+    Subtitle: typeof CardSubtitle;
+};
 
-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 };
+export { Card, 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

@@ -26,5 +26,15 @@ 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;
+declare const Card: ((props: CardRootProps) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: CardRootProps) => react_jsx_runtime.JSX.Element;
+    Header: typeof CardHeader;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+    Heading: typeof CardHeading;
+    Toolbar: typeof CardToolbar;
+    Title: typeof CardTitle;
+    Subtitle: typeof CardSubtitle;
+};
 
-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 };
+export { Card, 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

@@ -32,6 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/card.tsx
 var card_exports = {};
 __export(card_exports, {
+  Card: () => Card,
   CardBody: () => CardBody,
   CardFooter: () => CardFooter,
   CardHeader: () => CardHeader,
@@ -171,8 +172,19 @@ function CardSubtitle({ className, ...props }) {
     }
   );
 }
+var Card = Object.assign(CardRoot, {
+  Root: CardRoot,
+  Header: CardHeader,
+  Body: CardBody,
+  Footer: CardFooter,
+  Heading: CardHeading,
+  Toolbar: CardToolbar,
+  Title: CardTitle,
+  Subtitle: CardSubtitle
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Card,
   CardBody,
   CardFooter,
   CardHeader,

package/dist/card.mjs

@@ -1,6 +1,7 @@
 "use client";
 "use client";
 import {
+  Card,
   CardBody,
   CardFooter,
   CardHeader,
@@ -9,8 +10,9 @@ import {
   CardSubtitle,
   CardTitle,
   CardToolbar
-} from "./chunk-BSNWXCNX.mjs";
+} from "./chunk-HMEHVSP2.mjs";
 export {
+  Card,
   CardBody,
   CardFooter,
   CardHeader,

package/dist/{chunk-BSNWXCNX.mjs → chunk-HMEHVSP2.mjs}

@@ -1,9 +1,4 @@
 "use client";
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 
 // src/card.tsx
 import { createContext } from "@kopexa/react-utils";
@@ -135,9 +130,18 @@ function CardSubtitle({ className, ...props }) {
     }
   );
 }
+var Card = Object.assign(CardRoot, {
+  Root: CardRoot,
+  Header: CardHeader,
+  Body: CardBody,
+  Footer: CardFooter,
+  Heading: CardHeading,
+  Toolbar: CardToolbar,
+  Title: CardTitle,
+  Subtitle: CardSubtitle
+});
 
 export {
-  __export,
   CardRoot,
   CardHeader,
   CardBody,
@@ -145,5 +149,6 @@ export {
   CardHeading,
   CardToolbar,
   CardTitle,
-  CardSubtitle
+  CardSubtitle,
+  Card
 };

package/dist/index.d.mts

@@ -1,5 +1,4 @@
-export { n as Card } from './namespace.mjs';
-import './card.mjs';
+export { Card, 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';

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-export { n as Card } from './namespace.js';
-import './card.js';
+export { Card, 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';

package/dist/index.js

@@ -31,23 +31,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Card: () => namespace_exports
+  Card: () => Card,
+  CardBody: () => CardBody,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardHeading: () => CardHeading,
+  CardRoot: () => CardRoot,
+  CardSubtitle: () => CardSubtitle,
+  CardTitle: () => CardTitle,
+  CardToolbar: () => CardToolbar
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  Body: () => CardBody,
-  Footer: () => CardFooter,
-  Header: () => CardHeader,
-  Heading: () => CardHeading,
-  Root: () => CardRoot,
-  Subtitle: () => CardSubtitle,
-  Title: () => CardTitle,
-  Toolbar: () => CardToolbar
-});
-
 // src/card.tsx
 var import_react_utils = require("@kopexa/react-utils");
 var import_shared_utils = require("@kopexa/shared-utils");
@@ -178,7 +173,25 @@ function CardSubtitle({ className, ...props }) {
     }
   );
 }
+var Card = Object.assign(CardRoot, {
+  Root: CardRoot,
+  Header: CardHeader,
+  Body: CardBody,
+  Footer: CardFooter,
+  Heading: CardHeading,
+  Toolbar: CardToolbar,
+  Title: CardTitle,
+  Subtitle: CardSubtitle
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Card
+  Card,
+  CardBody,
+  CardFooter,
+  CardHeader,
+  CardHeading,
+  CardRoot,
+  CardSubtitle,
+  CardTitle,
+  CardToolbar
 });

package/dist/index.mjs

@@ -1,8 +1,23 @@
 "use client";
 import {
-  namespace_exports
-} from "./chunk-I2M2HM2L.mjs";
-import "./chunk-BSNWXCNX.mjs";
+  Card,
+  CardBody,
+  CardFooter,
+  CardHeader,
+  CardHeading,
+  CardRoot,
+  CardSubtitle,
+  CardTitle,
+  CardToolbar
+} from "./chunk-HMEHVSP2.mjs";
 export {
-  namespace_exports as Card
+  Card,
+  CardBody,
+  CardFooter,
+  CardHeader,
+  CardHeading,
+  CardRoot,
+  CardSubtitle,
+  CardTitle,
+  CardToolbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/card",
-  "version": "17.1.7",
+  "version": "17.2.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.8.0"
+    "@kopexa/theme": "17.8.2"
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.4",
-    "@kopexa/shared-utils": "17.0.14",
-    "@kopexa/react-utils": "17.0.14"
+    "@kopexa/react-utils": "17.0.16",
+    "@kopexa/shared-utils": "17.0.16"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",

package/dist/chunk-I2M2HM2L.mjs

@@ -1,29 +0,0 @@
-"use client";
-import {
-  CardBody,
-  CardFooter,
-  CardHeader,
-  CardHeading,
-  CardRoot,
-  CardSubtitle,
-  CardTitle,
-  CardToolbar,
-  __export
-} from "./chunk-BSNWXCNX.mjs";
-
-// src/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  Body: () => CardBody,
-  Footer: () => CardFooter,
-  Header: () => CardHeader,
-  Heading: () => CardHeading,
-  Root: () => CardRoot,
-  Subtitle: () => CardSubtitle,
-  Title: () => CardTitle,
-  Toolbar: () => CardToolbar
-});
-
-export {
-  namespace_exports
-};

package/dist/namespace.d.mts

@@ -1,10 +0,0 @@
-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, 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, 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 +0,0 @@
-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, 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, 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

@@ -1,185 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  Body: () => CardBody,
-  Footer: () => CardFooter,
-  Header: () => CardHeader,
-  Heading: () => CardHeading,
-  Root: () => CardRoot,
-  Subtitle: () => CardSubtitle,
-  Title: () => CardTitle,
-  Toolbar: () => CardToolbar
-});
-module.exports = __toCommonJS(namespace_exports);
-
-// src/card.tsx
-var import_react_utils = require("@kopexa/react-utils");
-var import_shared_utils = require("@kopexa/shared-utils");
-var import_theme = require("@kopexa/theme");
-var Slot = __toESM(require("@radix-ui/react-slot"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var [Provider, useCardContext] = (0, import_react_utils.createContext)();
-var CardRoot = (props) => {
-  const {
-    className,
-    children,
-    variant,
-    shadow,
-    radius,
-    isHoverable,
-    isPressable,
-    isBlurred,
-    fullWidth,
-    isDisabled,
-    border,
-    bleed,
-    spacing,
-    asChild,
-    ...rest
-  } = props;
-  const Component = asChild ? Slot.Root : "div";
-  const styles = (0, import_theme.card)({
-    variant,
-    shadow,
-    radius,
-    isHoverable,
-    isPressable,
-    isBlurred,
-    fullWidth,
-    isDisabled,
-    border,
-    bleed,
-    spacing
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    {
-      className: styles.root({ className }),
-      tabIndex: isPressable ? 0 : -1,
-      "data-disabled": (0, import_shared_utils.dataAttr)(isDisabled),
-      role: isPressable ? "button" : void 0,
-      "data-slot": "card",
-      ...rest,
-      children
-    }
-  ) });
-};
-function CardHeader(props) {
-  const { className, children, asChild, ...rest } = props;
-  const Component = asChild ? Slot.Root : "div";
-  const { styles } = useCardContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    {
-      "data-slot": "card-header",
-      className: styles.header({ className }),
-      ...rest,
-      children
-    }
-  );
-}
-function CardBody(props) {
-  const { className, children, asChild, ...rest } = props;
-  const Component = asChild ? Slot.Root : "div";
-  const { styles } = useCardContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    {
-      className: styles.body({ className }),
-      "data-slot": "card-body",
-      ...rest,
-      children
-    }
-  );
-}
-function CardFooter(props) {
-  const { className, children, asChild, ...rest } = props;
-  const Component = asChild ? Slot.Root : "div";
-  const { styles } = useCardContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.footer({ className }), ...rest, children });
-}
-function CardHeading({ className, ...props }) {
-  const { styles } = useCardContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      "data-slot": "card-heading",
-      className: (0, import_shared_utils.cn)(styles.heading(), className),
-      ...props
-    }
-  );
-}
-function CardToolbar({ className, ...props }) {
-  const { styles } = useCardContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      "data-slot": "card-toolbar",
-      className: (0, import_shared_utils.cn)(styles.toolbar(), 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,
-  Footer,
-  Header,
-  Heading,
-  Root,
-  Subtitle,
-  Title,
-  Toolbar
-});

package/dist/namespace.mjs

@@ -1,22 +0,0 @@
-"use client";
-import "./chunk-I2M2HM2L.mjs";
-import {
-  CardBody,
-  CardFooter,
-  CardHeader,
-  CardHeading,
-  CardRoot,
-  CardSubtitle,
-  CardTitle,
-  CardToolbar
-} 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
-};