boreal-ui 0.0.72 → 0.0.74

package/dist/next/Spinner-CmaoTjNr.cjs

@@ -0,0 +1,161 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const noScroll = "_noScroll_rra6z_109";
+const errorMessage = "_errorMessage_rra6z_110";
+const loadingContainer = "_loadingContainer_rra6z_111";
+const hideScrollbar = "_hideScrollbar_rra6z_103";
+const sr_only = "_sr_only_rra6z_112";
+const wrapper = "_wrapper_rra6z_637";
+const spinner = "_spinner_rra6z_671";
+const spin = "_spin_rra6z_671";
+const pulse = "_pulse_rra6z_1";
+const primary = "_primary_rra6z_701";
+const secondary = "_secondary_rra6z_704";
+const tertiary = "_tertiary_rra6z_707";
+const quaternary = "_quaternary_rra6z_710";
+const clear = "_clear_rra6z_713";
+const success = "_success_rra6z_716";
+const error = "_error_rra6z_110";
+const warning = "_warning_rra6z_722";
+const shadowElement = "_shadowElement_rra6z_729";
+const label = "_label_rra6z_739";
+const roundNone = "_roundNone_rra6z_761";
+const roundSmall = "_roundSmall_rra6z_765";
+const roundMedium = "_roundMedium_rra6z_769";
+const roundLarge = "_roundLarge_rra6z_773";
+const roundFull = "_roundFull_rra6z_777";
+const shadowNone = "_shadowNone_rra6z_781";
+const shadowLight = "_shadowLight_rra6z_785";
+const shadowMedium = "_shadowMedium_rra6z_789";
+const shadowStrong = "_shadowStrong_rra6z_793";
+const shadowIntense = "_shadowIntense_rra6z_797";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  spinner,
+  spin,
+  pulse,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  shadowElement,
+  label,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_rra6z_1",
+  "slide-up": "_slide-up_rra6z_1",
+  "spin-3d": "_spin-3d_rra6z_1",
+  "fade-in-up": "_fade-in-up_rra6z_1",
+  "progress-grow": "_progress-grow_rra6z_1",
+  "indeterminate-move": "_indeterminate-move_rra6z_1",
+  "skeleton-loading": "_skeleton-loading_rra6z_1"
+};
+const SpinnerBase = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = 50,
+  shadow = borealStyleConfig.getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "spinner",
+  label: label2,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive = "polite",
+  "aria-busy": ariaBusy = true,
+  role = "status",
+  classMap
+}) => {
+  const uid = React.useId();
+  const spinnerSize = `${size}px`;
+  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;
+  const visibleLabelId = label2 ? `${testId}-label-${uid}` : void 0;
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(classMap.wrapper, className),
+    [classMap, className]
+  );
+  const spinnerClasses = React.useMemo(
+    () => classNames.combineClassNames(classMap.spinner, classMap[theme], classMap[state]),
+    [classMap, theme, state]
+  );
+  const shadowClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.shadowElement,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`]
+    ),
+    [classMap, shadow]
+  );
+  const accessibleNameProps = ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : ariaLabel ? { "aria-label": ariaLabel } : visibleLabelId ? { "aria-labelledby": visibleLabelId } : { "aria-label": "Loading" };
+  return /* @__PURE__ */ require$$2.jsxs(
+    "div",
+    {
+      className: wrapperClass,
+      role,
+      "aria-live": ariaLive,
+      "aria-busy": ariaBusy,
+      "aria-describedby": ariaDescribedBy,
+      "data-testid": testId,
+      ...accessibleNameProps,
+      children: [
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: shadowClass,
+            style: { width: spinnerSize, height: spinnerSize },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: spinnerClasses,
+            style: {
+              width: spinnerSize,
+              height: spinnerSize,
+              borderWidth: strokeWidth
+            },
+            "aria-hidden": "true",
+            "data-testid": `${testId}-ring`
+          }
+        ),
+        label2 && !ariaLabelledBy && /* @__PURE__ */ require$$2.jsx(
+          "span",
+          {
+            id: visibleLabelId,
+            className: classMap.label,
+            "data-testid": `${testId}-label`,
+            children: label2
+          }
+        )
+      ]
+    }
+  );
+};
+SpinnerBase.displayName = "SpinnerBase";
+const Spinner = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(SpinnerBase, { ...props, classMap: styles });
+};
+Spinner.displayName = "Spinner";
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner-CmaoTjNr.cjs.map

package/dist/next/Spinner-CmaoTjNr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-CmaoTjNr.cjs","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  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive = \"polite\",\r\n  \"aria-busy\": ariaBusy = true,\r\n  role = \"status\",\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  const accessibleNameProps = ariaLabelledBy\r\n    ? { \"aria-labelledby\": ariaLabelledBy }\r\n    : ariaLabel\r\n      ? { \"aria-label\": ariaLabel }\r\n      : visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" };\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role={role}\r\n      aria-live={ariaLive}\r\n      aria-busy={ariaBusy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...accessibleNameProps}\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 && !ariaLabelledBy && (\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":["getDefaultTheme","getDefaultShadow","label","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAC;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa,WAAW;AAAA,EACxB,aAAa,WAAW;AAAA,EACxB,OAAO;AAAA,EACP;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiBD,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAeE,MAAAA;AAAAA,IACnB,MAAMC,6BAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiBD,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,QAAM,sBAAsB,iBACxB,EAAE,mBAAmB,eAAA,IACrB,YACE,EAAE,cAAc,UAAA,IAChB,iBACE,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAExB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,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,QAGvBN,UAAS,CAAC,kBACTM,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AC7F1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAOM,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;AACA,QAAQ,cAAc;;"}

package/dist/next/Spinner-D7jfVZGm.js

@@ -0,0 +1,162 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+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-DsaRlxmw.js";
+const noScroll = "_noScroll_rra6z_109";
+const errorMessage = "_errorMessage_rra6z_110";
+const loadingContainer = "_loadingContainer_rra6z_111";
+const hideScrollbar = "_hideScrollbar_rra6z_103";
+const sr_only = "_sr_only_rra6z_112";
+const wrapper = "_wrapper_rra6z_637";
+const spinner = "_spinner_rra6z_671";
+const spin = "_spin_rra6z_671";
+const pulse = "_pulse_rra6z_1";
+const primary = "_primary_rra6z_701";
+const secondary = "_secondary_rra6z_704";
+const tertiary = "_tertiary_rra6z_707";
+const quaternary = "_quaternary_rra6z_710";
+const clear = "_clear_rra6z_713";
+const success = "_success_rra6z_716";
+const error = "_error_rra6z_110";
+const warning = "_warning_rra6z_722";
+const shadowElement = "_shadowElement_rra6z_729";
+const label = "_label_rra6z_739";
+const roundNone = "_roundNone_rra6z_761";
+const roundSmall = "_roundSmall_rra6z_765";
+const roundMedium = "_roundMedium_rra6z_769";
+const roundLarge = "_roundLarge_rra6z_773";
+const roundFull = "_roundFull_rra6z_777";
+const shadowNone = "_shadowNone_rra6z_781";
+const shadowLight = "_shadowLight_rra6z_785";
+const shadowMedium = "_shadowMedium_rra6z_789";
+const shadowStrong = "_shadowStrong_rra6z_793";
+const shadowIntense = "_shadowIntense_rra6z_797";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  spinner,
+  spin,
+  pulse,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  shadowElement,
+  label,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_rra6z_1",
+  "slide-up": "_slide-up_rra6z_1",
+  "spin-3d": "_spin-3d_rra6z_1",
+  "fade-in-up": "_fade-in-up_rra6z_1",
+  "progress-grow": "_progress-grow_rra6z_1",
+  "indeterminate-move": "_indeterminate-move_rra6z_1",
+  "skeleton-loading": "_skeleton-loading_rra6z_1"
+};
+const SpinnerBase = ({
+  theme = getDefaultTheme(),
+  state = "",
+  size = 50,
+  shadow = getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "spinner",
+  label: label2,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive = "polite",
+  "aria-busy": ariaBusy = true,
+  role = "status",
+  classMap
+}) => {
+  const uid = useId();
+  const spinnerSize = `${size}px`;
+  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;
+  const visibleLabelId = label2 ? `${testId}-label-${uid}` : void 0;
+  const wrapperClass = useMemo(
+    () => combineClassNames(classMap.wrapper, className),
+    [classMap, className]
+  );
+  const spinnerClasses = useMemo(
+    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),
+    [classMap, theme, state]
+  );
+  const shadowClass = useMemo(
+    () => combineClassNames(
+      classMap.shadowElement,
+      shadow && classMap[`shadow${capitalize(shadow)}`]
+    ),
+    [classMap, shadow]
+  );
+  const accessibleNameProps = ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : ariaLabel ? { "aria-label": ariaLabel } : visibleLabelId ? { "aria-labelledby": visibleLabelId } : { "aria-label": "Loading" };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: wrapperClass,
+      role,
+      "aria-live": ariaLive,
+      "aria-busy": ariaBusy,
+      "aria-describedby": ariaDescribedBy,
+      "data-testid": testId,
+      ...accessibleNameProps,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: shadowClass,
+            style: { width: spinnerSize, height: spinnerSize },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: spinnerClasses,
+            style: {
+              width: spinnerSize,
+              height: spinnerSize,
+              borderWidth: strokeWidth
+            },
+            "aria-hidden": "true",
+            "data-testid": `${testId}-ring`
+          }
+        ),
+        label2 && !ariaLabelledBy && /* @__PURE__ */ jsx(
+          "span",
+          {
+            id: visibleLabelId,
+            className: classMap.label,
+            "data-testid": `${testId}-label`,
+            children: label2
+          }
+        )
+      ]
+    }
+  );
+};
+SpinnerBase.displayName = "SpinnerBase";
+const Spinner = (props) => {
+  return /* @__PURE__ */ jsx(SpinnerBase, { ...props, classMap: styles });
+};
+Spinner.displayName = "Spinner";
+export {
+  Spinner as S
+};
+//# sourceMappingURL=Spinner-D7jfVZGm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-D7jfVZGm.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  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive = \"polite\",\r\n  \"aria-busy\": ariaBusy = true,\r\n  role = \"status\",\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  const accessibleNameProps = ariaLabelledBy\r\n    ? { \"aria-labelledby\": ariaLabelledBy }\r\n    : ariaLabel\r\n      ? { \"aria-label\": ariaLabel }\r\n      : visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" };\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role={role}\r\n      aria-live={ariaLive}\r\n      aria-busy={ariaBusy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...accessibleNameProps}\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 && !ariaLabelledBy && (\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,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa,WAAW;AAAA,EACxB,aAAa,WAAW;AAAA,EACxB,OAAO;AAAA,EACP;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,QAAM,sBAAsB,iBACxB,EAAE,mBAAmB,eAAA,IACrB,YACE,EAAE,cAAc,UAAA,IAChB,iBACE,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAExB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,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,UAAS,CAAC,kBACT;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;AC7F1B,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-Byhhnxa6.cjs");
+const Spinner = require("./Spinner-CmaoTjNr.cjs");
 module.exports = Spinner.Spinner;
 //# sourceMappingURL=Spinner.cjs.js.map

package/dist/next/Spinner.js

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

package/dist/next/Stepper-C0cNzpY8.cjs

@@ -0,0 +1,198 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+;/* empty css                   */
+const IconButton = require("./IconButton-4ySBEhn1.cjs");
+const noScroll = "_noScroll_1sq82_109";
+const errorMessage = "_errorMessage_1sq82_110";
+const loadingContainer = "_loadingContainer_1sq82_111";
+const hideScrollbar = "_hideScrollbar_1sq82_103";
+const sr_only = "_sr_only_1sq82_112";
+const stepper = "_stepper_1sq82_637";
+const xs = "_xs_1sq82_657";
+const small = "_small_1sq82_660";
+const medium = "_medium_1sq82_663";
+const large = "_large_1sq82_666";
+const xl = "_xl_1sq82_669";
+const vertical = "_vertical_1sq82_672";
+const connector = "_connector_1sq82_678";
+const clickable = "_clickable_1sq82_694";
+const disabled = "_disabled_1sq82_697";
+const stepButton = "_stepButton_1sq82_697";
+const icon = "_icon_1sq82_710";
+const label = "_label_1sq82_716";
+const step = "_step_1sq82_637";
+const active = "_active_1sq82_766";
+const completed = "_completed_1sq82_770";
+const primary = "_primary_1sq82_778";
+const secondary = "_secondary_1sq82_781";
+const tertiary = "_tertiary_1sq82_784";
+const quaternary = "_quaternary_1sq82_787";
+const clear = "_clear_1sq82_790";
+const success = "_success_1sq82_793";
+const error = "_error_1sq82_110";
+const warning = "_warning_1sq82_799";
+const spin = "_spin_1sq82_1";
+const pulse = "_pulse_1sq82_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  stepper,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  vertical,
+  connector,
+  clickable,
+  disabled,
+  stepButton,
+  icon,
+  label,
+  step,
+  active,
+  completed,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  "fade-in": "_fade-in_1sq82_1",
+  "slide-up": "_slide-up_1sq82_1",
+  "spin-3d": "_spin-3d_1sq82_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1sq82_1",
+  "progress-grow": "_progress-grow_1sq82_1",
+  "indeterminate-move": "_indeterminate-move_1sq82_1",
+  "skeleton-loading": "_skeleton-loading_1sq82_1"
+};
+const StepperBase = ({
+  steps,
+  activeStep,
+  onStepClick,
+  disableBackNavigation = false,
+  orientation = "horizontal",
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = borealStyleConfig.getDefaultSize(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  "data-testid": testId = "stepper",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  groupLabel = "Progress Stepper",
+  getStepAriaLabel,
+  classMap,
+  className,
+  IconButtonComponent
+}) => {
+  const stepCount = steps.length;
+  const fallbackGroupLabelId = `${testId}-label`;
+  const resolvedAriaLabelledBy = ariaLabelledBy ? ariaLabelledBy : !ariaLabel ? fallbackGroupLabelId : void 0;
+  return /* @__PURE__ */ require$$2.jsxs(
+    "div",
+    {
+      className: classNames.combineClassNames(
+        classMap.stepper,
+        classMap[orientation],
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        className
+      ),
+      role: "list",
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": resolvedAriaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "data-testid": testId,
+      children: [
+        !ariaLabel && !ariaLabelledBy && /* @__PURE__ */ require$$2.jsx("span", { id: fallbackGroupLabelId, className: "sr_only", children: groupLabel }),
+        steps.map((step2, index) => {
+          const Icon = step2.icon || (() => /* @__PURE__ */ require$$2.jsx("span", { children: index + 1 }));
+          const isCompleted = index < activeStep;
+          const isActive = index === activeStep;
+          const isBefore = index < activeStep;
+          const isDisabled = disableBackNavigation && isBefore;
+          const isInteractive = !!onStepClick && !isDisabled;
+          const stepId = `${testId}-step-${index}`;
+          const defaultStepLabel = `Step ${index + 1} of ${stepCount}: ${step2.label}${isActive ? ", current step" : isCompleted ? ", completed" : ""}`;
+          const stepAriaLabel = getStepAriaLabel ? getStepAriaLabel(step2, index, stepCount, isActive, isCompleted) : defaultStepLabel;
+          return /* @__PURE__ */ require$$2.jsxs(
+            "div",
+            {
+              role: "listitem",
+              className: classNames.combineClassNames(
+                classMap.step,
+                isActive ? classMap.active : "",
+                isCompleted ? classMap.completed : "",
+                onStepClick ? classMap.clickable : ""
+              ),
+              "data-testid": stepId,
+              children: [
+                /* @__PURE__ */ require$$2.jsx(
+                  IconButtonComponent,
+                  {
+                    icon: Icon,
+                    theme,
+                    state,
+                    className: classNames.combineClassNames(
+                      classMap.stepButton,
+                      isActive ? classMap.active : "",
+                      isCompleted ? classMap.completed : ""
+                    ),
+                    size,
+                    shadow,
+                    rounding,
+                    disabled: isDisabled,
+                    outline: !isActive,
+                    "aria-label": stepAriaLabel,
+                    "aria-current": isActive ? "step" : void 0,
+                    "aria-disabled": isDisabled ? true : void 0,
+                    "data-testid": `${stepId}-icon`,
+                    tabIndex: isInteractive ? 0 : -1,
+                    onClick: () => {
+                      if (!isDisabled) {
+                        onStepClick == null ? void 0 : onStepClick(index);
+                      }
+                    },
+                    onKeyDown: (e) => {
+                      if ((e.key === "Enter" || e.key === " ") && !isDisabled) {
+                        e.preventDefault();
+                        onStepClick == null ? void 0 : onStepClick(index);
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ require$$2.jsx(
+                  "span",
+                  {
+                    className: classMap.stepLabel,
+                    "data-testid": `${stepId}-label`,
+                    "aria-hidden": "true",
+                    children: step2.label
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      ]
+    }
+  );
+};
+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-C0cNzpY8.cjs.map

package/dist/next/Stepper-C0cNzpY8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-C0cNzpY8.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  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  groupLabel = \"Progress Stepper\",\r\n  getStepAriaLabel,\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const fallbackGroupLabelId = `${testId}-label`;\r\n\r\n  const resolvedAriaLabelledBy = ariaLabelledBy\r\n    ? ariaLabelledBy\r\n    : !ariaLabel\r\n      ? fallbackGroupLabelId\r\n      : undefined;\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-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n    >\r\n      {!ariaLabel && !ariaLabelledBy && (\r\n        <span id={fallbackGroupLabelId} className=\"sr_only\">\r\n          {groupLabel}\r\n        </span>\r\n      )}\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 isInteractive = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n\r\n        const defaultStepLabel = `Step ${index + 1} of ${stepCount}: ${step.label}${\r\n          isActive ? \", current step\" : isCompleted ? \", completed\" : \"\"\r\n        }`;\r\n\r\n        const stepAriaLabel = getStepAriaLabel\r\n          ? getStepAriaLabel(step, index, stepCount, isActive, isCompleted)\r\n          : defaultStepLabel;\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={stepAriaLabel}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled ? true : undefined}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={isInteractive ? 0 : -1}\r\n              onClick={() => {\r\n                if (!isDisabled) {\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\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","IconButton"],"mappings":"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"}