boreal-ui 0.0.34 → 0.0.36

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card-CFJnp6sf.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const isObjSrc =\r\n    typeof imageUrl === \"object\" &&\r\n    imageUrl !== null &&\r\n    \"src\" in (imageUrl as object);\r\n\r\n  const imgSrc: string | undefined = isObjSrc\r\n    ? (imageUrl as Extract<CardImageSource, { src: string }>).src\r\n    : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { width?: number }>).width\r\n      : undefined) ?? imageWidth;\r\n\r\n  const resolvedHeight =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { height?: number }>).height\r\n      : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc!}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc!}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.next\";\r\nimport styles from \"./Card.module.scss\";\r\nimport CardBase from \"../CardBase\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={styles}\r\n      SkeletonComponent={Skeleton}\r\n      ImageComponent={NextImageWrapper}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["title","description","outline","loading","children","Skeleton"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card-DdLlnwFq.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/next/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps, CardImageSource } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const isObjSrc =\r\n    typeof imageUrl === \"object\" &&\r\n    imageUrl !== null &&\r\n    \"src\" in (imageUrl as object);\r\n\r\n  const imgSrc: string | undefined = isObjSrc\r\n    ? (imageUrl as Extract<CardImageSource, { src: string }>).src\r\n    : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { width?: number }>).width\r\n      : undefined) ?? imageWidth;\r\n\r\n  const resolvedHeight =\r\n    (isObjSrc\r\n      ? (imageUrl as Extract<CardImageSource, { height?: number }>).height\r\n      : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc!}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc!}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.next\";\r\nimport styles from \"./Card.module.scss\";\r\nimport CardBase from \"../CardBase\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst NextImageWrapper: React.FC<React.ComponentProps<typeof Image>> = (\r\n  props\r\n) => {\r\n  return <Image {...props} />;\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={styles}\r\n      SkeletonComponent={Skeleton}\r\n      ImageComponent={NextImageWrapper}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["getDefaultTheme","title","description","getDefaultRounding","getDefaultShadow","outline","getDefaultSize","loading","children","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Image","Button","IconButton","Skeleton"],"mappings":"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"}

package/dist/next/Card.cjs.js

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

package/dist/next/Card.js

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

package/dist/next/CheckBox.cjs.js

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

package/dist/next/CheckBox.js

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

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

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

package/dist/next/{Checkbox-DXRmAtTt.cjs.map → Checkbox-BX2JIiMU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-DXRmAtTt.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 React 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: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\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-BX2JIiMU.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 React 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: React.FC<CheckBoxProps> = (props) => {\r\n  return <CheckboxBase {...props} classMap={styles} />;\r\n};\r\n\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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"}