boreal-ui 0.0.1

package/dist/next/Skeleton-CMuXs5GO.cjs

@@ -0,0 +1,103 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const noScroll = "_noScroll_1vcpz_91";
+const errorMessage = "_errorMessage_1vcpz_92";
+const loadingContainer = "_loadingContainer_1vcpz_93";
+const hideScrollbar = "_hideScrollbar_1vcpz_85";
+const sr_only = "_sr_only_1vcpz_94";
+const skeletonLoader = "_skeletonLoader_1vcpz_479";
+const roundNone = "_roundNone_1vcpz_496";
+const roundSmall = "_roundSmall_1vcpz_500";
+const roundMedium = "_roundMedium_1vcpz_504";
+const roundLarge = "_roundLarge_1vcpz_508";
+const roundFull = "_roundFull_1vcpz_512";
+const shadowNone = "_shadowNone_1vcpz_516";
+const shadowLight = "_shadowLight_1vcpz_520";
+const shadowMedium = "_shadowMedium_1vcpz_524";
+const shadowStrong = "_shadowStrong_1vcpz_528";
+const shadowIntense = "_shadowIntense_1vcpz_532";
+const spin = "_spin_1vcpz_1";
+const pulse = "_pulse_1vcpz_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  skeletonLoader,
+  "skeleton-loading": "_skeleton-loading_1vcpz_1",
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1vcpz_1",
+  "slide-up": "_slide-up_1vcpz_1",
+  "spin-3d": "_spin-3d_1vcpz_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1vcpz_1",
+  "progress-grow": "_progress-grow_1vcpz_1",
+  "indeterminate-move": "_indeterminate-move_1vcpz_1"
+};
+const SkeletonBase = ({
+  width = "100%",
+  height = "100%",
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  className = "",
+  label = "Loading content...",
+  "data-testid": testId = "skeleton-loader",
+  classMap,
+  ...rest
+}) => {
+  const descriptionId = `${testId}-desc`;
+  const skeletonClasses = classNames.combineClassNames(
+    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+    className
+  );
+  return /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      className: skeletonClasses,
+      style: { width, height },
+      role: "status",
+      "aria-busy": "true",
+      "aria-live": "polite",
+      "aria-describedby": descriptionId,
+      "data-testid": testId,
+      "aria-label": label,
+      ...rest,
+      children: /* @__PURE__ */ require$$2.jsx(
+        "span",
+        {
+          id: descriptionId,
+          className: "sr_only",
+          "data-testid": `${testId}-description`,
+          children: label
+        }
+      )
+    }
+  );
+};
+const SkeletonLoader = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(
+    SkeletonBase,
+    {
+      ...props,
+      className: classNames.combineClassNames(styles.skeletonLoader, props.className),
+      classMap: styles
+    }
+  );
+};
+exports.SkeletonLoader = SkeletonLoader;
+//# sourceMappingURL=Skeleton-CMuXs5GO.cjs.map

package/dist/next/Skeleton-CMuXs5GO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton-CMuXs5GO.cjs","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SkeletonProps } from \"./Skeleton.types\";\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\n\r\nexport interface SkeletonBaseProps extends SkeletonProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps> = ({\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  \"data-testid\": testId = \"skeleton-loader\",\r\n  classMap,\r\n  ...rest\r\n}) => {\r\n  const descriptionId = `${testId}-desc`;\r\n\r\n  const skeletonClasses = combineClassNames(\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    className\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={skeletonClasses}\r\n      style={{ width, height }}\r\n      role=\"status\"\r\n      aria-busy=\"true\"\r\n      aria-live=\"polite\"\r\n      aria-describedby={descriptionId}\r\n      data-testid={testId}\r\n      aria-label={label}\r\n      {...rest}\r\n    >\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    </div>\r\n  );\r\n};\r\n\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n  return (\r\n    <SkeletonBase\r\n      {...props}\r\n      className={combineClassNames(styles.skeletonLoader, props.className)}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default SkeletonLoader;\r\n"],"names":["getDefaultRounding","getDefaultShadow","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAWA,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkBC,WAAA;AAAA,IACtB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EACF;AAGE,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAAA,2BAAA;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,EACF;AAEJ;AC7CM,MAAA,iBAA0C,CAAC,UAAU;AAEvD,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;;"}

package/dist/next/Skeleton.cjs.js

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

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

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

package/dist/next/Skeleton.js

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

package/dist/next/Skeleton.js.map

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

package/dist/next/Slider-B5BJJyaD.js

@@ -0,0 +1,160 @@
+import { jsxs, 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, d as getDefaultTheme, c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
+const noScroll = "_noScroll_133dl_91";
+const errorMessage = "_errorMessage_133dl_92";
+const loadingContainer = "_loadingContainer_133dl_93";
+const hideScrollbar = "_hideScrollbar_133dl_85";
+const sr_only = "_sr_only_133dl_94";
+const container = "_container_133dl_479";
+const label = "_label_133dl_485";
+const wrapper = "_wrapper_133dl_490";
+const slider = "_slider_133dl_497";
+const roundNone = "_roundNone_133dl_512";
+const roundSmall = "_roundSmall_133dl_516";
+const roundMedium = "_roundMedium_133dl_520";
+const roundLarge = "_roundLarge_133dl_524";
+const roundFull = "_roundFull_133dl_528";
+const shadowNone = "_shadowNone_133dl_532";
+const shadowLight = "_shadowLight_133dl_536";
+const shadowMedium = "_shadowMedium_133dl_540";
+const shadowStrong = "_shadowStrong_133dl_544";
+const shadowIntense = "_shadowIntense_133dl_548";
+const value = "_value_133dl_552";
+const primary = "_primary_133dl_558";
+const secondary = "_secondary_133dl_565";
+const tertiary = "_tertiary_133dl_572";
+const quaternary = "_quaternary_133dl_579";
+const clear = "_clear_133dl_586";
+const success = "_success_133dl_593";
+const error = "_error_133dl_92";
+const warning = "_warning_133dl_607";
+const xs = "_xs_133dl_618";
+const small = "_small_133dl_626";
+const medium = "_medium_133dl_634";
+const large = "_large_133dl_642";
+const xl = "_xl_133dl_650";
+const spin = "_spin_133dl_1";
+const pulse = "_pulse_133dl_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_133dl_1",
+  "slide-up": "_slide-up_133dl_1",
+  "spin-3d": "_spin-3d_133dl_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_133dl_1",
+  "progress-grow": "_progress-grow_133dl_1",
+  "indeterminate-move": "_indeterminate-move_133dl_1",
+  "skeleton-loading": "_skeleton-loading_133dl_1"
+};
+const SliderBase = ({
+  value: value2,
+  onChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  label: label2,
+  size = getDefaultSize(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  theme = getDefaultTheme(),
+  state = "",
+  showValue = true,
+  className = "",
+  "aria-label": ariaLabel,
+  "data-testid": testId = "slider",
+  classMap
+}) => {
+  const inputId = `${testId}-input`;
+  const labelId = `${testId}-label`;
+  const valueText = `${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]
+  );
+  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: value2,
+          onChange,
+          min,
+          max,
+          step,
+          "aria-valuemin": min,
+          "aria-valuemax": max,
+          "aria-valuenow": value2,
+          "aria-valuetext": valueText,
+          "aria-labelledby": label2 ? labelId : void 0,
+          "aria-label": label2 ? void 0 : ariaLabel || "Slider",
+          "data-testid": testId
+        }
+      ),
+      showValue && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.value,
+          id: `${testId}-value`,
+          "aria-live": "polite",
+          "data-testid": `${testId}-value`,
+          children: value2
+        }
+      )
+    ] })
+  ] });
+};
+const Slider = (props) => {
+  return /* @__PURE__ */ jsx(SliderBase, { ...props, classMap: styles });
+};
+export {
+  Slider as S
+};
+//# sourceMappingURL=Slider-B5BJJyaD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-B5BJJyaD.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/Slider.tsx"],"sourcesContent":["import React, { useMemo } 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  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  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n}) => {\r\n  const inputId = `${testId}-input`;\r\n  const labelId = `${testId}-label`;\r\n  const valueText = `${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]\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={value}\r\n          onChange={onChange}\r\n          min={min}\r\n          max={max}\r\n          step={step}\r\n          aria-valuemin={min}\r\n          aria-valuemax={max}\r\n          aria-valuenow={value}\r\n          aria-valuetext={valueText}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          data-testid={testId}\r\n        />\r\n        {showValue && (\r\n          <span\r\n            className={classMap.value}\r\n            id={`${testId}-value`}\r\n            aria-live=\"polite\"\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {value}\r\n          </span>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\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,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAO,eAAe;AAAA,EACtB,WAAW,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACE,QAAA,UAAU,GAAG,MAAM;AACnB,QAAA,UAAU,GAAG,MAAM;AACnB,QAAA,YAAY,GAAGD,MAAK;AAE1B,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,IACF;AAAA,IACF,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,EAC1C;AAEA,8BACG,OAAI,EAAA,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IACCC,UAAA,oBAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UACHA,OAAA,CAAA;AAAA,IAGD,qBAAA,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAAD;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAeA;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiBC,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACC,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAEJ,CAAA;AAAA,EAAA,GACF;AAEJ;ACjFM,MAAA,SAAgC,CAAC,UAAU;AAC/C,SAAQ,oBAAA,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;"}

package/dist/next/Slider-DbxNKdGq.cjs

@@ -0,0 +1,159 @@
+"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_133dl_91";
+const errorMessage = "_errorMessage_133dl_92";
+const loadingContainer = "_loadingContainer_133dl_93";
+const hideScrollbar = "_hideScrollbar_133dl_85";
+const sr_only = "_sr_only_133dl_94";
+const container = "_container_133dl_479";
+const label = "_label_133dl_485";
+const wrapper = "_wrapper_133dl_490";
+const slider = "_slider_133dl_497";
+const roundNone = "_roundNone_133dl_512";
+const roundSmall = "_roundSmall_133dl_516";
+const roundMedium = "_roundMedium_133dl_520";
+const roundLarge = "_roundLarge_133dl_524";
+const roundFull = "_roundFull_133dl_528";
+const shadowNone = "_shadowNone_133dl_532";
+const shadowLight = "_shadowLight_133dl_536";
+const shadowMedium = "_shadowMedium_133dl_540";
+const shadowStrong = "_shadowStrong_133dl_544";
+const shadowIntense = "_shadowIntense_133dl_548";
+const value = "_value_133dl_552";
+const primary = "_primary_133dl_558";
+const secondary = "_secondary_133dl_565";
+const tertiary = "_tertiary_133dl_572";
+const quaternary = "_quaternary_133dl_579";
+const clear = "_clear_133dl_586";
+const success = "_success_133dl_593";
+const error = "_error_133dl_92";
+const warning = "_warning_133dl_607";
+const xs = "_xs_133dl_618";
+const small = "_small_133dl_626";
+const medium = "_medium_133dl_634";
+const large = "_large_133dl_642";
+const xl = "_xl_133dl_650";
+const spin = "_spin_133dl_1";
+const pulse = "_pulse_133dl_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_133dl_1",
+  "slide-up": "_slide-up_133dl_1",
+  "spin-3d": "_spin-3d_133dl_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_133dl_1",
+  "progress-grow": "_progress-grow_133dl_1",
+  "indeterminate-move": "_indeterminate-move_133dl_1",
+  "skeleton-loading": "_skeleton-loading_133dl_1"
+};
+const SliderBase = ({
+  value: value2,
+  onChange,
+  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,
+  "data-testid": testId = "slider",
+  classMap
+}) => {
+  const inputId = `${testId}-input`;
+  const labelId = `${testId}-label`;
+  const valueText = `${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]
+  );
+  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: value2,
+          onChange,
+          min,
+          max,
+          step,
+          "aria-valuemin": min,
+          "aria-valuemax": max,
+          "aria-valuenow": value2,
+          "aria-valuetext": valueText,
+          "aria-labelledby": label2 ? labelId : void 0,
+          "aria-label": label2 ? void 0 : ariaLabel || "Slider",
+          "data-testid": testId
+        }
+      ),
+      showValue && /* @__PURE__ */ require$$2.jsx(
+        "span",
+        {
+          className: classMap.value,
+          id: `${testId}-value`,
+          "aria-live": "polite",
+          "data-testid": `${testId}-value`,
+          children: value2
+        }
+      )
+    ] })
+  ] });
+};
+const Slider = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(SliderBase, { ...props, classMap: styles });
+};
+exports.Slider = Slider;
+//# sourceMappingURL=Slider-DbxNKdGq.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-DbxNKdGq.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/Slider.tsx"],"sourcesContent":["import React, { useMemo } 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  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  \"data-testid\": testId = \"slider\",\r\n  classMap,\r\n}) => {\r\n  const inputId = `${testId}-input`;\r\n  const labelId = `${testId}-label`;\r\n  const valueText = `${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]\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={value}\r\n          onChange={onChange}\r\n          min={min}\r\n          max={max}\r\n          step={step}\r\n          aria-valuemin={min}\r\n          aria-valuemax={max}\r\n          aria-valuenow={value}\r\n          aria-valuetext={valueText}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : ariaLabel || \"Slider\"}\r\n          data-testid={testId}\r\n        />\r\n        {showValue && (\r\n          <span\r\n            className={classMap.value}\r\n            id={`${testId}-value`}\r\n            aria-live=\"polite\"\r\n            data-testid={`${testId}-value`}\r\n          >\r\n            {value}\r\n          </span>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\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","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH,OAAAA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAOC,kBAAAA,eAAe;AAAA,EACtB,WAAWC,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,QAAQC,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACE,QAAA,UAAU,GAAG,MAAM;AACnB,QAAA,UAAU,GAAG,MAAM;AACnB,QAAA,YAAY,GAAGL,MAAK;AAE1B,QAAM,mBAAmBM,MAAA;AAAA,IACvB,MACEC,WAAA;AAAA,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,IACF;AAAA,IACF,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,EAC1C;AAEA,yCACG,OAAI,EAAA,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IACCP,UAAAQ,2BAAAA,IAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UACHR,OAAA,CAAA;AAAA,IAGDS,2BAAA,KAAA,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAAD,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAAT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAeA;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiBC,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,MACf;AAAA,MACC,aACCQ,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAEJ,CAAA;AAAA,EAAA,GACF;AAEJ;ACjFM,MAAA,SAAgC,CAAC,UAAU;AAC/C,SAAQS,2BAAAA,IAAA,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;;"}

package/dist/next/Slider.cjs.js

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

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

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

package/dist/next/Slider.js

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

package/dist/next/Slider.js.map

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

package/dist/next/Spinner-BxvU43sx.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-BxvU43sx.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  classMap,\r\n}) => {\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n  const spinnerSize = `${size}px`;\r\n\r\n  const labelId = `${testId}`;\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={`${classMap.wrapper} ${className}`}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-busy=\"true\"\r\n      aria-label={label || \"Loading\"}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.shadowElement,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`]\r\n        )}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n      />\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        data-testid={testId}\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span\r\n        id={labelId}\r\n        className={\"sr_only\"}\r\n        data-testid={`${testId}-sr-label`}\r\n      >\r\n        {label}\r\n      </span>\r\n      <span\r\n        id={labelId}\r\n        className={classMap.label}\r\n        data-testid={`${testId}-label`}\r\n      >\r\n        {label}\r\n      </span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAA;AAAA,EACA;AACF,MAAM;AACE,QAAA,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AACnD,QAAA,cAAc,GAAG,IAAI;AAErB,QAAA,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EACzB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAYA,UAAS;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,YAClD;AAAA,YACA,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAY;AAAA,UAAA;AAAA,QACnD;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YACf;AAAA,YACA,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;ACjEM,MAAA,UAAkC,CAAC,UAAU;AACjD,SAAQ,oBAAA,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;"}