boreal-ui 0.0.31 → 0.0.33

package/dist/next/ProgressBar-BIojCvdG.js

@@ -0,0 +1,151 @@
+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: animated2 = true,
+  indeterminate: indeterminate2 = false,
+  className = "",
+  ariaLabel = "Progress",
+  "data-testid": testId = "progressbar",
+  classMap
+}) => {
+  const numeric = Number(progress);
+  const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
+  const value = Math.round(clamped);
+  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],
+      animated2 && classMap.animated,
+      rounding && classMap[`round${capitalize(rounding)}`],
+      indeterminate2 && classMap.indeterminate
+    ),
+    [classMap, theme, state, rounding, indeterminate2, animated2]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: wrapperClass,
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": indeterminate2 ? void 0 : value,
+      "aria-valuetext": indeterminate2 ? "Loading" : `${value}% complete`,
+      "aria-busy": indeterminate2 || void 0,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: barClass,
+          style: { width: indeterminate2 ? void 0 : `${value}%` },
+          "data-testid": `${testId}-bar`
+        }
+      )
+    }
+  );
+};
+BaseProgressBar.displayName = "BaseProgressBar";
+const noScroll = "_noScroll_17lb5_91";
+const errorMessage = "_errorMessage_17lb5_92";
+const loadingContainer = "_loadingContainer_17lb5_93";
+const hideScrollbar = "_hideScrollbar_17lb5_85";
+const sr_only = "_sr_only_17lb5_94";
+const container = "_container_17lb5_540";
+const xs = "_xs_17lb5_548";
+const small = "_small_17lb5_551";
+const medium = "_medium_17lb5_554";
+const large = "_large_17lb5_557";
+const xl = "_xl_17lb5_560";
+const bar = "_bar_17lb5_564";
+const primary = "_primary_17lb5_569";
+const secondary = "_secondary_17lb5_572";
+const tertiary = "_tertiary_17lb5_575";
+const quaternary = "_quaternary_17lb5_578";
+const clear = "_clear_17lb5_581";
+const success = "_success_17lb5_584";
+const error = "_error_17lb5_92";
+const warning = "_warning_17lb5_590";
+const animated = "_animated_17lb5_597";
+const indeterminate = "_indeterminate_17lb5_601";
+const roundNone = "_roundNone_17lb5_606";
+const roundSmall = "_roundSmall_17lb5_610";
+const roundMedium = "_roundMedium_17lb5_614";
+const roundLarge = "_roundLarge_17lb5_618";
+const roundFull = "_roundFull_17lb5_622";
+const shadowNone = "_shadowNone_17lb5_626";
+const shadowLight = "_shadowLight_17lb5_630";
+const shadowMedium = "_shadowMedium_17lb5_634";
+const shadowStrong = "_shadowStrong_17lb5_638";
+const shadowIntense = "_shadowIntense_17lb5_642";
+const spin = "_spin_17lb5_1";
+const pulse = "_pulse_17lb5_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  bar,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  animated,
+  "progress-grow": "_progress-grow_17lb5_1",
+  indeterminate,
+  "indeterminate-move": "_indeterminate-move_17lb5_1",
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_17lb5_1",
+  "slide-up": "_slide-up_17lb5_1",
+  "spin-3d": "_spin-3d_17lb5_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_17lb5_1",
+  "skeleton-loading": "_skeleton-loading_17lb5_1"
+};
+const ProgressBar = (props) => {
+  return /* @__PURE__ */ jsx(BaseProgressBar, { ...props, classMap: styles });
+};
+export {
+  ProgressBar as P
+};
+//# sourceMappingURL=ProgressBar-BIojCvdG.js.map

package/dist/next/ProgressBar-BIojCvdG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-BIojCvdG.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\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\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\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}) => {\r\n  const numeric = Number(progress);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const value = Math.round(clamped);\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, animated]\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 ? undefined : value}\r\n      aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\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 ? undefined : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":["animated","indeterminate"],"mappings":";;;;;AAWA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,UAAAA,YAAW;AAAA,EACX,eAAAC,iBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,OAAO,QAAQ;AAC/B,QAAM,UAAU,OAAO,SAAS,OAAO,IACnC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAClC;AACJ,QAAM,QAAQ,KAAK,MAAM,OAAO;AAEhC,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,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACdD,aAAY,SAAS;AAAA,MACrB,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDC,kBAAiB,SAAS;AAAA,IAAA;AAAA,IAE9B,CAAC,UAAU,OAAO,OAAO,UAAUA,gBAAeD,SAAQ;AAAA,EAAA;AAG5D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAeC,iBAAgB,SAAY;AAAA,MAC3C,kBAAgBA,iBAAgB,YAAY,GAAG,KAAK;AAAA,MACpD,aAAWA,kBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAOA,iBAAgB,SAAY,GAAG,KAAK,IAAA;AAAA,UACpD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtE9B,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAO,oBAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ;AACvD;"}

package/dist/next/{ProgressBar-QdYZNfsm.cjs → ProgressBar-DyyIhH1C.cjs}

@@ -18,7 +18,9 @@ const BaseProgressBar = ({
   "data-testid": testId = "progressbar",
   classMap
 }) => {
-  const value = Math.round(progress);
+  const numeric = Number(progress);
+  const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
+  const value = Math.round(clamped);
   const wrapperClass = React.useMemo(
     () => classNames.combineClassNames(
       classMap.container,
@@ -34,11 +36,11 @@ const BaseProgressBar = ({
       classMap.bar,
       classMap[theme],
       classMap[state],
-      animated2 ? classMap.animated : "",
+      animated2 && classMap.animated,
       rounding && classMap[`round${capitalize.capitalize(rounding)}`],
-      indeterminate2 ? classMap.indeterminate : ""
+      indeterminate2 && classMap.indeterminate
     ),
-    [classMap, theme, state, rounding, indeterminate2]
+    [classMap, theme, state, rounding, indeterminate2, animated2]
   );
   return /* @__PURE__ */ require$$2.jsx(
     "div",
@@ -48,55 +50,56 @@ const BaseProgressBar = ({
       "aria-label": ariaLabel,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-valuenow": !indeterminate2 ? value : void 0,
-      "aria-valuetext": !indeterminate2 ? `${value}% complete` : "Loading",
+      "aria-valuenow": indeterminate2 ? void 0 : value,
+      "aria-valuetext": indeterminate2 ? "Loading" : `${value}% complete`,
       "aria-busy": indeterminate2 || void 0,
       "data-testid": testId,
       children: /* @__PURE__ */ require$$2.jsx(
         "div",
         {
           className: barClass,
-          style: { width: indeterminate2 ? "100%" : `${value}%` },
+          style: { width: indeterminate2 ? void 0 : `${value}%` },
           "data-testid": `${testId}-bar`
         }
       )
     }
   );
 };
-const noScroll = "_noScroll_17u6w_91";
-const errorMessage = "_errorMessage_17u6w_92";
-const loadingContainer = "_loadingContainer_17u6w_93";
-const hideScrollbar = "_hideScrollbar_17u6w_85";
-const sr_only = "_sr_only_17u6w_94";
-const container = "_container_17u6w_539";
-const xs = "_xs_17u6w_547";
-const small = "_small_17u6w_550";
-const medium = "_medium_17u6w_553";
-const large = "_large_17u6w_556";
-const xl = "_xl_17u6w_559";
-const bar = "_bar_17u6w_563";
-const primary = "_primary_17u6w_568";
-const secondary = "_secondary_17u6w_571";
-const tertiary = "_tertiary_17u6w_574";
-const quaternary = "_quaternary_17u6w_577";
-const clear = "_clear_17u6w_580";
-const success = "_success_17u6w_583";
-const error = "_error_17u6w_92";
-const warning = "_warning_17u6w_589";
-const animated = "_animated_17u6w_596";
-const indeterminate = "_indeterminate_17u6w_600";
-const roundNone = "_roundNone_17u6w_605";
-const roundSmall = "_roundSmall_17u6w_609";
-const roundMedium = "_roundMedium_17u6w_613";
-const roundLarge = "_roundLarge_17u6w_617";
-const roundFull = "_roundFull_17u6w_621";
-const shadowNone = "_shadowNone_17u6w_625";
-const shadowLight = "_shadowLight_17u6w_629";
-const shadowMedium = "_shadowMedium_17u6w_633";
-const shadowStrong = "_shadowStrong_17u6w_637";
-const shadowIntense = "_shadowIntense_17u6w_641";
-const spin = "_spin_17u6w_1";
-const pulse = "_pulse_17u6w_1";
+BaseProgressBar.displayName = "BaseProgressBar";
+const noScroll = "_noScroll_17lb5_91";
+const errorMessage = "_errorMessage_17lb5_92";
+const loadingContainer = "_loadingContainer_17lb5_93";
+const hideScrollbar = "_hideScrollbar_17lb5_85";
+const sr_only = "_sr_only_17lb5_94";
+const container = "_container_17lb5_540";
+const xs = "_xs_17lb5_548";
+const small = "_small_17lb5_551";
+const medium = "_medium_17lb5_554";
+const large = "_large_17lb5_557";
+const xl = "_xl_17lb5_560";
+const bar = "_bar_17lb5_564";
+const primary = "_primary_17lb5_569";
+const secondary = "_secondary_17lb5_572";
+const tertiary = "_tertiary_17lb5_575";
+const quaternary = "_quaternary_17lb5_578";
+const clear = "_clear_17lb5_581";
+const success = "_success_17lb5_584";
+const error = "_error_17lb5_92";
+const warning = "_warning_17lb5_590";
+const animated = "_animated_17lb5_597";
+const indeterminate = "_indeterminate_17lb5_601";
+const roundNone = "_roundNone_17lb5_606";
+const roundSmall = "_roundSmall_17lb5_610";
+const roundMedium = "_roundMedium_17lb5_614";
+const roundLarge = "_roundLarge_17lb5_618";
+const roundFull = "_roundFull_17lb5_622";
+const shadowNone = "_shadowNone_17lb5_626";
+const shadowLight = "_shadowLight_17lb5_630";
+const shadowMedium = "_shadowMedium_17lb5_634";
+const shadowStrong = "_shadowStrong_17lb5_638";
+const shadowIntense = "_shadowIntense_17lb5_642";
+const spin = "_spin_17lb5_1";
+const pulse = "_pulse_17lb5_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -119,9 +122,9 @@ const styles = {
   error,
   warning,
   animated,
-  "progress-grow": "_progress-grow_17u6w_1",
+  "progress-grow": "_progress-grow_17lb5_1",
   indeterminate,
-  "indeterminate-move": "_indeterminate-move_17u6w_1",
+  "indeterminate-move": "_indeterminate-move_17lb5_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -132,16 +135,16 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_17u6w_1",
-  "slide-up": "_slide-up_17u6w_1",
-  "spin-3d": "_spin-3d_17u6w_1",
+  "fade-in": "_fade-in_17lb5_1",
+  "slide-up": "_slide-up_17lb5_1",
+  "spin-3d": "_spin-3d_17lb5_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_17u6w_1",
-  "skeleton-loading": "_skeleton-loading_17u6w_1"
+  "fade-in-up": "_fade-in-up_17lb5_1",
+  "skeleton-loading": "_skeleton-loading_17lb5_1"
 };
 const ProgressBar = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseProgressBar, { ...props, classMap: styles });
 };
 exports.ProgressBar = ProgressBar;
-//# sourceMappingURL=ProgressBar-QdYZNfsm.cjs.map
+//# sourceMappingURL=ProgressBar-DyyIhH1C.cjs.map

package/dist/next/ProgressBar-DyyIhH1C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-DyyIhH1C.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\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\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\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}) => {\r\n  const numeric = Number(progress);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const value = Math.round(clamped);\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, animated]\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 ? undefined : value}\r\n      aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\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 ? undefined : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","animated","indeterminate","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAWA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,UAAAC,YAAW;AAAA,EACX,eAAAC,iBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,OAAO,QAAQ;AAC/B,QAAM,UAAU,OAAO,SAAS,OAAO,IACnC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAClC;AACJ,QAAM,QAAQ,KAAK,MAAM,OAAO;AAEhC,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,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,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAWF,MAAAA;AAAAA,IACf,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACdH,aAAY,SAAS;AAAA,MACrB,YAAY,SAAS,QAAQI,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDH,kBAAiB,SAAS;AAAA,IAAA;AAAA,IAE9B,CAAC,UAAU,OAAO,OAAO,UAAUA,gBAAeD,SAAQ;AAAA,EAAA;AAG5D,SACEK,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAeJ,iBAAgB,SAAY;AAAA,MAC3C,kBAAgBA,iBAAgB,YAAY,GAAG,KAAK;AAAA,MACpD,aAAWA,kBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAAI,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAOJ,iBAAgB,SAAY,GAAG,KAAK,IAAA;AAAA,UACpD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtE9B,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAOI,2BAAAA,IAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ;AACvD;;"}

package/dist/next/ProgressBar.cjs.js

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

package/dist/next/ProgressBar.js

@@ -1,4 +1,4 @@
-import { P } from "./ProgressBar-C02f6SzB.js";
+import { P } from "./ProgressBar-BIojCvdG.js";
 export {
   P as default
 };

package/dist/next/RadioButton-B2yQz2_q.js

@@ -0,0 +1,172 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { forwardRef, useId, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
+const BaseRadioButton = forwardRef(
+  ({
+    label: label2,
+    value,
+    checked,
+    onChange,
+    name,
+    theme = getDefaultTheme(),
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    state = "",
+    disabled: disabled2 = false,
+    className = "",
+    id,
+    "data-testid": testId = "radio-button",
+    classMap,
+    ...props
+  }, ref) => {
+    const uid = useId();
+    const inputId = id ?? `${testId}-input-${uid}`;
+    const labelId = `${testId}-label-${uid}`;
+    const handleChange = (e) => {
+      if (disabled2) return;
+      if (e.target.checked) onChange(e.target.value);
+    };
+    const wrapperClasses = useMemo(
+      () => combineClassNames(
+        classMap.wrapper,
+        classMap[theme],
+        classMap[state],
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [classMap, theme, state, disabled2, className]
+    );
+    const radioClasses = useMemo(
+      () => combineClassNames(
+        classMap.circle,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`]
+      ),
+      [classMap, rounding, shadow]
+    );
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: wrapperClasses,
+        "data-testid": `${testId}-wrapper`,
+        htmlFor: inputId,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              type: "radio",
+              id: inputId,
+              name,
+              className: classMap.input,
+              value,
+              checked,
+              onChange: handleChange,
+              disabled: disabled2,
+              "aria-labelledby": label2 ? labelId : void 0,
+              "data-testid": testId,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: radioClasses,
+              "aria-hidden": "true",
+              "data-testid": `${testId}-circle`
+            }
+          ),
+          label2 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: labelId,
+              className: classMap.label,
+              "data-testid": `${testId}-label`,
+              children: label2
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+BaseRadioButton.displayName = "BaseRadioButton";
+const noScroll = "_noScroll_134wv_91";
+const errorMessage = "_errorMessage_134wv_92";
+const loadingContainer = "_loadingContainer_134wv_93";
+const hideScrollbar = "_hideScrollbar_134wv_85";
+const sr_only = "_sr_only_134wv_94";
+const wrapper = "_wrapper_134wv_540";
+const input = "_input_134wv_551";
+const circle = "_circle_134wv_557";
+const primary = "_primary_134wv_577";
+const secondary = "_secondary_134wv_584";
+const tertiary = "_tertiary_134wv_591";
+const quaternary = "_quaternary_134wv_598";
+const clear = "_clear_134wv_605";
+const success = "_success_134wv_612";
+const error = "_error_134wv_92";
+const warning = "_warning_134wv_626";
+const disabled = "_disabled_134wv_633";
+const label = "_label_134wv_654";
+const roundNone = "_roundNone_134wv_663";
+const roundSmall = "_roundSmall_134wv_668";
+const roundMedium = "_roundMedium_134wv_673";
+const roundLarge = "_roundLarge_134wv_678";
+const roundFull = "_roundFull_134wv_683";
+const shadowNone = "_shadowNone_134wv_688";
+const shadowLight = "_shadowLight_134wv_692";
+const shadowMedium = "_shadowMedium_134wv_696";
+const shadowStrong = "_shadowStrong_134wv_700";
+const shadowIntense = "_shadowIntense_134wv_704";
+const spin = "_spin_134wv_1";
+const pulse = "_pulse_134wv_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  input,
+  circle,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  label,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_134wv_1",
+  "slide-up": "_slide-up_134wv_1",
+  "spin-3d": "_spin-3d_134wv_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_134wv_1",
+  "progress-grow": "_progress-grow_134wv_1",
+  "indeterminate-move": "_indeterminate-move_134wv_1",
+  "skeleton-loading": "_skeleton-loading_134wv_1"
+};
+const RadioButton = React.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(BaseRadioButton, { ...props, ref, classMap: styles })
+);
+RadioButton.displayName = "RadioButton";
+export {
+  RadioButton as R
+};
+//# sourceMappingURL=RadioButton-B2yQz2_q.js.map

package/dist/next/RadioButton-B2yQz2_q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton-B2yQz2_q.js","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/next/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useId } from \"react\";\r\nimport { BaseRadioButtonProps } 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\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n  (\r\n    {\r\n      label,\r\n      value,\r\n      checked,\r\n      onChange,\r\n      name,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"radio-button\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const uid = useId();\r\n    const inputId = id ?? `${testId}-input-${uid}`;\r\n    const labelId = `${testId}-label-${uid}`;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (disabled) return;\r\n      if (e.target.checked) onChange(e.target.value);\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    return (\r\n      <label\r\n        className={wrapperClasses}\r\n        data-testid={`${testId}-wrapper`}\r\n        htmlFor={inputId}\r\n      >\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={inputId}\r\n          name={name}\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={label ? labelId : undefined}\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        {label && (\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        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport styles from \"./RadioButton.module.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={styles} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["label","disabled"],"mappings":";;;;;AAUA,MAAM,kBAAkB;AAAA,EACtB,CACE;AAAA,IACE,OAAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,MAAM,MAAA;AACZ,UAAM,UAAU,MAAM,GAAG,MAAM,UAAU,GAAG;AAC5C,UAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AAEtC,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAIA,UAAU;AACd,UAAI,EAAE,OAAO,QAAS,UAAS,EAAE,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdA,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOA,WAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QACtB,SAAS;AAAA,QAET,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,MAAK;AAAA,cACL,IAAI;AAAA,cACJ;AAAA,cACA,WAAW,SAAS;AAAA,cACpB;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,UAAAA;AAAA,cACA,mBAAiBD,SAAQ,UAAU;AAAA,cACnC,eAAa;AAAA,cACZ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvBA,UACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9F9B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ,oBAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ;AAC1E;AAEA,YAAY,cAAc;"}