boreal-ui 0.0.71 → 0.0.73

package/dist/next/{Card-WoaRWnDq.cjs → Card-0Pm8Vjjn.cjs}

@@ -2,65 +2,71 @@
 const require$$2 = require("react/jsx-runtime");
 const image$1 = require("./image-Bo_vHlt1.cjs");
 ;/* empty css                   */
-const Button = require("./Button-CfP7f3xF.cjs");
-const IconButton = require("./IconButton-D3MIvof0.cjs");
-const Skeleton = require("./Skeleton-YTWvOtCq.cjs");
+const Button = require("./Button-DMCOgi4K.cjs");
+const IconButton = require("./IconButton-C4OC99ig.cjs");
+const Skeleton = require("./Skeleton-N1-8bK7i.cjs");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_1ktqd_109";
-const errorMessage = "_errorMessage_1ktqd_110";
-const loadingContainer = "_loadingContainer_1ktqd_111";
-const hideScrollbar = "_hideScrollbar_1ktqd_103";
-const sr_only = "_sr_only_1ktqd_112";
-const card = "_card_1ktqd_629";
-const outline = "_outline_1ktqd_636";
-const footer = "_footer_1ktqd_639";
-const clickable = "_clickable_1ktqd_642";
-const roundNone = "_roundNone_1ktqd_670";
-const roundSmall = "_roundSmall_1ktqd_674";
-const roundMedium = "_roundMedium_1ktqd_678";
-const roundLarge = "_roundLarge_1ktqd_682";
-const roundFull = "_roundFull_1ktqd_686";
-const shadowNone = "_shadowNone_1ktqd_690";
-const shadowLight = "_shadowLight_1ktqd_694";
-const shadowMedium = "_shadowMedium_1ktqd_698";
-const shadowStrong = "_shadowStrong_1ktqd_702";
-const shadowIntense = "_shadowIntense_1ktqd_706";
-const loading = "_loading_1ktqd_111";
-const fade_in = "_fade_in_1ktqd_731";
-const media = "_media_1ktqd_735";
-const image = "_image_1ktqd_754";
-const vertical = "_vertical_1ktqd_766";
-const content = "_content_1ktqd_769";
-const horizontal = "_horizontal_1ktqd_787";
-const body = "_body_1ktqd_837";
-const disabled = "_disabled_1ktqd_868";
-const primary = "_primary_1ktqd_888";
-const icon = "_icon_1ktqd_892";
-const description = "_description_1ktqd_893";
-const secondary = "_secondary_1ktqd_910";
-const tertiary = "_tertiary_1ktqd_932";
-const quaternary = "_quaternary_1ktqd_954";
-const clear = "_clear_1ktqd_976";
-const success = "_success_1ktqd_998";
-const error = "_error_1ktqd_110";
-const warning = "_warning_1ktqd_1040";
-const header = "_header_1ktqd_1067";
-const title = "_title_1ktqd_1107";
-const actions = "_actions_1ktqd_1183";
-const xs = "_xs_1ktqd_1202";
-const children = "_children_1ktqd_1212";
-const small = "_small_1ktqd_1219";
-const medium = "_medium_1ktqd_1235";
-const large = "_large_1ktqd_1251";
-const xl = "_xl_1ktqd_1267";
-const left = "_left_1ktqd_1283";
-const center = "_center_1ktqd_1295";
-const right = "_right_1ktqd_1307";
-const spin = "_spin_1ktqd_1";
-const pulse = "_pulse_1ktqd_1";
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const noScroll = "_noScroll_2e6wh_109";
+const errorMessage = "_errorMessage_2e6wh_110";
+const loadingContainer = "_loadingContainer_2e6wh_111";
+const hideScrollbar = "_hideScrollbar_2e6wh_103";
+const sr_only = "_sr_only_2e6wh_112";
+const card = "_card_2e6wh_638";
+const outline = "_outline_2e6wh_645";
+const footer = "_footer_2e6wh_648";
+const clickable = "_clickable_2e6wh_651";
+const borderNone = "_borderNone_2e6wh_679";
+const borderXs = "_borderXs_2e6wh_685";
+const borderSmall = "_borderSmall_2e6wh_691";
+const borderMedium = "_borderMedium_2e6wh_697";
+const borderLarge = "_borderLarge_2e6wh_703";
+const borderXl = "_borderXl_2e6wh_709";
+const roundNone = "_roundNone_2e6wh_715";
+const roundSmall = "_roundSmall_2e6wh_719";
+const roundMedium = "_roundMedium_2e6wh_723";
+const roundLarge = "_roundLarge_2e6wh_727";
+const roundFull = "_roundFull_2e6wh_731";
+const shadowNone = "_shadowNone_2e6wh_735";
+const shadowLight = "_shadowLight_2e6wh_739";
+const shadowMedium = "_shadowMedium_2e6wh_743";
+const shadowStrong = "_shadowStrong_2e6wh_747";
+const shadowIntense = "_shadowIntense_2e6wh_751";
+const loading = "_loading_2e6wh_111";
+const fade_in = "_fade_in_2e6wh_776";
+const media = "_media_2e6wh_780";
+const image = "_image_2e6wh_799";
+const vertical = "_vertical_2e6wh_811";
+const content = "_content_2e6wh_814";
+const horizontal = "_horizontal_2e6wh_832";
+const body = "_body_2e6wh_882";
+const disabled = "_disabled_2e6wh_913";
+const primary = "_primary_2e6wh_933";
+const icon = "_icon_2e6wh_937";
+const description = "_description_2e6wh_938";
+const secondary = "_secondary_2e6wh_955";
+const tertiary = "_tertiary_2e6wh_977";
+const quaternary = "_quaternary_2e6wh_999";
+const clear = "_clear_2e6wh_1021";
+const success = "_success_2e6wh_1043";
+const error = "_error_2e6wh_110";
+const warning = "_warning_2e6wh_1085";
+const header = "_header_2e6wh_1132";
+const title = "_title_2e6wh_1172";
+const actions = "_actions_2e6wh_1248";
+const xs = "_xs_2e6wh_1267";
+const children = "_children_2e6wh_1277";
+const small = "_small_2e6wh_1284";
+const medium = "_medium_2e6wh_1300";
+const large = "_large_2e6wh_1316";
+const xl = "_xl_2e6wh_1332";
+const left = "_left_2e6wh_1348";
+const center = "_center_2e6wh_1360";
+const right = "_right_2e6wh_1372";
+const spin = "_spin_2e6wh_1";
+const pulse = "_pulse_2e6wh_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -71,6 +77,12 @@ const styles = {
   outline,
   footer,
   clickable,
+  borderNone,
+  borderXs,
+  borderSmall,
+  borderMedium,
+  borderLarge,
+  borderXl,
   roundNone,
   roundSmall,
   roundMedium,
@@ -83,7 +95,7 @@ const styles = {
   shadowIntense,
   loading,
   fade_in,
-  "fade-in": "_fade-in_1ktqd_1",
+  "fade-in": "_fade-in_2e6wh_1",
   media,
   image,
   vertical,
@@ -113,20 +125,21 @@ const styles = {
   left,
   center,
   right,
-  "slide-up": "_slide-up_1ktqd_1",
-  "spin-3d": "_spin-3d_1ktqd_1",
+  "slide-up": "_slide-up_2e6wh_1",
+  "spin-3d": "_spin-3d_2e6wh_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1ktqd_1",
-  "progress-grow": "_progress-grow_1ktqd_1",
-  "indeterminate-move": "_indeterminate-move_1ktqd_1",
-  "skeleton-loading": "_skeleton-loading_1ktqd_1"
+  "fade-in-up": "_fade-in-up_2e6wh_1",
+  "progress-grow": "_progress-grow_2e6wh_1",
+  "indeterminate-move": "_indeterminate-move_2e6wh_1",
+  "skeleton-loading": "_skeleton-loading_2e6wh_1"
 };
 const CardBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
   state = "",
   cardIcon,
   title: title2 = "",
+  border = borealStyleConfig.getDefaultBorder(),
   description: description2 = "",
   rounding = borealStyleConfig.getDefaultRounding(),
   shadow = borealStyleConfig.getDefaultShadow(),
@@ -135,6 +148,7 @@ const CardBase = ({
   imageHeight,
   imageWidth,
   imageFill,
+  imageDecorative = false,
   className = "",
   imageClassName = "",
   headerClassName = "",
@@ -151,17 +165,34 @@ const CardBase = ({
   layout = "vertical",
   loading: loading2 = false,
   children: children2,
+  id,
+  role,
+  tabIndex,
+  selectable = false,
+  selected = false,
+  disabled: disabled2 = false,
   "data-testid": testId = "card",
   "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
+  "aria-expanded": ariaExpanded,
+  "aria-controls": ariaControls,
+  "aria-current": ariaCurrent,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  headerId,
+  descriptionId,
   classMap,
   SkeletonComponent,
   ImageComponent
 }) => {
   const autoId = React.useId();
-  const headerId = ariaLabelledBy || `${autoId}-header`;
-  const descriptionId = `${autoId}-description`;
+  const resolvedHeaderId = headerId || ariaLabelledBy || `${autoId}-header`;
+  const resolvedDescriptionId = descriptionId || `${autoId}-description`;
+  const hasTitle = Boolean(title2);
+  const hasDescription = Boolean(description2);
   const derivedAriaLabel = ariaLabel || title2 || description2 || "Content card";
+  const resolvedRole = role || (selectable ? "button" : hasTitle || ariaLabel ? "region" : void 0);
   const FallbackImage = (props) => /* @__PURE__ */ require$$2.jsx("img", { ...props });
   function isStaticCardImage(value) {
     return typeof value === "object" && value !== null && "src" in value && typeof value.src === "string";
@@ -196,7 +227,7 @@ const CardBase = ({
     height: resolvedHeight
   } = normalizeImageSource(imageUrl, imageWidth, imageHeight);
   const hasImage = Boolean(imgSrc);
-  const imgAlt = imageAlt || `${title2 || "Card"} image`;
+  const imgAlt = imageDecorative ? "" : imageAlt || `${title2 || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
   const cardClassName = React.useMemo(
     () => classNames.combineClassNames(
@@ -208,8 +239,12 @@ const CardBase = ({
       classMap[size],
       shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
       rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      border && classMap[`border${capitalize.capitalize(border)}`],
       outline2 && classMap.outline,
       loading2 && classMap.loading,
+      disabled2 && classMap.disabled,
+      selected && classMap.selected,
+      selectable && classMap.selectable,
       className
     ),
     [
@@ -221,20 +256,34 @@ const CardBase = ({
       size,
       shadow,
       rounding,
+      border,
       outline2,
       loading2,
+      disabled2,
+      selected,
+      selectable,
       className
     ]
   );
   return /* @__PURE__ */ require$$2.jsx(
     "div",
     {
+      id,
       "data-testid": testId,
       className: cardClassName,
-      role: "region",
-      "aria-labelledby": title2 ? headerId : void 0,
-      "aria-label": !title2 ? derivedAriaLabel : void 0,
+      role: resolvedRole,
+      tabIndex: disabled2 ? -1 : tabIndex,
+      "aria-labelledby": hasTitle && !ariaLabel ? resolvedHeaderId : ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy || (hasDescription ? resolvedDescriptionId : void 0),
+      "aria-label": !hasTitle || ariaLabel ? derivedAriaLabel : void 0,
       "aria-busy": loading2 || void 0,
+      "aria-disabled": disabled2 || void 0,
+      "aria-pressed": selectable ? selected : void 0,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-current": ariaCurrent,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaAtomic,
       children: loading2 ? /* @__PURE__ */ require$$2.jsx(
         SkeletonComponent,
         {
@@ -266,8 +315,8 @@ const CardBase = ({
             "div",
             {
               className: classNames.combineClassNames(classMap.header, headerClassName),
-              id: headerId,
-              children: renderHeader ? renderHeader() : title2 ? /* @__PURE__ */ require$$2.jsxs("h2", { className: classMap.title, children: [
+              id: resolvedHeaderId,
+              children: renderHeader ? renderHeader() : hasTitle ? /* @__PURE__ */ require$$2.jsxs("h2", { className: classMap.title, children: [
                 cardIcon && /* @__PURE__ */ require$$2.jsx(
                   "span",
                   {
@@ -281,18 +330,17 @@ const CardBase = ({
               ] }) : null
             }
           ),
-          /* @__PURE__ */ require$$2.jsx(
-            "div",
-            {
-              className: classNames.combineClassNames(classMap.body, bodyClassName),
-              role: "group",
-              "aria-describedby": description2 ? descriptionId : void 0,
-              children: renderContent ? renderContent() : /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
-                description2 && /* @__PURE__ */ require$$2.jsx("p", { id: descriptionId, className: classMap.description, children: description2 }),
-                children2 && /* @__PURE__ */ require$$2.jsx("div", { className: classMap.children, children: children2 })
-              ] })
-            }
-          ),
+          /* @__PURE__ */ require$$2.jsx("div", { className: classNames.combineClassNames(classMap.body, bodyClassName), children: renderContent ? renderContent() : /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+            hasDescription && /* @__PURE__ */ require$$2.jsx(
+              "p",
+              {
+                id: resolvedDescriptionId,
+                className: classMap.description,
+                children: description2
+              }
+            ),
+            children2 && /* @__PURE__ */ require$$2.jsx("div", { className: classMap.children, children: children2 })
+          ] }) }),
           (actionButtons.length > 0 || renderFooter) && /* @__PURE__ */ require$$2.jsxs(
             "div",
             {
@@ -307,11 +355,19 @@ const CardBase = ({
                       className: classMap.action_button,
                       theme: button.theme || "clear",
                       state: button.state || "",
-                      "aria-label": button.label,
+                      "aria-label": button["aria-label"] || button.label,
+                      "aria-describedby": button["aria-describedby"],
+                      "aria-labelledby": button["aria-labelledby"],
+                      "aria-pressed": button["aria-pressed"],
+                      "aria-expanded": button["aria-expanded"],
+                      "aria-controls": button["aria-controls"],
+                      "aria-current": button["aria-current"],
+                      role: button.role,
+                      title: button.title,
                       size: button.size || size,
                       href: button.href,
                       loading: button.loading,
-                      ariaLabel: button.ariaLabel
+                      disabled: button.disabled
                     },
                     index
                   ) : /* @__PURE__ */ require$$2.jsx(
@@ -324,7 +380,16 @@ const CardBase = ({
                       href: button.href,
                       loading: button.loading,
                       size: button.size || size,
-                      ariaLabel: button.ariaLabel,
+                      ariaLabel: button["aria-label"] || button.label,
+                      "aria-describedby": button["aria-describedby"],
+                      "aria-labelledby": button["aria-labelledby"],
+                      "aria-pressed": button["aria-pressed"],
+                      "aria-expanded": button["aria-expanded"],
+                      "aria-controls": button["aria-controls"],
+                      "aria-current": button["aria-current"],
+                      role: button.role,
+                      title: button.title,
+                      disabled: button.disabled,
                       children: button.label
                     },
                     index
@@ -390,4 +455,4 @@ const Card = (props) => {
 };
 Card.displayName = "Card";
 exports.Card = Card;
-//# sourceMappingURL=Card-WoaRWnDq.cjs.map
+//# sourceMappingURL=Card-0Pm8Vjjn.cjs.map

package/dist/next/Card-0Pm8Vjjn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-0Pm8Vjjn.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource, StaticCardImage } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n  getDefaultBorder,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  border = getDefaultBorder(),\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  imageDecorative = false,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  id,\r\n  role,\r\n  tabIndex,\r\n  selectable = false,\r\n  selected = false,\r\n  disabled = false,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-expanded\": ariaExpanded,\r\n  \"aria-controls\": ariaControls,\r\n  \"aria-current\": ariaCurrent,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  headerId,\r\n  descriptionId,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const resolvedHeaderId = headerId || ariaLabelledBy || `${autoId}-header`;\r\n  const resolvedDescriptionId = descriptionId || `${autoId}-description`;\r\n\r\n  const hasTitle = Boolean(title);\r\n  const hasDescription = Boolean(description);\r\n\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const resolvedRole =\r\n    role ||\r\n    (selectable ? \"button\" : hasTitle || ariaLabel ? \"region\" : undefined);\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  function isStaticCardImage(value: unknown): value is StaticCardImage {\r\n    return (\r\n      typeof value === \"object\" &&\r\n      value !== null &&\r\n      \"src\" in value &&\r\n      typeof (value as { src: unknown }).src === \"string\"\r\n    );\r\n  }\r\n\r\n  function normalizeImageSource(\r\n    srcInput: CardImageSource | undefined,\r\n    fallbackWidth?: number,\r\n    fallbackHeight?: number,\r\n  ): { src?: string; width?: number; height?: number } {\r\n    if (!srcInput) {\r\n      return { src: undefined, width: fallbackWidth, height: fallbackHeight };\r\n    }\r\n\r\n    if (typeof srcInput === \"string\") {\r\n      const trimmed = srcInput.trim();\r\n      if (!trimmed) {\r\n        return { src: undefined, width: fallbackWidth, height: fallbackHeight };\r\n      }\r\n      return { src: trimmed, width: fallbackWidth, height: fallbackHeight };\r\n    }\r\n\r\n    if (isStaticCardImage(srcInput)) {\r\n      const trimmed = srcInput.src.trim();\r\n      if (!trimmed) {\r\n        return { src: undefined, width: fallbackWidth, height: fallbackHeight };\r\n      }\r\n\r\n      return {\r\n        src: trimmed,\r\n        width: srcInput.width ?? fallbackWidth,\r\n        height: srcInput.height ?? fallbackHeight,\r\n      };\r\n    }\r\n\r\n    return { src: undefined, width: fallbackWidth, height: fallbackHeight };\r\n  }\r\n\r\n  const {\r\n    src: imgSrc,\r\n    width: resolvedWidth,\r\n    height: resolvedHeight,\r\n  } = normalizeImageSource(imageUrl, imageWidth, imageHeight);\r\n\r\n  const hasImage = Boolean(imgSrc);\r\n  const imgAlt = imageDecorative ? \"\" : imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        border && classMap[`border${capitalize(border)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        disabled && classMap.disabled,\r\n        selected && classMap.selected,\r\n        selectable && classMap.selectable,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      border,\r\n      outline,\r\n      loading,\r\n      disabled,\r\n      selected,\r\n      selectable,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role={resolvedRole}\r\n      tabIndex={disabled ? -1 : tabIndex}\r\n      aria-labelledby={\r\n        hasTitle && !ariaLabel ? resolvedHeaderId : ariaLabelledBy\r\n      }\r\n      aria-describedby={\r\n        ariaDescribedBy || (hasDescription ? resolvedDescriptionId : undefined)\r\n      }\r\n      aria-label={!hasTitle || ariaLabel ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n      aria-disabled={disabled || undefined}\r\n      aria-pressed={selectable ? selected : undefined}\r\n      aria-expanded={ariaExpanded}\r\n      aria-controls={ariaControls}\r\n      aria-current={ariaCurrent}\r\n      aria-live={ariaLive}\r\n      aria-atomic={ariaAtomic}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            imgSrc &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  fill\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={resolvedHeaderId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : hasTitle ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div className={combineClassNames(classMap.body, bodyClassName)}>\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {hasDescription && (\r\n                    <p\r\n                      id={resolvedDescriptionId}\r\n                      className={classMap.description}\r\n                    >\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button[\"aria-label\"] || button.label}\r\n                          aria-describedby={button[\"aria-describedby\"]}\r\n                          aria-labelledby={button[\"aria-labelledby\"]}\r\n                          aria-pressed={button[\"aria-pressed\"]}\r\n                          aria-expanded={button[\"aria-expanded\"]}\r\n                          aria-controls={button[\"aria-controls\"]}\r\n                          aria-current={button[\"aria-current\"]}\r\n                          role={button.role}\r\n                          title={button.title}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          disabled={button.disabled}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                          ariaLabel={button[\"aria-label\"] || button.label}\r\n                          aria-describedby={button[\"aria-describedby\"]}\r\n                          aria-labelledby={button[\"aria-labelledby\"]}\r\n                          aria-pressed={button[\"aria-pressed\"]}\r\n                          aria-expanded={button[\"aria-expanded\"]}\r\n                          aria-controls={button[\"aria-controls\"]}\r\n                          aria-current={button[\"aria-current\"]}\r\n                          role={button.role}\r\n                          title={button.title}\r\n                          disabled={button.disabled}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      ),\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image, { StaticImageData } from \"next/image\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.next\";\r\nimport styles from \"./Card.module.scss\";\r\nimport CardBase from \"../CardBase\";\r\nimport { CardImageComponentProps, CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<CardImageComponentProps> = ({\r\n  src,\r\n  alt,\r\n  className,\r\n  width,\r\n  height,\r\n  fill,\r\n}) => {\r\n  if (typeof src === \"string\" && src.toLowerCase().endsWith(\".svg\")) {\r\n    return (\r\n      <img\r\n        src={src}\r\n        alt={alt}\r\n        className={className}\r\n        width={width}\r\n        height={height}\r\n        loading=\"lazy\"\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Image\r\n      src={src as StaticImageData | string}\r\n      alt={alt}\r\n      className={className}\r\n      {...(fill\r\n        ? { fill, sizes: \"100vw\" }\r\n        : { width: width ?? 640, height: height ?? 360 })}\r\n    />\r\n  );\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={styles}\r\n      SkeletonComponent={Skeleton}\r\n      ImageComponent={NextImageWrapper}\r\n    />\r\n  );\r\n};\r\nCard.displayName = \"Card\";\r\nexport default Card;\r\n"],"names":["getDefaultTheme","title","getDefaultBorder","description","getDefaultRounding","getDefaultShadow","outline","getDefaultSize","loading","children","disabled","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Image","Button","IconButton","Skeleton"],"mappings":"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"}