boreal-ui 0.0.39 → 0.0.41

package/dist/next/{Spinner-ChiOXzru.js → Spinner-BFAOf4tt.js}

@@ -3,35 +3,35 @@ import { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-const noScroll = "_noScroll_ro72t_108";
-const errorMessage = "_errorMessage_ro72t_109";
-const loadingContainer = "_loadingContainer_ro72t_110";
-const hideScrollbar = "_hideScrollbar_ro72t_102";
-const sr_only = "_sr_only_ro72t_111";
-const wrapper = "_wrapper_ro72t_540";
-const spinner = "_spinner_ro72t_570";
-const spin = "_spin_ro72t_570";
-const pulse = "_pulse_ro72t_1";
-const primary = "_primary_ro72t_600";
-const secondary = "_secondary_ro72t_603";
-const tertiary = "_tertiary_ro72t_606";
-const quaternary = "_quaternary_ro72t_609";
-const clear = "_clear_ro72t_612";
-const success = "_success_ro72t_615";
-const error = "_error_ro72t_109";
-const warning = "_warning_ro72t_621";
-const shadowElement = "_shadowElement_ro72t_628";
-const label = "_label_ro72t_638";
-const roundNone = "_roundNone_ro72t_656";
-const roundSmall = "_roundSmall_ro72t_660";
-const roundMedium = "_roundMedium_ro72t_664";
-const roundLarge = "_roundLarge_ro72t_668";
-const roundFull = "_roundFull_ro72t_672";
-const shadowNone = "_shadowNone_ro72t_676";
-const shadowLight = "_shadowLight_ro72t_680";
-const shadowMedium = "_shadowMedium_ro72t_684";
-const shadowStrong = "_shadowStrong_ro72t_688";
-const shadowIntense = "_shadowIntense_ro72t_692";
+const noScroll = "_noScroll_1t5eg_108";
+const errorMessage = "_errorMessage_1t5eg_109";
+const loadingContainer = "_loadingContainer_1t5eg_110";
+const hideScrollbar = "_hideScrollbar_1t5eg_102";
+const sr_only = "_sr_only_1t5eg_111";
+const wrapper = "_wrapper_1t5eg_540";
+const spinner = "_spinner_1t5eg_570";
+const spin = "_spin_1t5eg_570";
+const pulse = "_pulse_1t5eg_1";
+const primary = "_primary_1t5eg_600";
+const secondary = "_secondary_1t5eg_603";
+const tertiary = "_tertiary_1t5eg_606";
+const quaternary = "_quaternary_1t5eg_609";
+const clear = "_clear_1t5eg_612";
+const success = "_success_1t5eg_615";
+const error = "_error_1t5eg_109";
+const warning = "_warning_1t5eg_621";
+const shadowElement = "_shadowElement_1t5eg_628";
+const label = "_label_1t5eg_638";
+const roundNone = "_roundNone_1t5eg_656";
+const roundSmall = "_roundSmall_1t5eg_660";
+const roundMedium = "_roundMedium_1t5eg_664";
+const roundLarge = "_roundLarge_1t5eg_668";
+const roundFull = "_roundFull_1t5eg_672";
+const shadowNone = "_shadowNone_1t5eg_676";
+const shadowLight = "_shadowLight_1t5eg_680";
+const shadowMedium = "_shadowMedium_1t5eg_684";
+const shadowStrong = "_shadowStrong_1t5eg_688";
+const shadowIntense = "_shadowIntense_1t5eg_692";
 const styles = {
   noScroll,
   errorMessage,
@@ -62,13 +62,13 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_ro72t_1",
-  "slide-up": "_slide-up_ro72t_1",
-  "spin-3d": "_spin-3d_ro72t_1",
-  "fade-in-up": "_fade-in-up_ro72t_1",
-  "progress-grow": "_progress-grow_ro72t_1",
-  "indeterminate-move": "_indeterminate-move_ro72t_1",
-  "skeleton-loading": "_skeleton-loading_ro72t_1"
+  "fade-in": "_fade-in_1t5eg_1",
+  "slide-up": "_slide-up_1t5eg_1",
+  "spin-3d": "_spin-3d_1t5eg_1",
+  "fade-in-up": "_fade-in-up_1t5eg_1",
+  "progress-grow": "_progress-grow_1t5eg_1",
+  "indeterminate-move": "_indeterminate-move_1t5eg_1",
+  "skeleton-loading": "_skeleton-loading_1t5eg_1"
 };
 const SpinnerBase = ({
   theme = getDefaultTheme(),
@@ -106,7 +106,7 @@ const SpinnerBase = ({
       role: "status",
       "aria-live": "polite",
       "aria-busy": true,
-      ...visibleLabelId ? { "aria-labelledby": visibleLabelId } : { "aria-label": "Loading" },
+      ...visibleLabelId ? { "aria-labelledby": visibleLabelId, "aria-label": label2 } : { "aria-label": "Loading" },
       "data-testid": testId,
       children: [
         /* @__PURE__ */ jsx(
@@ -151,4 +151,4 @@ Spinner.displayName = "Spinner";
 export {
   Spinner as S
 };
-//# sourceMappingURL=Spinner-ChiOXzru.js.map
+//# sourceMappingURL=Spinner-BFAOf4tt.js.map

package/dist/next/Spinner-BFAOf4tt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-BFAOf4tt.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className]\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state]\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`]\r\n      ),\r\n    [classMap, shadow]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy={true}\r\n      {...(visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId, \"aria-label\": label }\r\n        : { \"aria-label\": \"Loading\" })}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":["label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiBA,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAW;AAAA,MACV,GAAI,iBACD,EAAE,mBAAmB,gBAAgB,cAAcA,OAAA,IACnD,EAAE,cAAc,UAAA;AAAA,MACpB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvBA,UACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AChF1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAO,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;AACA,QAAQ,cAAc;"}

package/dist/next/Spinner.cjs.js

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

package/dist/next/Spinner.js

@@ -1,4 +1,4 @@
-import { S } from "./Spinner-ChiOXzru.js";
+import { S } from "./Spinner-BFAOf4tt.js";
 export {
   S as default
 };

package/dist/next/{Stepper-9uHSgp7y.js → Stepper-B03bz8wT.js}

@@ -1,38 +1,38 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-import { I as IconButton } from "./IconButton-qQljwBB2.js";
-const noScroll = "_noScroll_1bujr_108";
-const errorMessage = "_errorMessage_1bujr_109";
-const loadingContainer = "_loadingContainer_1bujr_110";
-const hideScrollbar = "_hideScrollbar_1bujr_102";
-const sr_only = "_sr_only_1bujr_111";
-const stepper = "_stepper_1bujr_540";
-const xs = "_xs_1bujr_559";
-const small = "_small_1bujr_562";
-const medium = "_medium_1bujr_565";
-const large = "_large_1bujr_568";
-const xl = "_xl_1bujr_571";
-const vertical = "_vertical_1bujr_574";
-const connector = "_connector_1bujr_580";
-const clickable = "_clickable_1bujr_596";
-const disabled = "_disabled_1bujr_599";
-const stepButton = "_stepButton_1bujr_599";
-const icon = "_icon_1bujr_612";
-const label = "_label_1bujr_618";
-const step = "_step_1bujr_540";
-const active = "_active_1bujr_663";
-const completed = "_completed_1bujr_667";
-const primary = "_primary_1bujr_675";
-const secondary = "_secondary_1bujr_678";
-const tertiary = "_tertiary_1bujr_681";
-const quaternary = "_quaternary_1bujr_684";
-const clear = "_clear_1bujr_687";
-const success = "_success_1bujr_690";
-const error = "_error_1bujr_109";
-const warning = "_warning_1bujr_696";
-const spin = "_spin_1bujr_1";
-const pulse = "_pulse_1bujr_1";
+import { I as IconButton } from "./IconButton-BTUFKRZt.js";
+const noScroll = "_noScroll_1jkrv_108";
+const errorMessage = "_errorMessage_1jkrv_109";
+const loadingContainer = "_loadingContainer_1jkrv_110";
+const hideScrollbar = "_hideScrollbar_1jkrv_102";
+const sr_only = "_sr_only_1jkrv_111";
+const stepper = "_stepper_1jkrv_540";
+const xs = "_xs_1jkrv_559";
+const small = "_small_1jkrv_562";
+const medium = "_medium_1jkrv_565";
+const large = "_large_1jkrv_568";
+const xl = "_xl_1jkrv_571";
+const vertical = "_vertical_1jkrv_574";
+const connector = "_connector_1jkrv_580";
+const clickable = "_clickable_1jkrv_596";
+const disabled = "_disabled_1jkrv_599";
+const stepButton = "_stepButton_1jkrv_599";
+const icon = "_icon_1jkrv_612";
+const label = "_label_1jkrv_618";
+const step = "_step_1jkrv_540";
+const active = "_active_1jkrv_663";
+const completed = "_completed_1jkrv_667";
+const primary = "_primary_1jkrv_675";
+const secondary = "_secondary_1jkrv_678";
+const tertiary = "_tertiary_1jkrv_681";
+const quaternary = "_quaternary_1jkrv_684";
+const clear = "_clear_1jkrv_687";
+const success = "_success_1jkrv_690";
+const error = "_error_1jkrv_109";
+const warning = "_warning_1jkrv_696";
+const spin = "_spin_1jkrv_1";
+const pulse = "_pulse_1jkrv_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -63,15 +63,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_1bujr_1",
-  "slide-up": "_slide-up_1bujr_1",
-  "spin-3d": "_spin-3d_1bujr_1",
+  "fade-in": "_fade-in_1jkrv_1",
+  "slide-up": "_slide-up_1jkrv_1",
+  "spin-3d": "_spin-3d_1jkrv_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1bujr_1",
-  "progress-grow": "_progress-grow_1bujr_1",
-  "indeterminate-move": "_indeterminate-move_1bujr_1",
-  "skeleton-loading": "_skeleton-loading_1bujr_1"
+  "fade-in-up": "_fade-in-up_1jkrv_1",
+  "progress-grow": "_progress-grow_1jkrv_1",
+  "indeterminate-move": "_indeterminate-move_1jkrv_1",
+  "skeleton-loading": "_skeleton-loading_1jkrv_1"
 };
 const StepperBase = ({
   steps,
@@ -182,4 +182,4 @@ Stepper.displayName = "Stepper";
 export {
   Stepper as S
 };
-//# sourceMappingURL=Stepper-9uHSgp7y.js.map
+//# sourceMappingURL=Stepper-B03bz8wT.js.map

package/dist/next/{Stepper-9uHSgp7y.js.map → Stepper-B03bz8wT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Stepper-9uHSgp7y.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { StepperBaseProps } from \"./Stepper.types\";\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":["step","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,MAAM;AACxB,QAAM,eAAe,GAAG,MAAM;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,SAAS;AAAA,QACT,SAAS,WAAW;AAAA,QACpB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,IAAI,cAAc,WAAU,WAAU,UAAA,oBAE5C;AAAA,QAEC,MAAM,IAAI,CAACA,OAAM,UAAU;AAC1B,gBAAM,OAAOA,MAAK,SAAS,MAAM,oBAAC,QAAA,EAAM,kBAAQ,EAAA,CAAE;AAClD,gBAAM,cAAc,QAAQ;AAC5B,gBAAM,WAAW,UAAU;AAC3B,gBAAM,WAAW,QAAQ;AACzB,gBAAM,aAAa,yBAAyB;AAC5C,gBAAM,WAAW,CAAC,CAAC,eAAe,CAAC;AACnC,gBAAM,SAAS,GAAG,MAAM,SAAS,KAAK;AACtC,gBAAMC,SAAQ,QAAQ,QAAQ,CAAC,OAAO,SAAS,KAAKD,MAAK,KAAK;AAE9D,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAW;AAAA,gBACT,SAAS;AAAA,gBACT,WAAW,SAAS,SAAS;AAAA,gBAC7B,cAAc,SAAS,YAAY;AAAA,gBACnC,cAAc,SAAS,YAAY;AAAA,cAAA;AAAA,cAErC,eAAa;AAAA,cAEb,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAM;AAAA,oBACN;AAAA,oBACA;AAAA,oBACA,WAAW;AAAA,sBACT,SAAS;AAAA,sBACT,WAAW,SAAS,SAAS;AAAA,sBAC7B,cAAc,SAAS,YAAY;AAAA,oBAAA;AAAA,oBAErC;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAU;AAAA,oBACV,SAAS,CAAC;AAAA,oBACV,cAAYC;AAAA,oBACZ,gBAAc,WAAW,SAAS;AAAA,oBAClC,iBAAe;AAAA,oBACf,eAAa,GAAG,MAAM;AAAA,oBACtB,UAAU,WAAW,IAAI;AAAA,oBACzB,SAAS,MAAM,2CAAc;AAAA,oBAC7B,WAAW,CAAC,MAA2B;AACrC,2BAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,YAAY;AACvD,0BAAE,eAAA;AACF,mEAAc;AAAA,sBAChB;AAAA,oBACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGF;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,MAAM;AAAA,oBACtB,eAAY;AAAA,oBAEX,UAAAD,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,YA5CK;AAAA,UAAA;AAAA,QA+CX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,YAAY,cAAc;ACvG1B,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,qBAAqB,WAAA,CAAY;AAE7E,QAAQ,cAAc;"}
+{"version":3,"file":"Stepper-B03bz8wT.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { StepperBaseProps } from \"./Stepper.types\";\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":["step","label"],"mappings":"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"}

package/dist/next/{Stepper-UwSloxRf.cjs → Stepper-XZSIlydV.cjs}

@@ -2,38 +2,38 @@
 const require$$2 = require("react/jsx-runtime");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const IconButton = require("./IconButton-VSz8qAIg.cjs");
-const noScroll = "_noScroll_1bujr_108";
-const errorMessage = "_errorMessage_1bujr_109";
-const loadingContainer = "_loadingContainer_1bujr_110";
-const hideScrollbar = "_hideScrollbar_1bujr_102";
-const sr_only = "_sr_only_1bujr_111";
-const stepper = "_stepper_1bujr_540";
-const xs = "_xs_1bujr_559";
-const small = "_small_1bujr_562";
-const medium = "_medium_1bujr_565";
-const large = "_large_1bujr_568";
-const xl = "_xl_1bujr_571";
-const vertical = "_vertical_1bujr_574";
-const connector = "_connector_1bujr_580";
-const clickable = "_clickable_1bujr_596";
-const disabled = "_disabled_1bujr_599";
-const stepButton = "_stepButton_1bujr_599";
-const icon = "_icon_1bujr_612";
-const label = "_label_1bujr_618";
-const step = "_step_1bujr_540";
-const active = "_active_1bujr_663";
-const completed = "_completed_1bujr_667";
-const primary = "_primary_1bujr_675";
-const secondary = "_secondary_1bujr_678";
-const tertiary = "_tertiary_1bujr_681";
-const quaternary = "_quaternary_1bujr_684";
-const clear = "_clear_1bujr_687";
-const success = "_success_1bujr_690";
-const error = "_error_1bujr_109";
-const warning = "_warning_1bujr_696";
-const spin = "_spin_1bujr_1";
-const pulse = "_pulse_1bujr_1";
+const IconButton = require("./IconButton-2l-_HOMB.cjs");
+const noScroll = "_noScroll_1jkrv_108";
+const errorMessage = "_errorMessage_1jkrv_109";
+const loadingContainer = "_loadingContainer_1jkrv_110";
+const hideScrollbar = "_hideScrollbar_1jkrv_102";
+const sr_only = "_sr_only_1jkrv_111";
+const stepper = "_stepper_1jkrv_540";
+const xs = "_xs_1jkrv_559";
+const small = "_small_1jkrv_562";
+const medium = "_medium_1jkrv_565";
+const large = "_large_1jkrv_568";
+const xl = "_xl_1jkrv_571";
+const vertical = "_vertical_1jkrv_574";
+const connector = "_connector_1jkrv_580";
+const clickable = "_clickable_1jkrv_596";
+const disabled = "_disabled_1jkrv_599";
+const stepButton = "_stepButton_1jkrv_599";
+const icon = "_icon_1jkrv_612";
+const label = "_label_1jkrv_618";
+const step = "_step_1jkrv_540";
+const active = "_active_1jkrv_663";
+const completed = "_completed_1jkrv_667";
+const primary = "_primary_1jkrv_675";
+const secondary = "_secondary_1jkrv_678";
+const tertiary = "_tertiary_1jkrv_681";
+const quaternary = "_quaternary_1jkrv_684";
+const clear = "_clear_1jkrv_687";
+const success = "_success_1jkrv_690";
+const error = "_error_1jkrv_109";
+const warning = "_warning_1jkrv_696";
+const spin = "_spin_1jkrv_1";
+const pulse = "_pulse_1jkrv_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -64,15 +64,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_1bujr_1",
-  "slide-up": "_slide-up_1bujr_1",
-  "spin-3d": "_spin-3d_1bujr_1",
+  "fade-in": "_fade-in_1jkrv_1",
+  "slide-up": "_slide-up_1jkrv_1",
+  "spin-3d": "_spin-3d_1jkrv_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1bujr_1",
-  "progress-grow": "_progress-grow_1bujr_1",
-  "indeterminate-move": "_indeterminate-move_1bujr_1",
-  "skeleton-loading": "_skeleton-loading_1bujr_1"
+  "fade-in-up": "_fade-in-up_1jkrv_1",
+  "progress-grow": "_progress-grow_1jkrv_1",
+  "indeterminate-move": "_indeterminate-move_1jkrv_1",
+  "skeleton-loading": "_skeleton-loading_1jkrv_1"
 };
 const StepperBase = ({
   steps,
@@ -181,4 +181,4 @@ StepperBase.displayName = "StepperBase";
 const Stepper = (props) => /* @__PURE__ */ require$$2.jsx(StepperBase, { ...props, classMap: styles, IconButtonComponent: IconButton.IconButton });
 Stepper.displayName = "Stepper";
 exports.Stepper = Stepper;
-//# sourceMappingURL=Stepper-UwSloxRf.cjs.map
+//# sourceMappingURL=Stepper-XZSIlydV.cjs.map

package/dist/next/{Stepper-UwSloxRf.cjs.map → Stepper-XZSIlydV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Stepper-UwSloxRf.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { StepperBaseProps } from \"./Stepper.types\";\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","step","label","IconButton"],"mappings":"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"}
+{"version":3,"file":"Stepper-XZSIlydV.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { StepperBaseProps } from \"./Stepper.types\";\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","step","label","IconButton"],"mappings":"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"}

package/dist/next/Stepper.cjs.js

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

package/dist/next/Stepper.js

@@ -1,4 +1,4 @@
-import { S } from "./Stepper-9uHSgp7y.js";
+import { S } from "./Stepper-B03bz8wT.js";
 export {
   S as default
 };

package/dist/next/{Tabs-D2jqRrxR.cjs → Tabs-D8Efg8wn.cjs}

@@ -4,42 +4,42 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_13ifa_108";
-const errorMessage = "_errorMessage_13ifa_109";
-const loadingContainer = "_loadingContainer_13ifa_110";
-const hideScrollbar = "_hideScrollbar_13ifa_102";
-const sr_only = "_sr_only_13ifa_111";
-const tabs_container = "_tabs_container_13ifa_540";
-const tabs = "_tabs_13ifa_540";
-const icon = "_icon_13ifa_563";
-const tab = "_tab_13ifa_540";
-const xs = "_xs_13ifa_620";
-const small = "_small_13ifa_630";
-const medium = "_medium_13ifa_640";
-const large = "_large_13ifa_650";
-const xl = "_xl_13ifa_660";
-const content = "_content_13ifa_670";
-const primary = "_primary_13ifa_691";
-const active = "_active_13ifa_691";
-const secondary = "_secondary_13ifa_700";
-const tertiary = "_tertiary_13ifa_709";
-const quaternary = "_quaternary_13ifa_718";
-const clear = "_clear_13ifa_727";
-const success = "_success_13ifa_736";
-const error = "_error_13ifa_109";
-const warning = "_warning_13ifa_754";
-const roundNone = "_roundNone_13ifa_767";
-const roundSmall = "_roundSmall_13ifa_777";
-const roundMedium = "_roundMedium_13ifa_787";
-const roundLarge = "_roundLarge_13ifa_797";
-const roundFull = "_roundFull_13ifa_807";
-const shadowNone = "_shadowNone_13ifa_817";
-const shadowLight = "_shadowLight_13ifa_821";
-const shadowMedium = "_shadowMedium_13ifa_825";
-const shadowStrong = "_shadowStrong_13ifa_829";
-const shadowIntense = "_shadowIntense_13ifa_833";
-const spin = "_spin_13ifa_1";
-const pulse = "_pulse_13ifa_1";
+const noScroll = "_noScroll_1p7z1_108";
+const errorMessage = "_errorMessage_1p7z1_109";
+const loadingContainer = "_loadingContainer_1p7z1_110";
+const hideScrollbar = "_hideScrollbar_1p7z1_102";
+const sr_only = "_sr_only_1p7z1_111";
+const tabs_container = "_tabs_container_1p7z1_540";
+const tabs = "_tabs_1p7z1_540";
+const icon = "_icon_1p7z1_563";
+const tab = "_tab_1p7z1_540";
+const xs = "_xs_1p7z1_620";
+const small = "_small_1p7z1_630";
+const medium = "_medium_1p7z1_640";
+const large = "_large_1p7z1_650";
+const xl = "_xl_1p7z1_660";
+const content = "_content_1p7z1_670";
+const primary = "_primary_1p7z1_691";
+const active = "_active_1p7z1_691";
+const secondary = "_secondary_1p7z1_700";
+const tertiary = "_tertiary_1p7z1_709";
+const quaternary = "_quaternary_1p7z1_718";
+const clear = "_clear_1p7z1_727";
+const success = "_success_1p7z1_736";
+const error = "_error_1p7z1_109";
+const warning = "_warning_1p7z1_754";
+const roundNone = "_roundNone_1p7z1_767";
+const roundSmall = "_roundSmall_1p7z1_777";
+const roundMedium = "_roundMedium_1p7z1_787";
+const roundLarge = "_roundLarge_1p7z1_797";
+const roundFull = "_roundFull_1p7z1_807";
+const shadowNone = "_shadowNone_1p7z1_817";
+const shadowLight = "_shadowLight_1p7z1_821";
+const shadowMedium = "_shadowMedium_1p7z1_825";
+const shadowStrong = "_shadowStrong_1p7z1_829";
+const shadowIntense = "_shadowIntense_1p7z1_833";
+const spin = "_spin_1p7z1_1";
+const pulse = "_pulse_1p7z1_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -75,15 +75,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_13ifa_1",
-  "slide-up": "_slide-up_13ifa_1",
-  "spin-3d": "_spin-3d_13ifa_1",
+  "fade-in": "_fade-in_1p7z1_1",
+  "slide-up": "_slide-up_1p7z1_1",
+  "spin-3d": "_spin-3d_1p7z1_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_13ifa_1",
-  "progress-grow": "_progress-grow_13ifa_1",
-  "indeterminate-move": "_indeterminate-move_13ifa_1",
-  "skeleton-loading": "_skeleton-loading_13ifa_1"
+  "fade-in-up": "_fade-in-up_1p7z1_1",
+  "progress-grow": "_progress-grow_1p7z1_1",
+  "indeterminate-move": "_indeterminate-move_1p7z1_1",
+  "skeleton-loading": "_skeleton-loading_1p7z1_1"
 };
 const TabsBase = ({
   tabs: tabs2,
@@ -260,4 +260,4 @@ const Tabs = (props) => {
 };
 Tabs.displayName = "Tabs";
 exports.Tabs = Tabs;
-//# sourceMappingURL=Tabs-D2jqRrxR.cjs.map
+//# sourceMappingURL=Tabs-D8Efg8wn.cjs.map

package/dist/next/{Tabs-D2jqRrxR.cjs.map → Tabs-D8Efg8wn.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Tabs-D2jqRrxR.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } from \"./Tabs.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 TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  onChange,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const baseId = `${testId}-${uid}`;\r\n\r\n  const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n  const [focusIndex, setFocusIndex] = useState(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  const containerClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, className]\r\n  );\r\n\r\n  const tabClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tab,\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 activate = (index: number) => {\r\n    setActiveIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const isDisabled = (index: number) => !!tabs[index]?.disabled;\r\n\r\n  const nextEnabled = (start: number, dir: 1 | -1) => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n    return start;\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  const currentPanelId = `${baseId}-panel-${activeIndex}`;\r\n  const currentTabId = `${baseId}-tab-${activeIndex}`;\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        className={classMap.tabs}\r\n        role=\"tablist\"\r\n        aria-label=\"Tabs\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\r\n        data-testid={`${testId}-tablist`}\r\n      >\r\n        {tabs.map((tab, index) => {\r\n          const Icon = tab.icon;\r\n          const isActive = index === activeIndex;\r\n          const disabled = isDisabled(index);\r\n          const tabId = `${baseId}-tab-${index}`;\r\n          const panelId = `${baseId}-panel-${index}`;\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabClassNames,\r\n                isActive && classMap.active,\r\n                disabled && classMap.disabled\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-controls={panelId}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <div\r\n                  className={classMap.icon}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </div>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.content}\r\n        role=\"tabpanel\"\r\n        id={currentPanelId}\r\n        aria-labelledby={currentTabId}\r\n        tabIndex={0}\r\n        data-testid={`${testId}-panel`}\r\n      >\r\n        {tabs[activeIndex].content}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":["tabs","getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useId","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","tab"],"mappings":"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"}
+{"version":3,"file":"Tabs-D8Efg8wn.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } from \"./Tabs.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 TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  onChange,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const baseId = `${testId}-${uid}`;\r\n\r\n  const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n  const [focusIndex, setFocusIndex] = useState(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  const containerClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, className]\r\n  );\r\n\r\n  const tabClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tab,\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 activate = (index: number) => {\r\n    setActiveIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const isDisabled = (index: number) => !!tabs[index]?.disabled;\r\n\r\n  const nextEnabled = (start: number, dir: 1 | -1) => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n    return start;\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  const currentPanelId = `${baseId}-panel-${activeIndex}`;\r\n  const currentTabId = `${baseId}-tab-${activeIndex}`;\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        className={classMap.tabs}\r\n        role=\"tablist\"\r\n        aria-label=\"Tabs\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\r\n        data-testid={`${testId}-tablist`}\r\n      >\r\n        {tabs.map((tab, index) => {\r\n          const Icon = tab.icon;\r\n          const isActive = index === activeIndex;\r\n          const disabled = isDisabled(index);\r\n          const tabId = `${baseId}-tab-${index}`;\r\n          const panelId = `${baseId}-panel-${index}`;\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabClassNames,\r\n                isActive && classMap.active,\r\n                disabled && classMap.disabled\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-controls={panelId}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <div\r\n                  className={classMap.icon}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </div>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.content}\r\n        role=\"tabpanel\"\r\n        id={currentPanelId}\r\n        aria-labelledby={currentTabId}\r\n        tabIndex={0}\r\n        data-testid={`${testId}-panel`}\r\n      >\r\n        {tabs[activeIndex].content}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":["tabs","getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useId","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","tab"],"mappings":"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"}