boreal-ui 0.0.31 → 0.0.33

package/dist/core/{Button-brEyEh7E.js → Button-sz60qyTn.js}

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
+import React, { forwardRef, 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";
@@ -27,7 +27,11 @@ const ButtonBase = forwardRef(
     LinkComponent = "a",
     ...rest
   }, ref) => {
-    const computedAriaLabel = ariaLabel || (typeof children === "string" ? children : "Button");
+    const iconOnly = !children || typeof children !== "string" && React.Children.count(children) === 0;
+    const computedAriaLabel = iconOnly ? ariaLabel : void 0;
+    if (process.env.NODE_ENV === "development" && iconOnly && !ariaLabel) {
+      console.warn("ButtonBase: icon-only buttons must provide `ariaLabel`.");
+    }
     const combinedClassName = useMemo(
       () => combineClassNames(
         classMap.button,
@@ -41,16 +45,19 @@ const ButtonBase = forwardRef(
         disabled && classMap.disabled,
         className
       ),
-      [theme, outline, size, fullWidth, disabled, className]
+      [
+        theme,
+        state,
+        outline,
+        size,
+        shadow,
+        rounding,
+        fullWidth,
+        disabled,
+        className,
+        classMap
+      ]
     );
-    const sharedProps = {
-      "aria-label": computedAriaLabel,
-      "aria-busy": loading || void 0,
-      "aria-disabled": disabled || void 0,
-      "data-testid": testId,
-      tabIndex: disabled ? -1 : 0,
-      onClick: disabled ? void 0 : onClick
-    };
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [
       Icon && /* @__PURE__ */ jsx(
         "span",
@@ -65,36 +72,45 @@ const ButtonBase = forwardRef(
         "span",
         {
           className: classMap.buttonLabel,
+          "aria-live": loading ? "polite" : void 0,
+          "aria-atomic": loading || void 0,
           "data-testid": testId ? `${testId}-loading` : void 0,
-          children: loading ? /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : children
+          children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "sr_only", children: "Loading" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            children,
+            href && (isExternal ?? /^https?:\/\//i.test(href)) && /* @__PURE__ */ jsx("span", { className: "sr_only", children: " (opens in a new tab)" })
+          ] })
         }
       )
     ] });
-    if (href && isExternal) {
-      return /* @__PURE__ */ jsx(
+    if (href) {
+      const external = (isExternal ?? /^https?:\/\//i.test(href)) && !disabled;
+      const linkCommon = {
+        ref,
+        className: combineClassNames(combinedClassName, classMap.link),
+        onClick: disabled ? (e) => e.preventDefault() : onClick,
+        "aria-disabled": disabled || void 0,
+        tabIndex: disabled ? -1 : void 0,
+        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "data-testid": testId
+      };
+      return LinkComponent === "a" ? /* @__PURE__ */ jsx(
         "a",
         {
-          href,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          role: "button",
-          className: combineClassNames(combinedClassName, classMap.link),
-          ref,
-          ...sharedProps,
+          ...linkCommon,
+          href: disabled ? void 0 : href,
+          target: external ? "_blank" : void 0,
+          rel: external ? "noopener noreferrer" : void 0,
           ...rest,
           children: content
         }
-      );
-    }
-    if (href && !isExternal) {
-      return /* @__PURE__ */ jsx(
+      ) : /* @__PURE__ */ jsx(
         LinkComponent,
         {
+          ...linkCommon,
           href,
-          role: "button",
-          className: combineClassNames(combinedClassName, classMap.link),
-          ref,
-          ...sharedProps,
           ...rest,
           children: content
         }
@@ -106,8 +122,11 @@ const ButtonBase = forwardRef(
         ref,
         type,
         className: combinedClassName,
-        disabled,
-        ...sharedProps,
+        disabled: disabled || loading,
+        "aria-busy": loading || void 0,
+        ...computedAriaLabel ? { "aria-label": computedAriaLabel } : {},
+        "data-testid": testId,
+        onClick: disabled ? void 0 : onClick,
         ...rest,
         children: content
       }
@@ -152,4 +171,4 @@ const Button = (props) => /* @__PURE__ */ jsx(ButtonBase, { ...props, classMap:
 export {
   Button as B
 };
-//# sourceMappingURL=Button-brEyEh7E.js.map
+//# sourceMappingURL=Button-sz60qyTn.js.map

package/dist/core/Button-sz60qyTn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-sz60qyTn.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/core/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonBaseProps, ButtonProps } 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      ariaLabel,\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\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    const computedAriaLabel = iconOnly ? ariaLabel : undefined;\r\n\r\n    if (process.env.NODE_ENV === \"development\" && iconOnly && !ariaLabel) {\r\n      console.warn(\"ButtonBase: icon-only buttons must provide `ariaLabel`.\");\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 className={classMap.icon} />\r\n          </span>\r\n        )}\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          aria-live={loading ? \"polite\" : undefined}\r\n          aria-atomic={loading || 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\">Loading</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 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-disabled\": disabled || undefined,\r\n        tabIndex: disabled ? -1 : undefined,\r\n        ...(computedAriaLabel ? { \"aria-label\": computedAriaLabel } : {}),\r\n        \"data-testid\": testId,\r\n      } as const;\r\n\r\n      return LinkComponent === \"a\" ? (\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        <LinkComponent\r\n          {...(linkCommon as any)}\r\n          href={href}\r\n          {...(rest as Record<string, unknown>)}\r\n        >\r\n          {content}\r\n        </LinkComponent>\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-busy={loading || undefined}\r\n        {...(computedAriaLabel ? { \"aria-label\": computedAriaLabel } : {})}\r\n        data-testid={testId}\r\n        onClick={disabled ? 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 React 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: React.FC<ButtonProps> = (props) => (\r\n  <ButtonBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Button.cjs.js

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

package/dist/core/Button.js

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

package/dist/core/{Card-Bae4H8tR.js → Card-BRExeyNd.js}

@@ -4,9 +4,9 @@ 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";
 /* empty css                 */
-import { B as Button } from "./Button-brEyEh7E.js";
-import { I as IconButton } from "./IconButton-Dsw2M1s8.js";
-import { S as SkeletonLoader } from "./Skeleton-BniIVZmx.js";
+import { B as Button } from "./Button-sz60qyTn.js";
+import { I as IconButton } from "./IconButton-B9WWbeSM.js";
+import { S as SkeletonLoader } from "./Skeleton-CMhlYg-Q.js";
 const CardBase = ({
   theme = getDefaultTheme(),
   state = "",
@@ -34,7 +34,6 @@ const CardBase = ({
   actionButtons = [],
   useIconButtons = false,
   layout = "vertical",
-  blur = false,
   loading = false,
   children,
   "data-testid": testId = "card",
@@ -56,6 +55,7 @@ const CardBase = ({
   const resolvedHeight = (hasImageObj ? imageUrl.height : void 0) ?? imageHeight;
   const imgAlt = imageAlt || `${title || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
+  const isNextImage = typeof ImageRenderer !== "string";
   const cardClassName = useMemo(
     () => combineClassNames(
       classMap.card,
@@ -70,7 +70,19 @@ const CardBase = ({
       loading && classMap.loading,
       className
     ),
-    [classMap, size, outline, align, className]
+    [
+      classMap,
+      layout,
+      align,
+      theme,
+      state,
+      size,
+      shadow,
+      rounding,
+      outline,
+      loading,
+      className
+    ]
   );
   return /* @__PURE__ */ jsx(
     "div",
@@ -80,14 +92,23 @@ const CardBase = ({
       role: "region",
       "aria-labelledby": title ? headerId : void 0,
       "aria-label": !title ? derivedAriaLabel : void 0,
-      children: loading ? /* @__PURE__ */ jsx(SkeletonComponent, { width: "100%", height: "250px", "data-testid": "skeleton" }) : /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
+      "aria-busy": loading || void 0,
+      children: loading ? /* @__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,
@@ -96,7 +117,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: [
@@ -111,7 +133,7 @@ const CardBase = ({
                   {
                     className: classMap.icon,
                     "aria-hidden": "true",
-                    "data-testid": "card-icon",
+                    "data-testid": `${testId}-icon`,
                     children: React.createElement(cardIcon)
                   }
                 ),
@@ -161,7 +183,6 @@ const CardBase = ({
                       href: button.href,
                       loading: button.loading,
                       size: button.size || size,
-                      "aria-label": button.label,
                       children: button.label
                     },
                     index
@@ -176,6 +197,7 @@ const CardBase = ({
     }
   );
 };
+CardBase.displayName = "CardBase";
 const classes = {
   card: "card",
   left: "card_left",
@@ -238,4 +260,4 @@ const Card = (props) => {
 export {
   Card as C
 };
-//# sourceMappingURL=Card-Bae4H8tR.js.map
+//# sourceMappingURL=Card-BRExeyNd.js.map

package/dist/core/Card-BRExeyNd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-BRExeyNd.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/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","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  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\n\r\nexport default Card;\r\n"],"names":["Skeleton"],"mappings":"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"}

package/dist/core/{Card-BsYXSByx.cjs → Card-jrGaJLdX.cjs}

@@ -5,9 +5,9 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 ;/* empty css                   */
-const Button = require("./Button-BnyCKkUs.cjs");
-const IconButton = require("./IconButton-BADgP1DD.cjs");
-const Skeleton = require("./Skeleton-CeMwLgnq.cjs");
+const Button = require("./Button-CD1ETVvS.cjs");
+const IconButton = require("./IconButton-D_W4nsPZ.cjs");
+const Skeleton = require("./Skeleton-BlyxKLt_.cjs");
 const CardBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
   state = "",
@@ -35,7 +35,6 @@ const CardBase = ({
   actionButtons = [],
   useIconButtons = false,
   layout = "vertical",
-  blur = false,
   loading = false,
   children,
   "data-testid": testId = "card",
@@ -57,6 +56,7 @@ const CardBase = ({
   const resolvedHeight = (hasImageObj ? imageUrl.height : void 0) ?? imageHeight;
   const imgAlt = imageAlt || `${title || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
+  const isNextImage = typeof ImageRenderer !== "string";
   const cardClassName = React.useMemo(
     () => classNames.combineClassNames(
       classMap.card,
@@ -71,7 +71,19 @@ const CardBase = ({
       loading && classMap.loading,
       className
     ),
-    [classMap, size, outline, align, className]
+    [
+      classMap,
+      layout,
+      align,
+      theme,
+      state,
+      size,
+      shadow,
+      rounding,
+      outline,
+      loading,
+      className
+    ]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -81,14 +93,23 @@ const CardBase = ({
       role: "region",
       "aria-labelledby": title ? headerId : void 0,
       "aria-label": !title ? derivedAriaLabel : void 0,
-      children: loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonComponent, { width: "100%", height: "250px", "data-testid": "skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
+      "aria-busy": loading || void 0,
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsx(
+        SkeletonComponent,
+        {
+          width: "250px",
+          height: "250px",
+          "data-testid": `${testId}-skeleton`
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
         hasImage && (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
+            ...isNextImage ? { fill: true } : {},
+            ...!isNextImage ? { loading: "lazy" } : {}
           }
         ) }) : /* @__PURE__ */ jsxRuntime.jsx(
           ImageRenderer,
@@ -97,7 +118,8 @@ const CardBase = ({
             alt: imgAlt,
             className: classNames.combineClassNames(classMap.image, imageClassName),
             width: resolvedWidth ?? 640,
-            height: resolvedHeight ?? 360
+            height: resolvedHeight ?? 360,
+            ...!isNextImage ? { loading: "lazy" } : {}
           }
         )),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -112,7 +134,7 @@ const CardBase = ({
                   {
                     className: classMap.icon,
                     "aria-hidden": "true",
-                    "data-testid": "card-icon",
+                    "data-testid": `${testId}-icon`,
                     children: React.createElement(cardIcon)
                   }
                 ),
@@ -162,7 +184,6 @@ const CardBase = ({
                       href: button.href,
                       loading: button.loading,
                       size: button.size || size,
-                      "aria-label": button.label,
                       children: button.label
                     },
                     index
@@ -177,6 +198,7 @@ const CardBase = ({
     }
   );
 };
+CardBase.displayName = "CardBase";
 const classes = {
   card: "card",
   left: "card_left",
@@ -237,4 +259,4 @@ const Card = (props) => {
   );
 };
 exports.Card = Card;
-//# sourceMappingURL=Card-BsYXSByx.cjs.map
+//# sourceMappingURL=Card-jrGaJLdX.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card-jrGaJLdX.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/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","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  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\n\r\nexport default Card;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Button","IconButton","Skeleton"],"mappings":"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"}

package/dist/core/Card.cjs.js

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

package/dist/core/Card.js

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

package/dist/core/CheckBox.cjs.js

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

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

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

package/dist/core/CheckBox.js

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

package/dist/core/CheckBox.js.map

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

package/dist/core/{Checkbox-BykCObI-.js → Checkbox-CkidkPsK.js}

@@ -44,7 +44,17 @@ const CheckboxBase = forwardRef(
         disabled && classMap.disabled,
         className
       ),
-      [theme, labelPosition, disabled, className]
+      [
+        classMap,
+        theme,
+        state,
+        labelPosition,
+        size,
+        shadow,
+        rounding,
+        disabled,
+        className
+      ]
     );
     return /* @__PURE__ */ jsxs(
       "label",
@@ -70,7 +80,7 @@ const CheckboxBase = forwardRef(
               type: "checkbox",
               className: classMap.input,
               checked,
-              onChange: (e) => !disabled && onChange(e.target.checked),
+              onChange: (e) => onChange(e.target.checked),
               disabled,
               "aria-labelledby": labelId,
               "aria-checked": indeterminate ? "mixed" : void 0,
@@ -141,4 +151,4 @@ const Checkbox = (props) => {
 export {
   Checkbox as C
 };
-//# sourceMappingURL=Checkbox-BykCObI-.js.map
+//# sourceMappingURL=Checkbox-CkidkPsK.js.map

package/dist/core/Checkbox-CkidkPsK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-CkidkPsK.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/core/Checkbox.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useId,\r\n  useRef,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useMemo,\r\n} from \"react\";\r\nimport type { CheckboxBaseProps } from \"./Checkbox.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 CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      indeterminate = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      size = getDefaultSize(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      label = \"\",\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"checkbox\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const internalId = useId();\r\n    const checkboxId = id || internalId;\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\r\n\r\n    useEffect(() => {\r\n      if (inputRef.current) {\r\n        inputRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.checkbox,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[labelPosition],\r\n          classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        classMap,\r\n        theme,\r\n        state,\r\n        labelPosition,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        disabled,\r\n        className,\r\n      ]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        htmlFor={checkboxId}\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {label && labelPosition === \"left\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n\r\n        <input\r\n          id={checkboxId}\r\n          ref={inputRef}\r\n          type=\"checkbox\"\r\n          className={classMap.input}\r\n          checked={checked}\r\n          onChange={(e) => onChange(e.target.checked)}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          aria-checked={indeterminate ? \"mixed\" : undefined}\r\n          {...props}\r\n        />\r\n\r\n        <span\r\n          className={combineClassNames(\r\n            classMap.box,\r\n            indeterminate && classMap.indeterminate\r\n          )}\r\n          aria-hidden=\"true\"\r\n          data-testid={testId ? `${testId}-box` : undefined}\r\n        />\r\n\r\n        {label && labelPosition === \"right\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","import React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport \"./CheckBox.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst classes = {\r\n  checkbox: \"checkbox\",\r\n\r\n  primary: \"checkbox_primary\",\r\n  secondary: \"checkbox_secondary\",\r\n  tertiary: \"checkbox_tertiary\",\r\n  quaternary: \"checkbox_quaternary\",\r\n\r\n  success: \"checkbox_success\",\r\n  error: \"checkbox_error\",\r\n  warning: \"checkbox_warning\",\r\n\r\n  clear: \"checkbox_clear\",\r\n\r\n  disabled: \"checkbox_disabled\",\r\n  indeterminate: \"checkbox_indeterminate\",\r\n\r\n  left: \"checkbox_left\",\r\n  right: \"checkbox_right\",\r\n\r\n  xs: \"checkbox_xs\",\r\n  small: \"checkbox_small\",\r\n  medium: \"checkbox_medium\",\r\n  large: \"checkbox_large\",\r\n  xl: \"checkbox_xl\",\r\n\r\n  shadowNone: \"checkbox_shadow-None\",\r\n  shadowLight: \"checkbox_shadow-Light\",\r\n  shadowMedium: \"checkbox_shadow-Medium\",\r\n  shadowStrong: \"checkbox_shadow-Strong\",\r\n  shadowIntense: \"checkbox_shadow-Intense\",\r\n\r\n  roundNone: \"checkbox_round-None\",\r\n  roundSmall: \"checkbox_round-Small\",\r\n  roundMedium: \"checkbox_round-Medium\",\r\n  roundLarge: \"checkbox_round-Large\",\r\n\r\n  label: \"checkbox_label\",\r\n  input: \"checkbox_input\",\r\n  box: \"checkbox_box\",\r\n};\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":[],"mappings":"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"}

package/dist/core/{Checkbox-Ye8jGIKV.cjs → Checkbox-dcfbhcGR.cjs}

@@ -45,7 +45,17 @@ const CheckboxBase = React.forwardRef(
         disabled && classMap.disabled,
         className
       ),
-      [theme, labelPosition, disabled, className]
+      [
+        classMap,
+        theme,
+        state,
+        labelPosition,
+        size,
+        shadow,
+        rounding,
+        disabled,
+        className
+      ]
     );
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
@@ -71,7 +81,7 @@ const CheckboxBase = React.forwardRef(
               type: "checkbox",
               className: classMap.input,
               checked,
-              onChange: (e) => !disabled && onChange(e.target.checked),
+              onChange: (e) => onChange(e.target.checked),
               disabled,
               "aria-labelledby": labelId,
               "aria-checked": indeterminate ? "mixed" : void 0,
@@ -140,4 +150,4 @@ const Checkbox = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(CheckboxBase, { ...props, classMap: classes });
 };
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox-Ye8jGIKV.cjs.map
+//# sourceMappingURL=Checkbox-dcfbhcGR.cjs.map

package/dist/core/Checkbox-dcfbhcGR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-dcfbhcGR.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/core/Checkbox.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useId,\r\n  useRef,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useMemo,\r\n} from \"react\";\r\nimport type { CheckboxBaseProps } from \"./Checkbox.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 CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      indeterminate = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      size = getDefaultSize(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      label = \"\",\r\n      labelPosition = \"right\",\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"checkbox\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const internalId = useId();\r\n    const checkboxId = id || internalId;\r\n    const labelId = label ? `${checkboxId}-label` : undefined;\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\r\n\r\n    useEffect(() => {\r\n      if (inputRef.current) {\r\n        inputRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.checkbox,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[labelPosition],\r\n          classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [\r\n        classMap,\r\n        theme,\r\n        state,\r\n        labelPosition,\r\n        size,\r\n        shadow,\r\n        rounding,\r\n        disabled,\r\n        className,\r\n      ]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        htmlFor={checkboxId}\r\n        className={combinedClassName}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        {label && labelPosition === \"left\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n\r\n        <input\r\n          id={checkboxId}\r\n          ref={inputRef}\r\n          type=\"checkbox\"\r\n          className={classMap.input}\r\n          checked={checked}\r\n          onChange={(e) => onChange(e.target.checked)}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          aria-checked={indeterminate ? \"mixed\" : undefined}\r\n          {...props}\r\n        />\r\n\r\n        <span\r\n          className={combineClassNames(\r\n            classMap.box,\r\n            indeterminate && classMap.indeterminate\r\n          )}\r\n          aria-hidden=\"true\"\r\n          data-testid={testId ? `${testId}-box` : undefined}\r\n        />\r\n\r\n        {label && labelPosition === \"right\" && (\r\n          <span\r\n            className={classMap.label}\r\n            id={labelId}\r\n            data-testid={testId ? `${testId}-label` : undefined}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nCheckboxBase.displayName = \"CheckboxBase\";\r\nexport default CheckboxBase;\r\n","import React from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport \"./CheckBox.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst classes = {\r\n  checkbox: \"checkbox\",\r\n\r\n  primary: \"checkbox_primary\",\r\n  secondary: \"checkbox_secondary\",\r\n  tertiary: \"checkbox_tertiary\",\r\n  quaternary: \"checkbox_quaternary\",\r\n\r\n  success: \"checkbox_success\",\r\n  error: \"checkbox_error\",\r\n  warning: \"checkbox_warning\",\r\n\r\n  clear: \"checkbox_clear\",\r\n\r\n  disabled: \"checkbox_disabled\",\r\n  indeterminate: \"checkbox_indeterminate\",\r\n\r\n  left: \"checkbox_left\",\r\n  right: \"checkbox_right\",\r\n\r\n  xs: \"checkbox_xs\",\r\n  small: \"checkbox_small\",\r\n  medium: \"checkbox_medium\",\r\n  large: \"checkbox_large\",\r\n  xl: \"checkbox_xl\",\r\n\r\n  shadowNone: \"checkbox_shadow-None\",\r\n  shadowLight: \"checkbox_shadow-Light\",\r\n  shadowMedium: \"checkbox_shadow-Medium\",\r\n  shadowStrong: \"checkbox_shadow-Strong\",\r\n  shadowIntense: \"checkbox_shadow-Intense\",\r\n\r\n  roundNone: \"checkbox_round-None\",\r\n  roundSmall: \"checkbox_round-Small\",\r\n  roundMedium: \"checkbox_round-Medium\",\r\n  roundLarge: \"checkbox_round-Large\",\r\n\r\n  label: \"checkbox_label\",\r\n  input: \"checkbox_input\",\r\n  box: \"checkbox_box\",\r\n};\r\n\r\nconst Checkbox: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Checkbox;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}