boreal-ui 0.0.31 → 0.0.32

package/dist/next/Slider-BLoEjvbT.cjs

@@ -0,0 +1,172 @@
+"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_19itm_91";
+const errorMessage = "_errorMessage_19itm_92";
+const loadingContainer = "_loadingContainer_19itm_93";
+const hideScrollbar = "_hideScrollbar_19itm_85";
+const sr_only = "_sr_only_19itm_94";
+const container = "_container_19itm_540";
+const label = "_label_19itm_546";
+const wrapper = "_wrapper_19itm_551";
+const slider = "_slider_19itm_558";
+const roundNone = "_roundNone_19itm_573";
+const roundSmall = "_roundSmall_19itm_577";
+const roundMedium = "_roundMedium_19itm_581";
+const roundLarge = "_roundLarge_19itm_585";
+const roundFull = "_roundFull_19itm_589";
+const shadowNone = "_shadowNone_19itm_593";
+const shadowLight = "_shadowLight_19itm_597";
+const shadowMedium = "_shadowMedium_19itm_601";
+const shadowStrong = "_shadowStrong_19itm_605";
+const shadowIntense = "_shadowIntense_19itm_609";
+const value = "_value_19itm_613";
+const primary = "_primary_19itm_619";
+const secondary = "_secondary_19itm_626";
+const tertiary = "_tertiary_19itm_633";
+const quaternary = "_quaternary_19itm_640";
+const clear = "_clear_19itm_647";
+const success = "_success_19itm_654";
+const error = "_error_19itm_92";
+const warning = "_warning_19itm_668";
+const xs = "_xs_19itm_679";
+const small = "_small_19itm_687";
+const medium = "_medium_19itm_695";
+const large = "_large_19itm_703";
+const xl = "_xl_19itm_711";
+const spin = "_spin_19itm_1";
+const pulse = "_pulse_19itm_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  label,
+  wrapper,
+  slider,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  value,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_19itm_1",
+  "slide-up": "_slide-up_19itm_1",
+  "spin-3d": "_spin-3d_19itm_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_19itm_1",
+  "progress-grow": "_progress-grow_19itm_1",
+  "indeterminate-move": "_indeterminate-move_19itm_1",
+  "skeleton-loading": "_skeleton-loading_19itm_1"
+};
+const SliderBase = ({
+  value: value2,
+  onChange,
+  onValueChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  label: label2,
+  size = borealStyleConfig.getDefaultSize(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  showValue = true,
+  className = "",
+  "aria-label": ariaLabel,
+  disabled = false,
+  "data-testid": testId = "slider",
+  classMap,
+  ...rest
+}) => {
+  const uid = React.useId();
+  const inputId = `${testId}-input-${uid}`;
+  const labelId = label2 ? `${testId}-label-${uid}` : void 0;
+  const valueId = showValue ? `${testId}-value-${uid}` : void 0;
+  const safeMin = Number.isFinite(min) ? Number(min) : 0;
+  const safeMax = Number.isFinite(max) ? Number(max) : 100;
+  const safeStep = step > 0 ? step : 1;
+  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value2)));
+  const containerClasses = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.container,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      className
+    ),
+    [classMap, size, theme, state, className, shadow, rounding]
+  );
+  const handleChange = (e) => {
+    const numeric = Number(e.target.value);
+    onChange == null ? void 0 : onChange(e);
+    onValueChange == null ? void 0 : onValueChange(numeric);
+  };
+  return /* @__PURE__ */ require$$2.jsxs("div", { className: containerClasses, "data-testid": `${testId}-container`, children: [
+    label2 && /* @__PURE__ */ require$$2.jsx("label", { id: labelId, htmlFor: inputId, className: classMap.label, children: label2 }),
+    /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.wrapper, children: [
+      /* @__PURE__ */ require$$2.jsx(
+        "input",
+        {
+          id: inputId,
+          type: "range",
+          className: classMap.slider,
+          value: clamped,
+          onChange: handleChange,
+          min: safeMin,
+          max: safeMax,
+          step: safeStep,
+          "aria-labelledby": label2 ? labelId : void 0,
+          "aria-label": label2 ? void 0 : ariaLabel || "Slider",
+          "aria-describedby": valueId,
+          disabled,
+          "data-testid": testId,
+          ...rest
+        }
+      ),
+      showValue && /* @__PURE__ */ require$$2.jsx(
+        "output",
+        {
+          id: valueId,
+          className: classMap.value,
+          htmlFor: inputId,
+          "data-testid": `${testId}-value`,
+          children: clamped
+        }
+      )
+    ] })
+  ] });
+};
+SliderBase.displayName = "SliderBase";
+const Slider = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(SliderBase, { ...props, classMap: styles });
+};
+exports.Slider = Slider;
+//# sourceMappingURL=Slider-BLoEjvbT.cjs.map

package/dist/next/Slider-BLoEjvbT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-BLoEjvbT.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/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  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  \"aria-label\": ariaLabel,\r\n  disabled = false,\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${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  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper}>\r\n        <input\r\n          id={inputId}\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          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          aria-describedby={valueId}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...rest}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Slider.module.scss\";\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return <SliderBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["value","label","getDefaultSize","getDefaultRounding","getDefaultShadow","getDefaultTheme","useId","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AACtC,QAAM,UAAUL,SAAQ,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,OAAOD,MAAK,CAAC,CAAC;AAElE,QAAM,mBAAmBO,MAAAA;AAAAA,IACvB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,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,yCACG,OAAA,EAAI,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IAAAR,UACCS,2BAAAA,IAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UAAAT,OAAA,CACH;AAAA,IAGFU,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAAD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,UACP,UAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,mBAAiBT,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,oBAAkB;AAAA,UAClB;AAAA,UACA,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,aACCS,2BAAAA;AAAAA,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;ACjGzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SAAOA,2BAAAA,IAAC,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;;"}

package/dist/next/Slider-q_hjFuqb.js

@@ -0,0 +1,173 @@
+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";
+const noScroll = "_noScroll_19itm_91";
+const errorMessage = "_errorMessage_19itm_92";
+const loadingContainer = "_loadingContainer_19itm_93";
+const hideScrollbar = "_hideScrollbar_19itm_85";
+const sr_only = "_sr_only_19itm_94";
+const container = "_container_19itm_540";
+const label = "_label_19itm_546";
+const wrapper = "_wrapper_19itm_551";
+const slider = "_slider_19itm_558";
+const roundNone = "_roundNone_19itm_573";
+const roundSmall = "_roundSmall_19itm_577";
+const roundMedium = "_roundMedium_19itm_581";
+const roundLarge = "_roundLarge_19itm_585";
+const roundFull = "_roundFull_19itm_589";
+const shadowNone = "_shadowNone_19itm_593";
+const shadowLight = "_shadowLight_19itm_597";
+const shadowMedium = "_shadowMedium_19itm_601";
+const shadowStrong = "_shadowStrong_19itm_605";
+const shadowIntense = "_shadowIntense_19itm_609";
+const value = "_value_19itm_613";
+const primary = "_primary_19itm_619";
+const secondary = "_secondary_19itm_626";
+const tertiary = "_tertiary_19itm_633";
+const quaternary = "_quaternary_19itm_640";
+const clear = "_clear_19itm_647";
+const success = "_success_19itm_654";
+const error = "_error_19itm_92";
+const warning = "_warning_19itm_668";
+const xs = "_xs_19itm_679";
+const small = "_small_19itm_687";
+const medium = "_medium_19itm_695";
+const large = "_large_19itm_703";
+const xl = "_xl_19itm_711";
+const spin = "_spin_19itm_1";
+const pulse = "_pulse_19itm_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  label,
+  wrapper,
+  slider,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  value,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_19itm_1",
+  "slide-up": "_slide-up_19itm_1",
+  "spin-3d": "_spin-3d_19itm_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_19itm_1",
+  "progress-grow": "_progress-grow_19itm_1",
+  "indeterminate-move": "_indeterminate-move_19itm_1",
+  "skeleton-loading": "_skeleton-loading_19itm_1"
+};
+const SliderBase = ({
+  value: value2,
+  onChange,
+  onValueChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  label: label2,
+  size = getDefaultSize(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  theme = getDefaultTheme(),
+  state = "",
+  showValue = true,
+  className = "",
+  "aria-label": ariaLabel,
+  disabled = false,
+  "data-testid": testId = "slider",
+  classMap,
+  ...rest
+}) => {
+  const uid = useId();
+  const inputId = `${testId}-input-${uid}`;
+  const labelId = label2 ? `${testId}-label-${uid}` : void 0;
+  const valueId = showValue ? `${testId}-value-${uid}` : void 0;
+  const safeMin = Number.isFinite(min) ? Number(min) : 0;
+  const safeMax = Number.isFinite(max) ? Number(max) : 100;
+  const safeStep = step > 0 ? step : 1;
+  const clamped = Math.min(safeMax, Math.max(safeMin, Number(value2)));
+  const containerClasses = useMemo(
+    () => combineClassNames(
+      classMap.container,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      className
+    ),
+    [classMap, size, theme, state, className, shadow, rounding]
+  );
+  const handleChange = (e) => {
+    const numeric = Number(e.target.value);
+    onChange == null ? void 0 : onChange(e);
+    onValueChange == null ? void 0 : onValueChange(numeric);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: containerClasses, "data-testid": `${testId}-container`, children: [
+    label2 && /* @__PURE__ */ jsx("label", { id: labelId, htmlFor: inputId, className: classMap.label, children: label2 }),
+    /* @__PURE__ */ jsxs("div", { className: classMap.wrapper, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: inputId,
+          type: "range",
+          className: classMap.slider,
+          value: clamped,
+          onChange: handleChange,
+          min: safeMin,
+          max: safeMax,
+          step: safeStep,
+          "aria-labelledby": label2 ? labelId : void 0,
+          "aria-label": label2 ? void 0 : ariaLabel || "Slider",
+          "aria-describedby": valueId,
+          disabled,
+          "data-testid": testId,
+          ...rest
+        }
+      ),
+      showValue && /* @__PURE__ */ jsx(
+        "output",
+        {
+          id: valueId,
+          className: classMap.value,
+          htmlFor: inputId,
+          "data-testid": `${testId}-value`,
+          children: clamped
+        }
+      )
+    ] })
+  ] });
+};
+SliderBase.displayName = "SliderBase";
+const Slider = (props) => {
+  return /* @__PURE__ */ jsx(SliderBase, { ...props, classMap: styles });
+};
+export {
+  Slider as S
+};
+//# sourceMappingURL=Slider-q_hjFuqb.js.map

package/dist/next/Slider-q_hjFuqb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-q_hjFuqb.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/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  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  \"aria-label\": ariaLabel,\r\n  disabled = false,\r\n  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const uid = useId();\r\n  const inputId = `${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  return (\r\n    <div className={containerClasses} data-testid={`${testId}-container`}>\r\n      {label && (\r\n        <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.wrapper}>\r\n        <input\r\n          id={inputId}\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          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          aria-describedby={valueId}\r\n          disabled={disabled}\r\n          data-testid={testId}\r\n          {...rest}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Slider.module.scss\";\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n  return <SliderBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["value","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;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,cAAc;AAAA,EACd,WAAW;AAAA,EACX,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AACtC,QAAM,UAAUA,SAAQ,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,OAAOD,MAAK,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,8BACG,OAAA,EAAI,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IAAAC,UACC,oBAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UAAAA,OAAA,CACH;AAAA,IAGF,qBAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,UACP,UAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,mBAAiBA,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,oBAAkB;AAAA,UAClB;AAAA,UACA,eAAa;AAAA,UACZ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,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;ACjGzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SAAO,oBAAC,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;"}

package/dist/next/Slider.cjs.js

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

package/dist/next/Slider.js

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

package/dist/next/Spinner-Bk_yQWCK.cjs

@@ -0,0 +1,142 @@
+"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_7fdsq_91";
+const errorMessage = "_errorMessage_7fdsq_92";
+const loadingContainer = "_loadingContainer_7fdsq_93";
+const hideScrollbar = "_hideScrollbar_7fdsq_85";
+const sr_only = "_sr_only_7fdsq_94";
+const wrapper = "_wrapper_7fdsq_540";
+const spinner = "_spinner_7fdsq_554";
+const spin = "_spin_7fdsq_554";
+const pulse = "_pulse_7fdsq_1";
+const primary = "_primary_7fdsq_568";
+const secondary = "_secondary_7fdsq_571";
+const tertiary = "_tertiary_7fdsq_574";
+const quaternary = "_quaternary_7fdsq_577";
+const clear = "_clear_7fdsq_580";
+const success = "_success_7fdsq_583";
+const error = "_error_7fdsq_92";
+const warning = "_warning_7fdsq_589";
+const shadowNone = "_shadowNone_7fdsq_596";
+const shadowLight = "_shadowLight_7fdsq_600";
+const shadowMedium = "_shadowMedium_7fdsq_604";
+const shadowStrong = "_shadowStrong_7fdsq_608";
+const shadowIntense = "_shadowIntense_7fdsq_612";
+const shadowElement = "_shadowElement_7fdsq_616";
+const label = "_label_7fdsq_626";
+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_7fdsq_1",
+  "slide-up": "_slide-up_7fdsq_1",
+  "spin-3d": "_spin-3d_7fdsq_1",
+  "fade-in-up": "_fade-in-up_7fdsq_1",
+  "progress-grow": "_progress-grow_7fdsq_1",
+  "indeterminate-move": "_indeterminate-move_7fdsq_1",
+  "skeleton-loading": "_skeleton-loading_7fdsq_1"
+};
+const SpinnerBase = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = 50,
+  shadow = borealStyleConfig.getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "spinner",
+  label: label2,
+  classMap
+}) => {
+  const uid = React.useId();
+  const spinnerSize = `${size}px`;
+  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;
+  const visibleLabelId = label2 ? `${testId}-label-${uid}` : void 0;
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(classMap.wrapper, className),
+    [classMap, className]
+  );
+  const spinnerClasses = React.useMemo(
+    () => classNames.combineClassNames(classMap.spinner, classMap[theme], classMap[state]),
+    [classMap, theme, state]
+  );
+  const shadowClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.shadowElement,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`]
+    ),
+    [classMap, shadow]
+  );
+  return /* @__PURE__ */ require$$2.jsxs(
+    "div",
+    {
+      className: wrapperClass,
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": true,
+      ...visibleLabelId ? { "aria-labelledby": visibleLabelId } : { "aria-label": "Loading" },
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: shadowClass,
+            style: { width: spinnerSize, height: spinnerSize },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: spinnerClasses,
+            style: {
+              width: spinnerSize,
+              height: spinnerSize,
+              borderWidth: strokeWidth
+            },
+            "aria-hidden": "true",
+            "data-testid": `${testId}-ring`
+          }
+        ),
+        label2 && /* @__PURE__ */ require$$2.jsx(
+          "span",
+          {
+            id: visibleLabelId,
+            className: classMap.label,
+            "data-testid": `${testId}-label`,
+            children: label2
+          }
+        )
+      ]
+    }
+  );
+};
+SpinnerBase.displayName = "SpinnerBase";
+const Spinner = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(SpinnerBase, { ...props, classMap: styles });
+};
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner-Bk_yQWCK.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-Bk_yQWCK.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  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 }\r\n        : { \"aria-label\": \"Loading\" })}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","label","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiBD,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAeE,MAAAA;AAAAA,IACnB,MAAMC,6BAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiBD,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAW;AAAA,MACV,GAAI,iBACD,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAAA,MACpB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvBN,UACCM,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AChF1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAOM,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;;"}

package/dist/next/Spinner-CagtJg0l.js

@@ -0,0 +1,143 @@
+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";
+const noScroll = "_noScroll_7fdsq_91";
+const errorMessage = "_errorMessage_7fdsq_92";
+const loadingContainer = "_loadingContainer_7fdsq_93";
+const hideScrollbar = "_hideScrollbar_7fdsq_85";
+const sr_only = "_sr_only_7fdsq_94";
+const wrapper = "_wrapper_7fdsq_540";
+const spinner = "_spinner_7fdsq_554";
+const spin = "_spin_7fdsq_554";
+const pulse = "_pulse_7fdsq_1";
+const primary = "_primary_7fdsq_568";
+const secondary = "_secondary_7fdsq_571";
+const tertiary = "_tertiary_7fdsq_574";
+const quaternary = "_quaternary_7fdsq_577";
+const clear = "_clear_7fdsq_580";
+const success = "_success_7fdsq_583";
+const error = "_error_7fdsq_92";
+const warning = "_warning_7fdsq_589";
+const shadowNone = "_shadowNone_7fdsq_596";
+const shadowLight = "_shadowLight_7fdsq_600";
+const shadowMedium = "_shadowMedium_7fdsq_604";
+const shadowStrong = "_shadowStrong_7fdsq_608";
+const shadowIntense = "_shadowIntense_7fdsq_612";
+const shadowElement = "_shadowElement_7fdsq_616";
+const label = "_label_7fdsq_626";
+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_7fdsq_1",
+  "slide-up": "_slide-up_7fdsq_1",
+  "spin-3d": "_spin-3d_7fdsq_1",
+  "fade-in-up": "_fade-in-up_7fdsq_1",
+  "progress-grow": "_progress-grow_7fdsq_1",
+  "indeterminate-move": "_indeterminate-move_7fdsq_1",
+  "skeleton-loading": "_skeleton-loading_7fdsq_1"
+};
+const SpinnerBase = ({
+  theme = getDefaultTheme(),
+  state = "",
+  size = 50,
+  shadow = getDefaultShadow(),
+  className = "",
+  "data-testid": testId = "spinner",
+  label: label2,
+  classMap
+}) => {
+  const uid = useId();
+  const spinnerSize = `${size}px`;
+  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;
+  const visibleLabelId = label2 ? `${testId}-label-${uid}` : void 0;
+  const wrapperClass = useMemo(
+    () => combineClassNames(classMap.wrapper, className),
+    [classMap, className]
+  );
+  const spinnerClasses = useMemo(
+    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),
+    [classMap, theme, state]
+  );
+  const shadowClass = useMemo(
+    () => combineClassNames(
+      classMap.shadowElement,
+      shadow && classMap[`shadow${capitalize(shadow)}`]
+    ),
+    [classMap, shadow]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: wrapperClass,
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": true,
+      ...visibleLabelId ? { "aria-labelledby": visibleLabelId } : { "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`
+          }
+        ),
+        label2 && /* @__PURE__ */ jsx(
+          "span",
+          {
+            id: visibleLabelId,
+            className: classMap.label,
+            "data-testid": `${testId}-label`,
+            children: label2
+          }
+        )
+      ]
+    }
+  );
+};
+SpinnerBase.displayName = "SpinnerBase";
+const Spinner = (props) => {
+  return /* @__PURE__ */ jsx(SpinnerBase, { ...props, classMap: styles });
+};
+export {
+  Spinner as S
+};
+//# sourceMappingURL=Spinner-CagtJg0l.js.map