boreal-ui 0.0.1

package/dist/core/PopOver-OijKNHZU.cjs

@@ -0,0 +1,186 @@
+"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 BasePopover = ({
+  trigger,
+  content,
+  placement = "bottom",
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  className = "",
+  "data-testid": testId = "popover",
+  classMap
+}) => {
+  const [open, setOpen] = React.useState(false);
+  const [dynamicPlacement, setDynamicPlacement] = React.useState(placement);
+  const popoverRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const toggleOpen = () => setOpen((prev) => !prev);
+  const close = () => {
+    var _a;
+    setOpen(false);
+    setDynamicPlacement(placement);
+    (_a = triggerRef.current) == null ? void 0 : _a.focus();
+  };
+  React.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        close();
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleKeyDown);
+    }
+    if (open && popoverRef.current && triggerRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const popoverEl = popoverRef.current;
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const spaceAbove = triggerRect.top;
+      const spaceBelow = viewportHeight - triggerRect.bottom;
+      const spaceLeft = triggerRect.left;
+      const spaceRight = viewportWidth - triggerRect.right;
+      popoverEl.style.transform = "";
+      popoverEl.style.left = "";
+      popoverEl.style.right = "";
+      popoverEl.style.top = "";
+      popoverEl.style.bottom = "";
+      let newPlacement = placement;
+      if (placement === "top" && popoverEl.offsetHeight > spaceAbove) {
+        newPlacement = "bottom";
+      } else if (placement === "bottom" && popoverEl.offsetHeight > spaceBelow) {
+        newPlacement = "top";
+      } else if (placement === "left" && popoverEl.offsetWidth > spaceLeft) {
+        newPlacement = "right";
+      } else if (placement === "right" && popoverEl.offsetWidth > spaceRight) {
+        newPlacement = "left";
+      }
+      setDynamicPlacement(newPlacement);
+      requestAnimationFrame(() => {
+        const popoverRect = popoverEl.getBoundingClientRect();
+        let dx = 0;
+        let dy = 0;
+        if (popoverRect.left < 8) {
+          dx = 8 - popoverRect.left;
+        } else if (popoverRect.right > viewportWidth - 8) {
+          dx = viewportWidth - 8 - popoverRect.right;
+        }
+        if (popoverRect.top < 8) {
+          dy = 8 - popoverRect.top;
+        } else if (popoverRect.bottom > viewportHeight - 8) {
+          dy = viewportHeight - 8 - popoverRect.bottom;
+        }
+        if (dx !== 0 || dy !== 0) {
+          if (popoverRect.left < 8) {
+            popoverEl.style.left = "8px";
+            popoverEl.style.transform = "translateY(10px)";
+          } else if (popoverRect.right > viewportWidth - 8) {
+            popoverEl.style.right = "8px";
+            popoverEl.style.left = "auto";
+            popoverEl.style.transform = "translateY(10px)";
+          }
+        }
+      });
+    }
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+  const popoverContentClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.popover,
+      classMap[dynamicPlacement],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [classMap, dynamicPlacement, rounding, shadow, theme, state]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classMap.container} ${className}`, "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classMap.trigger,
+        onClick: toggleOpen,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggleOpen();
+          }
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "aria-controls": `${testId}-content`,
+        "aria-label": "Toggle popover",
+        ref: triggerRef,
+        "data-testid": `${testId}-trigger`,
+        children: trigger
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: popoverRef,
+        id: `${testId}-content`,
+        role: "dialog",
+        "aria-modal": "false",
+        "aria-labelledby": `${testId}-label`,
+        className: popoverContentClass,
+        "data-testid": `${testId}-content`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { id: `${testId}-label`, className: "sr-only", children: "Popover Content" }),
+          content
+        ]
+      }
+    )
+  ] });
+};
+const classes = {
+  container: "popover_container",
+  trigger: "popover_trigger",
+  popover: "popover",
+  top: "popover_top",
+  bottom: "popover_bottom",
+  left: "popover_left",
+  right: "popover_right",
+  primary: "popover_primary",
+  secondary: "popover_secondary",
+  tertiary: "popover_tertiary",
+  quaternary: "popover_quaternary",
+  success: "popover_success",
+  error: "popover_error",
+  warning: "popover_warning",
+  clear: "popover_clear",
+  shadowNone: "popover_shadow-None",
+  shadowLight: "popover_shadow-Light",
+  shadowMedium: "popover_shadow-Medium",
+  shadowStrong: "popover_shadow-Strong",
+  shadowIntense: "popover_shadow-Intense",
+  roundNone: "popover_round-None",
+  roundSmall: "popover_round-Small",
+  roundMedium: "popover_round-Medium",
+  roundLarge: "popover_round-Large"
+};
+const Popover = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BasePopover, { ...props, classMap: classes });
+};
+exports.Popover = Popover;
+//# sourceMappingURL=PopOver-OijKNHZU.cjs.map

package/dist/core/PopOver-OijKNHZU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver-OijKNHZU.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BasePopoverProps extends PopoverProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n  const toggleOpen = () => setOpen((prev) => !prev);\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        popoverRef.current &&\r\n        !popoverRef.current.contains(event.target as Node)\r\n      ) {\r\n        close();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") {\r\n        e.stopPropagation();\r\n        close();\r\n      }\r\n    };\r\n\r\n    if (open) {\r\n      document.addEventListener(\"keydown\", handleKeyDown);\r\n    }\r\n\r\n    if (open && popoverRef.current && triggerRef.current) {\r\n      const triggerRect = triggerRef.current.getBoundingClientRect();\r\n      const popoverEl = popoverRef.current;\r\n\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const spaceAbove = triggerRect.top;\r\n      const spaceBelow = viewportHeight - triggerRect.bottom;\r\n      const spaceLeft = triggerRect.left;\r\n      const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n      popoverEl.style.transform = \"\";\r\n      popoverEl.style.left = \"\";\r\n      popoverEl.style.right = \"\";\r\n      popoverEl.style.top = \"\";\r\n      popoverEl.style.bottom = \"\";\r\n\r\n      let newPlacement = placement;\r\n\r\n      if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n        newPlacement = \"bottom\";\r\n      } else if (\r\n        placement === \"bottom\" &&\r\n        popoverEl.offsetHeight > spaceBelow\r\n      ) {\r\n        newPlacement = \"top\";\r\n      } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n        newPlacement = \"right\";\r\n      } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n        newPlacement = \"left\";\r\n      }\r\n\r\n      setDynamicPlacement(newPlacement);\r\n\r\n      requestAnimationFrame(() => {\r\n        const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n        let dx = 0;\r\n        let dy = 0;\r\n\r\n        if (popoverRect.left < 8) {\r\n          dx = 8 - popoverRect.left;\r\n        } else if (popoverRect.right > viewportWidth - 8) {\r\n          dx = viewportWidth - 8 - popoverRect.right;\r\n        }\r\n\r\n        if (popoverRect.top < 8) {\r\n          dy = 8 - popoverRect.top;\r\n        } else if (popoverRect.bottom > viewportHeight - 8) {\r\n          dy = viewportHeight - 8 - popoverRect.bottom;\r\n        }\r\n\r\n        if (dx !== 0 || dy !== 0) {\r\n          if (popoverRect.left < 8) {\r\n            popoverEl.style.left = \"8px\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          } else if (popoverRect.right > viewportWidth - 8) {\r\n            popoverEl.style.right = \"8px\";\r\n            popoverEl.style.left = \"auto\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          }\r\n        }\r\n      });\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [open]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n  );\r\n\r\n  return (\r\n    <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n      <div\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        onKeyDown={(e) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            toggleOpen();\r\n          }\r\n        }}\r\n        tabIndex={0}\r\n        role=\"button\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        aria-controls={`${testId}-content`}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={`${testId}-content`}\r\n          role=\"dialog\"\r\n          aria-modal=\"false\"\r\n          aria-labelledby={`${testId}-label`}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n        >\r\n          <span id={`${testId}-label`} className=\"sr-only\">\r\n            Popover Content\r\n          </span>\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n  container: \"popover_container\",\r\n  trigger: \"popover_trigger\",\r\n  popover: \"popover\",\r\n\r\n  top: \"popover_top\",\r\n  bottom: \"popover_bottom\",\r\n  left: \"popover_left\",\r\n  right: \"popover_right\",\r\n\r\n  primary: \"popover_primary\",\r\n  secondary: \"popover_secondary\",\r\n  tertiary: \"popover_tertiary\",\r\n  quaternary: \"popover_quaternary\",\r\n\r\n  success: \"popover_success\",\r\n  error: \"popover_error\",\r\n  warning: \"popover_warning\",\r\n\r\n  clear: \"popover_clear\",\r\n\r\n  shadowNone: \"popover_shadow-None\",\r\n  shadowLight: \"popover_shadow-Light\",\r\n  shadowMedium: \"popover_shadow-Medium\",\r\n  shadowStrong: \"popover_shadow-Strong\",\r\n  shadowIntense: \"popover_shadow-Intense\",\r\n\r\n  roundNone: \"popover_round-None\",\r\n  roundSmall: \"popover_round-Small\",\r\n  roundMedium: \"popover_round-Medium\",\r\n  roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/PopOver.cjs.js

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

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

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

package/dist/core/PopOver.js

@@ -0,0 +1,5 @@
+import { P } from "./PopOver-DNqWcWjU.js";
+export {
+  P as default
+};
+//# sourceMappingURL=PopOver.js.map

package/dist/core/PopOver.js.map

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

package/dist/core/ProgressBar-CuIHF5N0.js

@@ -0,0 +1,99 @@
+import { jsx } from "react/jsx-runtime";
+import { 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 BaseProgressBar = ({
+  progress = 0,
+  theme = getDefaultTheme(),
+  state = "",
+  size = getDefaultSize(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  animated = true,
+  indeterminate = false,
+  className = "",
+  ariaLabel = "Progress",
+  "data-testid": testId = "progressbar",
+  classMap
+}) => {
+  const value = Math.round(progress);
+  const wrapperClass = useMemo(
+    () => combineClassNames(
+      classMap.container,
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      className
+    ),
+    [classMap, size, shadow, rounding, className]
+  );
+  const barClass = useMemo(
+    () => combineClassNames(
+      classMap.bar,
+      classMap[theme],
+      classMap[state],
+      animated ? classMap.animated : "",
+      rounding && classMap[`round${capitalize(rounding)}`],
+      indeterminate ? classMap.indeterminate : ""
+    ),
+    [classMap, theme, state, rounding, indeterminate]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: wrapperClass,
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": !indeterminate ? value : void 0,
+      "aria-valuetext": !indeterminate ? `${value}% complete` : "Loading",
+      "aria-busy": indeterminate || void 0,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: barClass,
+          style: { width: indeterminate ? "100%" : `${value}%` },
+          "data-testid": `${testId}-bar`
+        }
+      )
+    }
+  );
+};
+const classes = {
+  container: "progress_container",
+  bar: "progress_bar",
+  primary: "progress_primary",
+  secondary: "progress_secondary",
+  tertiary: "progress_tertiary",
+  quaternary: "progress_quaternary",
+  success: "progress_success",
+  error: "progress_error",
+  warning: "progress_warning",
+  clear: "progress_clear",
+  xs: "progress_xs",
+  xl: "progress_xl",
+  small: "progress_small",
+  medium: "progress_medium",
+  large: "progress_large",
+  shadowNone: "progress_shadow-None",
+  shadowLight: "progress_shadow-Light",
+  shadowMedium: "progress_shadow-Medium",
+  shadowStrong: "progress_shadow-Strong",
+  shadowIntense: "progress_shadow-Intense",
+  roundNone: "progress_round-None",
+  roundSmall: "progress_round-Small",
+  roundMedium: "progress_round-Medium",
+  roundLarge: "progress_round-Large",
+  animated: "progress_animated",
+  indeterminate: "progress_indeterminate"
+};
+const ProgressBar = (props) => {
+  return /* @__PURE__ */ jsx(BaseProgressBar, { ...props, classMap: classes });
+};
+export {
+  ProgressBar as P
+};
+//# sourceMappingURL=ProgressBar-CuIHF5N0.js.map

package/dist/core/ProgressBar-CuIHF5N0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-CuIHF5N0.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.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 BaseProgressBarProps extends ProgressBarProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n  const value = Math.round(progress);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, shadow, rounding, className]\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated ? classMap.animated : \"\",\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate ? classMap.indeterminate : \"\"\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={!indeterminate ? value : undefined}\r\n      aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\r\n      aria-busy={indeterminate || undefined}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={barClass}\r\n        style={{ width: indeterminate ? \"100%\" : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n  container: \"progress_container\",\r\n  bar: \"progress_bar\",\r\n\r\n  primary: \"progress_primary\",\r\n  secondary: \"progress_secondary\",\r\n  tertiary: \"progress_tertiary\",\r\n  quaternary: \"progress_quaternary\",\r\n\r\n  success: \"progress_success\",\r\n  error: \"progress_error\",\r\n  warning: \"progress_warning\",\r\n\r\n  clear: \"progress_clear\",\r\n\r\n  xs: \"progress_xs\",\r\n  xl: \"progress_xl\",\r\n  small: \"progress_small\",\r\n  medium: \"progress_medium\",\r\n  large: \"progress_large\",\r\n\r\n  shadowNone: \"progress_shadow-None\",\r\n  shadowLight: \"progress_shadow-Light\",\r\n  shadowMedium: \"progress_shadow-Medium\",\r\n  shadowStrong: \"progress_shadow-Strong\",\r\n  shadowIntense: \"progress_shadow-Intense\",\r\n\r\n  roundNone: \"progress_round-None\",\r\n  roundSmall: \"progress_round-Small\",\r\n  roundMedium: \"progress_round-Medium\",\r\n  roundLarge: \"progress_round-Large\",\r\n\r\n  animated: \"progress_animated\",\r\n  indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":[],"mappings":";;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO,eAAe;AAAA,EACtB,WAAW,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;AACjC,QAAA,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IACF;AAAA,IACF,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAC9C;AAEA,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,gBAAgB,SAAS,gBAAgB;AAAA,IAC3C;AAAA,IACF,CAAC,UAAU,OAAO,OAAO,UAAU,aAAa;AAAA,EAClD;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAAC,gBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAAC,gBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAS,GAAG,KAAK,IAAI;AAAA,UACrD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAEJ;ACtEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEM,MAAA,cAA0C,CAAC,UAAU;AACzD,SAAQ,oBAAA,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;"}

package/dist/core/ProgressBar-PiSFvLwa.cjs

@@ -0,0 +1,98 @@
+"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 BaseProgressBar = ({
+  progress = 0,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = borealStyleConfig.getDefaultSize(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  animated = true,
+  indeterminate = false,
+  className = "",
+  ariaLabel = "Progress",
+  "data-testid": testId = "progressbar",
+  classMap
+}) => {
+  const value = Math.round(progress);
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.container,
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      className
+    ),
+    [classMap, size, shadow, rounding, className]
+  );
+  const barClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.bar,
+      classMap[theme],
+      classMap[state],
+      animated ? classMap.animated : "",
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      indeterminate ? classMap.indeterminate : ""
+    ),
+    [classMap, theme, state, rounding, indeterminate]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: wrapperClass,
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": !indeterminate ? value : void 0,
+      "aria-valuetext": !indeterminate ? `${value}% complete` : "Loading",
+      "aria-busy": indeterminate || void 0,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: barClass,
+          style: { width: indeterminate ? "100%" : `${value}%` },
+          "data-testid": `${testId}-bar`
+        }
+      )
+    }
+  );
+};
+const classes = {
+  container: "progress_container",
+  bar: "progress_bar",
+  primary: "progress_primary",
+  secondary: "progress_secondary",
+  tertiary: "progress_tertiary",
+  quaternary: "progress_quaternary",
+  success: "progress_success",
+  error: "progress_error",
+  warning: "progress_warning",
+  clear: "progress_clear",
+  xs: "progress_xs",
+  xl: "progress_xl",
+  small: "progress_small",
+  medium: "progress_medium",
+  large: "progress_large",
+  shadowNone: "progress_shadow-None",
+  shadowLight: "progress_shadow-Light",
+  shadowMedium: "progress_shadow-Medium",
+  shadowStrong: "progress_shadow-Strong",
+  shadowIntense: "progress_shadow-Intense",
+  roundNone: "progress_round-None",
+  roundSmall: "progress_round-Small",
+  roundMedium: "progress_round-Medium",
+  roundLarge: "progress_round-Large",
+  animated: "progress_animated",
+  indeterminate: "progress_indeterminate"
+};
+const ProgressBar = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseProgressBar, { ...props, classMap: classes });
+};
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar-PiSFvLwa.cjs.map

package/dist/core/ProgressBar-PiSFvLwa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-PiSFvLwa.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.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 BaseProgressBarProps extends ProgressBarProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n  const value = Math.round(progress);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, size, shadow, rounding, className]\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated ? classMap.animated : \"\",\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate ? classMap.indeterminate : \"\"\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={!indeterminate ? value : undefined}\r\n      aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\r\n      aria-busy={indeterminate || undefined}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={barClass}\r\n        style={{ width: indeterminate ? \"100%\" : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n  container: \"progress_container\",\r\n  bar: \"progress_bar\",\r\n\r\n  primary: \"progress_primary\",\r\n  secondary: \"progress_secondary\",\r\n  tertiary: \"progress_tertiary\",\r\n  quaternary: \"progress_quaternary\",\r\n\r\n  success: \"progress_success\",\r\n  error: \"progress_error\",\r\n  warning: \"progress_warning\",\r\n\r\n  clear: \"progress_clear\",\r\n\r\n  xs: \"progress_xs\",\r\n  xl: \"progress_xl\",\r\n  small: \"progress_small\",\r\n  medium: \"progress_medium\",\r\n  large: \"progress_large\",\r\n\r\n  shadowNone: \"progress_shadow-None\",\r\n  shadowLight: \"progress_shadow-Light\",\r\n  shadowMedium: \"progress_shadow-Medium\",\r\n  shadowStrong: \"progress_shadow-Strong\",\r\n  shadowIntense: \"progress_shadow-Intense\",\r\n\r\n  roundNone: \"progress_round-None\",\r\n  roundSmall: \"progress_round-Small\",\r\n  roundMedium: \"progress_round-Medium\",\r\n  roundLarge: \"progress_round-Large\",\r\n\r\n  animated: \"progress_animated\",\r\n  indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQA,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAe;AAAA,EACtB,WAAWC,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;AACjC,QAAA,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAeC,MAAA;AAAA,IACnB,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IACF;AAAA,IACF,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAC9C;AAEA,QAAM,WAAWF,MAAA;AAAA,IACf,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQC,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,gBAAgB,SAAS,gBAAgB;AAAA,IAC3C;AAAA,IACF,CAAC,UAAU,OAAO,OAAO,UAAU,aAAa;AAAA,EAClD;AAGE,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAAC,gBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAAC,gBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAW,iBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAAA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAO,gBAAgB,SAAS,GAAG,KAAK,IAAI;AAAA,UACrD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAEJ;ACtEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,KAAK;AAAA,EAEL,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EAEZ,UAAU;AAAA,EACV,eAAe;AACjB;AAEM,MAAA,cAA0C,CAAC,UAAU;AACzD,SAAQA,2BAAAA,IAAA,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS;AACxD;;"}

package/dist/core/ProgressBar.cjs.js

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

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

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

package/dist/core/ProgressBar.js

@@ -0,0 +1,5 @@
+import { P } from "./ProgressBar-CuIHF5N0.js";
+export {
+  P as default
+};
+//# sourceMappingURL=ProgressBar.js.map

package/dist/core/ProgressBar.js.map

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

package/dist/core/RadioButton-DP8HSNZD.cjs

@@ -0,0 +1,114 @@
+"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 BaseRadioButton = React.forwardRef(
+  ({
+    label,
+    value,
+    checked,
+    onChange,
+    theme = borealStyleConfig.getDefaultTheme(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    state = "",
+    disabled = false,
+    className = "",
+    "data-testid": testId = "radio-button",
+    classMap,
+    ...props
+  }, ref) => {
+    const handleChange = (e) => {
+      if (!disabled) {
+        onChange(e.target.value);
+      }
+    };
+    const wrapperClasses = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.wrapper,
+        classMap[theme],
+        classMap[state],
+        disabled ? classMap.disabled : "",
+        className
+      ),
+      [classMap, theme, state, disabled, className]
+    );
+    const radioClasses = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.circle,
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+      ),
+      [classMap, rounding, shadow]
+    );
+    const labelId = `${testId}-label`;
+    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: wrapperClasses, "data-testid": `${testId}-wrapper`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref,
+          type: "radio",
+          id: `${testId}-input`,
+          className: classMap.input,
+          value,
+          checked,
+          onChange: handleChange,
+          disabled,
+          "aria-labelledby": labelId,
+          "data-testid": testId,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: radioClasses,
+          "aria-hidden": "true",
+          "data-testid": `${testId}-circle`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          id: labelId,
+          className: classMap.label,
+          "data-testid": `${testId}-label`,
+          children: label
+        }
+      )
+    ] });
+  }
+);
+BaseRadioButton.displayName = "BaseRadioButton";
+const classes = {
+  wrapper: "radio_wrapper",
+  input: "radio_input",
+  circle: "radio_circle",
+  label: "radio_label",
+  disabled: "radio_disabled",
+  primary: "radio_primary",
+  secondary: "radio_secondary",
+  tertiary: "radio_tertiary",
+  quaternary: "radio_quaternary",
+  success: "radio_success",
+  error: "radio_error",
+  warning: "radio_warning",
+  clear: "radio_clear",
+  shadowNone: "radio_shadow-None",
+  shadowLight: "radio_shadow-Light",
+  shadowMedium: "radio_shadow-Medium",
+  shadowStrong: "radio_shadow-Strong",
+  shadowIntense: "radio_shadow-Intense",
+  roundNone: "radio_round-None",
+  roundSmall: "radio_round-Small",
+  roundMedium: "radio_round-Medium",
+  roundLarge: "radio_round-Large"
+};
+const RadioButton = React.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(BaseRadioButton, { ...props, ref, classMap: classes })
+);
+RadioButton.displayName = "RadioButton";
+exports.RadioButton = RadioButton;
+//# sourceMappingURL=RadioButton-DP8HSNZD.cjs.map

package/dist/core/RadioButton-DP8HSNZD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton-DP8HSNZD.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/core/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { RadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRadioButtonProps extends RadioButtonProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n  (\r\n    {\r\n      label,\r\n      value,\r\n      checked,\r\n      onChange,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"radio-button\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (!disabled) {\r\n        onChange(e.target.value);\r\n      }\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          disabled ? classMap.disabled : \"\",\r\n          className\r\n        ),\r\n      [classMap, theme, state, disabled, className]\r\n    );\r\n\r\n    const radioClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.circle,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, rounding, shadow]\r\n    );\r\n\r\n    const labelId = `${testId}-label`;\r\n\r\n    return (\r\n      <label className={wrapperClasses} data-testid={`${testId}-wrapper`}>\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={`${testId}-input`}\r\n          className={classMap.input}\r\n          value={value}\r\n          checked={checked}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          aria-labelledby={labelId}\r\n          data-testid={testId}\r\n          {...props}\r\n        />\r\n        <span\r\n          className={radioClasses}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-circle`}\r\n        />\r\n        <span\r\n          id={labelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","import React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport \"./RadioButton.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"radio_wrapper\",\r\n  input: \"radio_input\",\r\n  circle: \"radio_circle\",\r\n  label: \"radio_label\",\r\n  disabled: \"radio_disabled\",\r\n\r\n  primary: \"radio_primary\",\r\n  secondary: \"radio_secondary\",\r\n  tertiary: \"radio_tertiary\",\r\n  quaternary: \"radio_quaternary\",\r\n\r\n  success: \"radio_success\",\r\n  error: \"radio_error\",\r\n  warning: \"radio_warning\",\r\n\r\n  clear: \"radio_clear\",\r\n\r\n  shadowNone: \"radio_shadow-None\",\r\n  shadowLight: \"radio_shadow-Light\",\r\n  shadowMedium: \"radio_shadow-Medium\",\r\n  shadowStrong: \"radio_shadow-Strong\",\r\n  shadowIntense: \"radio_shadow-Intense\",\r\n\r\n  roundNone: \"radio_round-None\",\r\n  roundSmall: \"radio_round-Small\",\r\n  roundMedium: \"radio_round-Medium\",\r\n  roundLarge: \"radio_round-Large\",\r\n};\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={classes} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAcA,MAAM,kBAAkBA,MAAA;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQC,kBAAAA,gBAAgB;AAAA,IACxB,WAAWC,kBAAAA,mBAAmB;AAAA,IAC9B,SAASC,kBAAAA,iBAAiB;AAAA,IAC1B,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACG,UAAA,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,UAAU;AACJ,iBAAA,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAE3B;AAEA,UAAM,iBAAiBC,MAAA;AAAA,MACrB,MACEC,WAAA;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS,WAAW;AAAA,QAC/B;AAAA,MACF;AAAA,MACF,CAAC,UAAU,OAAO,OAAO,UAAU,SAAS;AAAA,IAC9C;AAEA,UAAM,eAAeD,MAAA;AAAA,MACnB,MACEC,WAAA;AAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACrD;AAAA,MACF,CAAC,UAAU,UAAU,MAAM;AAAA,IAC7B;AAEM,UAAA,UAAU,GAAG,MAAM;AAEzB,2CACG,SAAM,EAAA,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAAC,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI,GAAG,MAAM;AAAA,UACb,WAAW,SAAS;AAAA,UACpB;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,mBAAiB;AAAA,UACjB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,MACAA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MACxB;AAAA,MACAA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;AC1F9B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQA,2BAAAA,IAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,QAAS,CAAA;AAC3E;AAEA,YAAY,cAAc;;"}