boreal-ui 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card-DCxLBwi0.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { ActionButton, CardProps } 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\ntype ExtendedActionButton = ActionButton & {\r\n  buttonComponent: React.ElementType;\r\n  iconButtonComponent: React.ElementType;\r\n};\r\n\r\nexport interface CardBaseProps extends CardProps {\r\n  classMap: Record<string, string>;\r\n  SkeletonComponent: React.FC<{\r\n    width: string;\r\n    height: string;\r\n    [\"data-testid\"]?: string;\r\n  }>;\r\n  ImageComponent?: React.ElementType;\r\n  actionButtons: ExtendedActionButton[];\r\n}\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  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  blur = false,\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 showBlur = blur && typeof imageUrl !== \"string\";\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 ImageRenderer = ImageComponent || FallbackImage;\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    [classMap, size, outline, align, className]\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    >\r\n      {loading ? (\r\n        <SkeletonComponent width=\"100%\" height=\"250px\" data-testid=\"skeleton\" />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage && (\r\n            <ImageRenderer\r\n              src={imageUrl}\r\n              alt={imageAlt || `${title || \"Card\"} image`}\r\n              className={combineClassNames(classMap.image, imageClassName)}\r\n              placeholder={showBlur ? \"blur\" : undefined}\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=\"card-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                          aria-label={button.label}\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\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n  card: \"card\",\r\n\r\n  left: \"card_left\",\r\n  right: \"card_right\",\r\n  center: \"card_center\",\r\n\r\n  primary: \"card_primary\",\r\n  secondary: \"card_secondary\",\r\n  tertiary: \"card_tertiary\",\r\n  quaternary: \"card_quaternary\",\r\n\r\n  success: \"card_success\",\r\n  warning: \"card_warning\",\r\n  error: \"card_error\",\r\n\r\n  clear: \"card_clear\",\r\n\r\n  outline: \"card_outline\",\r\n  loading: \"card_loading\",\r\n\r\n  content: \"card_content\",\r\n\r\n  xs: \"card_xs\",\r\n  small: \"card_small\",\r\n  medium: \"card_medium\",\r\n  large: \"card_large\",\r\n  xl: \"card_xl\",\r\n\r\n  shadowNone: \"card_shadow-None\",\r\n  shadowLight: \"card_shadow-Light\",\r\n  shadowMedium: \"card_shadow-Medium\",\r\n  shadowStrong: \"card_shadow-Strong\",\r\n  shadowIntense: \"card_shadow-Intense\",\r\n\r\n  roundNone: \"card_round-None\",\r\n  roundSmall: \"card_round-Small\",\r\n  roundMedium: \"card_round-Medium\",\r\n  roundLarge: \"card_round-Large\",\r\n\r\n  vertical: \"card_vertical\",\r\n  horizontal: \"card_horizontal\",\r\n\r\n  image: \"card_image\",\r\n  header: \"card_header\",\r\n  title: \"card_title\",\r\n  icon: \"card_icon\",\r\n  body: \"card_body\",\r\n  description: \"card_description\",\r\n  children: \"card_children\",\r\n  footer: \"card_footer\",\r\n  actions: \"card_actions\",\r\n  action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={classes}\r\n      SkeletonComponent={Skeleton}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Button","IconButton","Skeleton"],"mappings":"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"}

package/dist/core/Card-DKPk0zgQ.js

@@ -0,0 +1,225 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+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";
+/* empty css                 */
+import { B as Button } from "./Button-DEYbr8xW.js";
+import { I as IconButton } from "./IconButton-B6cAP2hY.js";
+import { S as SkeletonLoader } from "./Skeleton-BniIVZmx.js";
+const CardBase = ({
+  theme = getDefaultTheme(),
+  state = "",
+  cardIcon,
+  title = "",
+  description = "",
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  imageUrl,
+  imageAlt,
+  className = "",
+  imageClassName = "",
+  headerClassName = "",
+  bodyClassName = "",
+  footerClassName = "",
+  outline = false,
+  size = getDefaultSize(),
+  align = "center",
+  renderHeader,
+  renderContent,
+  renderFooter,
+  actionButtons = [],
+  useIconButtons = false,
+  layout = "vertical",
+  blur = false,
+  loading = false,
+  children,
+  "data-testid": testId = "card",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-label": ariaLabel,
+  classMap,
+  SkeletonComponent,
+  ImageComponent
+}) => {
+  const autoId = useId();
+  const headerId = ariaLabelledBy || `${autoId}-header`;
+  const descriptionId = `${autoId}-description`;
+  const hasImage = !!imageUrl;
+  const showBlur = blur && typeof imageUrl !== "string";
+  const derivedAriaLabel = ariaLabel || title || description || "Content card";
+  const FallbackImage = (props) => /* @__PURE__ */ jsx("img", { ...props });
+  const ImageRenderer = ImageComponent || FallbackImage;
+  const cardClassName = useMemo(
+    () => combineClassNames(
+      classMap.card,
+      classMap[layout],
+      align && classMap[align],
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      outline && classMap.outline,
+      loading && classMap.loading,
+      className
+    ),
+    [classMap, size, outline, align, className]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": testId,
+      className: cardClassName,
+      role: "region",
+      "aria-labelledby": title ? headerId : void 0,
+      "aria-label": !title ? derivedAriaLabel : void 0,
+      children: loading ? /* @__PURE__ */ jsx(SkeletonComponent, { width: "100%", height: "250px", "data-testid": "skeleton" }) : /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
+        hasImage && /* @__PURE__ */ jsx(
+          ImageRenderer,
+          {
+            src: imageUrl,
+            alt: imageAlt || `${title || "Card"} image`,
+            className: combineClassNames(classMap.image, imageClassName),
+            placeholder: showBlur ? "blur" : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: combineClassNames(classMap.header, headerClassName),
+              id: headerId,
+              children: renderHeader ? renderHeader() : title ? /* @__PURE__ */ jsxs("h2", { className: classMap.title, children: [
+                cardIcon && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: classMap.icon,
+                    "aria-hidden": "true",
+                    "data-testid": "card-icon",
+                    children: React.createElement(cardIcon)
+                  }
+                ),
+                title
+              ] }) : null
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: combineClassNames(classMap.body, bodyClassName),
+              role: "group",
+              "aria-describedby": description ? descriptionId : void 0,
+              children: renderContent ? renderContent() : /* @__PURE__ */ jsxs(Fragment, { children: [
+                description && /* @__PURE__ */ jsx("p", { id: descriptionId, className: classMap.description, children: description }),
+                children && /* @__PURE__ */ jsx("div", { className: classMap.children, children })
+              ] })
+            }
+          ),
+          (actionButtons.length > 0 || renderFooter) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: combineClassNames(classMap.footer, footerClassName),
+              children: [
+                actionButtons.length > 0 && /* @__PURE__ */ jsx("div", { className: classMap.actions, children: actionButtons.map(
+                  (button, index) => useIconButtons && button.icon ? /* @__PURE__ */ jsx(
+                    button.iconButtonComponent,
+                    {
+                      icon: button.icon,
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "clear",
+                      state: button.state || "",
+                      "aria-label": button.label,
+                      size: button.size || size,
+                      href: button.href,
+                      loading: button.loading
+                    },
+                    index
+                  ) : /* @__PURE__ */ jsx(
+                    button.buttonComponent,
+                    {
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "secondary",
+                      state: button.state || "",
+                      href: button.href,
+                      loading: button.loading,
+                      size: button.size || size,
+                      "aria-label": button.label,
+                      children: button.label
+                    },
+                    index
+                  )
+                ) }),
+                renderFooter && renderFooter()
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+const classes = {
+  card: "card",
+  left: "card_left",
+  right: "card_right",
+  center: "card_center",
+  primary: "card_primary",
+  secondary: "card_secondary",
+  tertiary: "card_tertiary",
+  quaternary: "card_quaternary",
+  success: "card_success",
+  warning: "card_warning",
+  error: "card_error",
+  clear: "card_clear",
+  outline: "card_outline",
+  loading: "card_loading",
+  content: "card_content",
+  xs: "card_xs",
+  small: "card_small",
+  medium: "card_medium",
+  large: "card_large",
+  xl: "card_xl",
+  shadowNone: "card_shadow-None",
+  shadowLight: "card_shadow-Light",
+  shadowMedium: "card_shadow-Medium",
+  shadowStrong: "card_shadow-Strong",
+  shadowIntense: "card_shadow-Intense",
+  roundNone: "card_round-None",
+  roundSmall: "card_round-Small",
+  roundMedium: "card_round-Medium",
+  roundLarge: "card_round-Large",
+  vertical: "card_vertical",
+  horizontal: "card_horizontal",
+  image: "card_image",
+  header: "card_header",
+  title: "card_title",
+  icon: "card_icon",
+  body: "card_body",
+  description: "card_description",
+  children: "card_children",
+  footer: "card_footer",
+  actions: "card_actions",
+  action_button: "card_action_button"
+};
+const Card = (props) => {
+  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({
+    ...b,
+    buttonComponent: Button,
+    iconButtonComponent: IconButton
+  }));
+  return /* @__PURE__ */ jsx(
+    CardBase,
+    {
+      ...props,
+      actionButtons: wrappedButtons,
+      classMap: classes,
+      SkeletonComponent: SkeletonLoader
+    }
+  );
+};
+export {
+  Card as C
+};
+//# sourceMappingURL=Card-DKPk0zgQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card-DKPk0zgQ.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { ActionButton, CardProps } 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\ntype ExtendedActionButton = ActionButton & {\r\n  buttonComponent: React.ElementType;\r\n  iconButtonComponent: React.ElementType;\r\n};\r\n\r\nexport interface CardBaseProps extends CardProps {\r\n  classMap: Record<string, string>;\r\n  SkeletonComponent: React.FC<{\r\n    width: string;\r\n    height: string;\r\n    [\"data-testid\"]?: string;\r\n  }>;\r\n  ImageComponent?: React.ElementType;\r\n  actionButtons: ExtendedActionButton[];\r\n}\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  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  blur = false,\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 showBlur = blur && typeof imageUrl !== \"string\";\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 ImageRenderer = ImageComponent || FallbackImage;\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    [classMap, size, outline, align, className]\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    >\r\n      {loading ? (\r\n        <SkeletonComponent width=\"100%\" height=\"250px\" data-testid=\"skeleton\" />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage && (\r\n            <ImageRenderer\r\n              src={imageUrl}\r\n              alt={imageAlt || `${title || \"Card\"} image`}\r\n              className={combineClassNames(classMap.image, imageClassName)}\r\n              placeholder={showBlur ? \"blur\" : undefined}\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=\"card-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                          aria-label={button.label}\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\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n  card: \"card\",\r\n\r\n  left: \"card_left\",\r\n  right: \"card_right\",\r\n  center: \"card_center\",\r\n\r\n  primary: \"card_primary\",\r\n  secondary: \"card_secondary\",\r\n  tertiary: \"card_tertiary\",\r\n  quaternary: \"card_quaternary\",\r\n\r\n  success: \"card_success\",\r\n  warning: \"card_warning\",\r\n  error: \"card_error\",\r\n\r\n  clear: \"card_clear\",\r\n\r\n  outline: \"card_outline\",\r\n  loading: \"card_loading\",\r\n\r\n  content: \"card_content\",\r\n\r\n  xs: \"card_xs\",\r\n  small: \"card_small\",\r\n  medium: \"card_medium\",\r\n  large: \"card_large\",\r\n  xl: \"card_xl\",\r\n\r\n  shadowNone: \"card_shadow-None\",\r\n  shadowLight: \"card_shadow-Light\",\r\n  shadowMedium: \"card_shadow-Medium\",\r\n  shadowStrong: \"card_shadow-Strong\",\r\n  shadowIntense: \"card_shadow-Intense\",\r\n\r\n  roundNone: \"card_round-None\",\r\n  roundSmall: \"card_round-Small\",\r\n  roundMedium: \"card_round-Medium\",\r\n  roundLarge: \"card_round-Large\",\r\n\r\n  vertical: \"card_vertical\",\r\n  horizontal: \"card_horizontal\",\r\n\r\n  image: \"card_image\",\r\n  header: \"card_header\",\r\n  title: \"card_title\",\r\n  icon: \"card_icon\",\r\n  body: \"card_body\",\r\n  description: \"card_description\",\r\n  children: \"card_children\",\r\n  footer: \"card_footer\",\r\n  actions: \"card_actions\",\r\n  action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={classes}\r\n      SkeletonComponent={Skeleton}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["Skeleton"],"mappings":"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"}

package/dist/core/Card.cjs.js

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

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

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

package/dist/core/Card.js

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

package/dist/core/Card.js.map

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

package/dist/core/CheckBox.cjs.js

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

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

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

package/dist/core/CheckBox.js

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

package/dist/core/CheckBox.js.map

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

package/dist/core/Checkbox-BLBbE9Ww.js

@@ -0,0 +1,144 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useImperativeHandle, useEffect, 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 CheckboxBase = forwardRef(
+  ({
+    checked,
+    onChange,
+    indeterminate = false,
+    theme = getDefaultTheme(),
+    rounding = getDefaultRounding(),
+    size = getDefaultSize(),
+    shadow = getDefaultShadow(),
+    state = "",
+    disabled = false,
+    label = "",
+    labelPosition = "right",
+    className = "",
+    id,
+    "data-testid": testId,
+    classMap,
+    ...props
+  }, ref) => {
+    const internalId = useId();
+    const checkboxId = id || internalId;
+    const labelId = label ? `${checkboxId}-label` : void 0;
+    const inputRef = useRef(null);
+    useImperativeHandle(ref, () => inputRef.current);
+    useEffect(() => {
+      if (inputRef.current) {
+        inputRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const combinedClassName = useMemo(
+      () => combineClassNames(
+        classMap.checkbox,
+        classMap[theme],
+        classMap[state],
+        classMap[labelPosition],
+        classMap[size],
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        disabled && classMap.disabled,
+        className
+      ),
+      [theme, labelPosition, disabled, className]
+    );
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: checkboxId,
+        className: combinedClassName,
+        "data-testid": testId ? `${testId}-wrapper` : void 0,
+        children: [
+          label && labelPosition === "left" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: classMap.label,
+              id: labelId,
+              "data-testid": testId ? `${testId}-label` : void 0,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: checkboxId,
+              ref: inputRef,
+              type: "checkbox",
+              className: classMap.input,
+              checked,
+              onChange: (e) => !disabled && onChange(e.target.checked),
+              disabled,
+              "aria-labelledby": labelId,
+              "aria-checked": indeterminate ? "mixed" : void 0,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: combineClassNames(
+                classMap.box,
+                indeterminate && classMap.indeterminate
+              ),
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-box` : void 0
+            }
+          ),
+          label && labelPosition === "right" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: classMap.label,
+              id: labelId,
+              "data-testid": testId ? `${testId}-label` : void 0,
+              children: label
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CheckboxBase.displayName = "CheckboxBase";
+const classes = {
+  checkbox: "checkbox",
+  primary: "checkbox_primary",
+  secondary: "checkbox_secondary",
+  tertiary: "checkbox_tertiary",
+  quaternary: "checkbox_quaternary",
+  success: "checkbox_success",
+  error: "checkbox_error",
+  warning: "checkbox_warning",
+  clear: "checkbox_clear",
+  disabled: "checkbox_disabled",
+  indeterminate: "checkbox_indeterminate",
+  left: "checkbox_left",
+  right: "checkbox_right",
+  xs: "checkbox_xs",
+  small: "checkbox_small",
+  medium: "checkbox_medium",
+  large: "checkbox_large",
+  xl: "checkbox_xl",
+  shadowNone: "checkbox_shadow-None",
+  shadowLight: "checkbox_shadow-Light",
+  shadowMedium: "checkbox_shadow-Medium",
+  shadowStrong: "checkbox_shadow-Strong",
+  shadowIntense: "checkbox_shadow-Intense",
+  roundNone: "checkbox_round-None",
+  roundSmall: "checkbox_round-Small",
+  roundMedium: "checkbox_round-Medium",
+  roundLarge: "checkbox_round-Large",
+  label: "checkbox_label",
+  input: "checkbox_input",
+  box: "checkbox_box"
+};
+const Checkbox = (props) => {
+  return /* @__PURE__ */ jsx(CheckboxBase, { ...props, classMap: classes });
+};
+export {
+  Checkbox as C
+};
+//# sourceMappingURL=Checkbox-BLBbE9Ww.js.map

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

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

package/dist/core/Checkbox-fVnseKGF.cjs

@@ -0,0 +1,143 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+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 CheckboxBase = React.forwardRef(
+  ({
+    checked,
+    onChange,
+    indeterminate = false,
+    theme = borealStyleConfig.getDefaultTheme(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    size = borealStyleConfig.getDefaultSize(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    state = "",
+    disabled = false,
+    label = "",
+    labelPosition = "right",
+    className = "",
+    id,
+    "data-testid": testId,
+    classMap,
+    ...props
+  }, ref) => {
+    const internalId = React.useId();
+    const checkboxId = id || internalId;
+    const labelId = label ? `${checkboxId}-label` : void 0;
+    const inputRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => inputRef.current);
+    React.useEffect(() => {
+      if (inputRef.current) {
+        inputRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const combinedClassName = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.checkbox,
+        classMap[theme],
+        classMap[state],
+        classMap[labelPosition],
+        classMap[size],
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+        disabled && classMap.disabled,
+        className
+      ),
+      [theme, labelPosition, disabled, className]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        htmlFor: checkboxId,
+        className: combinedClassName,
+        "data-testid": testId ? `${testId}-wrapper` : void 0,
+        children: [
+          label && labelPosition === "left" && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: classMap.label,
+              id: labelId,
+              "data-testid": testId ? `${testId}-label` : void 0,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id: checkboxId,
+              ref: inputRef,
+              type: "checkbox",
+              className: classMap.input,
+              checked,
+              onChange: (e) => !disabled && onChange(e.target.checked),
+              disabled,
+              "aria-labelledby": labelId,
+              "aria-checked": indeterminate ? "mixed" : void 0,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: classNames.combineClassNames(
+                classMap.box,
+                indeterminate && classMap.indeterminate
+              ),
+              "aria-hidden": "true",
+              "data-testid": testId ? `${testId}-box` : void 0
+            }
+          ),
+          label && labelPosition === "right" && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: classMap.label,
+              id: labelId,
+              "data-testid": testId ? `${testId}-label` : void 0,
+              children: label
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CheckboxBase.displayName = "CheckboxBase";
+const classes = {
+  checkbox: "checkbox",
+  primary: "checkbox_primary",
+  secondary: "checkbox_secondary",
+  tertiary: "checkbox_tertiary",
+  quaternary: "checkbox_quaternary",
+  success: "checkbox_success",
+  error: "checkbox_error",
+  warning: "checkbox_warning",
+  clear: "checkbox_clear",
+  disabled: "checkbox_disabled",
+  indeterminate: "checkbox_indeterminate",
+  left: "checkbox_left",
+  right: "checkbox_right",
+  xs: "checkbox_xs",
+  small: "checkbox_small",
+  medium: "checkbox_medium",
+  large: "checkbox_large",
+  xl: "checkbox_xl",
+  shadowNone: "checkbox_shadow-None",
+  shadowLight: "checkbox_shadow-Light",
+  shadowMedium: "checkbox_shadow-Medium",
+  shadowStrong: "checkbox_shadow-Strong",
+  shadowIntense: "checkbox_shadow-Intense",
+  roundNone: "checkbox_round-None",
+  roundSmall: "checkbox_round-Small",
+  roundMedium: "checkbox_round-Medium",
+  roundLarge: "checkbox_round-Large",
+  label: "checkbox_label",
+  input: "checkbox_input",
+  box: "checkbox_box"
+};
+const Checkbox = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxBase, { ...props, classMap: classes });
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox-fVnseKGF.cjs.map

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

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