boreal-ui 0.0.1

package/dist/next/Spinner-Doh4Uft1.cjs

@@ -0,0 +1,139 @@
+"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-Rr5d5Qts.cjs");
+const noScroll = "_noScroll_4xfep_91";
+const errorMessage = "_errorMessage_4xfep_92";
+const loadingContainer = "_loadingContainer_4xfep_93";
+const hideScrollbar = "_hideScrollbar_4xfep_85";
+const sr_only = "_sr_only_4xfep_94";
+const wrapper = "_wrapper_4xfep_479";
+const spinner = "_spinner_4xfep_493";
+const spin = "_spin_4xfep_493";
+const pulse = "_pulse_4xfep_1";
+const primary = "_primary_4xfep_507";
+const secondary = "_secondary_4xfep_510";
+const tertiary = "_tertiary_4xfep_513";
+const quaternary = "_quaternary_4xfep_516";
+const clear = "_clear_4xfep_519";
+const success = "_success_4xfep_522";
+const error = "_error_4xfep_92";
+const warning = "_warning_4xfep_528";
+const shadowNone = "_shadowNone_4xfep_535";
+const shadowLight = "_shadowLight_4xfep_539";
+const shadowMedium = "_shadowMedium_4xfep_543";
+const shadowStrong = "_shadowStrong_4xfep_547";
+const shadowIntense = "_shadowIntense_4xfep_551";
+const shadowElement = "_shadowElement_4xfep_555";
+const label = "_label_4xfep_565";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  spinner,
+  spin,
+  pulse,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  shadowElement,
+  label,
+  "fade-in": "_fade-in_4xfep_1",
+  "slide-up": "_slide-up_4xfep_1",
+  "spin-3d": "_spin-3d_4xfep_1",
+  "fade-in-up": "_fade-in-up_4xfep_1",
+  "progress-grow": "_progress-grow_4xfep_1",
+  "indeterminate-move": "_indeterminate-move_4xfep_1",
+  "skeleton-loading": "_skeleton-loading_4xfep_1"
+};
+const SpinnerBase = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = 50,
+  shadow = borealStyleConfig.getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "spinner",
+  label: label2,
+  classMap
+}) => {
+  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;
+  const spinnerSize = `${size}px`;
+  const labelId = `${testId}`;
+  const spinnerClasses = React.useMemo(
+    () => classNames.combineClassNames(classMap.spinner, classMap[theme], classMap[state]),
+    [classMap, theme, state]
+  );
+  return /* @__PURE__ */ require$$2.jsxs(
+    "div",
+    {
+      className: `${classMap.wrapper} ${className}`,
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": "true",
+      "aria-label": label2 || "Loading",
+      children: [
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: classNames.combineClassNames(
+              classMap.shadowElement,
+              shadow && classMap[`shadow${capitalize.capitalize(shadow)}`]
+            ),
+            style: { width: spinnerSize, height: spinnerSize }
+          }
+        ),
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: spinnerClasses,
+            style: {
+              width: spinnerSize,
+              height: spinnerSize,
+              borderWidth: strokeWidth
+            },
+            "data-testid": testId,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ require$$2.jsx(
+          "span",
+          {
+            id: labelId,
+            className: "sr_only",
+            "data-testid": `${testId}-sr-label`,
+            children: label2
+          }
+        ),
+        /* @__PURE__ */ require$$2.jsx(
+          "span",
+          {
+            id: labelId,
+            className: classMap.label,
+            "data-testid": `${testId}-label`,
+            children: label2
+          }
+        )
+      ]
+    }
+  );
+};
+const Spinner = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(SpinnerBase, { ...props, classMap: styles });
+};
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner-Doh4Uft1.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-Doh4Uft1.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo } 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 strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n  const spinnerSize = `${size}px`;\r\n\r\n  const labelId = `${testId}`;\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  return (\r\n    <div\r\n      className={`${classMap.wrapper} ${className}`}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy=\"true\"\r\n      aria-label={label || \"Loading\"}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.shadowElement,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`]\r\n        )}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\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        data-testid={testId}\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span\r\n        id={labelId}\r\n        className={\"sr_only\"}\r\n        data-testid={`${testId}-sr-label`}\r\n      >\r\n        {label}\r\n      </span>\r\n      <span\r\n        id={labelId}\r\n        className={classMap.label}\r\n        data-testid={`${testId}-label`}\r\n      >\r\n        {label}\r\n      </span>\r\n    </div>\r\n  );\r\n};\r\n\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\n\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","label","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAC;AAAA,EACA;AACF,MAAM;AACE,QAAA,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AACnD,QAAA,cAAc,GAAG,IAAI;AAErB,QAAA,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiBC,MAAA;AAAA,IACrB,MAAMC,6BAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EACzB;AAGE,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAYH,UAAS;AAAA,MAErB,UAAA;AAAA,QAAAI,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,WAAA;AAAA,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,YAClD;AAAA,YACA,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAY;AAAA,UAAA;AAAA,QACnD;AAAA,QACAD,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YACf;AAAA,YACA,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAJ;AAAA,UAAA;AAAA,QACH;AAAA,QACAI,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;ACjEM,MAAA,UAAkC,CAAC,UAAU;AACjD,SAAQI,2BAAAA,IAAA,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;;"}

package/dist/next/Spinner.cjs.js

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

package/dist/next/Spinner.cjs.js.map

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

package/dist/next/Spinner.js

@@ -0,0 +1,5 @@
+import { S } from "./Spinner-BxvU43sx.js";
+export {
+  S as default
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/next/Spinner.js.map

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

package/dist/next/Stepper-CQaWoBJ2.cjs

@@ -0,0 +1,196 @@
+"use strict";
+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-mY_E1gsn.cjs");
+const noScroll = "_noScroll_tubgw_91";
+const errorMessage = "_errorMessage_tubgw_92";
+const loadingContainer = "_loadingContainer_tubgw_93";
+const hideScrollbar = "_hideScrollbar_tubgw_85";
+const sr_only = "_sr_only_tubgw_94";
+const stepper = "_stepper_tubgw_479";
+const vertical = "_vertical_tubgw_487";
+const xs = "_xs_tubgw_493";
+const small = "_small_tubgw_496";
+const medium = "_medium_tubgw_499";
+const large = "_large_tubgw_502";
+const xl = "_xl_tubgw_505";
+const step = "_step_tubgw_479";
+const clickable = "_clickable_tubgw_515";
+const stepper_disabled = "_stepper_disabled_tubgw_518";
+const stepper_step_button = "_stepper_step_button_tubgw_518";
+const disabled = "_disabled_tubgw_521";
+const icon = "_icon_tubgw_526";
+const label = "_label_tubgw_532";
+const stepLabel = "_stepLabel_tubgw_547";
+const connector = "_connector_tubgw_551";
+const primary = "_primary_tubgw_557";
+const active = "_active_tubgw_557";
+const stepButton = "_stepButton_tubgw_557";
+const secondary = "_secondary_tubgw_560";
+const tertiary = "_tertiary_tubgw_563";
+const quaternary = "_quaternary_tubgw_566";
+const clear = "_clear_tubgw_569";
+const success = "_success_tubgw_572";
+const error = "_error_tubgw_92";
+const warning = "_warning_tubgw_578";
+const completed = "_completed_tubgw_585";
+const spin = "_spin_tubgw_1";
+const pulse = "_pulse_tubgw_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  stepper,
+  vertical,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  step,
+  clickable,
+  stepper_disabled,
+  stepper_step_button,
+  disabled,
+  icon,
+  label,
+  stepLabel,
+  connector,
+  primary,
+  active,
+  stepButton,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  completed,
+  "fade-in": "_fade-in_tubgw_1",
+  "slide-up": "_slide-up_tubgw_1",
+  "spin-3d": "_spin-3d_tubgw_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_tubgw_1",
+  "progress-grow": "_progress-grow_tubgw_1",
+  "indeterminate-move": "_indeterminate-move_tubgw_1",
+  "skeleton-loading": "_skeleton-loading_tubgw_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",
+  classMap,
+  className,
+  IconButtonComponent
+}) => {
+  const stepCount = steps.length;
+  const groupLabelId = `${testId}-label`;
+  return /* @__PURE__ */ require$$2.jsxs(
+    "div",
+    {
+      className: classNames.combineClassNames(
+        classMap.stepper,
+        classMap[orientation],
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        className
+      ),
+      role: "list",
+      "aria-labelledby": groupLabelId,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ require$$2.jsx("span", { id: groupLabelId, className: "sr_only", children: "Progress Stepper" }),
+        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 canFocus = !!onStepClick && !isDisabled;
+          const stepId = `${testId}-step-${index}`;
+          const label2 = `Step ${index + 1} of ${stepCount}: ${step2.label}`;
+          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": label2,
+                    "aria-current": isActive ? "step" : void 0,
+                    "aria-disabled": isDisabled,
+                    "data-testid": `${stepId}-icon`,
+                    tabIndex: canFocus ? 0 : -1,
+                    onClick: () => 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 < steps.length - 1 && /* @__PURE__ */ require$$2.jsx(
+                  "div",
+                  {
+                    className: classMap.connector,
+                    "aria-hidden": "true",
+                    "data-testid": `${stepId}-connector`
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      ]
+    }
+  );
+};
+const Stepper = (props) => /* @__PURE__ */ require$$2.jsx(StepperBase, { ...props, classMap: styles, IconButtonComponent: IconButton.IconButton });
+exports.Stepper = Stepper;
+//# sourceMappingURL=Stepper-CQaWoBJ2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-CQaWoBJ2.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\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\n\r\nexport interface StepperBaseProps extends StepperProps {\r\n  classMap: Record<string, string>;\r\n  IconButtonComponent: React.FC<any>;\r\n}\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\r\n            {index < steps.length - 1 && (\r\n              <div\r\n                className={classMap.connector}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${stepId}-connector`}\r\n              />\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\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\n\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-DGbO-fUh.js

@@ -0,0 +1,197 @@
+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-EbX_9a0k.js";
+const noScroll = "_noScroll_tubgw_91";
+const errorMessage = "_errorMessage_tubgw_92";
+const loadingContainer = "_loadingContainer_tubgw_93";
+const hideScrollbar = "_hideScrollbar_tubgw_85";
+const sr_only = "_sr_only_tubgw_94";
+const stepper = "_stepper_tubgw_479";
+const vertical = "_vertical_tubgw_487";
+const xs = "_xs_tubgw_493";
+const small = "_small_tubgw_496";
+const medium = "_medium_tubgw_499";
+const large = "_large_tubgw_502";
+const xl = "_xl_tubgw_505";
+const step = "_step_tubgw_479";
+const clickable = "_clickable_tubgw_515";
+const stepper_disabled = "_stepper_disabled_tubgw_518";
+const stepper_step_button = "_stepper_step_button_tubgw_518";
+const disabled = "_disabled_tubgw_521";
+const icon = "_icon_tubgw_526";
+const label = "_label_tubgw_532";
+const stepLabel = "_stepLabel_tubgw_547";
+const connector = "_connector_tubgw_551";
+const primary = "_primary_tubgw_557";
+const active = "_active_tubgw_557";
+const stepButton = "_stepButton_tubgw_557";
+const secondary = "_secondary_tubgw_560";
+const tertiary = "_tertiary_tubgw_563";
+const quaternary = "_quaternary_tubgw_566";
+const clear = "_clear_tubgw_569";
+const success = "_success_tubgw_572";
+const error = "_error_tubgw_92";
+const warning = "_warning_tubgw_578";
+const completed = "_completed_tubgw_585";
+const spin = "_spin_tubgw_1";
+const pulse = "_pulse_tubgw_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  stepper,
+  vertical,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  step,
+  clickable,
+  stepper_disabled,
+  stepper_step_button,
+  disabled,
+  icon,
+  label,
+  stepLabel,
+  connector,
+  primary,
+  active,
+  stepButton,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  completed,
+  "fade-in": "_fade-in_tubgw_1",
+  "slide-up": "_slide-up_tubgw_1",
+  "spin-3d": "_spin-3d_tubgw_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_tubgw_1",
+  "progress-grow": "_progress-grow_tubgw_1",
+  "indeterminate-move": "_indeterminate-move_tubgw_1",
+  "skeleton-loading": "_skeleton-loading_tubgw_1"
+};
+const StepperBase = ({
+  steps,
+  activeStep,
+  onStepClick,
+  disableBackNavigation = false,
+  orientation = "horizontal",
+  theme = getDefaultTheme(),
+  state = "",
+  size = getDefaultSize(),
+  shadow = getDefaultShadow(),
+  rounding = getDefaultRounding(),
+  "data-testid": testId = "stepper",
+  classMap,
+  className,
+  IconButtonComponent
+}) => {
+  const stepCount = steps.length;
+  const groupLabelId = `${testId}-label`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combineClassNames(
+        classMap.stepper,
+        classMap[orientation],
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        className
+      ),
+      role: "list",
+      "aria-labelledby": groupLabelId,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx("span", { id: groupLabelId, className: "sr_only", children: "Progress Stepper" }),
+        steps.map((step2, index) => {
+          const Icon = step2.icon || (() => /* @__PURE__ */ jsx("span", { children: index + 1 }));
+          const isCompleted = index < activeStep;
+          const isActive = index === activeStep;
+          const isBefore = index < activeStep;
+          const isDisabled = disableBackNavigation && isBefore;
+          const canFocus = !!onStepClick && !isDisabled;
+          const stepId = `${testId}-step-${index}`;
+          const label2 = `Step ${index + 1} of ${stepCount}: ${step2.label}`;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "listitem",
+              className: combineClassNames(
+                classMap.step,
+                isActive ? classMap.active : "",
+                isCompleted ? classMap.completed : "",
+                onStepClick ? classMap.clickable : ""
+              ),
+              "data-testid": stepId,
+              children: [
+                /* @__PURE__ */ jsx(
+                  IconButtonComponent,
+                  {
+                    icon: Icon,
+                    theme,
+                    state,
+                    className: combineClassNames(
+                      classMap.stepButton,
+                      isActive ? classMap.active : "",
+                      isCompleted ? classMap.completed : ""
+                    ),
+                    size,
+                    shadow,
+                    rounding,
+                    disabled: isDisabled,
+                    outline: !isActive,
+                    "aria-label": label2,
+                    "aria-current": isActive ? "step" : void 0,
+                    "aria-disabled": isDisabled,
+                    "data-testid": `${stepId}-icon`,
+                    tabIndex: canFocus ? 0 : -1,
+                    onClick: () => onStepClick == null ? void 0 : onStepClick(index),
+                    onKeyDown: (e) => {
+                      if ((e.key === "Enter" || e.key === " ") && !isDisabled) {
+                        e.preventDefault();
+                        onStepClick == null ? void 0 : onStepClick(index);
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: classMap.stepLabel,
+                    "data-testid": `${stepId}-label`,
+                    "aria-hidden": "true",
+                    children: step2.label
+                  }
+                ),
+                index < steps.length - 1 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classMap.connector,
+                    "aria-hidden": "true",
+                    "data-testid": `${stepId}-connector`
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      ]
+    }
+  );
+};
+const Stepper = (props) => /* @__PURE__ */ jsx(StepperBase, { ...props, classMap: styles, IconButtonComponent: IconButton });
+export {
+  Stepper as S
+};
+//# sourceMappingURL=Stepper-DGbO-fUh.js.map

package/dist/next/Stepper-DGbO-fUh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-DGbO-fUh.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\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\n\r\nexport interface StepperBaseProps extends StepperProps {\r\n  classMap: Record<string, string>;\r\n  IconButtonComponent: React.FC<any>;\r\n}\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\r\n            {index < steps.length - 1 && (\r\n              <div\r\n                className={classMap.connector}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${stepId}-connector`}\r\n              />\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\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\n\r\nexport default Stepper;\r\n"],"names":["step","label"],"mappings":"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"}

package/dist/next/Stepper.cjs.js

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

package/dist/next/Stepper.cjs.js.map

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

package/dist/next/Stepper.js

@@ -0,0 +1,5 @@
+import { S } from "./Stepper-DGbO-fUh.js";
+export {
+  S as default
+};
+//# sourceMappingURL=Stepper.js.map

package/dist/next/Stepper.js.map

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