boreal-ui 0.0.31 → 0.0.32

package/dist/next/{Card-B_USybKk.js → Card-B9EjkoVy.js}

@@ -1,63 +1,63 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { I as Image } from "./image-CEz9QtOW.js";
-import { B as Button } from "./Button-ClWB5gZW.js";
-import { I as IconButton } from "./IconButton-Dk8EDf4Z.js";
-import { S as SkeletonLoader } from "./Skeleton-CJpwvGKT.js";
+import { B as Button } from "./Button-DN8rTQSp.js";
+import { I as IconButton } from "./IconButton-B1r838wY.js";
+import { S as SkeletonLoader } from "./Skeleton-D8Jqmncm.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_1rudq_91";
-const errorMessage = "_errorMessage_1rudq_92";
-const loadingContainer = "_loadingContainer_1rudq_93";
-const hideScrollbar = "_hideScrollbar_1rudq_85";
-const sr_only = "_sr_only_1rudq_94";
-const card = "_card_1rudq_539";
-const roundNone = "_roundNone_1rudq_553";
-const roundSmall = "_roundSmall_1rudq_557";
-const roundMedium = "_roundMedium_1rudq_561";
-const roundLarge = "_roundLarge_1rudq_565";
-const roundFull = "_roundFull_1rudq_569";
-const shadowNone = "_shadowNone_1rudq_573";
-const shadowLight = "_shadowLight_1rudq_577";
-const shadowMedium = "_shadowMedium_1rudq_581";
-const shadowStrong = "_shadowStrong_1rudq_585";
-const shadowIntense = "_shadowIntense_1rudq_589";
-const loading = "_loading_1rudq_93";
-const fade_in = "_fade_in_1rudq_604";
-const media = "_media_1rudq_608";
-const image = "_image_1rudq_617";
-const vertical = "_vertical_1rudq_622";
-const content = "_content_1rudq_625";
-const horizontal = "_horizontal_1rudq_633";
-const body = "_body_1rudq_656";
-const footer = "_footer_1rudq_663";
-const disabled = "_disabled_1rudq_667";
-const outline = "_outline_1rudq_676";
-const primary = "_primary_1rudq_682";
-const icon = "_icon_1rudq_686";
-const description = "_description_1rudq_687";
-const secondary = "_secondary_1rudq_700";
-const tertiary = "_tertiary_1rudq_718";
-const quaternary = "_quaternary_1rudq_736";
-const clear = "_clear_1rudq_754";
-const success = "_success_1rudq_772";
-const error = "_error_1rudq_92";
-const warning = "_warning_1rudq_806";
-const header = "_header_1rudq_829";
-const title = "_title_1rudq_848";
-const actions = "_actions_1rudq_873";
-const xs = "_xs_1rudq_880";
-const children = "_children_1rudq_890";
-const small = "_small_1rudq_894";
-const medium = "_medium_1rudq_907";
-const large = "_large_1rudq_920";
-const xl = "_xl_1rudq_933";
-const left = "_left_1rudq_946";
-const center = "_center_1rudq_958";
-const right = "_right_1rudq_970";
-const spin = "_spin_1rudq_1";
-const pulse = "_pulse_1rudq_1";
+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 styles = {
   noScroll,
   errorMessage,
@@ -77,7 +77,7 @@ const styles = {
   shadowIntense,
   loading,
   fade_in,
-  "fade-in": "_fade-in_1rudq_1",
+  "fade-in": "_fade-in_16p4r_1",
   media,
   image,
   vertical,
@@ -109,14 +109,14 @@ const styles = {
   left,
   center,
   right,
-  "slide-up": "_slide-up_1rudq_1",
-  "spin-3d": "_spin-3d_1rudq_1",
+  "slide-up": "_slide-up_16p4r_1",
+  "spin-3d": "_spin-3d_16p4r_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1rudq_1",
-  "progress-grow": "_progress-grow_1rudq_1",
-  "indeterminate-move": "_indeterminate-move_1rudq_1",
-  "skeleton-loading": "_skeleton-loading_1rudq_1"
+  "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"
 };
 const CardBase = ({
   theme = getDefaultTheme(),
@@ -145,7 +145,6 @@ const CardBase = ({
   actionButtons = [],
   useIconButtons = false,
   layout = "vertical",
-  blur = false,
   loading: loading2 = false,
   children: children2,
   "data-testid": testId = "card",
@@ -167,6 +166,7 @@ const CardBase = ({
   const resolvedHeight = (hasImageObj ? imageUrl.height : void 0) ?? imageHeight;
   const imgAlt = imageAlt || `${title2 || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
+  const isNextImage = typeof ImageRenderer !== "string";
   const cardClassName = useMemo(
     () => combineClassNames(
       classMap.card,
@@ -181,7 +181,19 @@ const CardBase = ({
       loading2 && classMap.loading,
       className
     ),
-    [classMap, size, outline2, align, className]
+    [
+      classMap,
+      layout,
+      align,
+      theme,
+      state,
+      size,
+      shadow,
+      rounding,
+      outline2,
+      loading2,
+      className
+    ]
   );
   return /* @__PURE__ */ jsx(
     "div",
@@ -191,14 +203,23 @@ const CardBase = ({
       role: "region",
       "aria-labelledby": title2 ? headerId : void 0,
       "aria-label": !title2 ? derivedAriaLabel : void 0,
-      children: loading2 ? /* @__PURE__ */ jsx(SkeletonComponent, { width: "100%", height: "250px", "data-testid": "skeleton" }) : /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
+      "aria-busy": loading2 || void 0,
+      children: loading2 ? /* @__PURE__ */ jsx(
+        SkeletonComponent,
+        {
+          width: "250px",
+          height: "250px",
+          "data-testid": `${testId}-skeleton`
+        }
+      ) : /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
         hasImage && (imageFill ? /* @__PURE__ */ jsx("div", { className: classMap.media, children: /* @__PURE__ */ jsx(
           ImageRenderer,
           {
             src: imgSrc,
             alt: imgAlt,
             className: combineClassNames(classMap.image, imageClassName),
-            fill: true
+            ...isNextImage ? { fill: true } : {},
+            ...!isNextImage ? { loading: "lazy" } : {}
           }
         ) }) : /* @__PURE__ */ jsx(
           ImageRenderer,
@@ -207,7 +228,8 @@ const CardBase = ({
             alt: imgAlt,
             className: combineClassNames(classMap.image, imageClassName),
             width: resolvedWidth ?? 640,
-            height: resolvedHeight ?? 360
+            height: resolvedHeight ?? 360,
+            ...!isNextImage ? { loading: "lazy" } : {}
           }
         )),
         /* @__PURE__ */ jsxs("div", { children: [
@@ -222,7 +244,7 @@ const CardBase = ({
                   {
                     className: classMap.icon,
                     "aria-hidden": "true",
-                    "data-testid": "card-icon",
+                    "data-testid": `${testId}-icon`,
                     children: React.createElement(cardIcon)
                   }
                 ),
@@ -272,7 +294,6 @@ const CardBase = ({
                       href: button.href,
                       loading: button.loading,
                       size: button.size || size,
-                      "aria-label": button.label,
                       children: button.label
                     },
                     index
@@ -287,6 +308,7 @@ const CardBase = ({
     }
   );
 };
+CardBase.displayName = "CardBase";
 const NextImageWrapper = (props) => {
   return /* @__PURE__ */ jsx(Image, { ...props });
 };
@@ -310,4 +332,4 @@ const Card = (props) => {
 export {
   Card as C
 };
-//# sourceMappingURL=Card-B_USybKk.js.map
+//# sourceMappingURL=Card-B9EjkoVy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card-B9EjkoVy.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps } 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 hasImageObj =\r\n    typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n  const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n  const resolvedHeight =\r\n    (hasImageObj ? (imageUrl as any).height : 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 as any}\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 as any}\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\n\r\nexport default Card;\r\n"],"names":["title","description","outline","loading","children","Skeleton"],"mappings":"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"}

package/dist/next/{Card-Bg9EknRD.cjs → Card-BQTJkNCL.cjs}

@@ -1,64 +1,64 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
 const image$1 = require("./image-VX9Ty9NQ.cjs");
-const Button = require("./Button-G1PFBSqU.cjs");
-const IconButton = require("./IconButton-SZdNlqIZ.cjs");
-const Skeleton = require("./Skeleton-VK_AxGlo.cjs");
+const Button = require("./Button-sIKQmn_c.cjs");
+const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const Skeleton = require("./Skeleton-BCbvshNz.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_1rudq_91";
-const errorMessage = "_errorMessage_1rudq_92";
-const loadingContainer = "_loadingContainer_1rudq_93";
-const hideScrollbar = "_hideScrollbar_1rudq_85";
-const sr_only = "_sr_only_1rudq_94";
-const card = "_card_1rudq_539";
-const roundNone = "_roundNone_1rudq_553";
-const roundSmall = "_roundSmall_1rudq_557";
-const roundMedium = "_roundMedium_1rudq_561";
-const roundLarge = "_roundLarge_1rudq_565";
-const roundFull = "_roundFull_1rudq_569";
-const shadowNone = "_shadowNone_1rudq_573";
-const shadowLight = "_shadowLight_1rudq_577";
-const shadowMedium = "_shadowMedium_1rudq_581";
-const shadowStrong = "_shadowStrong_1rudq_585";
-const shadowIntense = "_shadowIntense_1rudq_589";
-const loading = "_loading_1rudq_93";
-const fade_in = "_fade_in_1rudq_604";
-const media = "_media_1rudq_608";
-const image = "_image_1rudq_617";
-const vertical = "_vertical_1rudq_622";
-const content = "_content_1rudq_625";
-const horizontal = "_horizontal_1rudq_633";
-const body = "_body_1rudq_656";
-const footer = "_footer_1rudq_663";
-const disabled = "_disabled_1rudq_667";
-const outline = "_outline_1rudq_676";
-const primary = "_primary_1rudq_682";
-const icon = "_icon_1rudq_686";
-const description = "_description_1rudq_687";
-const secondary = "_secondary_1rudq_700";
-const tertiary = "_tertiary_1rudq_718";
-const quaternary = "_quaternary_1rudq_736";
-const clear = "_clear_1rudq_754";
-const success = "_success_1rudq_772";
-const error = "_error_1rudq_92";
-const warning = "_warning_1rudq_806";
-const header = "_header_1rudq_829";
-const title = "_title_1rudq_848";
-const actions = "_actions_1rudq_873";
-const xs = "_xs_1rudq_880";
-const children = "_children_1rudq_890";
-const small = "_small_1rudq_894";
-const medium = "_medium_1rudq_907";
-const large = "_large_1rudq_920";
-const xl = "_xl_1rudq_933";
-const left = "_left_1rudq_946";
-const center = "_center_1rudq_958";
-const right = "_right_1rudq_970";
-const spin = "_spin_1rudq_1";
-const pulse = "_pulse_1rudq_1";
+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 styles = {
   noScroll,
   errorMessage,
@@ -78,7 +78,7 @@ const styles = {
   shadowIntense,
   loading,
   fade_in,
-  "fade-in": "_fade-in_1rudq_1",
+  "fade-in": "_fade-in_16p4r_1",
   media,
   image,
   vertical,
@@ -110,14 +110,14 @@ const styles = {
   left,
   center,
   right,
-  "slide-up": "_slide-up_1rudq_1",
-  "spin-3d": "_spin-3d_1rudq_1",
+  "slide-up": "_slide-up_16p4r_1",
+  "spin-3d": "_spin-3d_16p4r_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1rudq_1",
-  "progress-grow": "_progress-grow_1rudq_1",
-  "indeterminate-move": "_indeterminate-move_1rudq_1",
-  "skeleton-loading": "_skeleton-loading_1rudq_1"
+  "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"
 };
 const CardBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
@@ -146,7 +146,6 @@ const CardBase = ({
   actionButtons = [],
   useIconButtons = false,
   layout = "vertical",
-  blur = false,
   loading: loading2 = false,
   children: children2,
   "data-testid": testId = "card",
@@ -168,6 +167,7 @@ const CardBase = ({
   const resolvedHeight = (hasImageObj ? imageUrl.height : void 0) ?? imageHeight;
   const imgAlt = imageAlt || `${title2 || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
+  const isNextImage = typeof ImageRenderer !== "string";
   const cardClassName = React.useMemo(
     () => classNames.combineClassNames(
       classMap.card,
@@ -182,7 +182,19 @@ const CardBase = ({
       loading2 && classMap.loading,
       className
     ),
-    [classMap, size, outline2, align, className]
+    [
+      classMap,
+      layout,
+      align,
+      theme,
+      state,
+      size,
+      shadow,
+      rounding,
+      outline2,
+      loading2,
+      className
+    ]
   );
   return /* @__PURE__ */ require$$2.jsx(
     "div",
@@ -192,14 +204,23 @@ const CardBase = ({
       role: "region",
       "aria-labelledby": title2 ? headerId : void 0,
       "aria-label": !title2 ? derivedAriaLabel : void 0,
-      children: loading2 ? /* @__PURE__ */ require$$2.jsx(SkeletonComponent, { width: "100%", height: "250px", "data-testid": "skeleton" }) : /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.content, children: [
+      "aria-busy": loading2 || void 0,
+      children: loading2 ? /* @__PURE__ */ require$$2.jsx(
+        SkeletonComponent,
+        {
+          width: "250px",
+          height: "250px",
+          "data-testid": `${testId}-skeleton`
+        }
+      ) : /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.content, children: [
         hasImage && (imageFill ? /* @__PURE__ */ require$$2.jsx("div", { className: classMap.media, children: /* @__PURE__ */ require$$2.jsx(
           ImageRenderer,
           {
             src: imgSrc,
             alt: imgAlt,
             className: classNames.combineClassNames(classMap.image, imageClassName),
-            fill: true
+            ...isNextImage ? { fill: true } : {},
+            ...!isNextImage ? { loading: "lazy" } : {}
           }
         ) }) : /* @__PURE__ */ require$$2.jsx(
           ImageRenderer,
@@ -208,7 +229,8 @@ const CardBase = ({
             alt: imgAlt,
             className: classNames.combineClassNames(classMap.image, imageClassName),
             width: resolvedWidth ?? 640,
-            height: resolvedHeight ?? 360
+            height: resolvedHeight ?? 360,
+            ...!isNextImage ? { loading: "lazy" } : {}
           }
         )),
         /* @__PURE__ */ require$$2.jsxs("div", { children: [
@@ -223,7 +245,7 @@ const CardBase = ({
                   {
                     className: classMap.icon,
                     "aria-hidden": "true",
-                    "data-testid": "card-icon",
+                    "data-testid": `${testId}-icon`,
                     children: React.createElement(cardIcon)
                   }
                 ),
@@ -273,7 +295,6 @@ const CardBase = ({
                       href: button.href,
                       loading: button.loading,
                       size: button.size || size,
-                      "aria-label": button.label,
                       children: button.label
                     },
                     index
@@ -288,6 +309,7 @@ const CardBase = ({
     }
   );
 };
+CardBase.displayName = "CardBase";
 const NextImageWrapper = (props) => {
   return /* @__PURE__ */ require$$2.jsx(image$1.Image, { ...props });
 };
@@ -309,4 +331,4 @@ const Card = (props) => {
   );
 };
 exports.Card = Card;
-//# sourceMappingURL=Card-Bg9EknRD.cjs.map
+//# sourceMappingURL=Card-BQTJkNCL.cjs.map

package/dist/next/Card-BQTJkNCL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-BQTJkNCL.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps } 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 hasImageObj =\r\n    typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n  const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n  const resolvedHeight =\r\n    (hasImageObj ? (imageUrl as any).height : 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 as any}\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 as any}\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\n\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.cjs.js

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

package/dist/next/Card.js

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

package/dist/next/CheckBox.cjs.js

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

package/dist/next/CheckBox.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/CheckBox.js

@@ -0,0 +1,5 @@
+import { C } from "./Checkbox-BMaEzceF.js";
+export {
+  C as default
+};
+//# sourceMappingURL=CheckBox.js.map

package/dist/next/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}