boreal-ui 0.0.47 → 0.0.48

package/dist/next/{Card-CtUR7xR3.js → Card-Btw1d4gS.js}

@@ -1,66 +1,66 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { I as Image } from "./image-BBS8QO15.js";
 /* empty css                 */
-import { B as Button } from "./Button-CQUqfv7B.js";
+import { B as Button } from "./Button-qs4m4zx0.js";
 import { I as IconButton } from "./IconButton-BTUFKRZt.js";
-import { S as SkeletonLoader } from "./Skeleton-KKJc191y.js";
+import { S as SkeletonLoader } from "./Skeleton-DC4LJ059.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_4goya_108";
-const errorMessage = "_errorMessage_4goya_109";
-const loadingContainer = "_loadingContainer_4goya_110";
-const hideScrollbar = "_hideScrollbar_4goya_102";
-const sr_only = "_sr_only_4goya_111";
-const card = "_card_4goya_530";
-const outline = "_outline_4goya_537";
-const footer = "_footer_4goya_540";
-const clickable = "_clickable_4goya_543";
-const roundNone = "_roundNone_4goya_574";
-const roundSmall = "_roundSmall_4goya_578";
-const roundMedium = "_roundMedium_4goya_582";
-const roundLarge = "_roundLarge_4goya_586";
-const roundFull = "_roundFull_4goya_590";
-const shadowNone = "_shadowNone_4goya_594";
-const shadowLight = "_shadowLight_4goya_598";
-const shadowMedium = "_shadowMedium_4goya_602";
-const shadowStrong = "_shadowStrong_4goya_606";
-const shadowIntense = "_shadowIntense_4goya_610";
-const loading = "_loading_4goya_110";
-const fade_in = "_fade_in_4goya_635";
-const media = "_media_4goya_639";
-const image = "_image_4goya_658";
-const vertical = "_vertical_4goya_670";
-const content = "_content_4goya_673";
-const horizontal = "_horizontal_4goya_691";
-const body = "_body_4goya_743";
-const disabled = "_disabled_4goya_774";
-const primary = "_primary_4goya_794";
-const icon = "_icon_4goya_798";
-const description = "_description_4goya_799";
-const secondary = "_secondary_4goya_816";
-const tertiary = "_tertiary_4goya_838";
-const quaternary = "_quaternary_4goya_860";
-const clear = "_clear_4goya_882";
-const success = "_success_4goya_904";
-const error = "_error_4goya_109";
-const warning = "_warning_4goya_946";
-const header = "_header_4goya_973";
-const title = "_title_4goya_1008";
-const actions = "_actions_4goya_1074";
-const xs = "_xs_4goya_1093";
-const children = "_children_4goya_1103";
-const small = "_small_4goya_1107";
-const medium = "_medium_4goya_1120";
-const large = "_large_4goya_1133";
-const xl = "_xl_4goya_1146";
-const left = "_left_4goya_1159";
-const center = "_center_4goya_1171";
-const card_header = "_card_header_4goya_1174";
-const right = "_right_4goya_1183";
-const spin = "_spin_4goya_1";
-const pulse = "_pulse_4goya_1";
+const noScroll = "_noScroll_pv8su_108";
+const errorMessage = "_errorMessage_pv8su_109";
+const loadingContainer = "_loadingContainer_pv8su_110";
+const hideScrollbar = "_hideScrollbar_pv8su_102";
+const sr_only = "_sr_only_pv8su_111";
+const card = "_card_pv8su_553";
+const outline = "_outline_pv8su_560";
+const footer = "_footer_pv8su_563";
+const clickable = "_clickable_pv8su_566";
+const roundNone = "_roundNone_pv8su_597";
+const roundSmall = "_roundSmall_pv8su_601";
+const roundMedium = "_roundMedium_pv8su_605";
+const roundLarge = "_roundLarge_pv8su_609";
+const roundFull = "_roundFull_pv8su_613";
+const shadowNone = "_shadowNone_pv8su_617";
+const shadowLight = "_shadowLight_pv8su_621";
+const shadowMedium = "_shadowMedium_pv8su_625";
+const shadowStrong = "_shadowStrong_pv8su_629";
+const shadowIntense = "_shadowIntense_pv8su_633";
+const loading = "_loading_pv8su_110";
+const fade_in = "_fade_in_pv8su_658";
+const media = "_media_pv8su_662";
+const image = "_image_pv8su_681";
+const vertical = "_vertical_pv8su_693";
+const content = "_content_pv8su_696";
+const horizontal = "_horizontal_pv8su_714";
+const body = "_body_pv8su_766";
+const disabled = "_disabled_pv8su_797";
+const primary = "_primary_pv8su_817";
+const icon = "_icon_pv8su_821";
+const description = "_description_pv8su_822";
+const secondary = "_secondary_pv8su_839";
+const tertiary = "_tertiary_pv8su_861";
+const quaternary = "_quaternary_pv8su_883";
+const clear = "_clear_pv8su_905";
+const success = "_success_pv8su_927";
+const error = "_error_pv8su_109";
+const warning = "_warning_pv8su_969";
+const header = "_header_pv8su_996";
+const title = "_title_pv8su_1031";
+const actions = "_actions_pv8su_1097";
+const xs = "_xs_pv8su_1116";
+const children = "_children_pv8su_1126";
+const small = "_small_pv8su_1130";
+const medium = "_medium_pv8su_1143";
+const large = "_large_pv8su_1156";
+const xl = "_xl_pv8su_1169";
+const left = "_left_pv8su_1182";
+const center = "_center_pv8su_1194";
+const card_header = "_card_header_pv8su_1197";
+const right = "_right_pv8su_1206";
+const spin = "_spin_pv8su_1";
+const pulse = "_pulse_pv8su_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -83,7 +83,7 @@ const styles = {
   shadowIntense,
   loading,
   fade_in,
-  "fade-in": "_fade-in_4goya_1",
+  "fade-in": "_fade-in_pv8su_1",
   media,
   image,
   vertical,
@@ -114,14 +114,14 @@ const styles = {
   center,
   card_header,
   right,
-  "slide-up": "_slide-up_4goya_1",
-  "spin-3d": "_spin-3d_4goya_1",
+  "slide-up": "_slide-up_pv8su_1",
+  "spin-3d": "_spin-3d_pv8su_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_4goya_1",
-  "progress-grow": "_progress-grow_4goya_1",
-  "indeterminate-move": "_indeterminate-move_4goya_1",
-  "skeleton-loading": "_skeleton-loading_4goya_1"
+  "fade-in-up": "_fade-in-up_pv8su_1",
+  "progress-grow": "_progress-grow_pv8su_1",
+  "indeterminate-move": "_indeterminate-move_pv8su_1",
+  "skeleton-loading": "_skeleton-loading_pv8su_1"
 };
 const CardBase = ({
   theme = getDefaultTheme(),
@@ -163,13 +163,58 @@ const CardBase = ({
   const headerId = ariaLabelledBy || `${autoId}-header`;
   const descriptionId = `${autoId}-description`;
   const derivedAriaLabel = ariaLabel || title2 || description2 || "Content card";
+  function normalizeImageSource(imageUrl2, fallbackWidth, fallbackHeight) {
+    if (!imageUrl2) {
+      return {
+        src: void 0,
+        width: fallbackWidth,
+        height: fallbackHeight
+      };
+    }
+    if (typeof imageUrl2 === "object" && "src" in imageUrl2 && typeof imageUrl2.src === "string") {
+      const { src, width, height } = imageUrl2;
+      const trimmed = src.trim();
+      if (!trimmed) {
+        return {
+          src: void 0,
+          width: fallbackWidth,
+          height: fallbackHeight
+        };
+      }
+      return {
+        src: trimmed,
+        width: typeof width === "number" ? width : fallbackWidth,
+        height: typeof height === "number" ? height : fallbackHeight
+      };
+    }
+    if (typeof imageUrl2 === "string") {
+      const trimmed = imageUrl2.trim();
+      if (!trimmed) {
+        return {
+          src: void 0,
+          width: fallbackWidth,
+          height: fallbackHeight
+        };
+      }
+      return {
+        src: trimmed,
+        width: fallbackWidth,
+        height: fallbackHeight
+      };
+    }
+    return {
+      src: void 0,
+      width: fallbackWidth,
+      height: fallbackHeight
+    };
+  }
   const FallbackImage = (props) => /* @__PURE__ */ jsx("img", { ...props });
-  const isObjSrc = typeof imageUrl === "object" && imageUrl !== null && "src" in imageUrl;
-  const rawSrc = isObjSrc ? imageUrl.src : imageUrl;
-  const imgSrc = typeof rawSrc === "string" && rawSrc.trim().length > 0 ? rawSrc.trim() : void 0;
-  const hasImage = Boolean(imgSrc);
-  const resolvedWidth = (isObjSrc ? imageUrl.width : void 0) ?? imageWidth;
-  const resolvedHeight = (isObjSrc ? imageUrl.height : void 0) ?? imageHeight;
+  const {
+    src: imgSrc,
+    width: resolvedWidth,
+    height: resolvedHeight
+  } = normalizeImageSource(imageUrl, imageWidth, imageHeight);
+  const hasImage = !!imgSrc;
   const imgAlt = imageAlt || `${title2 || "Card"} image`;
   const ImageRenderer = ImageComponent || FallbackImage;
   const isNextImage = typeof ImageRenderer !== "string";
@@ -341,4 +386,4 @@ Card.displayName = "Card";
 export {
   Card as C
 };
-//# sourceMappingURL=Card-CtUR7xR3.js.map
+//# sourceMappingURL=Card-Btw1d4gS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card-Btw1d4gS.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  function normalizeImageSource(\r\n    imageUrl: CardImageSource,\r\n    fallbackWidth?: number,\r\n    fallbackHeight?: number\r\n  ) {\r\n    if (!imageUrl) {\r\n      return {\r\n        src: undefined as string | undefined,\r\n        width: fallbackWidth,\r\n        height: fallbackHeight,\r\n      };\r\n    }\r\n\r\n    if (\r\n      typeof imageUrl === \"object\" &&\r\n      \"src\" in imageUrl &&\r\n      typeof (imageUrl as any).src === \"string\"\r\n    ) {\r\n      const { src, width, height } = imageUrl as any;\r\n      const trimmed = src.trim();\r\n\r\n      if (!trimmed) {\r\n        return {\r\n          src: undefined,\r\n          width: fallbackWidth,\r\n          height: fallbackHeight,\r\n        };\r\n      }\r\n\r\n      return {\r\n        src: trimmed,\r\n        width: typeof width === \"number\" ? width : fallbackWidth,\r\n        height: typeof height === \"number\" ? height : fallbackHeight,\r\n      };\r\n    }\r\n\r\n    if (typeof imageUrl === \"string\") {\r\n      const trimmed = imageUrl.trim();\r\n\r\n      if (!trimmed) {\r\n        return {\r\n          src: undefined,\r\n          width: fallbackWidth,\r\n          height: fallbackHeight,\r\n        };\r\n      }\r\n\r\n      return {\r\n        src: trimmed,\r\n        width: fallbackWidth,\r\n        height: fallbackHeight,\r\n      };\r\n    }\r\n\r\n    return {\r\n      src: undefined,\r\n      width: fallbackWidth,\r\n      height: fallbackHeight,\r\n    };\r\n  }\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const {\r\n    src: imgSrc,\r\n    width: resolvedWidth,\r\n    height: resolvedHeight,\r\n  } = normalizeImageSource(imageUrl, imageWidth, imageHeight);\r\n\r\n  const hasImage = !!imgSrc;\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                          ariaLabel={button.ariaLabel}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                          ariaLabel={button.ariaLabel}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.next\";\r\nimport styles from \"./Card.module.scss\";\r\nimport CardBase from \"../CardBase\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={styles}\r\n      SkeletonComponent={Skeleton}\r\n      ImageComponent={NextImageWrapper}\r\n    />\r\n  );\r\n};\r\nCard.displayName = \"Card\";\r\nexport default Card;\r\n"],"names":["title","description","outline","loading","children","imageUrl","Skeleton"],"mappings":"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"}

package/dist/next/Card.cjs.js

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

package/dist/next/Card.js

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

package/dist/next/CheckBox.cjs.js

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

package/dist/next/CheckBox.js

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

package/dist/next/{Checkbox-dANi8BjQ.js → Checkbox-DBidsakA.js}

@@ -113,42 +113,42 @@ const CheckboxBase = forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1c6s8_108";
-const errorMessage = "_errorMessage_1c6s8_109";
-const loadingContainer = "_loadingContainer_1c6s8_110";
-const hideScrollbar = "_hideScrollbar_1c6s8_102";
-const sr_only = "_sr_only_1c6s8_111";
-const checkbox = "_checkbox_1c6s8_529";
-const input = "_input_1c6s8_554";
-const roundNone = "_roundNone_1c6s8_561";
-const box = "_box_1c6s8_561";
-const roundSmall = "_roundSmall_1c6s8_565";
-const roundMedium = "_roundMedium_1c6s8_569";
-const roundLarge = "_roundLarge_1c6s8_573";
-const roundFull = "_roundFull_1c6s8_577";
-const shadowNone = "_shadowNone_1c6s8_581";
-const shadowLight = "_shadowLight_1c6s8_585";
-const shadowMedium = "_shadowMedium_1c6s8_589";
-const shadowStrong = "_shadowStrong_1c6s8_593";
-const shadowIntense = "_shadowIntense_1c6s8_597";
-const xs = "_xs_1c6s8_601";
-const indeterminate = "_indeterminate_1c6s8_631";
-const label = "_label_1c6s8_642";
-const small = "_small_1c6s8_656";
-const medium = "_medium_1c6s8_711";
-const large = "_large_1c6s8_766";
-const xl = "_xl_1c6s8_821";
-const primary = "_primary_1c6s8_935";
-const secondary = "_secondary_1c6s8_947";
-const tertiary = "_tertiary_1c6s8_959";
-const quaternary = "_quaternary_1c6s8_971";
-const clear = "_clear_1c6s8_983";
-const success = "_success_1c6s8_995";
-const error = "_error_1c6s8_109";
-const warning = "_warning_1c6s8_1019";
-const disabled = "_disabled_1c6s8_1031";
-const spin = "_spin_1c6s8_1";
-const pulse = "_pulse_1c6s8_1";
+const noScroll = "_noScroll_1wo78_108";
+const errorMessage = "_errorMessage_1wo78_109";
+const loadingContainer = "_loadingContainer_1wo78_110";
+const hideScrollbar = "_hideScrollbar_1wo78_102";
+const sr_only = "_sr_only_1wo78_111";
+const checkbox = "_checkbox_1wo78_552";
+const input = "_input_1wo78_577";
+const roundNone = "_roundNone_1wo78_584";
+const box = "_box_1wo78_584";
+const roundSmall = "_roundSmall_1wo78_588";
+const roundMedium = "_roundMedium_1wo78_592";
+const roundLarge = "_roundLarge_1wo78_596";
+const roundFull = "_roundFull_1wo78_600";
+const shadowNone = "_shadowNone_1wo78_604";
+const shadowLight = "_shadowLight_1wo78_608";
+const shadowMedium = "_shadowMedium_1wo78_612";
+const shadowStrong = "_shadowStrong_1wo78_616";
+const shadowIntense = "_shadowIntense_1wo78_620";
+const xs = "_xs_1wo78_624";
+const indeterminate = "_indeterminate_1wo78_654";
+const label = "_label_1wo78_665";
+const small = "_small_1wo78_679";
+const medium = "_medium_1wo78_734";
+const large = "_large_1wo78_789";
+const xl = "_xl_1wo78_844";
+const primary = "_primary_1wo78_958";
+const secondary = "_secondary_1wo78_970";
+const tertiary = "_tertiary_1wo78_982";
+const quaternary = "_quaternary_1wo78_994";
+const clear = "_clear_1wo78_1006";
+const success = "_success_1wo78_1018";
+const error = "_error_1wo78_109";
+const warning = "_warning_1wo78_1042";
+const disabled = "_disabled_1wo78_1054";
+const spin = "_spin_1wo78_1";
+const pulse = "_pulse_1wo78_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -184,19 +184,19 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1c6s8_1",
-  "slide-up": "_slide-up_1c6s8_1",
-  "spin-3d": "_spin-3d_1c6s8_1",
+  "fade-in": "_fade-in_1wo78_1",
+  "slide-up": "_slide-up_1wo78_1",
+  "spin-3d": "_spin-3d_1wo78_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1c6s8_1",
-  "progress-grow": "_progress-grow_1c6s8_1",
-  "indeterminate-move": "_indeterminate-move_1c6s8_1",
-  "skeleton-loading": "_skeleton-loading_1c6s8_1"
+  "fade-in-up": "_fade-in-up_1wo78_1",
+  "progress-grow": "_progress-grow_1wo78_1",
+  "indeterminate-move": "_indeterminate-move_1wo78_1",
+  "skeleton-loading": "_skeleton-loading_1wo78_1"
 };
 const Checkbox = forwardRef((props, ref) => /* @__PURE__ */ jsx(CheckboxBase, { ...props, classMap: styles, ref }));
 Checkbox.displayName = "Checkbox";
 export {
   Checkbox as C
 };
-//# sourceMappingURL=Checkbox-dANi8BjQ.js.map
+//# sourceMappingURL=Checkbox-DBidsakA.js.map

package/dist/next/{Checkbox-dANi8BjQ.js.map → Checkbox-DBidsakA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-dANi8BjQ.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\r\nexport default Checkbox;\r\n"],"names":["indeterminate","disabled","label"],"mappings":"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"}
+{"version":3,"file":"Checkbox-DBidsakA.js","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\r\nexport default Checkbox;\r\n"],"names":["indeterminate","disabled","label"],"mappings":"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"}

package/dist/next/{Checkbox-SXo9UmNY.cjs → Checkbox-hA321207.cjs}

@@ -114,42 +114,42 @@ const CheckboxBase = React.forwardRef(
   }
 );
 CheckboxBase.displayName = "CheckboxBase";
-const noScroll = "_noScroll_1c6s8_108";
-const errorMessage = "_errorMessage_1c6s8_109";
-const loadingContainer = "_loadingContainer_1c6s8_110";
-const hideScrollbar = "_hideScrollbar_1c6s8_102";
-const sr_only = "_sr_only_1c6s8_111";
-const checkbox = "_checkbox_1c6s8_529";
-const input = "_input_1c6s8_554";
-const roundNone = "_roundNone_1c6s8_561";
-const box = "_box_1c6s8_561";
-const roundSmall = "_roundSmall_1c6s8_565";
-const roundMedium = "_roundMedium_1c6s8_569";
-const roundLarge = "_roundLarge_1c6s8_573";
-const roundFull = "_roundFull_1c6s8_577";
-const shadowNone = "_shadowNone_1c6s8_581";
-const shadowLight = "_shadowLight_1c6s8_585";
-const shadowMedium = "_shadowMedium_1c6s8_589";
-const shadowStrong = "_shadowStrong_1c6s8_593";
-const shadowIntense = "_shadowIntense_1c6s8_597";
-const xs = "_xs_1c6s8_601";
-const indeterminate = "_indeterminate_1c6s8_631";
-const label = "_label_1c6s8_642";
-const small = "_small_1c6s8_656";
-const medium = "_medium_1c6s8_711";
-const large = "_large_1c6s8_766";
-const xl = "_xl_1c6s8_821";
-const primary = "_primary_1c6s8_935";
-const secondary = "_secondary_1c6s8_947";
-const tertiary = "_tertiary_1c6s8_959";
-const quaternary = "_quaternary_1c6s8_971";
-const clear = "_clear_1c6s8_983";
-const success = "_success_1c6s8_995";
-const error = "_error_1c6s8_109";
-const warning = "_warning_1c6s8_1019";
-const disabled = "_disabled_1c6s8_1031";
-const spin = "_spin_1c6s8_1";
-const pulse = "_pulse_1c6s8_1";
+const noScroll = "_noScroll_1wo78_108";
+const errorMessage = "_errorMessage_1wo78_109";
+const loadingContainer = "_loadingContainer_1wo78_110";
+const hideScrollbar = "_hideScrollbar_1wo78_102";
+const sr_only = "_sr_only_1wo78_111";
+const checkbox = "_checkbox_1wo78_552";
+const input = "_input_1wo78_577";
+const roundNone = "_roundNone_1wo78_584";
+const box = "_box_1wo78_584";
+const roundSmall = "_roundSmall_1wo78_588";
+const roundMedium = "_roundMedium_1wo78_592";
+const roundLarge = "_roundLarge_1wo78_596";
+const roundFull = "_roundFull_1wo78_600";
+const shadowNone = "_shadowNone_1wo78_604";
+const shadowLight = "_shadowLight_1wo78_608";
+const shadowMedium = "_shadowMedium_1wo78_612";
+const shadowStrong = "_shadowStrong_1wo78_616";
+const shadowIntense = "_shadowIntense_1wo78_620";
+const xs = "_xs_1wo78_624";
+const indeterminate = "_indeterminate_1wo78_654";
+const label = "_label_1wo78_665";
+const small = "_small_1wo78_679";
+const medium = "_medium_1wo78_734";
+const large = "_large_1wo78_789";
+const xl = "_xl_1wo78_844";
+const primary = "_primary_1wo78_958";
+const secondary = "_secondary_1wo78_970";
+const tertiary = "_tertiary_1wo78_982";
+const quaternary = "_quaternary_1wo78_994";
+const clear = "_clear_1wo78_1006";
+const success = "_success_1wo78_1018";
+const error = "_error_1wo78_109";
+const warning = "_warning_1wo78_1042";
+const disabled = "_disabled_1wo78_1054";
+const spin = "_spin_1wo78_1";
+const pulse = "_pulse_1wo78_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -185,17 +185,17 @@ const styles = {
   error,
   warning,
   disabled,
-  "fade-in": "_fade-in_1c6s8_1",
-  "slide-up": "_slide-up_1c6s8_1",
-  "spin-3d": "_spin-3d_1c6s8_1",
+  "fade-in": "_fade-in_1wo78_1",
+  "slide-up": "_slide-up_1wo78_1",
+  "spin-3d": "_spin-3d_1wo78_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1c6s8_1",
-  "progress-grow": "_progress-grow_1c6s8_1",
-  "indeterminate-move": "_indeterminate-move_1c6s8_1",
-  "skeleton-loading": "_skeleton-loading_1c6s8_1"
+  "fade-in-up": "_fade-in-up_1wo78_1",
+  "progress-grow": "_progress-grow_1wo78_1",
+  "indeterminate-move": "_indeterminate-move_1wo78_1",
+  "skeleton-loading": "_skeleton-loading_1wo78_1"
 };
 const Checkbox = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(CheckboxBase, { ...props, classMap: styles, ref }));
 Checkbox.displayName = "Checkbox";
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox-SXo9UmNY.cjs.map
+//# sourceMappingURL=Checkbox-hA321207.cjs.map

package/dist/next/{Checkbox-SXo9UmNY.cjs.map → Checkbox-hA321207.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-SXo9UmNY.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\r\nexport default Checkbox;\r\n"],"names":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Checkbox-hA321207.cjs","sources":["../../src/components/Checkbox/CheckboxBase.tsx","../../src/components/Checkbox/next/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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport CheckboxBase from \"../CheckboxBase\";\r\nimport styles from \"./CheckBox.module.scss\";\r\nimport { CheckBoxProps } from \"../Checkbox.types\";\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckBoxProps>((props, ref) => (\r\n  <CheckboxBase {...props} classMap={styles} ref={ref} />\r\n));\r\nCheckbox.displayName = \"Checkbox\";\r\nexport default Checkbox;\r\n"],"names":["forwardRef","indeterminate","getDefaultTheme","getDefaultRounding","getDefaultSize","getDefaultShadow","disabled","label","useId","useRef","useImperativeHandle","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}