boreal-ui 0.0.71 → 0.0.73

package/dist/core/{Skeleton-BjpQHG5i.js → Skeleton-C-L3OgVt.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
+import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 const SkeletonBase = ({
   width = "100%",
   height = "100%",
@@ -15,9 +15,17 @@ const SkeletonBase = ({
   as: Tag = "div",
   "data-testid": testId = "skeleton-loader",
   classMap,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive,
+  "aria-busy": ariaBusy,
+  "aria-hidden": ariaHidden,
+  role,
   ...rest
 }) => {
   const descriptionId = `${testId}-desc`;
+  const shouldAnnounce = announce && ariaHidden !== true;
   const skeletonClasses = useMemo(
     () => combineClassNames(
       classMap.skeleton,
@@ -26,24 +34,39 @@ const SkeletonBase = ({
       rounding && classMap[`round${capitalize(rounding)}`],
       className
     ),
-    [classMap, animate, shadow, rounding, className, announce]
+    [classMap, animate, shadow, rounding, className]
   );
-  const ariaProps = announce ? {
-    role: "status",
-    "aria-busy": true,
-    "aria-live": "polite",
+  const computedAriaDescribedBy = shouldAnnounce ? [
+    ariaDescribedBy,
+    !ariaLabel && !ariaLabelledBy ? descriptionId : void 0
+  ].filter(Boolean).join(" ") || void 0 : void 0;
+  const accessibilityProps = ariaHidden === true ? {
+    "aria-hidden": true
+  } : shouldAnnounce ? {
+    role: role ?? "status",
+    "aria-busy": ariaBusy ?? true,
+    "aria-live": ariaLive ?? "polite",
     "aria-relevant": "additions text",
-    "aria-describedby": descriptionId
-  } : { "aria-hidden": true };
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": computedAriaDescribedBy
+  } : {
+    "aria-hidden": false,
+    role,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-busy": ariaBusy
+  };
   return /* @__PURE__ */ jsx(
     Tag,
     {
       className: skeletonClasses,
       style: { width, height },
       "data-testid": testId,
-      ...ariaProps,
+      ...accessibilityProps,
       ...rest,
-      children: announce && /* @__PURE__ */ jsx(
+      children: shouldAnnounce && !ariaLabel && !ariaLabelledBy && /* @__PURE__ */ jsx(
         "span",
         {
           id: descriptionId,
@@ -81,4 +104,4 @@ SkeletonLoader.displayName = "SkeletonLoader";
 export {
   SkeletonLoader as S
 };
-//# sourceMappingURL=Skeleton-BjpQHG5i.js.map
+//# sourceMappingURL=Skeleton-C-L3OgVt.js.map

package/dist/core/Skeleton-C-L3OgVt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton-C-L3OgVt.js","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/core/Skeleton.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ExtraProps, SkeletonBaseProps } from \"./Skeleton.types\";\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps & ExtraProps> = ({\r\n  width = \"100%\",\r\n  height = \"100%\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  label = \"Loading content...\",\r\n  announce = true,\r\n  animate = true,\r\n  as: Tag = \"div\",\r\n  \"data-testid\": testId = \"skeleton-loader\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-hidden\": ariaHidden,\r\n  role,\r\n\r\n  ...rest\r\n}) => {\r\n  const descriptionId = `${testId}-desc`;\r\n\r\n  const shouldAnnounce = announce && ariaHidden !== true;\r\n\r\n  const skeletonClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.skeleton,\r\n        animate && classMap.animated,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, animate, shadow, rounding, className],\r\n  );\r\n\r\n  const computedAriaDescribedBy = shouldAnnounce\r\n    ? [\r\n        ariaDescribedBy,\r\n        !ariaLabel && !ariaLabelledBy ? descriptionId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined\r\n    : undefined;\r\n\r\n  const accessibilityProps =\r\n    ariaHidden === true\r\n      ? {\r\n          \"aria-hidden\": true as const,\r\n        }\r\n      : shouldAnnounce\r\n        ? {\r\n            role: role ?? (\"status\" as const),\r\n            \"aria-busy\": ariaBusy ?? true,\r\n            \"aria-live\": ariaLive ?? (\"polite\" as const),\r\n            \"aria-relevant\": \"additions text\" as const,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": computedAriaDescribedBy,\r\n          }\r\n        : {\r\n            \"aria-hidden\": false,\r\n            role,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": ariaDescribedBy,\r\n            \"aria-busy\": ariaBusy,\r\n          };\r\n\r\n  return (\r\n    <Tag\r\n      className={skeletonClasses}\r\n      style={{ width, height }}\r\n      data-testid={testId}\r\n      {...accessibilityProps}\r\n      {...rest}\r\n    >\r\n      {shouldAnnounce && !ariaLabel && !ariaLabelledBy && (\r\n        <span\r\n          id={descriptionId}\r\n          className=\"sr_only\"\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </Tag>\r\n  );\r\n};\r\n\r\nSkeletonBase.displayName = \"SkeletonBase\";\r\nexport default SkeletonBase;\r\n","import React from \"react\";\r\nimport \"./Skeleton.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst classes = {\r\n  shadowNone: \"skeleton_shadow-None\",\r\n  shadowLight: \"skeleton_shadow-Light\",\r\n  shadowMedium: \"skeleton_shadow-Medium\",\r\n  shadowStrong: \"skeleton_shadow-Strong\",\r\n  shadowIntense: \"skeleton_shadow-Intense\",\r\n\r\n  roundNone: \"skeleton_round-None\",\r\n  roundSmall: \"skeleton_round-Small\",\r\n  roundMedium: \"skeleton_round-Medium\",\r\n  roundLarge: \"skeleton_round-Large\",\r\n};\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n  return (\r\n    <SkeletonBase\r\n      {...props}\r\n      className={combineClassNames(\"skeleton_loader\", props.className)}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\nSkeletonLoader.displayName = \"SkeletonLoader\";\r\nexport default SkeletonLoader;\r\n"],"names":[],"mappings":";;;;;AASA,MAAM,eAAyD,CAAC;AAAA,EAC9D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI,MAAM;AAAA,EACV,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EAEA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,iBAAiB,YAAY,eAAe;AAElD,QAAM,kBAAkB;AAAA,IACtB,MACE;AAAA,MACE,SAAS;AAAA,MACT,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,SAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAGjD,QAAM,0BAA0B,iBAC5B;AAAA,IACE;AAAA,IACA,CAAC,aAAa,CAAC,iBAAiB,gBAAgB;AAAA,EAAA,EAE/C,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,SAChB;AAEJ,QAAM,qBACJ,eAAe,OACX;AAAA,IACE,eAAe;AAAA,EAAA,IAEjB,iBACE;AAAA,IACE,MAAM,QAAS;AAAA,IACf,aAAa,YAAY;AAAA,IACzB,aAAa,YAAa;AAAA,IAC1B,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EAAA,IAEtB;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,aAAa;AAAA,EAAA;AAGvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,kBAAkB,CAAC,aAAa,CAAC,kBAChC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;AC/F3B,MAAM,UAAU;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,mBAAmB,MAAM,SAAS;AAAA,MAC/D,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,eAAe,cAAc;"}

package/dist/core/Skeleton.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Skeleton = require("./Skeleton-tetAZCSl.cjs");
+const Skeleton = require("./Skeleton-BXeQBgX2.cjs");
 module.exports = Skeleton.SkeletonLoader;
 //# sourceMappingURL=Skeleton.cjs.js.map

package/dist/core/Skeleton.js

@@ -1,4 +1,4 @@
-import { S } from "./Skeleton-BjpQHG5i.js";
+import { S } from "./Skeleton-C-L3OgVt.js";
 export {
   S as default
 };

package/dist/core/{Slider-S8KnYlkd.cjs → Slider-Davbqf_v.cjs}

@@ -3,11 +3,13 @@ const jsxRuntime = 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 borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const SliderBase = ({
   value,
   onChange,
   onValueChange,
+  id,
+  name,
   min = 0,
   max = 100,
   step = 1,
@@ -19,14 +21,24 @@ const SliderBase = ({
   state = "",
   showValue = true,
   className = "",
-  "aria-label": ariaLabel,
   disabled = false,
+  required = false,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-valuetext": ariaValueText,
+  "aria-valuemin": ariaValueMin,
+  "aria-valuemax": ariaValueMax,
+  "aria-valuenow": ariaValueNow,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  "aria-orientation": ariaOrientation = "horizontal",
   "data-testid": testId = "slider",
   classMap,
   ...rest
 }) => {
   const uid = React.useId();
-  const inputId = `${testId}-input-${uid}`;
+  const inputId = id || `${testId}-input-${uid}`;
   const labelId = label ? `${testId}-label-${uid}` : void 0;
   const valueId = showValue ? `${testId}-value-${uid}` : void 0;
   const safeMin = Number.isFinite(min) ? Number(min) : 0;
@@ -50,13 +62,27 @@ const SliderBase = ({
     onChange == null ? void 0 : onChange(e);
     onValueChange == null ? void 0 : onValueChange(numeric);
   };
+  const computedAriaLabelledBy = label ? [labelId, ariaLabelledBy].filter(Boolean).join(" ") : ariaLabelledBy;
+  const computedAriaDescribedBy = [ariaDescribedBy, showValue ? valueId : void 0].filter(Boolean).join(" ") || void 0;
+  const computedAriaInvalid = ariaInvalid !== void 0 ? ariaInvalid : state === "error" ? true : void 0;
+  const computedAriaRequired = ariaRequired !== void 0 ? ariaRequired : required ? true : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClasses, "data-testid": `${testId}-container`, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx("label", { id: labelId, htmlFor: inputId, className: classMap.label, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.wrapper, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        id: labelId,
+        htmlFor: inputId,
+        className: classMap.label,
+        "data-testid": `${testId}-label`,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.wrapper, "data-testid": `${testId}-wrapper`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
           id: inputId,
+          name,
           type: "range",
           className: classMap.slider,
           value: clamped,
@@ -64,10 +90,18 @@ const SliderBase = ({
           min: safeMin,
           max: safeMax,
           step: safeStep,
-          "aria-labelledby": label ? labelId : void 0,
-          "aria-label": label ? void 0 : ariaLabel || "Slider",
-          "aria-describedby": valueId,
           disabled,
+          required,
+          "aria-label": !computedAriaLabelledBy ? ariaLabel || "Slider" : void 0,
+          "aria-labelledby": computedAriaLabelledBy || void 0,
+          "aria-describedby": computedAriaDescribedBy,
+          "aria-valuetext": ariaValueText,
+          "aria-valuemin": ariaValueMin ?? safeMin,
+          "aria-valuemax": ariaValueMax ?? safeMax,
+          "aria-valuenow": ariaValueNow ?? clamped,
+          "aria-invalid": computedAriaInvalid,
+          "aria-required": computedAriaRequired,
+          "aria-orientation": ariaOrientation,
           "data-testid": testId,
           ...rest
         }
@@ -127,4 +161,4 @@ const Slider = (props) => {
 };
 Slider.displayName = "Slider";
 exports.Slider = Slider;
-//# sourceMappingURL=Slider-S8KnYlkd.cjs.map
+//# sourceMappingURL=Slider-Davbqf_v.cjs.map

package/dist/core/Slider-Davbqf_v.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-Davbqf_v.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SliderProps } from \"./Slider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SliderBase: React.FC<\r\n  SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n  value,\r\n  onChange,\r\n  onValueChange,\r\n  id,\r\n  name,\r\n  min = 0,\r\n  max = 100,\r\n  step = 1,\r\n  label,\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  showValue = true,\r\n  className = \"\",\r\n  disabled = false,\r\n  required = false,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-valuetext\": ariaValueText,\r\n  \"aria-valuemin\": ariaValueMin,\r\n  \"aria-valuemax\": ariaValueMax,\r\n  \"aria-valuenow\": ariaValueNow,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  \"aria-orientation\": ariaOrientation = \"horizontal\",\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const inputId = id || `${testId}-input-${uid}`;\r\n  const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n  const valueId = showValue ? `${testId}-value-${uid}` : undefined;\r\n\r\n  const safeMin = Number.isFinite(min) ? Number(min) : 0;\r\n  const safeMax = Number.isFinite(max) ? Number(max) : 100;\r\n  const safeStep = step > 0 ? step : 1;\r\n  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value)));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, size, theme, state, className, shadow, rounding],\r\n  );\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const numeric = Number(e.target.value);\r\n    onChange?.(e);\r\n    onValueChange?.(numeric);\r\n  };\r\n\r\n  const computedAriaLabelledBy = label\r\n    ? [labelId, ariaLabelledBy].filter(Boolean).join(\" \")\r\n    : ariaLabelledBy;\r\n\r\n  const computedAriaDescribedBy =\r\n    [ariaDescribedBy, showValue ? valueId : undefined]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaInvalid =\r\n    ariaInvalid !== undefined\r\n      ? ariaInvalid\r\n      : state === \"error\"\r\n        ? true\r\n        : undefined;\r\n\r\n  const computedAriaRequired =\r\n    ariaRequired !== undefined ? ariaRequired : required ? true : undefined;\r\n\r\n  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper} data-testid={`${testId}-wrapper`}>\r\n        <input\r\n          id={inputId}\r\n          name={name}\r\n          type=\"range\"\r\n          className={classMap.slider}\r\n          value={clamped}\r\n          onChange={handleChange}\r\n          min={safeMin}\r\n          max={safeMax}\r\n          step={safeStep}\r\n          disabled={disabled}\r\n          required={required}\r\n          aria-label={\r\n            !computedAriaLabelledBy ? ariaLabel || \"Slider\" : undefined\r\n          }\r\n          aria-labelledby={computedAriaLabelledBy || undefined}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-valuetext={ariaValueText}\r\n          aria-valuemin={ariaValueMin ?? safeMin}\r\n          aria-valuemax={ariaValueMax ?? safeMax}\r\n          aria-valuenow={ariaValueNow ?? clamped}\r\n          aria-invalid={computedAriaInvalid}\r\n          aria-required={computedAriaRequired}\r\n          aria-orientation={ariaOrientation}\r\n          data-testid={testId}\r\n          {...rest}\r\n        />\r\n\r\n        {showValue && (\r\n          <output\r\n            id={valueId}\r\n            className={classMap.value}\r\n            htmlFor={inputId}\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {clamped}\r\n          </output>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSliderBase.displayName = \"SliderBase\";\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n  container: \"slider_container\",\r\n  label: \"slider_label\",\r\n  wrapper: \"slider_wrapper\",\r\n  slider: \"slider\",\r\n  value: \"slider_value\",\r\n\r\n  xs: \"slider_xs\",\r\n  small: \"slider_small\",\r\n  medium: \"slider_medium\",\r\n  large: \"slider_large\",\r\n  xl: \"slider_xl\",\r\n\r\n  primary: \"slider_primary\",\r\n  secondary: \"slider_secondary\",\r\n  tertiary: \"slider_tertiary\",\r\n  quaternary: \"slider_quaternary\",\r\n\r\n  success: \"slider_success\",\r\n  error: \"slider_error\",\r\n  warning: \"slider_warning\",\r\n\r\n  clear: \"slider_clear\",\r\n\r\n  shadowNone: \"slider_shadow-None\",\r\n  shadowLight: \"slider_shadow-Light\",\r\n  shadowMedium: \"slider_shadow-Medium\",\r\n  shadowStrong: \"slider_shadow-Strong\",\r\n  shadowIntense: \"slider_shadow-Intense\",\r\n\r\n  roundNone: \"slider_round-None\",\r\n  roundSmall: \"slider_round-Small\",\r\n  roundMedium: \"slider_round-Medium\",\r\n  roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return (\r\n    <SliderBase\r\n      {...props}\r\n      className={combineClassNames(props.className)}\r\n      classMap={coreStyles}\r\n    />\r\n  );\r\n};\r\nSlider.displayName = \"Slider\";\r\nexport default Slider;\r\n"],"names":["getDefaultSize","getDefaultRounding","getDefaultShadow","getDefaultTheme","useId","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":"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"}

package/dist/core/{Slider-WsZnPCUo.js → Slider-Dxcryk5j.js}

@@ -2,11 +2,13 @@ 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 { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme, c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
 const SliderBase = ({
   value,
   onChange,
   onValueChange,
+  id,
+  name,
   min = 0,
   max = 100,
   step = 1,
@@ -18,14 +20,24 @@ const SliderBase = ({
   state = "",
   showValue = true,
   className = "",
-  "aria-label": ariaLabel,
   disabled = false,
+  required = false,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-valuetext": ariaValueText,
+  "aria-valuemin": ariaValueMin,
+  "aria-valuemax": ariaValueMax,
+  "aria-valuenow": ariaValueNow,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  "aria-orientation": ariaOrientation = "horizontal",
   "data-testid": testId = "slider",
   classMap,
   ...rest
 }) => {
   const uid = useId();
-  const inputId = `${testId}-input-${uid}`;
+  const inputId = id || `${testId}-input-${uid}`;
   const labelId = label ? `${testId}-label-${uid}` : void 0;
   const valueId = showValue ? `${testId}-value-${uid}` : void 0;
   const safeMin = Number.isFinite(min) ? Number(min) : 0;
@@ -49,13 +61,27 @@ const SliderBase = ({
     onChange == null ? void 0 : onChange(e);
     onValueChange == null ? void 0 : onValueChange(numeric);
   };
+  const computedAriaLabelledBy = label ? [labelId, ariaLabelledBy].filter(Boolean).join(" ") : ariaLabelledBy;
+  const computedAriaDescribedBy = [ariaDescribedBy, showValue ? valueId : void 0].filter(Boolean).join(" ") || void 0;
+  const computedAriaInvalid = ariaInvalid !== void 0 ? ariaInvalid : state === "error" ? true : void 0;
+  const computedAriaRequired = ariaRequired !== void 0 ? ariaRequired : required ? true : void 0;
   return /* @__PURE__ */ jsxs("div", { className: containerClasses, "data-testid": `${testId}-container`, children: [
-    label && /* @__PURE__ */ jsx("label", { id: labelId, htmlFor: inputId, className: classMap.label, children: label }),
-    /* @__PURE__ */ jsxs("div", { className: classMap.wrapper, children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        id: labelId,
+        htmlFor: inputId,
+        className: classMap.label,
+        "data-testid": `${testId}-label`,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: classMap.wrapper, "data-testid": `${testId}-wrapper`, children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           id: inputId,
+          name,
           type: "range",
           className: classMap.slider,
           value: clamped,
@@ -63,10 +89,18 @@ const SliderBase = ({
           min: safeMin,
           max: safeMax,
           step: safeStep,
-          "aria-labelledby": label ? labelId : void 0,
-          "aria-label": label ? void 0 : ariaLabel || "Slider",
-          "aria-describedby": valueId,
           disabled,
+          required,
+          "aria-label": !computedAriaLabelledBy ? ariaLabel || "Slider" : void 0,
+          "aria-labelledby": computedAriaLabelledBy || void 0,
+          "aria-describedby": computedAriaDescribedBy,
+          "aria-valuetext": ariaValueText,
+          "aria-valuemin": ariaValueMin ?? safeMin,
+          "aria-valuemax": ariaValueMax ?? safeMax,
+          "aria-valuenow": ariaValueNow ?? clamped,
+          "aria-invalid": computedAriaInvalid,
+          "aria-required": computedAriaRequired,
+          "aria-orientation": ariaOrientation,
           "data-testid": testId,
           ...rest
         }
@@ -128,4 +162,4 @@ Slider.displayName = "Slider";
 export {
   Slider as S
 };
-//# sourceMappingURL=Slider-WsZnPCUo.js.map
+//# sourceMappingURL=Slider-Dxcryk5j.js.map

package/dist/core/Slider-Dxcryk5j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-Dxcryk5j.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/core/Slider.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SliderProps } from \"./Slider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SliderBase: React.FC<\r\n  SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n  value,\r\n  onChange,\r\n  onValueChange,\r\n  id,\r\n  name,\r\n  min = 0,\r\n  max = 100,\r\n  step = 1,\r\n  label,\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  showValue = true,\r\n  className = \"\",\r\n  disabled = false,\r\n  required = false,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-valuetext\": ariaValueText,\r\n  \"aria-valuemin\": ariaValueMin,\r\n  \"aria-valuemax\": ariaValueMax,\r\n  \"aria-valuenow\": ariaValueNow,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  \"aria-orientation\": ariaOrientation = \"horizontal\",\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const inputId = id || `${testId}-input-${uid}`;\r\n  const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n  const valueId = showValue ? `${testId}-value-${uid}` : undefined;\r\n\r\n  const safeMin = Number.isFinite(min) ? Number(min) : 0;\r\n  const safeMax = Number.isFinite(max) ? Number(max) : 100;\r\n  const safeStep = step > 0 ? step : 1;\r\n  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value)));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, size, theme, state, className, shadow, rounding],\r\n  );\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const numeric = Number(e.target.value);\r\n    onChange?.(e);\r\n    onValueChange?.(numeric);\r\n  };\r\n\r\n  const computedAriaLabelledBy = label\r\n    ? [labelId, ariaLabelledBy].filter(Boolean).join(\" \")\r\n    : ariaLabelledBy;\r\n\r\n  const computedAriaDescribedBy =\r\n    [ariaDescribedBy, showValue ? valueId : undefined]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const computedAriaInvalid =\r\n    ariaInvalid !== undefined\r\n      ? ariaInvalid\r\n      : state === \"error\"\r\n        ? true\r\n        : undefined;\r\n\r\n  const computedAriaRequired =\r\n    ariaRequired !== undefined ? ariaRequired : required ? true : undefined;\r\n\r\n  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper} data-testid={`${testId}-wrapper`}>\r\n        <input\r\n          id={inputId}\r\n          name={name}\r\n          type=\"range\"\r\n          className={classMap.slider}\r\n          value={clamped}\r\n          onChange={handleChange}\r\n          min={safeMin}\r\n          max={safeMax}\r\n          step={safeStep}\r\n          disabled={disabled}\r\n          required={required}\r\n          aria-label={\r\n            !computedAriaLabelledBy ? ariaLabel || \"Slider\" : undefined\r\n          }\r\n          aria-labelledby={computedAriaLabelledBy || undefined}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-valuetext={ariaValueText}\r\n          aria-valuemin={ariaValueMin ?? safeMin}\r\n          aria-valuemax={ariaValueMax ?? safeMax}\r\n          aria-valuenow={ariaValueNow ?? clamped}\r\n          aria-invalid={computedAriaInvalid}\r\n          aria-required={computedAriaRequired}\r\n          aria-orientation={ariaOrientation}\r\n          data-testid={testId}\r\n          {...rest}\r\n        />\r\n\r\n        {showValue && (\r\n          <output\r\n            id={valueId}\r\n            className={classMap.value}\r\n            htmlFor={inputId}\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {clamped}\r\n          </output>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nSliderBase.displayName = \"SliderBase\";\r\nexport default SliderBase;\r\n","import React from \"react\";\r\nimport \"./Slider.scss\"; // Non-module SCSS\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\nimport { combineClassNames } from \"../../../utils/classNames\";\r\n\r\nconst coreStyles = {\r\n  container: \"slider_container\",\r\n  label: \"slider_label\",\r\n  wrapper: \"slider_wrapper\",\r\n  slider: \"slider\",\r\n  value: \"slider_value\",\r\n\r\n  xs: \"slider_xs\",\r\n  small: \"slider_small\",\r\n  medium: \"slider_medium\",\r\n  large: \"slider_large\",\r\n  xl: \"slider_xl\",\r\n\r\n  primary: \"slider_primary\",\r\n  secondary: \"slider_secondary\",\r\n  tertiary: \"slider_tertiary\",\r\n  quaternary: \"slider_quaternary\",\r\n\r\n  success: \"slider_success\",\r\n  error: \"slider_error\",\r\n  warning: \"slider_warning\",\r\n\r\n  clear: \"slider_clear\",\r\n\r\n  shadowNone: \"slider_shadow-None\",\r\n  shadowLight: \"slider_shadow-Light\",\r\n  shadowMedium: \"slider_shadow-Medium\",\r\n  shadowStrong: \"slider_shadow-Strong\",\r\n  shadowIntense: \"slider_shadow-Intense\",\r\n\r\n  roundNone: \"slider_round-None\",\r\n  roundSmall: \"slider_round-Small\",\r\n  roundMedium: \"slider_round-Medium\",\r\n  roundLarge: \"slider_round-Large\",\r\n};\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return (\r\n    <SliderBase\r\n      {...props}\r\n      className={combineClassNames(props.className)}\r\n      classMap={coreStyles}\r\n    />\r\n  );\r\n};\r\nSlider.displayName = \"Slider\";\r\nexport default Slider;\r\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,oBAAoB,kBAAkB;AAAA,EACtC,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,MAAM,MAAA;AAEZ,QAAM,UAAU,MAAM,GAAG,MAAM,UAAU,GAAG;AAC5C,QAAM,UAAU,QAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AACnD,QAAM,UAAU,YAAY,GAAG,MAAM,UAAU,GAAG,KAAK;AAEvD,QAAM,UAAU,OAAO,SAAS,GAAG,IAAI,OAAO,GAAG,IAAI;AACrD,QAAM,UAAU,OAAO,SAAS,GAAG,IAAI,OAAO,GAAG,IAAI;AACrD,QAAM,WAAW,OAAO,IAAI,OAAO;AACnC,QAAM,UAAU,KAAK,IAAI,SAAS,KAAK,IAAI,SAAS,OAAO,KAAK,CAAC,CAAC;AAElE,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,OAAO,OAAO,WAAW,QAAQ,QAAQ;AAAA,EAAA;AAG5D,QAAM,eAAe,CAAC,MAA2C;AAC/D,UAAM,UAAU,OAAO,EAAE,OAAO,KAAK;AACrC,yCAAW;AACX,mDAAgB;AAAA,EAClB;AAEA,QAAM,yBAAyB,QAC3B,CAAC,SAAS,cAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAClD;AAEJ,QAAM,0BACJ,CAAC,iBAAiB,YAAY,UAAU,MAAS,EAC9C,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,QAAM,sBACJ,gBAAgB,SACZ,cACA,UAAU,UACR,OACA;AAER,QAAM,uBACJ,iBAAiB,SAAY,eAAe,WAAW,OAAO;AAEhE,8BACG,OAAA,EAAI,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IAAA,SACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM;AAAA,QAErB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIL,qBAAC,SAAI,WAAW,SAAS,SAAS,eAAa,GAAG,MAAM,YACtD,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ;AAAA,UACA,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,UACP,UAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,cACE,CAAC,yBAAyB,aAAa,WAAW;AAAA,UAEpD,mBAAiB,0BAA0B;AAAA,UAC3C,oBAAkB;AAAA,UAClB,kBAAgB;AAAA,UAChB,iBAAe,gBAAgB;AAAA,UAC/B,iBAAe,gBAAgB;AAAA,UAC/B,iBAAe,gBAAgB;AAAA,UAC/B,gBAAc;AAAA,UACd,iBAAe;AAAA,UACf,oBAAkB;AAAA,UAClB,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,SAAS;AAAA,UACpB,SAAS;AAAA,UACT,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AAEA,WAAW,cAAc;ACnJzB,MAAM,aAAa;AAAA,EACjB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,SAAgC,CAAC,UAAU;AAC/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,MAAM,SAAS;AAAA,MAC5C,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,OAAO,cAAc;"}

package/dist/core/Slider.cjs.js

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

package/dist/core/Slider.js

@@ -1,4 +1,4 @@
-import { S } from "./Slider-WsZnPCUo.js";
+import { S } from "./Slider-Dxcryk5j.js";
 export {
   S as default
 };

package/dist/core/{Spinner-D1CHbKYU.js → Spinner-C0bxVDCy.js}

@@ -2,7 +2,7 @@ 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-BILmxkZG.js";
+import { d as getDefaultTheme, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 const SpinnerBase = ({
   theme = getDefaultTheme(),
   state = "",
@@ -11,6 +11,12 @@ const SpinnerBase = ({
   className = "",
   "data-testid": testId = "spinner",
   label,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive = "polite",
+  "aria-busy": ariaBusy = true,
+  role = "status",
   classMap
 }) => {
   const uid = useId();
@@ -32,15 +38,17 @@ const SpinnerBase = ({
     ),
     [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: "status",
-      "aria-live": "polite",
-      "aria-busy": true,
-      ...visibleLabelId ? { "aria-labelledby": visibleLabelId, "aria-label": label } : { "aria-label": "Loading" },
+      role,
+      "aria-live": ariaLive,
+      "aria-busy": ariaBusy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId,
+      ...accessibleNameProps,
       children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -63,7 +71,7 @@ const SpinnerBase = ({
             "data-testid": `${testId}-ring`
           }
         ),
-        label && /* @__PURE__ */ jsx(
+        label && !ariaLabelledBy && /* @__PURE__ */ jsx(
           "span",
           {
             id: visibleLabelId,
@@ -103,4 +111,4 @@ Spinner.displayName = "Spinner";
 export {
   Spinner as S
 };
-//# sourceMappingURL=Spinner-D1CHbKYU.js.map
+//# sourceMappingURL=Spinner-C0bxVDCy.js.map

package/dist/core/Spinner-C0bxVDCy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-C0bxVDCy.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  \"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","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,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,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,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,QAGvB,SAAS,CAAC,kBACT;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;AC/F1B,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/{Spinner-JTcQ_d4T.cjs → Spinner-DvzolXTI.cjs}

@@ -3,7 +3,7 @@ const jsxRuntime = 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 borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const SpinnerBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
   state = "",
@@ -12,6 +12,12 @@ const SpinnerBase = ({
   className = "",
   "data-testid": testId = "spinner",
   label,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive = "polite",
+  "aria-busy": ariaBusy = true,
+  role = "status",
   classMap
 }) => {
   const uid = React.useId();
@@ -33,15 +39,17 @@ const SpinnerBase = ({
     ),
     [classMap, shadow]
   );
+  const accessibleNameProps = ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : ariaLabel ? { "aria-label": ariaLabel } : visibleLabelId ? { "aria-labelledby": visibleLabelId } : { "aria-label": "Loading" };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: wrapperClass,
-      role: "status",
-      "aria-live": "polite",
-      "aria-busy": true,
-      ...visibleLabelId ? { "aria-labelledby": visibleLabelId, "aria-label": label } : { "aria-label": "Loading" },
+      role,
+      "aria-live": ariaLive,
+      "aria-busy": ariaBusy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId,
+      ...accessibleNameProps,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -64,7 +72,7 @@ const SpinnerBase = ({
             "data-testid": `${testId}-ring`
           }
         ),
-        label && /* @__PURE__ */ jsxRuntime.jsx(
+        label && !ariaLabelledBy && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             id: visibleLabelId,
@@ -102,4 +110,4 @@ const Spinner = (props) => {
 };
 Spinner.displayName = "Spinner";
 exports.Spinner = Spinner;
-//# sourceMappingURL=Spinner-JTcQ_d4T.cjs.map
+//# sourceMappingURL=Spinner-DvzolXTI.cjs.map

package/dist/core/Spinner-DvzolXTI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-DvzolXTI.cjs","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  \"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","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":["getDefaultTheme","getDefaultShadow","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/Spinner.cjs.js

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

package/dist/core/Spinner.js

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

package/dist/core/{Stepper-JNVBVHc3.cjs → Stepper-CQRJID19.cjs}

@@ -1,9 +1,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const classNames = require("./classNames-BcWMx052.cjs");
-const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 ;/* empty css                   */
-const IconButton = require("./IconButton-Bio6Azm-.cjs");
+const IconButton = require("./IconButton-C_ktew-6.cjs");
 const StepperBase = ({
   steps,
   activeStep,
@@ -16,12 +16,18 @@ const StepperBase = ({
   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 groupLabelId = `${testId}-label`;
+  const fallbackGroupLabelId = `${testId}-label`;
+  const resolvedAriaLabelledBy = ariaLabelledBy ? ariaLabelledBy : !ariaLabel ? fallbackGroupLabelId : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -34,19 +40,22 @@ const StepperBase = ({
         className
       ),
       role: "list",
-      "aria-labelledby": groupLabelId,
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": resolvedAriaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { id: groupLabelId, className: "sr_only", children: "Progress Stepper" }),
+        !ariaLabel && !ariaLabelledBy && /* @__PURE__ */ jsxRuntime.jsx("span", { id: fallbackGroupLabelId, className: "sr_only", children: groupLabel }),
         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 isInteractive = !!onStepClick && !isDisabled;
           const stepId = `${testId}-step-${index}`;
-          const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;
+          const defaultStepLabel = `Step ${index + 1} of ${stepCount}: ${step.label}${isActive ? ", current step" : isCompleted ? ", completed" : ""}`;
+          const stepAriaLabel = getStepAriaLabel ? getStepAriaLabel(step, index, stepCount, isActive, isCompleted) : defaultStepLabel;
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -75,12 +84,16 @@ const StepperBase = ({
                     rounding,
                     disabled: isDisabled,
                     outline: !isActive,
-                    "aria-label": label,
+                    "aria-label": stepAriaLabel,
                     "aria-current": isActive ? "step" : void 0,
-                    "aria-disabled": isDisabled,
+                    "aria-disabled": isDisabled ? true : void 0,
                     "data-testid": `${stepId}-icon`,
-                    tabIndex: canFocus ? 0 : -1,
-                    onClick: () => onStepClick == null ? void 0 : onStepClick(index),
+                    tabIndex: isInteractive ? 0 : -1,
+                    onClick: () => {
+                      if (!isDisabled) {
+                        onStepClick == null ? void 0 : onStepClick(index);
+                      }
+                    },
                     onKeyDown: (e) => {
                       if ((e.key === "Enter" || e.key === " ") && !isDisabled) {
                         e.preventDefault();
@@ -137,4 +150,4 @@ const classes = {
 const Stepper = (props) => /* @__PURE__ */ jsxRuntime.jsx(StepperBase, { ...props, classMap: classes, IconButtonComponent: IconButton.IconButton });
 Stepper.displayName = "Stepper";
 exports.Stepper = Stepper;
-//# sourceMappingURL=Stepper-JNVBVHc3.cjs.map
+//# sourceMappingURL=Stepper-CQRJID19.cjs.map