boreal-ui 0.0.72 → 0.0.74

package/dist/core/Spinner-oky6qn-3.js

@@ -1,106 +0,0 @@
-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 SpinnerBase = ({
-  theme = getDefaultTheme(),
-  state = "",
-  size = 50,
-  shadow = getDefaultShadow(),
-  className = "",
-  "data-testid": testId = "spinner",
-  label,
-  classMap
-}) => {
-  const uid = useId();
-  const spinnerSize = `${size}px`;
-  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;
-  const visibleLabelId = label ? `${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]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: wrapperClass,
-      role: "status",
-      "aria-live": "polite",
-      "aria-busy": true,
-      ...visibleLabelId ? { "aria-labelledby": visibleLabelId, "aria-label": label } : { "aria-label": "Loading" },
-      "data-testid": testId,
-      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`
-          }
-        ),
-        label && /* @__PURE__ */ jsx(
-          "span",
-          {
-            id: visibleLabelId,
-            className: classMap.label,
-            "data-testid": `${testId}-label`,
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-SpinnerBase.displayName = "SpinnerBase";
-const classes = {
-  wrapper: "spinner_wrapper",
-  spinner: "spinner",
-  label: "spinner_label",
-  primary: "spinner_primary",
-  secondary: "spinner_secondary",
-  tertiary: "spinner_tertiary",
-  quaternary: "spinner_quaternary",
-  success: "spinner_success",
-  warning: "spinner_warning",
-  error: "spinner_error",
-  clear: "spinner_clear",
-  shadowElement: "spinner_shadowElement",
-  shadowNone: "spinner_shadow-None",
-  shadowLight: "spinner_shadow-Light",
-  shadowMedium: "spinner_shadow-Medium",
-  shadowStrong: "spinner_shadow-Strong",
-  shadowIntense: "spinner_shadow-Intense"
-};
-const Spinner = (props) => {
-  return /* @__PURE__ */ jsx(SpinnerBase, { ...props, className: props.className, classMap: classes });
-};
-Spinner.displayName = "Spinner";
-export {
-  Spinner as S
-};
-//# sourceMappingURL=Spinner-oky6qn-3.js.map

package/dist/core/Spinner-oky6qn-3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner-oky6qn-3.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/core/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","import React from \"react\";\r\nimport \"./Spinner.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"spinner_wrapper\",\r\n  spinner: \"spinner\",\r\n  label: \"spinner_label\",\r\n\r\n  primary: \"spinner_primary\",\r\n  secondary: \"spinner_secondary\",\r\n  tertiary: \"spinner_tertiary\",\r\n  quaternary: \"spinner_quaternary\",\r\n\r\n  success: \"spinner_success\",\r\n  warning: \"spinner_warning\",\r\n  error: \"spinner_error\",\r\n\r\n  clear: \"spinner_clear\",\r\n\r\n  shadowElement: \"spinner_shadowElement\",\r\n\r\n  shadowNone: \"spinner_shadow-None\",\r\n  shadowLight: \"spinner_shadow-Light\",\r\n  shadowMedium: \"spinner_shadow-Medium\",\r\n  shadowStrong: \"spinner_shadow-Strong\",\r\n  shadowIntense: \"spinner_shadow-Intense\",\r\n};\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return (\r\n    <SpinnerBase {...props} className={props.className} classMap={classes} />\r\n  );\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":[],"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;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,iBAAiB,QAAQ,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,cAAc,MAAA,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,QAGvB,SACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AClF1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,eAAe;AAAA,EAEf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SACE,oBAAC,eAAa,GAAG,OAAO,WAAW,MAAM,WAAW,UAAU,SAAS;AAE3E;AACA,QAAQ,cAAc;"}

package/dist/core/Stepper-D5iUsoKL.js

@@ -1,141 +0,0 @@
-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-DsaRlxmw.js";
-/* empty css                 */
-import { I as IconButton } from "./IconButton-6hjW9_Za.js";
-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((step, index) => {
-          const Icon = step.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 label = `Step ${index + 1} of ${stepCount}: ${step.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": label,
-                    "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: step.label
-                  }
-                )
-              ]
-            },
-            index
-          );
-        })
-      ]
-    }
-  );
-};
-StepperBase.displayName = "StepperBase";
-const classes = {
-  stepper: "stepper",
-  horizontal: "stepper_horizontal",
-  vertical: "stepper_vertical",
-  primary: "stepper_primary",
-  secondary: "stepper_secondary",
-  tertiary: "stepper_tertiary",
-  quaternary: "stepper_quaternary",
-  success: "stepper_success",
-  warning: "stepper_warning",
-  error: "stepper_error",
-  clear: "stepper_clear",
-  xs: "stepper_xs",
-  medium: "stepper_medium",
-  small: "stepper_small",
-  large: "stepper_large",
-  xl: "stepper_xl",
-  step: "stepper_step",
-  active: "stepper_active",
-  completed: "stepper_completed",
-  disabled: "stepper_disabled",
-  clickable: "stepper_clickable",
-  stepButton: "stepper_step_button",
-  stepLabel: "stepper_step_label",
-  connector: "stepper_connector"
-};
-const Stepper = (props) => /* @__PURE__ */ jsx(StepperBase, { ...props, classMap: classes, IconButtonComponent: IconButton });
-Stepper.displayName = "Stepper";
-export {
-  Stepper as S
-};
-//# sourceMappingURL=Stepper-D5iUsoKL.js.map

package/dist/core/Stepper-D5iUsoKL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper-D5iUsoKL.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/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","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  stepper: \"stepper\",\r\n  horizontal: \"stepper_horizontal\",\r\n  vertical: \"stepper_vertical\",\r\n  primary: \"stepper_primary\",\r\n  secondary: \"stepper_secondary\",\r\n  tertiary: \"stepper_tertiary\",\r\n  quaternary: \"stepper_quaternary\",\r\n  success: \"stepper_success\",\r\n  warning: \"stepper_warning\",\r\n  error: \"stepper_error\",\r\n  clear: \"stepper_clear\",\r\n  xs: \"stepper_xs\",\r\n  medium: \"stepper_medium\",\r\n  small: \"stepper_small\",\r\n  large: \"stepper_large\",\r\n  xl: \"stepper_xl\",\r\n  step: \"stepper_step\",\r\n  active: \"stepper_active\",\r\n  completed: \"stepper_completed\",\r\n  disabled: \"stepper_disabled\",\r\n  clickable: \"stepper_clickable\",\r\n  stepButton: \"stepper_step_button\",\r\n  stepLabel: \"stepper_step_label\",\r\n  connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Stepper-O6PTrY95.cjs

@@ -1,140 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const classNames = require("./classNames-BcWMx052.cjs");
-const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-;/* empty css                   */
-const IconButton = require("./IconButton-B7DYdUHH.cjs");
-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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { id: groupLabelId, className: "sr_only", children: "Progress Stepper" }),
-        steps.map((step, index) => {
-          const Icon = step.icon || (() => /* @__PURE__ */ jsxRuntime.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 label = `Step ${index + 1} of ${stepCount}: ${step.label}`;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              role: "listitem",
-              className: classNames.combineClassNames(
-                classMap.step,
-                isActive ? classMap.active : "",
-                isCompleted ? classMap.completed : "",
-                onStepClick ? classMap.clickable : ""
-              ),
-              "data-testid": stepId,
-              children: [
-                /* @__PURE__ */ jsxRuntime.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": label,
-                    "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__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: classMap.stepLabel,
-                    "data-testid": `${stepId}-label`,
-                    "aria-hidden": "true",
-                    children: step.label
-                  }
-                )
-              ]
-            },
-            index
-          );
-        })
-      ]
-    }
-  );
-};
-StepperBase.displayName = "StepperBase";
-const classes = {
-  stepper: "stepper",
-  horizontal: "stepper_horizontal",
-  vertical: "stepper_vertical",
-  primary: "stepper_primary",
-  secondary: "stepper_secondary",
-  tertiary: "stepper_tertiary",
-  quaternary: "stepper_quaternary",
-  success: "stepper_success",
-  warning: "stepper_warning",
-  error: "stepper_error",
-  clear: "stepper_clear",
-  xs: "stepper_xs",
-  medium: "stepper_medium",
-  small: "stepper_small",
-  large: "stepper_large",
-  xl: "stepper_xl",
-  step: "stepper_step",
-  active: "stepper_active",
-  completed: "stepper_completed",
-  disabled: "stepper_disabled",
-  clickable: "stepper_clickable",
-  stepButton: "stepper_step_button",
-  stepLabel: "stepper_step_label",
-  connector: "stepper_connector"
-};
-const Stepper = (props) => /* @__PURE__ */ jsxRuntime.jsx(StepperBase, { ...props, classMap: classes, IconButtonComponent: IconButton.IconButton });
-Stepper.displayName = "Stepper";
-exports.Stepper = Stepper;
-//# sourceMappingURL=Stepper-O6PTrY95.cjs.map

package/dist/core/Stepper-O6PTrY95.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper-O6PTrY95.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/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","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  stepper: \"stepper\",\r\n  horizontal: \"stepper_horizontal\",\r\n  vertical: \"stepper_vertical\",\r\n  primary: \"stepper_primary\",\r\n  secondary: \"stepper_secondary\",\r\n  tertiary: \"stepper_tertiary\",\r\n  quaternary: \"stepper_quaternary\",\r\n  success: \"stepper_success\",\r\n  warning: \"stepper_warning\",\r\n  error: \"stepper_error\",\r\n  clear: \"stepper_clear\",\r\n  xs: \"stepper_xs\",\r\n  medium: \"stepper_medium\",\r\n  small: \"stepper_small\",\r\n  large: \"stepper_large\",\r\n  xl: \"stepper_xl\",\r\n  step: \"stepper_step\",\r\n  active: \"stepper_active\",\r\n  completed: \"stepper_completed\",\r\n  disabled: \"stepper_disabled\",\r\n  clickable: \"stepper_clickable\",\r\n  stepButton: \"stepper_step_button\",\r\n  stepLabel: \"stepper_step_label\",\r\n  connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","IconButton"],"mappings":"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"}

package/dist/core/Tabs-C2MAHi3V.js

@@ -1,227 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useId, useMemo, useState, useRef, useEffect } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, c as getDefaultSize, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
-const getClass = (classMap, keys) => {
-  for (const k of keys) {
-    const v = classMap[k];
-    if (typeof v === "string" && v.length > 0) return v;
-  }
-  return void 0;
-};
-const TabsBase = ({
-  tabs,
-  defaultIndex = 0,
-  value,
-  onChange,
-  ariaLabel = "Tabs",
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  className = "",
-  theme = getDefaultTheme(),
-  state = "",
-  size = getDefaultSize(),
-  orientation = "horizontal",
-  activationMode = "auto",
-  idBase,
-  "data-testid": testId = "tabs",
-  classMap
-}) => {
-  const uid = useId();
-  const baseId = useMemo(() => {
-    return idBase ?? `${testId}-${uid}`;
-  }, [idBase, testId, uid]);
-  const isControlled = typeof value === "number";
-  const [uncontrolledIndex, setUncontrolledIndex] = useState(defaultIndex);
-  const activeIndex = isControlled ? value : uncontrolledIndex;
-  const [focusIndex, setFocusIndex] = useState(defaultIndex);
-  const tabRefs = useRef([]);
-  useEffect(() => {
-    var _a;
-    const current = activationMode === "manual" ? focusIndex : activeIndex;
-    tabRefs.current.forEach((el, i) => {
-      if (!el) return;
-      el.setAttribute("tabindex", i === current ? "0" : "-1");
-    });
-    (_a = tabRefs.current[current]) == null ? void 0 : _a.focus();
-  }, [activeIndex, focusIndex, activationMode]);
-  useEffect(() => {
-    if (isControlled) setFocusIndex(activeIndex);
-  }, [activeIndex, isControlled]);
-  const containerClassNames = useMemo(() => {
-    const containerClass = getClass(classMap, ["container", "tabsContainer", "tabs_container"]) ?? "";
-    const themeClass = classMap[theme] ?? "";
-    const stateClass = state ? classMap[state] ?? "" : "";
-    const sizeClass = classMap[size] ?? "";
-    return combineClassNames(
-      containerClass,
-      themeClass,
-      stateClass,
-      sizeClass,
-      className
-    );
-  }, [classMap, theme, state, size, className]);
-  const tabBaseClassNames = useMemo(() => {
-    const tabClass = getClass(classMap, ["tab", "tabs_tab"]) ?? "";
-    const shadowClass = shadow ? classMap[`shadow${capitalize(shadow)}`] ?? classMap[`tabs_shadow-${capitalize(shadow)}`] : "";
-    const roundingClass = rounding ? classMap[`round${capitalize(rounding)}`] ?? classMap[`tabs_round-${capitalize(rounding)}`] : "";
-    return combineClassNames(tabClass, shadowClass, roundingClass);
-  }, [classMap, shadow, rounding]);
-  const activeClass = useMemo(() => {
-    return getClass(classMap, ["active", "tabs_active"]) ?? "";
-  }, [classMap]);
-  const disabledClass = useMemo(() => {
-    return getClass(classMap, ["disabled", "tabs_disabled"]) ?? "";
-  }, [classMap]);
-  const iconClass = useMemo(() => {
-    return getClass(classMap, ["icon", "tabs_icon"]) ?? "";
-  }, [classMap]);
-  const tabListClass = useMemo(() => {
-    return getClass(classMap, ["tabs", "tabs"]) ?? "";
-  }, [classMap]);
-  const isDisabled = (index) => {
-    var _a;
-    return Boolean((_a = tabs[index]) == null ? void 0 : _a.disabled);
-  };
-  const nextEnabled = (start, dir) => {
-    const len = tabs.length;
-    let i = start;
-    for (let n = 0; n < len; n++) {
-      i = (i + dir + len) % len;
-      if (!isDisabled(i)) return i;
-    }
-    return start;
-  };
-  const activate = (index) => {
-    if (isDisabled(index)) return;
-    if (!isControlled) setUncontrolledIndex(index);
-    onChange == null ? void 0 : onChange(index);
-  };
-  const onKeyDown = (event) => {
-    const horiz = orientation === "horizontal";
-    const { key } = event;
-    let newFocus = focusIndex;
-    if (horiz && key === "ArrowRight") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, 1);
-    } else if (horiz && key === "ArrowLeft") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, -1);
-    } else if (!horiz && key === "ArrowDown") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, 1);
-    } else if (!horiz && key === "ArrowUp") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, -1);
-    } else if (key === "Home") {
-      event.preventDefault();
-      newFocus = nextEnabled(-1, 1);
-    } else if (key === "End") {
-      event.preventDefault();
-      newFocus = nextEnabled(0, -1);
-    } else if (activationMode === "manual" && (key === "Enter" || key === " ")) {
-      event.preventDefault();
-      if (!isDisabled(focusIndex)) activate(focusIndex);
-      return;
-    } else {
-      return;
-    }
-    setFocusIndex(newFocus);
-    if (activationMode === "auto") activate(newFocus);
-  };
-  return /* @__PURE__ */ jsx("div", { className: containerClassNames, "data-testid": testId, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: tabListClass,
-      "aria-label": ariaLabel,
-      role: "tablist",
-      "aria-orientation": orientation,
-      onKeyDown,
-      "data-testid": `${testId}-tablist`,
-      children: tabs.map((tab, index) => {
-        const Icon = tab.icon;
-        const isActive = index === activeIndex;
-        const disabled = isDisabled(index);
-        const tabId = `${baseId}-tab-${index}`;
-        const panelId = `${baseId}-panel-${index}`;
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            ref: (el) => {
-              tabRefs.current[index] = el;
-            },
-            className: combineClassNames(
-              tabBaseClassNames,
-              isActive && activeClass,
-              disabled && disabledClass
-            ),
-            role: "tab",
-            type: "button",
-            "aria-selected": isActive,
-            "aria-controls": panelId,
-            id: tabId,
-            "aria-disabled": disabled || void 0,
-            onClick: () => {
-              if (disabled) return;
-              setFocusIndex(index);
-              activate(index);
-            },
-            "data-testid": `${testId}-tab-${index}`,
-            children: [
-              Icon && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: iconClass,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-icon-${index}`,
-                  children: /* @__PURE__ */ jsx(Icon, {})
-                }
-              ),
-              tab.label
-            ]
-          },
-          `${tab.label}-${index}`
-        );
-      })
-    }
-  ) });
-};
-TabsBase.displayName = "TabsBase";
-const classes = {
-  tabsContainer: "tabs_container",
-  tabs: "tabs",
-  tab: "tabs_tab",
-  active: "tabs_active",
-  icon: "tabs_icon",
-  primary: "tabs_primary",
-  secondary: "tabs_secondary",
-  tertiary: "tabs_tertiary",
-  quaternary: "tabs_quaternary",
-  success: "tabs_success",
-  error: "tabs_error",
-  warning: "tabs_warning",
-  clear: "tabs_clear",
-  xs: "tabs_xs",
-  small: "tabs_small",
-  medium: "tabs_medium",
-  large: "tabs_large",
-  xl: "tabs_xl",
-  shadowNone: "tabs_shadow-None",
-  shadowLight: "tabs_shadow-Light",
-  shadowMedium: "tabs_shadow-Medium",
-  shadowStrong: "tabs_shadow-Strong",
-  shadowIntense: "tabs_shadow-Intense",
-  roundNone: "tabs_round-None",
-  roundSmall: "tabs_round-Small",
-  roundMedium: "tabs_round-Medium",
-  roundLarge: "tabs_round-Large"
-};
-const Tabs = (props) => {
-  return /* @__PURE__ */ jsx(TabsBase, { ...props, classMap: classes });
-};
-Tabs.displayName = "Tabs";
-export {
-  Tabs as T
-};
-//# sourceMappingURL=Tabs-C2MAHi3V.js.map