boreal-ui 0.0.72 → 0.0.74

package/dist/core/Button-nxtJFOWD.cjs

@@ -0,0 +1,216 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const ButtonBase = React.forwardRef(
+  ({
+    icon: Icon,
+    theme = borealStyleConfig.getDefaultTheme(),
+    state = "",
+    onClick,
+    type = "button",
+    rounding = borealStyleConfig.getDefaultRounding(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    children,
+    className = "",
+    disabled = false,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-pressed": ariaPressed,
+    "aria-current": ariaCurrent,
+    "aria-haspopup": ariaHasPopup,
+    "aria-live": ariaLive,
+    "aria-atomic": ariaAtomic,
+    "aria-busy": ariaBusy,
+    "aria-disabled": ariaDisabled,
+    href,
+    isExternal = false,
+    outline = false,
+    size = borealStyleConfig.getDefaultSize(),
+    loading = false,
+    loadingLabel = "Loading",
+    fullWidth = false,
+    "data-testid": testId = "button",
+    classMap,
+    LinkComponent = "a",
+    ...rest
+  }, ref) => {
+    const iconOnly = !children || typeof children !== "string" && React.Children.count(children) === 0;
+    const computedAriaLabel = iconOnly && !ariaLabelledBy ? ariaLabel : void 0;
+    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel && !ariaLabelledBy) {
+      console.warn(
+        "ButtonBase: icon-only buttons must provide `aria-label` or `aria-labelledby`."
+      );
+    }
+    const combinedClassName = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.button,
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        outline && classMap.outline,
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+        fullWidth && classMap.fullWidth,
+        disabled && classMap.disabled,
+        className
+      ),
+      [
+        theme,
+        state,
+        outline,
+        size,
+        shadow,
+        rounding,
+        fullWidth,
+        disabled,
+        className,
+        classMap
+      ]
+    );
+    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      Icon && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classMap.buttonIcon,
+          "aria-hidden": "true",
+          "data-testid": testId ? `${testId}-icon` : void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              className: classMap.icon,
+              "aria-hidden": true,
+              focusable: false
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classMap.buttonLabel,
+          "aria-live": loading ? ariaLive ?? "polite" : void 0,
+          "aria-atomic": loading ? ariaAtomic ?? true : void 0,
+          "data-testid": testId ? `${testId}-loading` : void 0,
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr_only", children: loadingLabel })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            children,
+            href && (isExternal ?? /^https?:\/\//i.test(href)) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr_only", children: " (opens in a new tab)" })
+          ] })
+        }
+      )
+    ] });
+    if (href) {
+      const Comp = LinkComponent ?? "a";
+      const external = (isExternal ?? /^https?:\/\//i.test(href)) && !disabled;
+      const linkCommon = {
+        ref,
+        className: classNames.combineClassNames(combinedClassName, classMap.link),
+        onClick: disabled ? (e) => e.preventDefault() : onClick,
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-current": ariaCurrent,
+        "aria-haspopup": ariaHasPopup,
+        "aria-busy": loading ? ariaBusy ?? true : ariaBusy,
+        "aria-disabled": disabled ? ariaDisabled ?? true : ariaDisabled,
+        tabIndex: disabled ? -1 : void 0,
+        "data-testid": testId
+      };
+      if (Comp === "a") {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            ...linkCommon,
+            href: disabled ? void 0 : href,
+            target: external ? "_blank" : void 0,
+            rel: external ? "noopener noreferrer" : void 0,
+            ...rest,
+            children: content
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Comp,
+        {
+          ...linkCommon,
+          href,
+          target: external ? "_blank" : void 0,
+          rel: external ? "noopener noreferrer" : void 0,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: combinedClassName,
+        disabled: disabled || loading,
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-pressed": ariaPressed,
+        "aria-current": ariaCurrent,
+        "aria-haspopup": ariaHasPopup,
+        "aria-busy": loading ? ariaBusy ?? true : ariaBusy,
+        "aria-disabled": ariaDisabled,
+        "data-testid": testId,
+        onClick: disabled || loading ? void 0 : onClick,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+ButtonBase.displayName = "ButtonBase";
+const classes = {
+  button: "button",
+  icon: "button_icon",
+  buttonIcon: "button_button_icon",
+  buttonLabel: "button_label",
+  loader: "button_loader",
+  link: "button_link",
+  fullWidth: "button_full_width",
+  disabled: "button_disabled",
+  outline: "button_outline",
+  primary: "button_primary",
+  secondary: "button_secondary",
+  tertiary: "button_tertiary",
+  quaternary: "button_quaternary",
+  clear: "button_clear",
+  success: "button_success",
+  warning: "button_warning",
+  error: "button_error",
+  xs: "button_xs",
+  small: "button_small",
+  medium: "button_medium",
+  large: "button_large",
+  xl: "button_xl",
+  shadowNone: "button_shadow-None",
+  shadowLight: "button_shadow-Light",
+  shadowMedium: "button_shadow-Medium",
+  shadowStrong: "button_shadow-Strong",
+  shadowIntense: "button_shadow-Intense",
+  roundNone: "button_round-None",
+  roundSmall: "button_round-Small",
+  roundMedium: "button_round-Medium",
+  roundLarge: "button_round-Large"
+};
+const Button = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { ...props, classMap: classes, ref }));
+Button.displayName = "Button";
+exports.Button = Button;
+//# sourceMappingURL=Button-nxtJFOWD.cjs.map

package/dist/core/Button-nxtJFOWD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-nxtJFOWD.cjs","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/core/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps } from \"./Button.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} from \"../../config/boreal-style-config\";\r\n\r\nconst ButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  ButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      onClick,\r\n      type = \"button\",\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      children,\r\n      className = \"\",\r\n      disabled = false,\r\n\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-controls\": ariaControls,\r\n      \"aria-expanded\": ariaExpanded,\r\n      \"aria-pressed\": ariaPressed,\r\n      \"aria-current\": ariaCurrent,\r\n      \"aria-haspopup\": ariaHasPopup,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaAtomic,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-disabled\": ariaDisabled,\r\n\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      loadingLabel = \"Loading\",\r\n      fullWidth = false,\r\n      \"data-testid\": testId = \"button\",\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const iconOnly =\r\n      !children ||\r\n      (typeof children !== \"string\" && React.Children.count(children) === 0);\r\n\r\n    const computedAriaLabel =\r\n      iconOnly && !ariaLabelledBy ? ariaLabel : undefined;\r\n\r\n    if (\r\n      process.env.NODE_ENV === \"development\" &&\r\n      iconOnly &&\r\n      !ariaLabel &&\r\n      !ariaLabelledBy\r\n    ) {\r\n      console.warn(\r\n        \"ButtonBase: icon-only buttons must provide `aria-label` or `aria-labelledby`.\",\r\n      );\r\n    }\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.button,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          outline && classMap.outline,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          fullWidth && classMap.fullWidth,\r\n          disabled && classMap.disabled,\r\n          className,\r\n        ),\r\n      [\r\n        theme,\r\n        state,\r\n        outline,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        fullWidth,\r\n        disabled,\r\n        className,\r\n        classMap,\r\n      ],\r\n    );\r\n\r\n    const content = (\r\n      <>\r\n        {Icon && (\r\n          <span\r\n            className={classMap.buttonIcon}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            <Icon\r\n              className={classMap.icon}\r\n              aria-hidden={true}\r\n              focusable={false}\r\n            />\r\n          </span>\r\n        )}\r\n\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          aria-live={loading ? (ariaLive ?? \"polite\") : undefined}\r\n          aria-atomic={loading ? (ariaAtomic ?? true) : undefined}\r\n          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <>\r\n              <div className={classMap.loader} aria-hidden=\"true\" />\r\n              <span className=\"sr_only\">{loadingLabel}</span>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {children}\r\n              {href && (isExternal ?? /^https?:\\/\\//i.test(href)) && (\r\n                <span className=\"sr_only\"> (opens in a new tab)</span>\r\n              )}\r\n            </>\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href) {\r\n      const Comp = (LinkComponent ?? \"a\") as React.ElementType;\r\n      const external = (isExternal ?? /^https?:\\/\\//i.test(href)) && !disabled;\r\n\r\n      const linkCommon = {\r\n        ref: ref as React.Ref<HTMLAnchorElement>,\r\n        className: combineClassNames(combinedClassName, classMap.link),\r\n        onClick: disabled\r\n          ? (e: React.MouseEvent) => e.preventDefault()\r\n          : onClick,\r\n        \"aria-label\": computedAriaLabel,\r\n        \"aria-labelledby\": ariaLabelledBy,\r\n        \"aria-describedby\": ariaDescribedBy,\r\n        \"aria-controls\": ariaControls,\r\n        \"aria-expanded\": ariaExpanded,\r\n        \"aria-current\": ariaCurrent,\r\n        \"aria-haspopup\": ariaHasPopup,\r\n        \"aria-busy\": loading ? (ariaBusy ?? true) : ariaBusy,\r\n        \"aria-disabled\": disabled ? (ariaDisabled ?? true) : ariaDisabled,\r\n        tabIndex: disabled ? -1 : undefined,\r\n        \"data-testid\": testId,\r\n      } as const;\r\n\r\n      if (Comp === \"a\") {\r\n        return (\r\n          <a\r\n            {...linkCommon}\r\n            href={disabled ? undefined : href}\r\n            target={external ? \"_blank\" : undefined}\r\n            rel={external ? \"noopener noreferrer\" : undefined}\r\n            {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n          >\r\n            {content}\r\n          </a>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Comp\r\n          {...(linkCommon as Omit<\r\n            React.ComponentPropsWithoutRef<typeof Comp>,\r\n            \"children\"\r\n          >)}\r\n          href={href as never}\r\n          target={external ? \"_blank\" : undefined}\r\n          rel={external ? \"noopener noreferrer\" : undefined}\r\n          {...(rest as React.ComponentPropsWithoutRef<typeof Comp>)}\r\n        >\r\n          {content}\r\n        </Comp>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <button\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        type={type}\r\n        className={combinedClassName}\r\n        disabled={disabled || loading}\r\n        aria-label={computedAriaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-controls={ariaControls}\r\n        aria-expanded={ariaExpanded}\r\n        aria-pressed={ariaPressed}\r\n        aria-current={ariaCurrent}\r\n        aria-haspopup={ariaHasPopup}\r\n        aria-busy={loading ? (ariaBusy ?? true) : ariaBusy}\r\n        aria-disabled={ariaDisabled}\r\n        data-testid={testId}\r\n        onClick={disabled || loading ? undefined : onClick}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  },\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","import { forwardRef } from \"react\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport \"./Button.scss\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst classes = {\r\n  button: \"button\",\r\n  icon: \"button_icon\",\r\n  buttonIcon: \"button_button_icon\",\r\n  buttonLabel: \"button_label\",\r\n  loader: \"button_loader\",\r\n  link: \"button_link\",\r\n\r\n  fullWidth: \"button_full_width\",\r\n  disabled: \"button_disabled\",\r\n  outline: \"button_outline\",\r\n\r\n  primary: \"button_primary\",\r\n  secondary: \"button_secondary\",\r\n  tertiary: \"button_tertiary\",\r\n  quaternary: \"button_quaternary\",\r\n  clear: \"button_clear\",\r\n\r\n  success: \"button_success\",\r\n  warning: \"button_warning\",\r\n  error: \"button_error\",\r\n\r\n  xs: \"button_xs\",\r\n  small: \"button_small\",\r\n  medium: \"button_medium\",\r\n  large: \"button_large\",\r\n  xl: \"button_xl\",\r\n\r\n  shadowNone: \"button_shadow-None\",\r\n  shadowLight: \"button_shadow-Light\",\r\n  shadowMedium: \"button_shadow-Medium\",\r\n  shadowStrong: \"button_shadow-Strong\",\r\n  shadowIntense: \"button_shadow-Intense\",\r\n\r\n  roundNone: \"button_round-None\",\r\n  roundSmall: \"button_round-Small\",\r\n  roundMedium: \"button_round-Medium\",\r\n  roundLarge: \"button_round-Large\",\r\n};\r\n\r\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => (\r\n  <ButtonBase {...props} classMap={classes} ref={ref} />\r\n));\r\nButton.displayName = \"Button\";\r\nexport default Button;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx"],"mappings":"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"}

package/dist/core/Button.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Button = require("./Button-BT9ID2ki.cjs");
+const Button = require("./Button-nxtJFOWD.cjs");
 module.exports = Button.Button;
 //# sourceMappingURL=Button.cjs.js.map

package/dist/core/Button.js

@@ -1,4 +1,4 @@
-import { B } from "./Button-Sn-XGEsn.js";
+import { B } from "./Button-CneoIlVV.js";
 export {
   B as default
 };

package/dist/core/Card-C3kfPs8j.cjs

@@ -0,0 +1,349 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+;/* empty css                   */
+const Button = require("./Button-nxtJFOWD.cjs");
+const IconButton = require("./IconButton-C_ktew-6.cjs");
+const Skeleton = require("./Skeleton-BXeQBgX2.cjs");
+const CardBase = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  cardIcon,
+  title = "",
+  border = borealStyleConfig.getDefaultBorder(),
+  description = "",
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  imageUrl,
+  imageAlt,
+  imageHeight,
+  imageWidth,
+  imageFill,
+  imageDecorative = false,
+  className = "",
+  imageClassName = "",
+  headerClassName = "",
+  bodyClassName = "",
+  footerClassName = "",
+  outline = false,
+  size = borealStyleConfig.getDefaultSize(),
+  align = "center",
+  renderHeader,
+  renderContent,
+  renderFooter,
+  actionButtons = [],
+  useIconButtons = false,
+  layout = "vertical",
+  loading = false,
+  children,
+  id,
+  role,
+  tabIndex,
+  selectable = false,
+  selected = false,
+  disabled = 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 resolvedHeaderId = headerId || ariaLabelledBy || `${autoId}-header`;
+  const resolvedDescriptionId = descriptionId || `${autoId}-description`;
+  const hasTitle = Boolean(title);
+  const hasDescription = Boolean(description);
+  const derivedAriaLabel = ariaLabel || title || description || "Content card";
+  const resolvedRole = role || (selectable ? "button" : hasTitle || ariaLabel ? "region" : void 0);
+  const FallbackImage = (props) => /* @__PURE__ */ jsxRuntime.jsx("img", { ...props });
+  function isStaticCardImage(value) {
+    return typeof value === "object" && value !== null && "src" in value && typeof value.src === "string";
+  }
+  function normalizeImageSource(srcInput, fallbackWidth, fallbackHeight) {
+    if (!srcInput) {
+      return { src: void 0, width: fallbackWidth, height: fallbackHeight };
+    }
+    if (typeof srcInput === "string") {
+      const trimmed = srcInput.trim();
+      if (!trimmed) {
+        return { src: void 0, width: fallbackWidth, height: fallbackHeight };
+      }
+      return { src: trimmed, width: fallbackWidth, height: fallbackHeight };
+    }
+    if (isStaticCardImage(srcInput)) {
+      const trimmed = srcInput.src.trim();
+      if (!trimmed) {
+        return { src: void 0, width: fallbackWidth, height: fallbackHeight };
+      }
+      return {
+        src: trimmed,
+        width: srcInput.width ?? fallbackWidth,
+        height: srcInput.height ?? fallbackHeight
+      };
+    }
+    return { src: void 0, width: fallbackWidth, height: fallbackHeight };
+  }
+  const {
+    src: imgSrc,
+    width: resolvedWidth,
+    height: resolvedHeight
+  } = normalizeImageSource(imageUrl, imageWidth, imageHeight);
+  const hasImage = Boolean(imgSrc);
+  const imgAlt = imageDecorative ? "" : imageAlt || `${title || "Card"} image`;
+  const ImageRenderer = ImageComponent || FallbackImage;
+  const cardClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.card,
+      classMap[layout],
+      align && classMap[align],
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      border && classMap[`border${capitalize.capitalize(border)}`],
+      outline && classMap.outline,
+      loading && classMap.loading,
+      disabled && classMap.disabled,
+      selected && classMap.selected,
+      selectable && classMap.selectable,
+      className
+    ),
+    [
+      classMap,
+      layout,
+      align,
+      theme,
+      state,
+      size,
+      shadow,
+      rounding,
+      border,
+      outline,
+      loading,
+      disabled,
+      selected,
+      selectable,
+      className
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      id,
+      "data-testid": testId,
+      className: cardClassName,
+      role: resolvedRole,
+      tabIndex: disabled ? -1 : tabIndex,
+      "aria-labelledby": hasTitle && !ariaLabel ? resolvedHeaderId : ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy || (hasDescription ? resolvedDescriptionId : void 0),
+      "aria-label": !hasTitle || ariaLabel ? derivedAriaLabel : void 0,
+      "aria-busy": loading || void 0,
+      "aria-disabled": disabled || void 0,
+      "aria-pressed": selectable ? selected : void 0,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-current": ariaCurrent,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaAtomic,
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsx(
+        SkeletonComponent,
+        {
+          width: "250px",
+          height: "250px",
+          "data-testid": `${testId}-skeleton`
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
+        hasImage && imgSrc && (imageFill ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.media, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ImageRenderer,
+          {
+            src: imgSrc,
+            alt: imgAlt,
+            className: classNames.combineClassNames(classMap.image, imageClassName),
+            fill: true
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+          ImageRenderer,
+          {
+            src: imgSrc,
+            alt: imgAlt,
+            className: classNames.combineClassNames(classMap.image, imageClassName),
+            width: resolvedWidth ?? 640,
+            height: resolvedHeight ?? 360
+          }
+        )),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: classNames.combineClassNames(classMap.header, headerClassName),
+              id: resolvedHeaderId,
+              children: renderHeader ? renderHeader() : hasTitle ? /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: classMap.title, children: [
+                cardIcon && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: classMap.icon,
+                    "aria-hidden": "true",
+                    "data-testid": `${testId}-icon`,
+                    children: React.createElement(cardIcon)
+                  }
+                ),
+                title
+              ] }) : null
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames.combineClassNames(classMap.body, bodyClassName), children: renderContent ? renderContent() : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            hasDescription && /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                id: resolvedDescriptionId,
+                className: classMap.description,
+                children: description
+              }
+            ),
+            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.children, children })
+          ] }) }),
+          (actionButtons.length > 0 || renderFooter) && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: classNames.combineClassNames(classMap.footer, footerClassName),
+              children: [
+                actionButtons.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.actions, children: actionButtons.map(
+                  (button, index) => useIconButtons && button.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+                    button.iconButtonComponent,
+                    {
+                      icon: button.icon,
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "clear",
+                      state: button.state || "",
+                      "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,
+                      disabled: button.disabled
+                    },
+                    index
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    button.buttonComponent,
+                    {
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "secondary",
+                      state: button.state || "",
+                      href: button.href,
+                      loading: button.loading,
+                      size: button.size || size,
+                      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
+                  )
+                ) }),
+                renderFooter && renderFooter()
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+CardBase.displayName = "CardBase";
+const classes = {
+  card: "card",
+  left: "card_left",
+  right: "card_right",
+  center: "card_center",
+  primary: "card_primary",
+  secondary: "card_secondary",
+  tertiary: "card_tertiary",
+  quaternary: "card_quaternary",
+  success: "card_success",
+  warning: "card_warning",
+  error: "card_error",
+  clear: "card_clear",
+  outline: "card_outline",
+  loading: "card_loading",
+  content: "card_content",
+  xs: "card_xs",
+  small: "card_small",
+  medium: "card_medium",
+  large: "card_large",
+  xl: "card_xl",
+  shadowNone: "card_shadow-None",
+  shadowLight: "card_shadow-Light",
+  shadowMedium: "card_shadow-Medium",
+  shadowStrong: "card_shadow-Strong",
+  shadowIntense: "card_shadow-Intense",
+  roundNone: "card_round-None",
+  roundSmall: "card_round-Small",
+  roundMedium: "card_round-Medium",
+  roundLarge: "card_round-Large",
+  borderNone: "card_border-None",
+  borderXs: "card_border-Xs",
+  borderSmall: "card_border-Small",
+  borderMedium: "card_border-Medium",
+  borderLarge: "card_border-Large",
+  borderXl: "card_border-Xl",
+  vertical: "card_vertical",
+  horizontal: "card_horizontal",
+  image: "card_image",
+  header: "card_header",
+  title: "card_title",
+  icon: "card_icon",
+  body: "card_body",
+  description: "card_description",
+  children: "card_children",
+  footer: "card_footer",
+  actions: "card_actions",
+  action_button: "card_action_button"
+};
+const Card = (props) => {
+  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({
+    ...b,
+    buttonComponent: Button.Button,
+    iconButtonComponent: IconButton.IconButton
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CardBase,
+    {
+      ...props,
+      actionButtons: wrappedButtons,
+      classMap: classes,
+      SkeletonComponent: Skeleton.SkeletonLoader
+    }
+  );
+};
+Card.displayName = "Card";
+exports.Card = Card;
+//# sourceMappingURL=Card-C3kfPs8j.cjs.map

package/dist/core/Card-C3kfPs8j.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-C3kfPs8j.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/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","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n  card: \"card\",\r\n\r\n  left: \"card_left\",\r\n  right: \"card_right\",\r\n  center: \"card_center\",\r\n\r\n  primary: \"card_primary\",\r\n  secondary: \"card_secondary\",\r\n  tertiary: \"card_tertiary\",\r\n  quaternary: \"card_quaternary\",\r\n\r\n  success: \"card_success\",\r\n  warning: \"card_warning\",\r\n  error: \"card_error\",\r\n\r\n  clear: \"card_clear\",\r\n\r\n  outline: \"card_outline\",\r\n  loading: \"card_loading\",\r\n\r\n  content: \"card_content\",\r\n\r\n  xs: \"card_xs\",\r\n  small: \"card_small\",\r\n  medium: \"card_medium\",\r\n  large: \"card_large\",\r\n  xl: \"card_xl\",\r\n\r\n  shadowNone: \"card_shadow-None\",\r\n  shadowLight: \"card_shadow-Light\",\r\n  shadowMedium: \"card_shadow-Medium\",\r\n  shadowStrong: \"card_shadow-Strong\",\r\n  shadowIntense: \"card_shadow-Intense\",\r\n\r\n  roundNone: \"card_round-None\",\r\n  roundSmall: \"card_round-Small\",\r\n  roundMedium: \"card_round-Medium\",\r\n  roundLarge: \"card_round-Large\",\r\n\r\n  borderNone: \"card_border-None\",\r\n  borderXs: \"card_border-Xs\",\r\n  borderSmall: \"card_border-Small\",\r\n  borderMedium: \"card_border-Medium\",\r\n  borderLarge: \"card_border-Large\",\r\n  borderXl: \"card_border-Xl\",\r\n\r\n  vertical: \"card_vertical\",\r\n  horizontal: \"card_horizontal\",\r\n\r\n  image: \"card_image\",\r\n  header: \"card_header\",\r\n  title: \"card_title\",\r\n  icon: \"card_icon\",\r\n  body: \"card_body\",\r\n  description: \"card_description\",\r\n  children: \"card_children\",\r\n  footer: \"card_footer\",\r\n  actions: \"card_actions\",\r\n  action_button: \"card_action_button\",\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={classes}\r\n      SkeletonComponent={Skeleton}\r\n    />\r\n  );\r\n};\r\nCard.displayName = \"Card\";\r\nexport default Card;\r\n"],"names":["getDefaultTheme","getDefaultBorder","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Button","IconButton","Skeleton"],"mappings":"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"}