boreal-ui 0.0.38 → 0.0.40

package/dist/next/MetricBox-BjdAzOrZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricBox-BjdAzOrZ.js","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseMetricBoxProps } from \"./MetricBox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = title ? `${testId}-title-${uid}` : undefined;\r\n  const subtextId = subtext ? `${testId}-subtext-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  const valueLabel =\r\n    title && value != null ? `${value} ${title}` : String(value ?? \"\");\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(title\r\n        ? {\r\n            role: \"region\",\r\n            \"aria-labelledby\": titleId,\r\n            \"aria-describedby\": subtextId,\r\n          }\r\n        : {})}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden={true} focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        {title && (\r\n          <h3\r\n            id={titleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </h3>\r\n        )}\r\n\r\n        <div\r\n          className={classMap.value}\r\n          data-testid={`${testId}-value`}\r\n          aria-label={valueLabel}\r\n        >\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseMetricBox.displayName = \"BaseMetricBox\";\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\nMetricBox.displayName = \"MetricBox\";\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","outline"],"mappings":";;;;;AAWA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,UAAUH,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AACnD,QAAM,YAAYE,WAAU,GAAG,MAAM,YAAY,GAAG,KAAK;AAEzD,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACTC,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOA,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,QAAM,aACJH,UAASC,UAAS,OAAO,GAAGA,MAAK,IAAID,MAAK,KAAK,OAAOC,UAAS,EAAE;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAID,SACD;AAAA,QACE,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,MAAA,IAEtB,CAAA;AAAA,MACJ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,8BAAC,MAAA,EAAK,eAAa,MAAM,WAAW,OAAO,GAC7C;AAAA,QAGF,qBAAC,OAAA,EAAI,WAAW,SAAS,SACtB,UAAA;AAAA,UAAAA,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,UAIL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,cAAY;AAAA,cAEX,UAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFC,YACC;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,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9F5B,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAO,oBAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;AACA,UAAU,cAAc;"}

package/dist/next/{MetricBox-BylPOvoO.cjs → MetricBox-C3B6Bkcb.cjs}

@@ -37,6 +37,7 @@ const BaseMetricBox = ({
     ),
     [classMap, theme, state, size, align, outline2, shadow, rounding, className]
   );
+  const valueLabel = title2 && value2 != null ? `${value2} ${title2}` : String(value2 ?? "");
   return /* @__PURE__ */ require$$2.jsxs(
     "div",
     {
@@ -59,7 +60,15 @@ const BaseMetricBox = ({
               children: title2
             }
           ),
-          /* @__PURE__ */ require$$2.jsx("div", { className: classMap.value, "data-testid": `${testId}-value`, children: value2 }),
+          /* @__PURE__ */ require$$2.jsx(
+            "div",
+            {
+              className: classMap.value,
+              "data-testid": `${testId}-value`,
+              "aria-label": valueLabel,
+              children: value2
+            }
+          ),
           subtext2 && /* @__PURE__ */ require$$2.jsx(
             "div",
             {
@@ -75,45 +84,45 @@ const BaseMetricBox = ({
   );
 };
 BaseMetricBox.displayName = "BaseMetricBox";
-const noScroll = "_noScroll_isa2v_108";
-const errorMessage = "_errorMessage_isa2v_109";
-const loadingContainer = "_loadingContainer_isa2v_110";
-const hideScrollbar = "_hideScrollbar_isa2v_102";
-const sr_only = "_sr_only_isa2v_111";
-const wrapper = "_wrapper_isa2v_540";
-const icon = "_icon_isa2v_579";
-const content = "_content_isa2v_595";
-const title = "_title_isa2v_608";
-const value = "_value_isa2v_623";
-const subtext = "_subtext_isa2v_638";
-const left = "_left_isa2v_649";
-const right = "_right_isa2v_654";
-const roundNone = "_roundNone_isa2v_659";
-const roundSmall = "_roundSmall_isa2v_663";
-const roundMedium = "_roundMedium_isa2v_667";
-const roundLarge = "_roundLarge_isa2v_671";
-const roundFull = "_roundFull_isa2v_675";
-const shadowNone = "_shadowNone_isa2v_679";
-const shadowLight = "_shadowLight_isa2v_683";
-const shadowMedium = "_shadowMedium_isa2v_687";
-const shadowStrong = "_shadowStrong_isa2v_691";
-const shadowIntense = "_shadowIntense_isa2v_695";
-const primary = "_primary_isa2v_699";
-const outline = "_outline_isa2v_702";
-const secondary = "_secondary_isa2v_716";
-const tertiary = "_tertiary_isa2v_733";
-const quaternary = "_quaternary_isa2v_750";
-const clear = "_clear_isa2v_767";
-const success = "_success_isa2v_789";
-const error = "_error_isa2v_109";
-const warning = "_warning_isa2v_823";
-const xs = "_xs_isa2v_844";
-const small = "_small_isa2v_857";
-const medium = "_medium_isa2v_870";
-const large = "_large_isa2v_883";
-const xl = "_xl_isa2v_896";
-const spin = "_spin_isa2v_1";
-const pulse = "_pulse_isa2v_1";
+const noScroll = "_noScroll_rtzwo_108";
+const errorMessage = "_errorMessage_rtzwo_109";
+const loadingContainer = "_loadingContainer_rtzwo_110";
+const hideScrollbar = "_hideScrollbar_rtzwo_102";
+const sr_only = "_sr_only_rtzwo_111";
+const wrapper = "_wrapper_rtzwo_540";
+const icon = "_icon_rtzwo_579";
+const content = "_content_rtzwo_595";
+const title = "_title_rtzwo_608";
+const value = "_value_rtzwo_623";
+const subtext = "_subtext_rtzwo_638";
+const left = "_left_rtzwo_649";
+const right = "_right_rtzwo_654";
+const roundNone = "_roundNone_rtzwo_659";
+const roundSmall = "_roundSmall_rtzwo_663";
+const roundMedium = "_roundMedium_rtzwo_667";
+const roundLarge = "_roundLarge_rtzwo_671";
+const roundFull = "_roundFull_rtzwo_675";
+const shadowNone = "_shadowNone_rtzwo_679";
+const shadowLight = "_shadowLight_rtzwo_683";
+const shadowMedium = "_shadowMedium_rtzwo_687";
+const shadowStrong = "_shadowStrong_rtzwo_691";
+const shadowIntense = "_shadowIntense_rtzwo_695";
+const primary = "_primary_rtzwo_699";
+const outline = "_outline_rtzwo_702";
+const secondary = "_secondary_rtzwo_716";
+const tertiary = "_tertiary_rtzwo_733";
+const quaternary = "_quaternary_rtzwo_750";
+const clear = "_clear_rtzwo_767";
+const success = "_success_rtzwo_789";
+const error = "_error_rtzwo_109";
+const warning = "_warning_rtzwo_823";
+const xs = "_xs_rtzwo_844";
+const small = "_small_rtzwo_857";
+const medium = "_medium_rtzwo_870";
+const large = "_large_rtzwo_883";
+const xl = "_xl_rtzwo_896";
+const spin = "_spin_rtzwo_1";
+const pulse = "_pulse_rtzwo_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -152,19 +161,19 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_isa2v_1",
-  "slide-up": "_slide-up_isa2v_1",
-  "spin-3d": "_spin-3d_isa2v_1",
+  "fade-in": "_fade-in_rtzwo_1",
+  "slide-up": "_slide-up_rtzwo_1",
+  "spin-3d": "_spin-3d_rtzwo_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_isa2v_1",
-  "progress-grow": "_progress-grow_isa2v_1",
-  "indeterminate-move": "_indeterminate-move_isa2v_1",
-  "skeleton-loading": "_skeleton-loading_isa2v_1"
+  "fade-in-up": "_fade-in-up_rtzwo_1",
+  "progress-grow": "_progress-grow_rtzwo_1",
+  "indeterminate-move": "_indeterminate-move_rtzwo_1",
+  "skeleton-loading": "_skeleton-loading_rtzwo_1"
 };
 const MetricBox = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseMetricBox, { ...props, classMap: styles });
 };
 MetricBox.displayName = "MetricBox";
 exports.MetricBox = MetricBox;
-//# sourceMappingURL=MetricBox-BylPOvoO.cjs.map
+//# sourceMappingURL=MetricBox-C3B6Bkcb.cjs.map

package/dist/next/MetricBox-C3B6Bkcb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricBox-C3B6Bkcb.cjs","sources":["../../src/components/MetricBox/MetricBoxBase.tsx","../../src/components/MetricBox/next/MetricBox.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { BaseMetricBoxProps } from \"./MetricBox.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseMetricBox: React.FC<BaseMetricBoxProps> = ({\r\n  title,\r\n  value,\r\n  icon: Icon,\r\n  subtext,\r\n  theme = getDefaultTheme(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  state = \"\",\r\n  outline = false,\r\n  align = \"center\",\r\n  size = getDefaultSize(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"metric-box\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = title ? `${testId}-title-${uid}` : undefined;\r\n  const subtextId = subtext ? `${testId}-subtext-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        outline && classMap.outline,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        classMap[align],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, align, outline, shadow, rounding, className]\r\n  );\r\n\r\n  const valueLabel =\r\n    title && value != null ? `${value} ${title}` : String(value ?? \"\");\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(title\r\n        ? {\r\n            role: \"region\",\r\n            \"aria-labelledby\": titleId,\r\n            \"aria-describedby\": subtextId,\r\n          }\r\n        : {})}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden={true} focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <div className={classMap.content}>\r\n        {title && (\r\n          <h3\r\n            id={titleId}\r\n            className={classMap.title}\r\n            data-testid={`${testId}-title`}\r\n          >\r\n            {title}\r\n          </h3>\r\n        )}\r\n\r\n        <div\r\n          className={classMap.value}\r\n          data-testid={`${testId}-value`}\r\n          aria-label={valueLabel}\r\n        >\r\n          {value}\r\n        </div>\r\n\r\n        {subtext && (\r\n          <div\r\n            id={subtextId}\r\n            className={classMap.subtext}\r\n            data-testid={`${testId}-subtext`}\r\n          >\r\n            {subtext}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseMetricBox.displayName = \"BaseMetricBox\";\r\nexport default BaseMetricBox;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseMetricBox from \"../MetricBoxBase\";\r\nimport styles from \"./MetricBox.module.scss\";\r\nimport { MetricBoxProps } from \"../MetricBox.types\";\r\n\r\nconst MetricBox: React.FC<MetricBoxProps> = (props) => {\r\n  return <BaseMetricBox {...props} classMap={styles} />;\r\n};\r\nMetricBox.displayName = \"MetricBox\";\r\nexport default MetricBox;\r\n"],"names":["title","value","subtext","getDefaultTheme","getDefaultShadow","getDefaultRounding","outline","getDefaultSize","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAWA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,OAAAC;AAAA,EACA,MAAM;AAAA,EACN,SAAAC;AAAA,EACA,QAAQC,kBAAAA,gBAAA;AAAA,EACR,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,mBAAA;AAAA,EACX,QAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,UAAUR,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AACnD,QAAM,YAAYE,WAAU,GAAG,MAAM,YAAY,GAAG,KAAK;AAEzD,QAAM,eAAeO,MAAAA;AAAAA,IACnB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACTJ,YAAW,SAAS;AAAA,MACpB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASK,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,OAAOL,UAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG5E,QAAM,aACJN,UAASC,UAAS,OAAO,GAAGA,MAAK,IAAID,MAAK,KAAK,OAAOC,UAAS,EAAE;AAEnE,SACEW,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAIZ,SACD;AAAA,QACE,MAAM;AAAA,QACN,mBAAmB;AAAA,QACnB,oBAAoB;AAAA,MAAA,IAEtB,CAAA;AAAA,MACJ,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCa,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,yCAAC,MAAA,EAAK,eAAa,MAAM,WAAW,OAAO,GAC7C;AAAA,QAGFD,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACtB,UAAA;AAAA,UAAAZ,UACCa,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAb;AAAA,YAAA;AAAA,UAAA;AAAA,UAILa,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cACtB,cAAY;AAAA,cAEX,UAAAZ;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFC,YACCW,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAX;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9F5B,MAAM,YAAsC,CAAC,UAAU;AACrD,SAAOW,2BAAAA,IAAC,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;AACA,UAAU,cAAc;;"}

package/dist/next/MetricBox.cjs.js

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

package/dist/next/MetricBox.js

@@ -1,4 +1,4 @@
-import { M } from "./MetricBox-Dl3iruBZ.js";
+import { M } from "./MetricBox-BjdAzOrZ.js";
 export {
   M as default
 };

package/dist/next/{Modal-CevpqeOy.cjs → Modal-DHTrvNfc.cjs}

@@ -6,7 +6,7 @@ const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const IconButton = require("./IconButton-VSz8qAIg.cjs");
+const IconButton = require("./IconButton-2l-_HOMB.cjs");
 const BaseModal = ({
   className = "",
   children,
@@ -153,21 +153,21 @@ const BaseModal = ({
   );
 };
 BaseModal.displayName = "BaseModal";
-const overlay = "_overlay_sq0c4_85";
-const content = "_content_sq0c4_99";
-const roundNone = "_roundNone_sq0c4_133";
-const roundSmall = "_roundSmall_sq0c4_137";
-const roundMedium = "_roundMedium_sq0c4_141";
-const roundLarge = "_roundLarge_sq0c4_145";
-const roundFull = "_roundFull_sq0c4_149";
-const shadowNone = "_shadowNone_sq0c4_153";
-const shadowLight = "_shadowLight_sq0c4_157";
-const shadowMedium = "_shadowMedium_sq0c4_161";
-const shadowStrong = "_shadowStrong_sq0c4_165";
-const shadowIntense = "_shadowIntense_sq0c4_169";
-const visible = "_visible_sq0c4_173";
-const hidden = "_hidden_sq0c4_187";
-const closeButton = "_closeButton_sq0c4_201";
+const overlay = "_overlay_18s90_85";
+const content = "_content_18s90_99";
+const roundNone = "_roundNone_18s90_133";
+const roundSmall = "_roundSmall_18s90_137";
+const roundMedium = "_roundMedium_18s90_141";
+const roundLarge = "_roundLarge_18s90_145";
+const roundFull = "_roundFull_18s90_149";
+const shadowNone = "_shadowNone_18s90_153";
+const shadowLight = "_shadowLight_18s90_157";
+const shadowMedium = "_shadowMedium_18s90_161";
+const shadowStrong = "_shadowStrong_18s90_165";
+const shadowIntense = "_shadowIntense_18s90_169";
+const visible = "_visible_18s90_173";
+const hidden = "_hidden_18s90_187";
+const closeButton = "_closeButton_18s90_201";
 const styles = {
   overlay,
   content,
@@ -190,4 +190,4 @@ const Modal = (props) => {
 };
 Modal.displayName = "Modal";
 exports.Modal = Modal;
-//# sourceMappingURL=Modal-CevpqeOy.cjs.map
+//# sourceMappingURL=Modal-DHTrvNfc.cjs.map

package/dist/next/{Modal-CevpqeOy.cjs.map → Modal-DHTrvNfc.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-CevpqeOy.cjs","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","hidden","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"Modal-DHTrvNfc.cjs","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","hidden","combineClassNames","capitalize","jsx","jsxs","CloseIcon"],"mappings":"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"}

package/dist/next/{Modal-BARibygG.js → Modal-QTq5IcKa.js}

@@ -5,7 +5,7 @@ import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { I as IconButton } from "./IconButton-qQljwBB2.js";
+import { I as IconButton } from "./IconButton-BTUFKRZt.js";
 const BaseModal = ({
   className = "",
   children,
@@ -152,21 +152,21 @@ const BaseModal = ({
   );
 };
 BaseModal.displayName = "BaseModal";
-const overlay = "_overlay_sq0c4_85";
-const content = "_content_sq0c4_99";
-const roundNone = "_roundNone_sq0c4_133";
-const roundSmall = "_roundSmall_sq0c4_137";
-const roundMedium = "_roundMedium_sq0c4_141";
-const roundLarge = "_roundLarge_sq0c4_145";
-const roundFull = "_roundFull_sq0c4_149";
-const shadowNone = "_shadowNone_sq0c4_153";
-const shadowLight = "_shadowLight_sq0c4_157";
-const shadowMedium = "_shadowMedium_sq0c4_161";
-const shadowStrong = "_shadowStrong_sq0c4_165";
-const shadowIntense = "_shadowIntense_sq0c4_169";
-const visible = "_visible_sq0c4_173";
-const hidden = "_hidden_sq0c4_187";
-const closeButton = "_closeButton_sq0c4_201";
+const overlay = "_overlay_18s90_85";
+const content = "_content_18s90_99";
+const roundNone = "_roundNone_18s90_133";
+const roundSmall = "_roundSmall_18s90_137";
+const roundMedium = "_roundMedium_18s90_141";
+const roundLarge = "_roundLarge_18s90_145";
+const roundFull = "_roundFull_18s90_149";
+const shadowNone = "_shadowNone_18s90_153";
+const shadowLight = "_shadowLight_18s90_157";
+const shadowMedium = "_shadowMedium_18s90_161";
+const shadowStrong = "_shadowStrong_18s90_165";
+const shadowIntense = "_shadowIntense_18s90_169";
+const visible = "_visible_18s90_173";
+const hidden = "_hidden_18s90_187";
+const closeButton = "_closeButton_18s90_201";
 const styles = {
   overlay,
   content,
@@ -191,4 +191,4 @@ Modal.displayName = "Modal";
 export {
   Modal as M
 };
-//# sourceMappingURL=Modal-BARibygG.js.map
+//# sourceMappingURL=Modal-QTq5IcKa.js.map

package/dist/next/{Modal-BARibygG.js.map → Modal-QTq5IcKa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-BARibygG.js","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["IconButton","hidden"],"mappings":"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"}
+{"version":3,"file":"Modal-QTq5IcKa.js","sources":["../../src/components/Modal/ModalBase.tsx","../../src/components/Modal/next/Modal.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useId,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { BaseModalProps } from \"./Modal.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseModal: React.FC<BaseModalProps> = ({\r\n  className = \"\",\r\n  children,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  onClose,\r\n  \"data-testid\": testId = \"modal\",\r\n  IconButton,\r\n  classMap,\r\n  portalId = \"widget-portal\",\r\n}) => {\r\n  const [isMounted, setIsMounted] = useState(false);\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const closeBtnRef = useRef<HTMLButtonElement>(null);\r\n  const openerRef = useRef<HTMLElement | null>(null);\r\n  const focusablesRef = useRef<HTMLElement[]>([]);\r\n\r\n  const uid = useId();\r\n  const labelId = `${uid}-label`;\r\n\r\n  useEffect(() => {\r\n    setIsMounted(true);\r\n    openerRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    let portal = document.getElementById(portalId);\r\n    if (!portal) {\r\n      portal = document.createElement(\"div\");\r\n      portal.id = portalId;\r\n      document.body.appendChild(portal);\r\n    }\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    const siblings = Array.from(document.body.children) as HTMLElement[];\r\n    const hidden: HTMLElement[] = [];\r\n    siblings.forEach((el) => {\r\n      if (el !== portal && !el.hasAttribute(\"aria-hidden\")) {\r\n        el.setAttribute(\"aria-hidden\", \"true\");\r\n        hidden.push(el);\r\n      }\r\n    });\r\n\r\n    const handleEsc = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    };\r\n    document.addEventListener(\"keydown\", handleEsc);\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      document.removeEventListener(\"keydown\", handleEsc);\r\n      hidden.forEach((el) => el.removeAttribute(\"aria-hidden\"));\r\n      openerRef.current?.focus?.();\r\n    };\r\n  }, [portalId, onClose]);\r\n\r\n  useEffect(() => {\r\n    if (!isMounted) return;\r\n    requestAnimationFrame(() => {\r\n      setIsVisible(true);\r\n\r\n      if (dialogRef.current) {\r\n        focusablesRef.current = Array.from(\r\n          dialogRef.current.querySelectorAll<HTMLElement>(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        ).filter((el) => !el.hasAttribute(\"disabled\") && el.tabIndex !== -1);\r\n      }\r\n\r\n      (\r\n        focusablesRef.current[0] ??\r\n        closeBtnRef.current ??\r\n        dialogRef.current\r\n      )?.focus?.();\r\n    });\r\n  }, [isMounted]);\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key !== \"Tab\") return;\r\n    const list = focusablesRef.current;\r\n    if (!list.length) return;\r\n\r\n    const first = list[0];\r\n    const last = list[list.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault();\r\n      last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault();\r\n      first.focus();\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsVisible(false);\r\n    setTimeout(() => onClose(), 200);\r\n  };\r\n\r\n  if (!isMounted || !portalElement) return null;\r\n\r\n  const contentClassName = combineClassNames(\r\n    classMap.content,\r\n    className,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      ref={overlayRef}\r\n      className={combineClassNames(\r\n        classMap.overlay,\r\n        isVisible ? classMap.visible : classMap.hidden\r\n      )}\r\n      onClick={handleClose}\r\n      role=\"presentation\"\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        className={contentClassName}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={labelId}\r\n        tabIndex={-1}\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-content`}\r\n      >\r\n        <h2 id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Modal Dialog\r\n        </h2>\r\n\r\n        <IconButton\r\n          ref={closeBtnRef}\r\n          className={classMap.closeButton}\r\n          state=\"error\"\r\n          size=\"small\"\r\n          icon={CloseIcon}\r\n          ariaLabel=\"Close modal\"\r\n          onClick={(e: React.MouseEvent) => {\r\n            e.stopPropagation();\r\n            handleClose();\r\n          }}\r\n          title=\"Close\"\r\n          data-testid={`${testId}-close`}\r\n          type=\"button\"\r\n        />\r\n\r\n        {children}\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nBaseModal.displayName = \"BaseModal\";\r\nexport default BaseModal;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseModal from \"../ModalBase\";\r\nimport styles from \"./Modal.module.scss\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport { ModalProps } from \"../Modal.types\";\r\n\r\nconst Modal: React.FC<ModalProps> = (props) => {\r\n  return <BaseModal {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\nModal.displayName = \"Modal\";\r\nexport default Modal;\r\n"],"names":["IconButton","hidden"],"mappings":"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"}

package/dist/next/Modal.cjs.js

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

package/dist/next/Modal.js

@@ -1,4 +1,4 @@
-import { M } from "./Modal-BARibygG.js";
+import { M } from "./Modal-QTq5IcKa.js";
 export {
   M as default
 };

package/dist/next/{NavBar-C5FBdZT6.cjs → NavBar-Ds_02bAe.cjs}

@@ -4,8 +4,8 @@ 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 link = require("./link-hxAaLm0Q.cjs");
-const navigation = require("./navigation-m012syo9.cjs");
+const link = require("./link-lNk_lOdS.cjs");
+const navigation = require("./navigation-CZU71Pmb.cjs");
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
 const slugify = (s) => s.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9]/g, "");
 const BaseNavBar = ({
@@ -71,35 +71,35 @@ const BaseNavBar = ({
   );
 };
 BaseNavBar.displayName = "BaseNavBar";
-const noScroll = "_noScroll_9avic_108";
-const errorMessage = "_errorMessage_9avic_109";
-const loadingContainer = "_loadingContainer_9avic_110";
-const hideScrollbar = "_hideScrollbar_9avic_102";
-const sr_only = "_sr_only_9avic_111";
-const container = "_container_9avic_540";
-const primary = "_primary_9avic_575";
-const item = "_item_9avic_575";
-const item_active = "_item_active_9avic_589";
-const secondary = "_secondary_9avic_596";
-const tertiary = "_tertiary_9avic_617";
-const quaternary = "_quaternary_9avic_638";
-const clear = "_clear_9avic_659";
-const list = "_list_9avic_680";
-const linkContent = "_linkContent_9avic_727";
-const icon = "_icon_9avic_732";
-const label = "_label_9avic_753";
-const roundNone = "_roundNone_9avic_765";
-const roundSmall = "_roundSmall_9avic_769";
-const roundMedium = "_roundMedium_9avic_773";
-const roundLarge = "_roundLarge_9avic_777";
-const roundFull = "_roundFull_9avic_781";
-const shadowNone = "_shadowNone_9avic_785";
-const shadowLight = "_shadowLight_9avic_789";
-const shadowMedium = "_shadowMedium_9avic_793";
-const shadowStrong = "_shadowStrong_9avic_797";
-const shadowIntense = "_shadowIntense_9avic_801";
-const spin = "_spin_9avic_1";
-const pulse = "_pulse_9avic_1";
+const noScroll = "_noScroll_1q644_108";
+const errorMessage = "_errorMessage_1q644_109";
+const loadingContainer = "_loadingContainer_1q644_110";
+const hideScrollbar = "_hideScrollbar_1q644_102";
+const sr_only = "_sr_only_1q644_111";
+const container = "_container_1q644_540";
+const primary = "_primary_1q644_575";
+const item = "_item_1q644_575";
+const item_active = "_item_active_1q644_589";
+const secondary = "_secondary_1q644_596";
+const tertiary = "_tertiary_1q644_617";
+const quaternary = "_quaternary_1q644_638";
+const clear = "_clear_1q644_659";
+const list = "_list_1q644_680";
+const linkContent = "_linkContent_1q644_727";
+const icon = "_icon_1q644_732";
+const label = "_label_1q644_753";
+const roundNone = "_roundNone_1q644_765";
+const roundSmall = "_roundSmall_1q644_769";
+const roundMedium = "_roundMedium_1q644_773";
+const roundLarge = "_roundLarge_1q644_777";
+const roundFull = "_roundFull_1q644_781";
+const shadowNone = "_shadowNone_1q644_785";
+const shadowLight = "_shadowLight_1q644_789";
+const shadowMedium = "_shadowMedium_1q644_793";
+const shadowStrong = "_shadowStrong_1q644_797";
+const shadowIntense = "_shadowIntense_1q644_801";
+const spin = "_spin_1q644_1";
+const pulse = "_pulse_1q644_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -128,21 +128,21 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_9avic_1",
-  "slide-up": "_slide-up_9avic_1",
-  "spin-3d": "_spin-3d_9avic_1",
+  "fade-in": "_fade-in_1q644_1",
+  "slide-up": "_slide-up_1q644_1",
+  "spin-3d": "_spin-3d_1q644_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_9avic_1",
-  "progress-grow": "_progress-grow_9avic_1",
-  "indeterminate-move": "_indeterminate-move_9avic_1",
-  "skeleton-loading": "_skeleton-loading_9avic_1"
+  "fade-in-up": "_fade-in-up_1q644_1",
+  "progress-grow": "_progress-grow_1q644_1",
+  "indeterminate-move": "_indeterminate-move_1q644_1",
+  "skeleton-loading": "_skeleton-loading_1q644_1"
 };
 const NavBar = ({
   mockPath,
   ...props
 }) => {
-  const pathname = navigation.navigation.usePathname();
+  const pathname = navigation.navigationExports.usePathname();
   const resolvedPath = mockPath ?? pathname;
   return /* @__PURE__ */ require$$2.jsx(
     BaseNavBar,
@@ -171,4 +171,4 @@ const NavBar = ({
 };
 NavBar.displayName = "NavBar";
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-C5FBdZT6.cjs.map
+//# sourceMappingURL=NavBar-Ds_02bAe.cjs.map

package/dist/next/{NavBar-C5FBdZT6.cjs.map → NavBar-Ds_02bAe.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NavBar-C5FBdZT6.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.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  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const current = normalizePath(currentPath ?? \"/\");\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = normalizePath(item.path) === current;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":";;;;;;;;AAUA,MAAM,gBAAgB,CAAC,MACrB,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,EAAE,IAAI;AACrD,MAAM,UAAU,CAAC,MACf,EACG,cACA,KAAA,EACA,QAAQ,QAAQ,GAAG,EACnB,QAAQ,cAAc,EAAE;AAE7B,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,WAAAA,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,OAAO,SAAS;AAAA,EAAA;AAG7B,QAAM,YAAYD,MAAAA;AAAAA,IAChB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,QAAM,UAAU,cAAc,eAAe,GAAG;AAEhD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAEtB,UAAAA,2BAAAA,IAAC,QAAG,WAAW,SAAS,MACrB,UAAA,MAAM,IAAI,CAACC,UAAS;AACnB,cAAM,WAAW,cAAcA,MAAK,IAAI,MAAM;AAC9C,cAAM,OAAO,QAAQA,MAAK,SAASA,MAAK,IAAI;AAE5C,eACED,2BAAAA,IAAC,MAAA,EAAgC,WAAW,SAAS,UACnD,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMC,MAAK;AAAA,YACX;AAAA,YACA,WAAWH,WAAAA;AAAAA,cACT;AAAA,cACA,YAAY,SAAS;AAAA,YAAA;AAAA,YAEvB,eAAa,GAAG,MAAM,aAAa,IAAI;AAAA,YACvC,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAAI,2BAAAA,KAAC,QAAA,EAAK,WAAW,SAAS,aACvB,UAAA;AAAA,cAAAD,MAAK,QACJD,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM,aAAa,IAAI;AAAA,kBAEtC,UAAAC,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,6CAGT,QAAA,EAAK,WAAW,SAAS,OAAQ,gBAAK,MAAA,CAAM;AAAA,YAAA,EAAA,CAC/C;AAAA,UAAA;AAAA,QAAA,KAtBK,GAAGA,MAAK,IAAI,IAAI,IAAI,EAwB7B;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClFzB,MAAM,SAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWE,WAAAA,WAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,MAAA,MAEfA,2BAAAA;AAAAA,QAACI,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,OAAO,cAAc;;"}
+{"version":3,"file":"NavBar-Ds_02bAe.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.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  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const current = normalizePath(currentPath ?? \"/\");\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = normalizePath(item.path) === current;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":";;;;;;;;AAUA,MAAM,gBAAgB,CAAC,MACrB,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,EAAE,IAAI;AACrD,MAAM,UAAU,CAAC,MACf,EACG,cACA,KAAA,EACA,QAAQ,QAAQ,GAAG,EACnB,QAAQ,cAAc,EAAE;AAE7B,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,WAAAA,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,OAAO,SAAS;AAAA,EAAA;AAG7B,QAAM,YAAYD,MAAAA;AAAAA,IAChB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,QAAM,UAAU,cAAc,eAAe,GAAG;AAEhD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAEtB,UAAAA,2BAAAA,IAAC,QAAG,WAAW,SAAS,MACrB,UAAA,MAAM,IAAI,CAACC,UAAS;AACnB,cAAM,WAAW,cAAcA,MAAK,IAAI,MAAM;AAC9C,cAAM,OAAO,QAAQA,MAAK,SAASA,MAAK,IAAI;AAE5C,eACED,2BAAAA,IAAC,MAAA,EAAgC,WAAW,SAAS,UACnD,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMC,MAAK;AAAA,YACX;AAAA,YACA,WAAWH,WAAAA;AAAAA,cACT;AAAA,cACA,YAAY,SAAS;AAAA,YAAA;AAAA,YAEvB,eAAa,GAAG,MAAM,aAAa,IAAI;AAAA,YACvC,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAAI,2BAAAA,KAAC,QAAA,EAAK,WAAW,SAAS,aACvB,UAAA;AAAA,cAAAD,MAAK,QACJD,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM,aAAa,IAAI;AAAA,kBAEtC,UAAAC,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,6CAGT,QAAA,EAAK,WAAW,SAAS,OAAQ,gBAAK,MAAA,CAAM;AAAA,YAAA,EAAA,CAC/C;AAAA,UAAA;AAAA,QAAA,KAtBK,GAAGA,MAAK,IAAI,IAAI,IAAI,EAwB7B;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClFzB,MAAM,SAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWE,WAAAA,kBAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,MAAA,MAEfA,2BAAAA;AAAAA,QAACI,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,OAAO,cAAc;;"}