@postenbring/hedwig-react 0.0.75 → 0.0.77

package/dist/card/card.js

@@ -63,22 +63,26 @@ __export(card_exports, {
 module.exports = __toCommonJS(card_exports);
 var import_react = require("react");
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
+var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Card = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "section", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+  var _b = _a, { as: Tag = "section", asChild, className, children } = _b, rest = __objRest(_b, ["as", "asChild", "className", "children"]);
+  const Component = asChild ? import_react_slot.Slot : Tag;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname.clsx)("hds-card", className), ref, children }));
 });
 Card.displayName = "Card";
 var CardMedia = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname.clsx)("hds-card__media", className), ref, children }));
   }
 );
 CardMedia.displayName = "Card.Media";
 var CardMediaImg = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "img", className } = _b, rest = __objRest(_b, ["as", "className"]);
+    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
+    const Component = asChild ? import_react_slot.Slot : "img";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
@@ -88,16 +92,18 @@ var CardMediaImg = (0, import_react.forwardRef)(
     );
   }
 );
-CardMediaImg.displayName = "Card.Media.Img";
+CardMediaImg.displayName = "Card.MediaImg";
 var CardBody = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname.clsx)("hds-card__body", className), ref, children }));
   }
 );
 CardBody.displayName = "Card.Body";
 var CardBodyHeader = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component, className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+  var _b = _a, { as: Tag, asChild, className, children } = _b, rest = __objRest(_b, ["as", "asChild", "className", "children"]);
+  const Component = asChild ? import_react_slot.Slot : Tag;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component,
     __spreadProps(__spreadValues({}, rest), {
@@ -107,34 +113,41 @@ var CardBodyHeader = (0, import_react.forwardRef)((_a, ref) => {
     })
   );
 });
-CardBodyHeader.displayName = "Card.Body.Header";
-var CardBodyHeaderOverline = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "span", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname.clsx)("hds-card__body-header-overline", className),
-      ref,
-      children
-    })
-  );
-});
-CardBodyHeaderOverline.displayName = "Card.Body.Header.Overline";
-var CardBodyHeaderTitle = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component, className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname.clsx)("hds-card__body-header-title", className),
-      ref,
-      children
-    })
-  );
-});
-CardBodyHeaderTitle.displayName = "Card.Body.Header.Title";
+CardBodyHeader.displayName = "Card.BodyHeader";
+var CardBodyHeaderOverline = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      __spreadProps(__spreadValues({}, rest), {
+        className: (0, import_typed_classname.clsx)("hds-card__body-header-overline", className),
+        ref,
+        children
+      })
+    );
+  }
+);
+CardBodyHeaderOverline.displayName = "Card.BodyHeaderOverline";
+var CardBodyHeaderTitle = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      __spreadProps(__spreadValues({}, rest), {
+        className: (0, import_typed_classname.clsx)("hds-card__body-header-title", className),
+        ref,
+        children
+      })
+    );
+  }
+);
+CardBodyHeaderTitle.displayName = "Card.BodyHeaderTitle";
 var CardBodyDescription = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "p", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "p";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
@@ -145,10 +158,11 @@ var CardBodyDescription = (0, import_react.forwardRef)(
     );
   }
 );
-CardBodyDescription.displayName = "Card.Body.Description";
+CardBodyDescription.displayName = "Card.BodyDescription";
 var CardBodyAction = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
@@ -159,18 +173,21 @@ var CardBodyAction = (0, import_react.forwardRef)(
     );
   }
 );
-CardBodyAction.displayName = "Card.Body.Action";
-var CardBodyActionArrow = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "span", className } = _b, rest = __objRest(_b, ["as", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname.clsx)("hds-card__body-action-arrow", className),
-      ref
-    })
-  );
-});
-CardBodyActionArrow.displayName = "Card.Body.Action.Arrow";
+CardBodyAction.displayName = "Card.BodyAction";
+var CardBodyActionArrow = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
+    const Component = asChild ? import_react_slot.Slot : "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      __spreadProps(__spreadValues({}, rest), {
+        className: (0, import_typed_classname.clsx)("hds-card__body-action-arrow", className),
+        ref
+      })
+    );
+  }
+);
+CardBodyActionArrow.displayName = "Card.BodyActionArrow";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Card,

package/dist/card/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const Card: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: Exclude<ElementType, \"a\">;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component = \"section\", className, children, ...rest }, ref) => {\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends HTMLAttributes<HTMLDivElement> {\n  aspectRatio?: string;\n}\nexport const CardMediaImg: OverridableComponent<CardImageMediaProps, HTMLImageElement> = forwardRef(\n  ({ as: Component = \"img\", className, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.Media.Img\";\n\nexport const CardBody: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps & {\n    /**\n     * Heading level of the card heading\n     */\n    as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  }\n>(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.Body.Header\";\n\nexport const CardBodyHeaderOverline: OverridableComponent<CardBaseProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"span\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  });\nCardBodyHeaderOverline.displayName = \"Card.Body.Header.Overline\";\n\nexport const CardBodyHeaderTitle: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be this header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as: ElementType;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header-title\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeaderTitle.displayName = \"Card.Body.Header.Title\";\n\nexport const CardBodyDescription: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"p\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.Body.Description\";\n\nexport const CardBodyAction: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.Body.Action\";\n\nexport const CardBodyActionArrow: OverridableComponent<\n  HTMLAttributes<HTMLSpanElement>,\n  HTMLSpanElement\n> = forwardRef(({ as: Component = \"span\", className, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n      ref={ref}\n    />\n  );\n});\nCardBodyActionArrow.displayName = \"Card.Body.Action.Arrow\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/card/card.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nexport interface CardBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\n\nexport const Card = forwardRef<\n  HTMLDivElement,\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: \"section\" | \"div\" | \"article\" | \"aside\";\n  }\n>(({ as: Tag = \"section\", asChild, className, children, ...rest }, ref) => {\n  const Component = asChild ? Slot : Tag;\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\nexport const CardMediaImg = forwardRef<HTMLImageElement, CardImageMediaProps>(\n  ({ asChild, className, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"img\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.MediaImg\";\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps &\n    (\n      | {\n          /**\n           * Heading level of the card heading\n           */\n          as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n          asChild?: never;\n        }\n      | {\n          asChild: true;\n          as?: never;\n        }\n    )\n>(({ as: Tag, asChild, className, children, ...rest }, ref) => {\n  const Component = asChild ? Slot : Tag;\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.BodyHeader\";\n\nexport const CardBodyHeaderOverline = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"span\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyHeaderOverline.displayName = \"Card.BodyHeaderOverline\";\n\nexport const CardBodyHeaderTitle = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-title\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyHeaderTitle.displayName = \"Card.BodyHeaderTitle\";\n\nexport const CardBodyDescription = forwardRef<HTMLParagraphElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"p\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.BodyDescription\";\n\nexport const CardBodyAction = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.BodyAction\";\n\ninterface CardBodyActionArrowProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\nexport const CardBodyActionArrow = forwardRef<HTMLSpanElement, CardBodyActionArrowProps>(\n  ({ asChild, className, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"span\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardBodyActionArrow.displayName = \"Card.BodyActionArrow\";\n"],"mappings":"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","names":[]}

package/dist/card/card.mjs

@@ -9,7 +9,7 @@ import {
   CardBodyHeaderTitle,
   CardMedia,
   CardMediaImg
-} from "../chunk-X5JERDDU.mjs";
+} from "../chunk-CIHZDFSQ.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Card,

package/dist/card/index.d.mts

@@ -1,12 +1,12 @@
-export { Card_alias_4 as Card } from '../_tsup-dts-rollup';
+export { Card_alias_3 as Card } from '../_tsup-dts-rollup';
 export { CardMedia_alias_3 as CardMedia } from '../_tsup-dts-rollup';
 export { CardMediaImg_alias_3 as CardMediaImg } from '../_tsup-dts-rollup';
 export { CardBody_alias_3 as CardBody } from '../_tsup-dts-rollup';
 export { CardBodyHeader_alias_3 as CardBodyHeader } from '../_tsup-dts-rollup';
 export { CardBodyHeaderOverline_alias_3 as CardBodyHeaderOverline } from '../_tsup-dts-rollup';
-export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
-export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';
 export { CardBodyHeaderTitle_alias_3 as CardBodyHeaderTitle } from '../_tsup-dts-rollup';
 export { CardBodyDescription_alias_3 as CardBodyDescription } from '../_tsup-dts-rollup';
 export { CardBodyAction_alias_3 as CardBodyAction } from '../_tsup-dts-rollup';
 export { CardBodyActionArrow_alias_3 as CardBodyActionArrow } from '../_tsup-dts-rollup';
+export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
+export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';

package/dist/card/index.d.ts

@@ -1,12 +1,12 @@
-export { Card_alias_4 as Card } from '../_tsup-dts-rollup';
+export { Card_alias_3 as Card } from '../_tsup-dts-rollup';
 export { CardMedia_alias_3 as CardMedia } from '../_tsup-dts-rollup';
 export { CardMediaImg_alias_3 as CardMediaImg } from '../_tsup-dts-rollup';
 export { CardBody_alias_3 as CardBody } from '../_tsup-dts-rollup';
 export { CardBodyHeader_alias_3 as CardBodyHeader } from '../_tsup-dts-rollup';
 export { CardBodyHeaderOverline_alias_3 as CardBodyHeaderOverline } from '../_tsup-dts-rollup';
-export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
-export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';
 export { CardBodyHeaderTitle_alias_3 as CardBodyHeaderTitle } from '../_tsup-dts-rollup';
 export { CardBodyDescription_alias_3 as CardBodyDescription } from '../_tsup-dts-rollup';
 export { CardBodyAction_alias_3 as CardBodyAction } from '../_tsup-dts-rollup';
 export { CardBodyActionArrow_alias_3 as CardBodyActionArrow } from '../_tsup-dts-rollup';
+export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
+export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';

package/dist/card/index.js

@@ -51,8 +51,12 @@ var card_exports = {};
 __export(card_exports, {
   Card: () => CardComponent,
   CardBody: () => CardBody,
+  CardBodyAction: () => CardBodyAction,
+  CardBodyActionArrow: () => CardBodyActionArrow,
+  CardBodyDescription: () => CardBodyDescription,
   CardBodyHeader: () => CardBodyHeader,
   CardBodyHeaderOverline: () => CardBodyHeaderOverline,
+  CardBodyHeaderTitle: () => CardBodyHeaderTitle,
   CardMedia: () => CardMedia,
   CardMediaImg: () => CardMediaImg
 });
@@ -61,22 +65,26 @@ module.exports = __toCommonJS(card_exports);
 // src/card/card.tsx
 var import_react = require("react");
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
+var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Card = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "section", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+  var _b = _a, { as: Tag = "section", asChild, className, children } = _b, rest = __objRest(_b, ["as", "asChild", "className", "children"]);
+  const Component = asChild ? import_react_slot.Slot : Tag;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname.clsx)("hds-card", className), ref, children }));
 });
 Card.displayName = "Card";
 var CardMedia = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname.clsx)("hds-card__media", className), ref, children }));
   }
 );
 CardMedia.displayName = "Card.Media";
 var CardMediaImg = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "img", className } = _b, rest = __objRest(_b, ["as", "className"]);
+    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
+    const Component = asChild ? import_react_slot.Slot : "img";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
@@ -86,16 +94,18 @@ var CardMediaImg = (0, import_react.forwardRef)(
     );
   }
 );
-CardMediaImg.displayName = "Card.Media.Img";
+CardMediaImg.displayName = "Card.MediaImg";
 var CardBody = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname.clsx)("hds-card__body", className), ref, children }));
   }
 );
 CardBody.displayName = "Card.Body";
 var CardBodyHeader = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component, className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+  var _b = _a, { as: Tag, asChild, className, children } = _b, rest = __objRest(_b, ["as", "asChild", "className", "children"]);
+  const Component = asChild ? import_react_slot.Slot : Tag;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component,
     __spreadProps(__spreadValues({}, rest), {
@@ -105,34 +115,41 @@ var CardBodyHeader = (0, import_react.forwardRef)((_a, ref) => {
     })
   );
 });
-CardBodyHeader.displayName = "Card.Body.Header";
-var CardBodyHeaderOverline = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "span", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname.clsx)("hds-card__body-header-overline", className),
-      ref,
-      children
-    })
-  );
-});
-CardBodyHeaderOverline.displayName = "Card.Body.Header.Overline";
-var CardBodyHeaderTitle = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component, className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname.clsx)("hds-card__body-header-title", className),
-      ref,
-      children
-    })
-  );
-});
-CardBodyHeaderTitle.displayName = "Card.Body.Header.Title";
+CardBodyHeader.displayName = "Card.BodyHeader";
+var CardBodyHeaderOverline = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      __spreadProps(__spreadValues({}, rest), {
+        className: (0, import_typed_classname.clsx)("hds-card__body-header-overline", className),
+        ref,
+        children
+      })
+    );
+  }
+);
+CardBodyHeaderOverline.displayName = "Card.BodyHeaderOverline";
+var CardBodyHeaderTitle = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      __spreadProps(__spreadValues({}, rest), {
+        className: (0, import_typed_classname.clsx)("hds-card__body-header-title", className),
+        ref,
+        children
+      })
+    );
+  }
+);
+CardBodyHeaderTitle.displayName = "Card.BodyHeaderTitle";
 var CardBodyDescription = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "p", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "p";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
@@ -143,10 +160,11 @@ var CardBodyDescription = (0, import_react.forwardRef)(
     );
   }
 );
-CardBodyDescription.displayName = "Card.Body.Description";
+CardBodyDescription.displayName = "Card.BodyDescription";
 var CardBodyAction = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);
+    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
@@ -157,40 +175,43 @@ var CardBodyAction = (0, import_react.forwardRef)(
     );
   }
 );
-CardBodyAction.displayName = "Card.Body.Action";
-var CardBodyActionArrow = (0, import_react.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Component = "span", className } = _b, rest = __objRest(_b, ["as", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname.clsx)("hds-card__body-action-arrow", className),
-      ref
-    })
-  );
-});
-CardBodyActionArrow.displayName = "Card.Body.Action.Arrow";
+CardBodyAction.displayName = "Card.BodyAction";
+var CardBodyActionArrow = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
+    const Component = asChild ? import_react_slot.Slot : "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      __spreadProps(__spreadValues({}, rest), {
+        className: (0, import_typed_classname.clsx)("hds-card__body-action-arrow", className),
+        ref
+      })
+    );
+  }
+);
+CardBodyActionArrow.displayName = "Card.BodyActionArrow";
 
 // src/card/index.tsx
-var CardMediaComponent = CardMedia;
-CardMediaComponent.Img = CardMediaImg;
-var CardBodyHeaderComponent = CardBodyHeader;
-CardBodyHeaderComponent.Overline = CardBodyHeaderOverline;
-CardBodyHeaderComponent.Title = CardBodyHeaderTitle;
-var CardBodyActionComponent = CardBodyAction;
-CardBodyActionComponent.Arrow = CardBodyActionArrow;
-var CardBodyComponent = CardBody;
-CardBodyComponent.Header = CardBodyHeaderComponent;
-CardBodyComponent.Description = CardBodyDescription;
-CardBodyComponent.Action = CardBodyActionComponent;
 var CardComponent = Card;
-CardComponent.Media = CardMediaComponent;
-CardComponent.Body = CardBodyComponent;
+CardComponent.Media = CardMedia;
+CardComponent.MediaImg = CardMediaImg;
+CardComponent.Body = CardBody;
+CardComponent.BodyHeader = CardBodyHeader;
+CardComponent.BodyHeaderOverline = CardBodyHeaderOverline;
+CardComponent.BodyHeaderTitle = CardBodyHeaderTitle;
+CardComponent.BodyDescription = CardBodyDescription;
+CardComponent.BodyAction = CardBodyAction;
+CardComponent.BodyActionArrow = CardBodyActionArrow;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Card,
   CardBody,
+  CardBodyAction,
+  CardBodyActionArrow,
+  CardBodyDescription,
   CardBodyHeader,
   CardBodyHeaderOverline,
+  CardBodyHeaderTitle,
   CardMedia,
   CardMediaImg
 });

package/dist/card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/index.tsx","../../src/card/card.tsx"],"sourcesContent":["import {\n  Card,\n  CardMedia,\n  CardMediaImg,\n  CardBody,\n  CardBodyHeader,\n  CardBodyHeaderOverline,\n  CardBodyHeaderTitle,\n  CardBodyDescription,\n  CardBodyAction,\n  CardBodyActionArrow,\n} from \"./card\";\n\nconst CardMediaComponent = CardMedia as typeof CardMedia & {\n  Img: typeof CardMediaImg;\n};\nCardMediaComponent.Img = CardMediaImg;\n\nconst CardBodyHeaderComponent = CardBodyHeader as typeof CardBodyHeader & {\n  Overline: typeof CardBodyHeaderOverline;\n  Title: typeof CardBodyHeaderTitle;\n};\nCardBodyHeaderComponent.Overline = CardBodyHeaderOverline;\nCardBodyHeaderComponent.Title = CardBodyHeaderTitle;\n\nconst CardBodyActionComponent = CardBodyAction as typeof CardBodyAction & {\n  Arrow: typeof CardBodyActionArrow;\n};\nCardBodyActionComponent.Arrow = CardBodyActionArrow;\n\nconst CardBodyComponent = CardBody as typeof CardBody & {\n  Header: typeof CardBodyHeaderComponent;\n  Overline: typeof CardBodyHeaderOverline;\n  Title: typeof CardBodyHeaderTitle;\n  Description: typeof CardBodyDescription;\n  Action: typeof CardBodyActionComponent;\n};\n\nCardBodyComponent.Header = CardBodyHeaderComponent;\nCardBodyComponent.Description = CardBodyDescription;\nCardBodyComponent.Action = CardBodyActionComponent;\n\nconst CardComponent = Card as typeof Card & {\n  Media: typeof CardMediaComponent;\n  Body: typeof CardBodyComponent;\n};\nCardComponent.Media = CardMediaComponent;\nCardComponent.Body = CardBodyComponent;\n\nexport {\n  CardComponent as Card,\n  CardMedia,\n  CardMediaImg,\n  CardBody,\n  CardBodyHeader,\n  CardBodyHeaderOverline,\n};\n\nexport type * from \"./card\";\n","import type { HTMLAttributes, ReactNode, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const Card: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: Exclude<ElementType, \"a\">;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component = \"section\", className, children, ...rest }, ref) => {\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends HTMLAttributes<HTMLDivElement> {\n  aspectRatio?: string;\n}\nexport const CardMediaImg: OverridableComponent<CardImageMediaProps, HTMLImageElement> = forwardRef(\n  ({ as: Component = \"img\", className, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.Media.Img\";\n\nexport const CardBody: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps & {\n    /**\n     * Heading level of the card heading\n     */\n    as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  }\n>(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.Body.Header\";\n\nexport const CardBodyHeaderOverline: OverridableComponent<CardBaseProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"span\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  });\nCardBodyHeaderOverline.displayName = \"Card.Body.Header.Overline\";\n\nexport const CardBodyHeaderTitle: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be this header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as: ElementType;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header-title\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeaderTitle.displayName = \"Card.Body.Header.Title\";\n\nexport const CardBodyDescription: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"p\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.Body.Description\";\n\nexport const CardBodyAction: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.Body.Action\";\n\nexport const CardBodyActionArrow: OverridableComponent<\n  HTMLAttributes<HTMLSpanElement>,\n  HTMLSpanElement\n> = forwardRef(({ as: Component = \"span\", className, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n      ref={ref}\n    />\n  );\n});\nCardBodyActionArrow.displayName = \"Card.Body.Action.Arrow\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/card/index.tsx","../../src/card/card.tsx"],"sourcesContent":["import {\n  Card,\n  CardMedia,\n  CardMediaImg,\n  CardBody,\n  CardBodyHeader,\n  CardBodyHeaderOverline,\n  CardBodyHeaderTitle,\n  CardBodyDescription,\n  CardBodyAction,\n  CardBodyActionArrow,\n} from \"./card\";\n\nconst CardComponent = Card as typeof Card & {\n  Media: typeof CardMedia;\n  MediaImg: typeof CardMediaImg;\n  Body: typeof CardBody;\n  BodyHeader: typeof CardBodyHeader;\n  BodyHeaderOverline: typeof CardBodyHeaderOverline;\n  BodyHeaderTitle: typeof CardBodyHeaderTitle;\n  BodyDescription: typeof CardBodyDescription;\n  BodyAction: typeof CardBodyAction;\n  BodyActionArrow: typeof CardBodyActionArrow;\n};\nCardComponent.Media = CardMedia;\nCardComponent.MediaImg = CardMediaImg;\nCardComponent.Body = CardBody;\nCardComponent.BodyHeader = CardBodyHeader;\nCardComponent.BodyHeaderOverline = CardBodyHeaderOverline;\nCardComponent.BodyHeaderTitle = CardBodyHeaderTitle;\nCardComponent.BodyDescription = CardBodyDescription;\nCardComponent.BodyAction = CardBodyAction;\nCardComponent.BodyActionArrow = CardBodyActionArrow;\n\nexport {\n  CardComponent as Card,\n  CardMedia,\n  CardMediaImg,\n  CardBody,\n  CardBodyHeader,\n  CardBodyHeaderOverline,\n  CardBodyHeaderTitle,\n  CardBodyDescription,\n  CardBodyAction,\n  CardBodyActionArrow,\n};\n\nexport type * from \"./card\";\n","import type { ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nexport interface CardBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\n\nexport const Card = forwardRef<\n  HTMLDivElement,\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: \"section\" | \"div\" | \"article\" | \"aside\";\n  }\n>(({ as: Tag = \"section\", asChild, className, children, ...rest }, ref) => {\n  const Component = asChild ? Slot : Tag;\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\nexport const CardMediaImg = forwardRef<HTMLImageElement, CardImageMediaProps>(\n  ({ asChild, className, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"img\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.MediaImg\";\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps &\n    (\n      | {\n          /**\n           * Heading level of the card heading\n           */\n          as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n          asChild?: never;\n        }\n      | {\n          asChild: true;\n          as?: never;\n        }\n    )\n>(({ as: Tag, asChild, className, children, ...rest }, ref) => {\n  const Component = asChild ? Slot : Tag;\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.BodyHeader\";\n\nexport const CardBodyHeaderOverline = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"span\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyHeaderOverline.displayName = \"Card.BodyHeaderOverline\";\n\nexport const CardBodyHeaderTitle = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-title\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyHeaderTitle.displayName = \"Card.BodyHeaderTitle\";\n\nexport const CardBodyDescription = forwardRef<HTMLParagraphElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"p\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.BodyDescription\";\n\nexport const CardBodyAction = forwardRef<HTMLDivElement, CardBaseProps>(\n  ({ asChild, className, children, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.BodyAction\";\n\ninterface CardBodyActionArrowProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\nexport const CardBodyActionArrow = forwardRef<HTMLSpanElement, CardBodyActionArrowProps>(\n  ({ asChild, className, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"span\";\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardBodyActionArrow.displayName = \"Card.BodyActionArrow\";\n"],"mappings":"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","names":[]}

package/dist/card/index.mjs

@@ -1,19 +1,27 @@
 import {
   CardComponent
-} from "../chunk-XE4UZBL2.mjs";
+} from "../chunk-PT5H3QV6.mjs";
 import {
   CardBody,
+  CardBodyAction,
+  CardBodyActionArrow,
+  CardBodyDescription,
   CardBodyHeader,
   CardBodyHeaderOverline,
+  CardBodyHeaderTitle,
   CardMedia,
   CardMediaImg
-} from "../chunk-X5JERDDU.mjs";
+} from "../chunk-CIHZDFSQ.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   CardComponent as Card,
   CardBody,
+  CardBodyAction,
+  CardBodyActionArrow,
+  CardBodyDescription,
   CardBodyHeader,
   CardBodyHeaderOverline,
+  CardBodyHeaderTitle,
   CardMedia,
   CardMediaImg
 };

package/dist/chunk-2UWPZNXC.mjs

@@ -0,0 +1,40 @@
+import {
+  AccordionItemContext
+} from "./chunk-V3PAFMK5.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/accordion/accordion-content.tsx
+import { forwardRef, useContext } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { jsx } from "react/jsx-runtime";
+var AccordionContent = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    const context = useContext(AccordionItemContext);
+    if (context === null) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+        "aria-hidden": !context.open,
+        "data-state": context.open ? "open" : "closed"
+      }, { inert: context.open ? "true" : void 0 }), {
+        className: clsx("hds-accordion-item-content", className),
+        ref
+      }), rest), {
+        children: /* @__PURE__ */ jsx("div", { className: clsx("hds-accordion-item-content-inner"), children })
+      })
+    );
+  }
+);
+AccordionContent.displayName = "Accordion.Content";
+
+export {
+  AccordionContent
+};
+//# sourceMappingURL=chunk-2UWPZNXC.mjs.map

package/dist/chunk-2UWPZNXC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion/accordion-content.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n  ({ children, className, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    return (\n      <div\n        aria-hidden={!context.open}\n        data-state={context.open ? \"open\" : \"closed\"}\n        {...{ inert: context.open ? \"true\" : undefined }}\n        className={clsx(\"hds-accordion-item-content\", className as undefined)}\n        ref={ref}\n        {...rest}\n      >\n        <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n      </div>\n    );\n  },\n);\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,kBAAkB;AACvC,SAAS,YAAY;AAsBb;AAfD,IAAM,mBAAmB;AAAA,EAC9B,CAAC,IAAkC,QAAQ;AAA1C,iBAAE,YAAU,UAVf,IAUG,IAA0B,iBAA1B,IAA0B,CAAxB,YAAU;AACX,UAAM,UAAU,WAAW,oBAAoB;AAC/C,QAAI,YAAY,MAAM;AACpB,aAAO;AAAA,IACT;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,CAAC,QAAQ;AAAA,QACtB,cAAY,QAAQ,OAAO,SAAS;AAAA,SAChC,EAAE,OAAO,QAAQ,OAAO,SAAS,OAAU,IAHhD;AAAA,QAIC,WAAW,KAAK,8BAA8B,SAAsB;AAAA,QACpE;AAAA,UACI,OANL;AAAA,QAQC,8BAAC,SAAI,WAAW,KAAK,kCAAkC,GAAI,UAAS;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;","names":[]}