boreal-ui 0.0.35 → 0.0.37

package/dist/next/{Card-CAH-CrbH.cjs → Card-9Uf34mPf.cjs}

@@ -1,64 +1,66 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
 const image$1 = require("./image-VX9Ty9NQ.cjs");
-const Button = require("./Button-sIKQmn_c.cjs");
-const IconButton = require("./IconButton-C3WpabtT.cjs");
-const Skeleton = require("./Skeleton-BCbvshNz.cjs");
+const Button = require("./Button-D8Kff8sN.cjs");
+const IconButton = require("./IconButton-VSz8qAIg.cjs");
+const Skeleton = require("./Skeleton-JgU17y-3.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_16p4r_91";
-const errorMessage = "_errorMessage_16p4r_92";
-const loadingContainer = "_loadingContainer_16p4r_93";
-const hideScrollbar = "_hideScrollbar_16p4r_85";
-const sr_only = "_sr_only_16p4r_94";
-const card = "_card_16p4r_540";
-const roundNone = "_roundNone_16p4r_554";
-const roundSmall = "_roundSmall_16p4r_558";
-const roundMedium = "_roundMedium_16p4r_562";
-const roundLarge = "_roundLarge_16p4r_566";
-const roundFull = "_roundFull_16p4r_570";
-const shadowNone = "_shadowNone_16p4r_574";
-const shadowLight = "_shadowLight_16p4r_578";
-const shadowMedium = "_shadowMedium_16p4r_582";
-const shadowStrong = "_shadowStrong_16p4r_586";
-const shadowIntense = "_shadowIntense_16p4r_590";
-const loading = "_loading_16p4r_93";
-const fade_in = "_fade_in_16p4r_605";
-const media = "_media_16p4r_609";
-const image = "_image_16p4r_618";
-const vertical = "_vertical_16p4r_623";
-const content = "_content_16p4r_626";
-const horizontal = "_horizontal_16p4r_634";
-const body = "_body_16p4r_657";
-const footer = "_footer_16p4r_664";
-const disabled = "_disabled_16p4r_668";
-const outline = "_outline_16p4r_677";
-const primary = "_primary_16p4r_683";
-const icon = "_icon_16p4r_687";
-const description = "_description_16p4r_688";
-const secondary = "_secondary_16p4r_701";
-const tertiary = "_tertiary_16p4r_719";
-const quaternary = "_quaternary_16p4r_737";
-const clear = "_clear_16p4r_755";
-const success = "_success_16p4r_773";
-const error = "_error_16p4r_92";
-const warning = "_warning_16p4r_807";
-const header = "_header_16p4r_830";
-const title = "_title_16p4r_849";
-const actions = "_actions_16p4r_874";
-const xs = "_xs_16p4r_881";
-const children = "_children_16p4r_891";
-const small = "_small_16p4r_895";
-const medium = "_medium_16p4r_908";
-const large = "_large_16p4r_921";
-const xl = "_xl_16p4r_934";
-const left = "_left_16p4r_947";
-const center = "_center_16p4r_959";
-const right = "_right_16p4r_971";
-const spin = "_spin_16p4r_1";
-const pulse = "_pulse_16p4r_1";
+const noScroll = "_noScroll_4llqc_108";
+const errorMessage = "_errorMessage_4llqc_109";
+const loadingContainer = "_loadingContainer_4llqc_110";
+const hideScrollbar = "_hideScrollbar_4llqc_102";
+const sr_only = "_sr_only_4llqc_111";
+const card = "_card_4llqc_541";
+const outline = "_outline_4llqc_548";
+const footer = "_footer_4llqc_551";
+const clickable = "_clickable_4llqc_554";
+const roundNone = "_roundNone_4llqc_585";
+const roundSmall = "_roundSmall_4llqc_589";
+const roundMedium = "_roundMedium_4llqc_593";
+const roundLarge = "_roundLarge_4llqc_597";
+const roundFull = "_roundFull_4llqc_601";
+const shadowNone = "_shadowNone_4llqc_605";
+const shadowLight = "_shadowLight_4llqc_609";
+const shadowMedium = "_shadowMedium_4llqc_613";
+const shadowStrong = "_shadowStrong_4llqc_617";
+const shadowIntense = "_shadowIntense_4llqc_621";
+const loading = "_loading_4llqc_110";
+const fade_in = "_fade_in_4llqc_646";
+const media = "_media_4llqc_650";
+const image = "_image_4llqc_669";
+const vertical = "_vertical_4llqc_681";
+const content = "_content_4llqc_684";
+const horizontal = "_horizontal_4llqc_702";
+const body = "_body_4llqc_754";
+const disabled = "_disabled_4llqc_785";
+const primary = "_primary_4llqc_805";
+const icon = "_icon_4llqc_809";
+const description = "_description_4llqc_810";
+const secondary = "_secondary_4llqc_827";
+const tertiary = "_tertiary_4llqc_849";
+const quaternary = "_quaternary_4llqc_871";
+const clear = "_clear_4llqc_893";
+const success = "_success_4llqc_915";
+const error = "_error_4llqc_109";
+const warning = "_warning_4llqc_957";
+const header = "_header_4llqc_984";
+const title = "_title_4llqc_1019";
+const actions = "_actions_4llqc_1085";
+const xs = "_xs_4llqc_1104";
+const children = "_children_4llqc_1114";
+const small = "_small_4llqc_1118";
+const medium = "_medium_4llqc_1131";
+const large = "_large_4llqc_1144";
+const xl = "_xl_4llqc_1157";
+const left = "_left_4llqc_1170";
+const center = "_center_4llqc_1182";
+const card_header = "_card_header_4llqc_1185";
+const right = "_right_4llqc_1194";
+const spin = "_spin_4llqc_1";
+const pulse = "_pulse_4llqc_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -66,6 +68,9 @@ const styles = {
   hideScrollbar,
   sr_only,
   card,
+  outline,
+  footer,
+  clickable,
   roundNone,
   roundSmall,
   roundMedium,
@@ -78,16 +83,14 @@ const styles = {
   shadowIntense,
   loading,
   fade_in,
-  "fade-in": "_fade-in_16p4r_1",
+  "fade-in": "_fade-in_4llqc_1",
   media,
   image,
   vertical,
   content,
   horizontal,
   body,
-  footer,
   disabled,
-  outline,
   primary,
   icon,
   description,
@@ -109,15 +112,16 @@ const styles = {
   xl,
   left,
   center,
+  card_header,
   right,
-  "slide-up": "_slide-up_16p4r_1",
-  "spin-3d": "_spin-3d_16p4r_1",
+  "slide-up": "_slide-up_4llqc_1",
+  "spin-3d": "_spin-3d_4llqc_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_16p4r_1",
-  "progress-grow": "_progress-grow_16p4r_1",
-  "indeterminate-move": "_indeterminate-move_16p4r_1",
-  "skeleton-loading": "_skeleton-loading_16p4r_1"
+  "fade-in-up": "_fade-in-up_4llqc_1",
+  "progress-grow": "_progress-grow_4llqc_1",
+  "indeterminate-move": "_indeterminate-move_4llqc_1",
+  "skeleton-loading": "_skeleton-loading_4llqc_1"
 };
 const CardBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
@@ -161,10 +165,10 @@ const CardBase = ({
   const hasImage = !!imageUrl;
   const derivedAriaLabel = ariaLabel || title2 || description2 || "Content card";
   const FallbackImage = (props) => /* @__PURE__ */ require$$2.jsx("img", { ...props });
-  const hasImageObj = typeof imageUrl === "object" && imageUrl && "src" in imageUrl;
-  const imgSrc = hasImageObj ? imageUrl.src : imageUrl;
-  const resolvedWidth = (hasImageObj ? imageUrl.width : void 0) ?? imageWidth;
-  const resolvedHeight = (hasImageObj ? imageUrl.height : void 0) ?? imageHeight;
+  const isObjSrc = typeof imageUrl === "object" && imageUrl !== null && "src" in imageUrl;
+  const imgSrc = isObjSrc ? imageUrl.src : imageUrl;
+  const resolvedWidth = (isObjSrc ? imageUrl.width : void 0) ?? imageWidth;
+  const resolvedHeight = (isObjSrc ? imageUrl.height : void 0) ?? imageHeight;
   const imgAlt = imageAlt || `${title2 || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
   const isNextImage = typeof ImageRenderer !== "string";
@@ -330,5 +334,6 @@ const Card = (props) => {
     }
   );
 };
+Card.displayName = "Card";
 exports.Card = Card;
-//# sourceMappingURL=Card-CAH-CrbH.cjs.map
+//# sourceMappingURL=Card-9Uf34mPf.cjs.map

package/dist/next/Card-9Uf34mPf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-9Uf34mPf.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource } 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} 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  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  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  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const isObjSrc =\r\n    typeof imageUrl === \"object\" &&\r\n    imageUrl !== null &&\r\n    \"src\" in (imageUrl as object);\r\n\r\n  const imgSrc: string | undefined = isObjSrc\r\n    ? (imageUrl as Extract<CardImageSource, { src: string }>).src\r\n    : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { width?: number }>).width\r\n      : undefined) ?? imageWidth;\r\n\r\n  const resolvedHeight =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { height?: number }>).height\r\n      : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\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        outline && classMap.outline,\r\n        loading && classMap.loading,\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      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\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            (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                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\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                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\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\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\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.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\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                        >\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 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 { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\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","description","getDefaultRounding","getDefaultShadow","outline","getDefaultSize","loading","children","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Image","Button","IconButton","Skeleton"],"mappings":"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"}

package/dist/next/{Card-KFr31XTs.js → Card-CL8WOI8g.js}

@@ -1,63 +1,65 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { I as Image } from "./image-CEz9QtOW.js";
-import { B as Button } from "./Button-DN8rTQSp.js";
-import { I as IconButton } from "./IconButton-B_j-S10f.js";
-import { S as SkeletonLoader } from "./Skeleton-D8Jqmncm.js";
+import { B as Button } from "./Button-BjY7f3mw.js";
+import { I as IconButton } from "./IconButton-qQljwBB2.js";
+import { S as SkeletonLoader } from "./Skeleton-rSW1X4hk.js";
 import React, { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-const noScroll = "_noScroll_16p4r_91";
-const errorMessage = "_errorMessage_16p4r_92";
-const loadingContainer = "_loadingContainer_16p4r_93";
-const hideScrollbar = "_hideScrollbar_16p4r_85";
-const sr_only = "_sr_only_16p4r_94";
-const card = "_card_16p4r_540";
-const roundNone = "_roundNone_16p4r_554";
-const roundSmall = "_roundSmall_16p4r_558";
-const roundMedium = "_roundMedium_16p4r_562";
-const roundLarge = "_roundLarge_16p4r_566";
-const roundFull = "_roundFull_16p4r_570";
-const shadowNone = "_shadowNone_16p4r_574";
-const shadowLight = "_shadowLight_16p4r_578";
-const shadowMedium = "_shadowMedium_16p4r_582";
-const shadowStrong = "_shadowStrong_16p4r_586";
-const shadowIntense = "_shadowIntense_16p4r_590";
-const loading = "_loading_16p4r_93";
-const fade_in = "_fade_in_16p4r_605";
-const media = "_media_16p4r_609";
-const image = "_image_16p4r_618";
-const vertical = "_vertical_16p4r_623";
-const content = "_content_16p4r_626";
-const horizontal = "_horizontal_16p4r_634";
-const body = "_body_16p4r_657";
-const footer = "_footer_16p4r_664";
-const disabled = "_disabled_16p4r_668";
-const outline = "_outline_16p4r_677";
-const primary = "_primary_16p4r_683";
-const icon = "_icon_16p4r_687";
-const description = "_description_16p4r_688";
-const secondary = "_secondary_16p4r_701";
-const tertiary = "_tertiary_16p4r_719";
-const quaternary = "_quaternary_16p4r_737";
-const clear = "_clear_16p4r_755";
-const success = "_success_16p4r_773";
-const error = "_error_16p4r_92";
-const warning = "_warning_16p4r_807";
-const header = "_header_16p4r_830";
-const title = "_title_16p4r_849";
-const actions = "_actions_16p4r_874";
-const xs = "_xs_16p4r_881";
-const children = "_children_16p4r_891";
-const small = "_small_16p4r_895";
-const medium = "_medium_16p4r_908";
-const large = "_large_16p4r_921";
-const xl = "_xl_16p4r_934";
-const left = "_left_16p4r_947";
-const center = "_center_16p4r_959";
-const right = "_right_16p4r_971";
-const spin = "_spin_16p4r_1";
-const pulse = "_pulse_16p4r_1";
+const noScroll = "_noScroll_4llqc_108";
+const errorMessage = "_errorMessage_4llqc_109";
+const loadingContainer = "_loadingContainer_4llqc_110";
+const hideScrollbar = "_hideScrollbar_4llqc_102";
+const sr_only = "_sr_only_4llqc_111";
+const card = "_card_4llqc_541";
+const outline = "_outline_4llqc_548";
+const footer = "_footer_4llqc_551";
+const clickable = "_clickable_4llqc_554";
+const roundNone = "_roundNone_4llqc_585";
+const roundSmall = "_roundSmall_4llqc_589";
+const roundMedium = "_roundMedium_4llqc_593";
+const roundLarge = "_roundLarge_4llqc_597";
+const roundFull = "_roundFull_4llqc_601";
+const shadowNone = "_shadowNone_4llqc_605";
+const shadowLight = "_shadowLight_4llqc_609";
+const shadowMedium = "_shadowMedium_4llqc_613";
+const shadowStrong = "_shadowStrong_4llqc_617";
+const shadowIntense = "_shadowIntense_4llqc_621";
+const loading = "_loading_4llqc_110";
+const fade_in = "_fade_in_4llqc_646";
+const media = "_media_4llqc_650";
+const image = "_image_4llqc_669";
+const vertical = "_vertical_4llqc_681";
+const content = "_content_4llqc_684";
+const horizontal = "_horizontal_4llqc_702";
+const body = "_body_4llqc_754";
+const disabled = "_disabled_4llqc_785";
+const primary = "_primary_4llqc_805";
+const icon = "_icon_4llqc_809";
+const description = "_description_4llqc_810";
+const secondary = "_secondary_4llqc_827";
+const tertiary = "_tertiary_4llqc_849";
+const quaternary = "_quaternary_4llqc_871";
+const clear = "_clear_4llqc_893";
+const success = "_success_4llqc_915";
+const error = "_error_4llqc_109";
+const warning = "_warning_4llqc_957";
+const header = "_header_4llqc_984";
+const title = "_title_4llqc_1019";
+const actions = "_actions_4llqc_1085";
+const xs = "_xs_4llqc_1104";
+const children = "_children_4llqc_1114";
+const small = "_small_4llqc_1118";
+const medium = "_medium_4llqc_1131";
+const large = "_large_4llqc_1144";
+const xl = "_xl_4llqc_1157";
+const left = "_left_4llqc_1170";
+const center = "_center_4llqc_1182";
+const card_header = "_card_header_4llqc_1185";
+const right = "_right_4llqc_1194";
+const spin = "_spin_4llqc_1";
+const pulse = "_pulse_4llqc_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -65,6 +67,9 @@ const styles = {
   hideScrollbar,
   sr_only,
   card,
+  outline,
+  footer,
+  clickable,
   roundNone,
   roundSmall,
   roundMedium,
@@ -77,16 +82,14 @@ const styles = {
   shadowIntense,
   loading,
   fade_in,
-  "fade-in": "_fade-in_16p4r_1",
+  "fade-in": "_fade-in_4llqc_1",
   media,
   image,
   vertical,
   content,
   horizontal,
   body,
-  footer,
   disabled,
-  outline,
   primary,
   icon,
   description,
@@ -108,15 +111,16 @@ const styles = {
   xl,
   left,
   center,
+  card_header,
   right,
-  "slide-up": "_slide-up_16p4r_1",
-  "spin-3d": "_spin-3d_16p4r_1",
+  "slide-up": "_slide-up_4llqc_1",
+  "spin-3d": "_spin-3d_4llqc_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_16p4r_1",
-  "progress-grow": "_progress-grow_16p4r_1",
-  "indeterminate-move": "_indeterminate-move_16p4r_1",
-  "skeleton-loading": "_skeleton-loading_16p4r_1"
+  "fade-in-up": "_fade-in-up_4llqc_1",
+  "progress-grow": "_progress-grow_4llqc_1",
+  "indeterminate-move": "_indeterminate-move_4llqc_1",
+  "skeleton-loading": "_skeleton-loading_4llqc_1"
 };
 const CardBase = ({
   theme = getDefaultTheme(),
@@ -160,10 +164,10 @@ const CardBase = ({
   const hasImage = !!imageUrl;
   const derivedAriaLabel = ariaLabel || title2 || description2 || "Content card";
   const FallbackImage = (props) => /* @__PURE__ */ jsx("img", { ...props });
-  const hasImageObj = typeof imageUrl === "object" && imageUrl && "src" in imageUrl;
-  const imgSrc = hasImageObj ? imageUrl.src : imageUrl;
-  const resolvedWidth = (hasImageObj ? imageUrl.width : void 0) ?? imageWidth;
-  const resolvedHeight = (hasImageObj ? imageUrl.height : void 0) ?? imageHeight;
+  const isObjSrc = typeof imageUrl === "object" && imageUrl !== null && "src" in imageUrl;
+  const imgSrc = isObjSrc ? imageUrl.src : imageUrl;
+  const resolvedWidth = (isObjSrc ? imageUrl.width : void 0) ?? imageWidth;
+  const resolvedHeight = (isObjSrc ? imageUrl.height : void 0) ?? imageHeight;
   const imgAlt = imageAlt || `${title2 || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
   const isNextImage = typeof ImageRenderer !== "string";
@@ -329,7 +333,8 @@ const Card = (props) => {
     }
   );
 };
+Card.displayName = "Card";
 export {
   Card as C
 };
-//# sourceMappingURL=Card-KFr31XTs.js.map
+//# sourceMappingURL=Card-CL8WOI8g.js.map

package/dist/next/Card-CL8WOI8g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-CL8WOI8g.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource } 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} 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  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  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  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const isObjSrc =\r\n    typeof imageUrl === \"object\" &&\r\n    imageUrl !== null &&\r\n    \"src\" in (imageUrl as object);\r\n\r\n  const imgSrc: string | undefined = isObjSrc\r\n    ? (imageUrl as Extract<CardImageSource, { src: string }>).src\r\n    : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { width?: number }>).width\r\n      : undefined) ?? imageWidth;\r\n\r\n  const resolvedHeight =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { height?: number }>).height\r\n      : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\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        outline && classMap.outline,\r\n        loading && classMap.loading,\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      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\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            (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                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\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                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\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\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\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.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\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                        >\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 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 { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\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":["title","description","outline","loading","children","Skeleton"],"mappings":"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"}

package/dist/next/Card.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Card = require("./Card-CAH-CrbH.cjs");
+const Card = require("./Card-9Uf34mPf.cjs");
 module.exports = Card.Card;
 //# sourceMappingURL=Card.cjs.js.map

package/dist/next/Card.js

@@ -1,4 +1,4 @@
-import { C } from "./Card-KFr31XTs.js";
+import { C } from "./Card-CL8WOI8g.js";
 export {
   C as default
 };

package/dist/next/CheckBox.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Checkbox = require("./Checkbox-DXRmAtTt.cjs");
+const Checkbox = require("./Checkbox-B-y0lEjJ.cjs");
 module.exports = Checkbox.Checkbox;
 //# sourceMappingURL=CheckBox.cjs.js.map

package/dist/next/CheckBox.js

@@ -1,4 +1,4 @@
-import { C } from "./Checkbox-CU-XrZC7.js";
+import { C } from "./Checkbox-DVr6H6mN.js";
 export {
   C as default
 };

package/dist/next/{Checkbox-DXRmAtTt.cjs → Checkbox-B-y0lEjJ.cjs}

@@ -114,42 +114,42 @@ const CheckboxBase = React.forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1rnok_91";
-const errorMessage = "_errorMessage_1rnok_92";
-const loadingContainer = "_loadingContainer_1rnok_93";
-const hideScrollbar = "_hideScrollbar_1rnok_85";
-const sr_only = "_sr_only_1rnok_94";
-const checkbox = "_checkbox_1rnok_540";
-const input = "_input_1rnok_553";
-const roundNone = "_roundNone_1rnok_560";
-const box = "_box_1rnok_560";
-const roundSmall = "_roundSmall_1rnok_564";
-const roundMedium = "_roundMedium_1rnok_568";
-const roundLarge = "_roundLarge_1rnok_572";
-const roundFull = "_roundFull_1rnok_576";
-const shadowNone = "_shadowNone_1rnok_580";
-const shadowLight = "_shadowLight_1rnok_584";
-const shadowMedium = "_shadowMedium_1rnok_588";
-const shadowStrong = "_shadowStrong_1rnok_592";
-const shadowIntense = "_shadowIntense_1rnok_596";
-const xs = "_xs_1rnok_600";
-const indeterminate = "_indeterminate_1rnok_612";
-const label = "_label_1rnok_617";
-const small = "_small_1rnok_621";
-const medium = "_medium_1rnok_642";
-const large = "_large_1rnok_663";
-const xl = "_xl_1rnok_684";
-const primary = "_primary_1rnok_741";
-const secondary = "_secondary_1rnok_753";
-const tertiary = "_tertiary_1rnok_765";
-const quaternary = "_quaternary_1rnok_777";
-const clear = "_clear_1rnok_789";
-const success = "_success_1rnok_801";
-const error = "_error_1rnok_92";
-const warning = "_warning_1rnok_825";
-const disabled = "_disabled_1rnok_837";
-const spin = "_spin_1rnok_1";
-const pulse = "_pulse_1rnok_1";
+const noScroll = "_noScroll_3vb2c_108";
+const errorMessage = "_errorMessage_3vb2c_109";
+const loadingContainer = "_loadingContainer_3vb2c_110";
+const hideScrollbar = "_hideScrollbar_3vb2c_102";
+const sr_only = "_sr_only_3vb2c_111";
+const checkbox = "_checkbox_3vb2c_540";
+const input = "_input_3vb2c_565";
+const roundNone = "_roundNone_3vb2c_572";
+const box = "_box_3vb2c_572";
+const roundSmall = "_roundSmall_3vb2c_576";
+const roundMedium = "_roundMedium_3vb2c_580";
+const roundLarge = "_roundLarge_3vb2c_584";
+const roundFull = "_roundFull_3vb2c_588";
+const shadowNone = "_shadowNone_3vb2c_592";
+const shadowLight = "_shadowLight_3vb2c_596";
+const shadowMedium = "_shadowMedium_3vb2c_600";
+const shadowStrong = "_shadowStrong_3vb2c_604";
+const shadowIntense = "_shadowIntense_3vb2c_608";
+const xs = "_xs_3vb2c_612";
+const indeterminate = "_indeterminate_3vb2c_642";
+const label = "_label_3vb2c_653";
+const small = "_small_3vb2c_667";
+const medium = "_medium_3vb2c_722";
+const large = "_large_3vb2c_777";
+const xl = "_xl_3vb2c_832";
+const primary = "_primary_3vb2c_946";
+const secondary = "_secondary_3vb2c_958";
+const tertiary = "_tertiary_3vb2c_970";
+const quaternary = "_quaternary_3vb2c_982";
+const clear = "_clear_3vb2c_994";
+const success = "_success_3vb2c_1006";
+const error = "_error_3vb2c_109";
+const warning = "_warning_3vb2c_1030";
+const disabled = "_disabled_3vb2c_1042";
+const spin = "_spin_3vb2c_1";
+const pulse = "_pulse_3vb2c_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -185,18 +185,17 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1rnok_1",
-  "slide-up": "_slide-up_1rnok_1",
-  "spin-3d": "_spin-3d_1rnok_1",
+  "fade-in": "_fade-in_3vb2c_1",
+  "slide-up": "_slide-up_3vb2c_1",
+  "spin-3d": "_spin-3d_3vb2c_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1rnok_1",
-  "progress-grow": "_progress-grow_1rnok_1",
-  "indeterminate-move": "_indeterminate-move_1rnok_1",
-  "skeleton-loading": "_skeleton-loading_1rnok_1"
-};
-const Checkbox = (props) => {
-  return /* @__PURE__ */ require$$2.jsx(CheckboxBase, { ...props, classMap: styles });
+  "fade-in-up": "_fade-in-up_3vb2c_1",
+  "progress-grow": "_progress-grow_3vb2c_1",
+  "indeterminate-move": "_indeterminate-move_3vb2c_1",
+  "skeleton-loading": "_skeleton-loading_3vb2c_1"
 };
+const Checkbox = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(CheckboxBase, { ...props, classMap: styles, ref }));
+Checkbox.displayName = "Checkbox";
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox-DXRmAtTt.cjs.map
+//# sourceMappingURL=Checkbox-B-y0lEjJ.cjs.map