boreal-ui 0.0.31 → 0.0.32

package/dist/next/STT-BygzgjFx.cjs

@@ -0,0 +1,133 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const ArrowUpIcon = (props) => /* @__PURE__ */ require$$2.jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ require$$2.jsx(
+      "path",
+      {
+        d: "M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+const ScrollToTopBase = ({
+  classMap,
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  IconComponent,
+  offset = 300,
+  className = "",
+  "data-testid": testId = "scroll"
+}) => {
+  const [isVisible, setIsVisible] = React.useState(false);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    let ticking = false;
+    const update = () => {
+      setIsVisible(window.scrollY > offset);
+      ticking = false;
+    };
+    const onScroll = () => {
+      if (!ticking) {
+        ticking = true;
+        requestAnimationFrame(update);
+      }
+    };
+    update();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, [offset]);
+  const scrollToTop = () => {
+    var _a;
+    if (typeof window === "undefined") return;
+    const prefersReduced = (_a = window.matchMedia) == null ? void 0 : _a.call(
+      window,
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    window.scrollTo({ top: 0, behavior: prefersReduced ? "auto" : "smooth" });
+  };
+  const buttonClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.button,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [classMap, shadow, rounding]
+  );
+  const iconClass = React.useMemo(() => classNames.combineClassNames(classMap.icon), [classMap]);
+  return /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      className: classNames.combineClassNames(classMap.wrapper, className),
+      "data-testid": testId,
+      children: isVisible && /* @__PURE__ */ require$$2.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: scrollToTop,
+          className: buttonClass,
+          "aria-label": "Scroll to top",
+          title: "Scroll to top",
+          "data-testid": `${testId}-button`,
+          children: /* @__PURE__ */ require$$2.jsx(
+            IconComponent,
+            {
+              className: iconClass,
+              "aria-hidden": "true",
+              focusable: false
+            }
+          )
+        }
+      )
+    }
+  );
+};
+ScrollToTopBase.displayName = "ScrollToTopBase";
+const wrapper = "_wrapper_1o1sc_68";
+const button = "_button_1o1sc_81";
+const icon = "_icon_1o1sc_92";
+const roundNone = "_roundNone_1o1sc_100";
+const roundSmall = "_roundSmall_1o1sc_103";
+const roundMedium = "_roundMedium_1o1sc_106";
+const roundLarge = "_roundLarge_1o1sc_109";
+const roundFull = "_roundFull_1o1sc_112";
+const shadowNone = "_shadowNone_1o1sc_115";
+const shadowLight = "_shadowLight_1o1sc_118";
+const shadowMedium = "_shadowMedium_1o1sc_121";
+const shadowStrong = "_shadowStrong_1o1sc_124";
+const shadowIntense = "_shadowIntense_1o1sc_127";
+const styles = {
+  wrapper,
+  button,
+  icon,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const ScrollToTopButton = (props) => /* @__PURE__ */ require$$2.jsx(ScrollToTopBase, { ...props, classMap: styles, IconComponent: ArrowUpIcon });
+exports.ScrollToTopButton = ScrollToTopButton;
+//# sourceMappingURL=STT-BygzgjFx.cjs.map

package/dist/next/STT-BygzgjFx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"STT-BygzgjFx.cjs","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/next/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ArrowUpIcon;\r\n","import React, { useEffect, useState, useMemo } from \"react\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ScrollToTopBaseProps } from \"./ScrollToTop.types\";\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n  classMap,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  IconComponent,\r\n  offset = 300,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (typeof window === \"undefined\") return;\r\n\r\n    let ticking = false;\r\n\r\n    const update = () => {\r\n      setIsVisible(window.scrollY > offset);\r\n      ticking = false;\r\n    };\r\n\r\n    const onScroll = () => {\r\n      if (!ticking) {\r\n        ticking = true;\r\n        requestAnimationFrame(update);\r\n      }\r\n    };\r\n\r\n    update();\r\n\r\n    window.addEventListener(\"scroll\", onScroll, { passive: true });\r\n    return () => window.removeEventListener(\"scroll\", onScroll);\r\n  }, [offset]);\r\n\r\n  const scrollToTop = () => {\r\n    if (typeof window === \"undefined\") return;\r\n    const prefersReduced = window.matchMedia?.(\r\n      \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n    window.scrollTo({ top: 0, behavior: prefersReduced ? \"auto\" : \"smooth\" });\r\n  };\r\n\r\n  const buttonClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.button,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const iconClass = useMemo(() => combineClassNames(classMap.icon), [classMap]);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      data-testid={testId}\r\n    >\r\n      {isVisible && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={scrollToTop}\r\n          className={buttonClass}\r\n          aria-label=\"Scroll to top\"\r\n          title=\"Scroll to top\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <IconComponent\r\n            className={iconClass}\r\n            aria-hidden=\"true\"\r\n            focusable={false}\r\n          />\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nScrollToTopBase.displayName = \"ScrollToTopBase\";\r\nexport default ScrollToTopBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\nimport styles from \"./STT.module.scss\";\r\nimport { ScrollToTopProps } from \"../ScrollToTop.types\";\r\n\r\nconst ScrollToTopButton: React.FC<ScrollToTopProps> = (props) => (\r\n  <ScrollToTopBase {...props} classMap={styles} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":["jsx","getDefaultRounding","getDefaultShadow","useState","useEffect","useMemo","combineClassNames","capitalize"],"mappings":";;;;;;AAAA,MAAM,cAAuD,CAAC,UAC5DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACTF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAEhDC,QAAAA,UAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AAEnC,QAAI,UAAU;AAEd,UAAM,SAAS,MAAM;AACnB,mBAAa,OAAO,UAAU,MAAM;AACpC,gBAAU;AAAA,IACZ;AAEA,UAAM,WAAW,MAAM;AACrB,UAAI,CAAC,SAAS;AACZ,kBAAU;AACV,8BAAsB,MAAM;AAAA,MAC9B;AAAA,IACF;AAEA,WAAA;AAEA,WAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM;AAC7D,WAAO,MAAM,OAAO,oBAAoB,UAAU,QAAQ;AAAA,EAC5D,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc,MAAM;;AACxB,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,kBAAiB,YAAO,eAAP;AAAA;AAAA,MACrB;AAAA,MACA;AACF,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,iBAAiB,SAAS,UAAU;AAAA,EAC1E;AAEA,QAAM,cAAcC,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,QAAM,YAAYF,MAAAA,QAAQ,MAAMC,WAAAA,kBAAkB,SAAS,IAAI,GAAG,CAAC,QAAQ,CAAC;AAE5E,SACEN,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWM,WAAAA,kBAAkB,SAAS,SAAS,SAAS;AAAA,MACxD,eAAa;AAAA,MAEZ,UAAA,aACCN,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX,cAAW;AAAA,UACX,OAAM;AAAA,UACN,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIR;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChF9B,MAAM,oBAAgD,CAAC,UACrDA,2BAAAA,IAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ,eAAe,YAAA,CAAa;;"}

package/dist/next/STT-DKdM1tbk.js

@@ -0,0 +1,134 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
+const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+const ScrollToTopBase = ({
+  classMap,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  IconComponent,
+  offset = 300,
+  className = "",
+  "data-testid": testId = "scroll"
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    let ticking = false;
+    const update = () => {
+      setIsVisible(window.scrollY > offset);
+      ticking = false;
+    };
+    const onScroll = () => {
+      if (!ticking) {
+        ticking = true;
+        requestAnimationFrame(update);
+      }
+    };
+    update();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, [offset]);
+  const scrollToTop = () => {
+    var _a;
+    if (typeof window === "undefined") return;
+    const prefersReduced = (_a = window.matchMedia) == null ? void 0 : _a.call(
+      window,
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    window.scrollTo({ top: 0, behavior: prefersReduced ? "auto" : "smooth" });
+  };
+  const buttonClass = useMemo(
+    () => combineClassNames(
+      classMap.button,
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`]
+    ),
+    [classMap, shadow, rounding]
+  );
+  const iconClass = useMemo(() => combineClassNames(classMap.icon), [classMap]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: combineClassNames(classMap.wrapper, className),
+      "data-testid": testId,
+      children: isVisible && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: scrollToTop,
+          className: buttonClass,
+          "aria-label": "Scroll to top",
+          title: "Scroll to top",
+          "data-testid": `${testId}-button`,
+          children: /* @__PURE__ */ jsx(
+            IconComponent,
+            {
+              className: iconClass,
+              "aria-hidden": "true",
+              focusable: false
+            }
+          )
+        }
+      )
+    }
+  );
+};
+ScrollToTopBase.displayName = "ScrollToTopBase";
+const wrapper = "_wrapper_1o1sc_68";
+const button = "_button_1o1sc_81";
+const icon = "_icon_1o1sc_92";
+const roundNone = "_roundNone_1o1sc_100";
+const roundSmall = "_roundSmall_1o1sc_103";
+const roundMedium = "_roundMedium_1o1sc_106";
+const roundLarge = "_roundLarge_1o1sc_109";
+const roundFull = "_roundFull_1o1sc_112";
+const shadowNone = "_shadowNone_1o1sc_115";
+const shadowLight = "_shadowLight_1o1sc_118";
+const shadowMedium = "_shadowMedium_1o1sc_121";
+const shadowStrong = "_shadowStrong_1o1sc_124";
+const shadowIntense = "_shadowIntense_1o1sc_127";
+const styles = {
+  wrapper,
+  button,
+  icon,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const ScrollToTopButton = (props) => /* @__PURE__ */ jsx(ScrollToTopBase, { ...props, classMap: styles, IconComponent: ArrowUpIcon });
+export {
+  ScrollToTopButton as S
+};
+//# sourceMappingURL=STT-DKdM1tbk.js.map

package/dist/next/STT-DKdM1tbk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"STT-DKdM1tbk.js","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/next/STT.tsx"],"sourcesContent":["const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ArrowUpIcon;\r\n","import React, { useEffect, useState, useMemo } from \"react\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ScrollToTopBaseProps } from \"./ScrollToTop.types\";\r\n\r\nconst ScrollToTopBase: React.FC<ScrollToTopBaseProps> = ({\r\n  classMap,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  IconComponent,\r\n  offset = 300,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"scroll\",\r\n}) => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (typeof window === \"undefined\") return;\r\n\r\n    let ticking = false;\r\n\r\n    const update = () => {\r\n      setIsVisible(window.scrollY > offset);\r\n      ticking = false;\r\n    };\r\n\r\n    const onScroll = () => {\r\n      if (!ticking) {\r\n        ticking = true;\r\n        requestAnimationFrame(update);\r\n      }\r\n    };\r\n\r\n    update();\r\n\r\n    window.addEventListener(\"scroll\", onScroll, { passive: true });\r\n    return () => window.removeEventListener(\"scroll\", onScroll);\r\n  }, [offset]);\r\n\r\n  const scrollToTop = () => {\r\n    if (typeof window === \"undefined\") return;\r\n    const prefersReduced = window.matchMedia?.(\r\n      \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n    window.scrollTo({ top: 0, behavior: prefersReduced ? \"auto\" : \"smooth\" });\r\n  };\r\n\r\n  const buttonClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.button,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  const iconClass = useMemo(() => combineClassNames(classMap.icon), [classMap]);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      data-testid={testId}\r\n    >\r\n      {isVisible && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={scrollToTop}\r\n          className={buttonClass}\r\n          aria-label=\"Scroll to top\"\r\n          title=\"Scroll to top\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <IconComponent\r\n            className={iconClass}\r\n            aria-hidden=\"true\"\r\n            focusable={false}\r\n          />\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nScrollToTopBase.displayName = \"ScrollToTopBase\";\r\nexport default ScrollToTopBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ScrollToTopBase from \"../ScrollToTopBase\";\r\nimport { ArrowUpIcon } from \"@/Icons\";\r\nimport styles from \"./STT.module.scss\";\r\nimport { ScrollToTopProps } from \"../ScrollToTop.types\";\r\n\r\nconst ScrollToTopButton: React.FC<ScrollToTopProps> = (props) => (\r\n  <ScrollToTopBase {...props} classMap={styles} IconComponent={ArrowUpIcon} />\r\n);\r\n\r\nexport default ScrollToTopButton;\r\n"],"names":[],"mappings":";;;;;AAAA,MAAM,cAAuD,CAAC,UAC5D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACH;ACTF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AAEnC,QAAI,UAAU;AAEd,UAAM,SAAS,MAAM;AACnB,mBAAa,OAAO,UAAU,MAAM;AACpC,gBAAU;AAAA,IACZ;AAEA,UAAM,WAAW,MAAM;AACrB,UAAI,CAAC,SAAS;AACZ,kBAAU;AACV,8BAAsB,MAAM;AAAA,MAC9B;AAAA,IACF;AAEA,WAAA;AAEA,WAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM;AAC7D,WAAO,MAAM,OAAO,oBAAoB,UAAU,QAAQ;AAAA,EAC5D,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc,MAAM;;AACxB,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,kBAAiB,YAAO,eAAP;AAAA;AAAA,MACrB;AAAA,MACA;AACF,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,iBAAiB,SAAS,UAAU;AAAA,EAC1E;AAEA,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,QAAM,YAAY,QAAQ,MAAM,kBAAkB,SAAS,IAAI,GAAG,CAAC,QAAQ,CAAC;AAE5E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,kBAAkB,SAAS,SAAS,SAAS;AAAA,MACxD,eAAa;AAAA,MAEZ,UAAA,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX,cAAW;AAAA,UACX,OAAM;AAAA,UACN,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIR;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChF9B,MAAM,oBAAgD,CAAC,UACrD,oBAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ,eAAe,YAAA,CAAa;"}

package/dist/next/ScrollToTop.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const STT = require("./STT-B8QYAxU7.cjs");
+const STT = require("./STT-BygzgjFx.cjs");
 module.exports = STT.ScrollToTopButton;
 //# sourceMappingURL=ScrollToTop.cjs.js.map

package/dist/next/ScrollToTop.js

@@ -1,4 +1,4 @@
-import { S } from "./STT-B89YQxDF.js";
+import { S } from "./STT-DKdM1tbk.js";
 export {
   S as default
 };

package/dist/next/{Select-DXO2nK78.js → Select-B3JaOW2f.js}

@@ -22,21 +22,27 @@ const BaseSelect = forwardRef(
     classMap,
     asyncOptions,
     pollInterval = 0,
+    required,
+    name,
     "data-testid": testId = "select"
   }, ref) => {
     const id = useId();
     const selectId = `${id}-select`;
     const descId = ariaDescription ? `${id}-desc` : void 0;
     const [internalOptions, setInternalOptions] = useState(options);
+    const [loading, setLoading] = useState(false);
     useEffect(() => {
       if (!asyncOptions) return;
       let isMounted = true;
       const load = async () => {
         try {
+          setLoading(true);
           const fetched = await asyncOptions("");
           if (isMounted) setInternalOptions(fetched);
         } catch (err) {
           console.error("Failed to load options:", err);
+        } finally {
+          if (isMounted) setLoading(false);
         }
       };
       load();
@@ -62,8 +68,8 @@ const BaseSelect = forwardRef(
         className,
         shadow && classMap[`shadow${capitalize(shadow)}`],
         rounding && classMap[`round${capitalize(rounding)}`],
-        outline2 ? classMap.outline : "",
-        disabled2 ? classMap.disabled : ""
+        outline2 && classMap.outline,
+        disabled2 && classMap.disabled
       ),
       [classMap, theme, state, className, shadow, rounding, outline2, disabled2]
     );
@@ -74,27 +80,39 @@ const BaseSelect = forwardRef(
         classMap[state],
         shadow && classMap[`shadow${capitalize(shadow)}`],
         rounding && classMap[`round${capitalize(rounding)}`],
-        outline2 ? classMap.outline : ""
+        outline2 && classMap.outline
       ),
-      [classMap, theme, state, outline2]
+      [classMap, theme, state, shadow, rounding, outline2]
     );
+    const iconClasses = useMemo(
+      () => combineClassNames(
+        classMap.icon,
+        classMap[theme],
+        disabled2 && classMap.disabled
+      ),
+      [classMap, theme, disabled2]
+    );
+    const opts = asyncOptions ? internalOptions : options;
     return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, "data-testid": testId, children: [
       /* @__PURE__ */ jsxs(
         "select",
         {
           ref,
           id: selectId,
-          value,
+          name,
+          value: value ?? "",
           onChange: handleChange,
           className: selectClasses,
           "aria-label": ariaLabel || placeholder,
           "aria-describedby": descId,
-          "aria-disabled": disabled2,
+          "aria-disabled": disabled2 || void 0,
+          "aria-invalid": state === "error" || void 0,
           disabled: disabled2,
+          required,
           "data-testid": `${testId}-input`,
           children: [
             /* @__PURE__ */ jsx("option", { value: "", disabled: true, hidden: true, children: placeholder }),
-            (asyncOptions ? internalOptions : options).map((option) => /* @__PURE__ */ jsx(
+            opts.map((option) => /* @__PURE__ */ jsx(
               "option",
               {
                 value: option.value,
@@ -109,10 +127,10 @@ const BaseSelect = forwardRef(
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: `${classMap.icon} ${classMap[theme]} ${disabled2 && classMap.disabled ? classMap.disabled : ""}`,
+          className: iconClasses,
           "aria-hidden": "true",
           "data-testid": `${testId}-icon`,
-          children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+          children: /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true", focusable: false })
         }
       ),
       ariaDescription && /* @__PURE__ */ jsx(
@@ -123,41 +141,42 @@ const BaseSelect = forwardRef(
           "data-testid": `${testId}-description`,
           children: ariaDescription
         }
-      )
+      ),
+      loading && /* @__PURE__ */ jsx("span", { className: classMap.loading, "aria-live": "polite", children: "Loading options…" })
     ] });
   }
 );
 BaseSelect.displayName = "BaseSelect";
-const noScroll = "_noScroll_1qup4_91";
-const errorMessage = "_errorMessage_1qup4_92";
-const loadingContainer = "_loadingContainer_1qup4_93";
-const hideScrollbar = "_hideScrollbar_1qup4_85";
-const sr_only = "_sr_only_1qup4_94";
-const wrapper = "_wrapper_1qup4_539";
-const disabled = "_disabled_1qup4_549";
-const icon = "_icon_1qup4_555";
-const select = "_select_1qup4_568";
-const primary = "_primary_1qup4_585";
-const outline = "_outline_1qup4_591";
-const clear = "_clear_1qup4_595";
-const secondary = "_secondary_1qup4_598";
-const tertiary = "_tertiary_1qup4_611";
-const quaternary = "_quaternary_1qup4_624";
-const success = "_success_1qup4_652";
-const error = "_error_1qup4_92";
-const warning = "_warning_1qup4_678";
-const roundNone = "_roundNone_1qup4_692";
-const roundSmall = "_roundSmall_1qup4_696";
-const roundMedium = "_roundMedium_1qup4_700";
-const roundLarge = "_roundLarge_1qup4_704";
-const roundFull = "_roundFull_1qup4_708";
-const shadowNone = "_shadowNone_1qup4_712";
-const shadowLight = "_shadowLight_1qup4_716";
-const shadowMedium = "_shadowMedium_1qup4_720";
-const shadowStrong = "_shadowStrong_1qup4_724";
-const shadowIntense = "_shadowIntense_1qup4_728";
-const spin = "_spin_1qup4_1";
-const pulse = "_pulse_1qup4_1";
+const noScroll = "_noScroll_1gqq8_91";
+const errorMessage = "_errorMessage_1gqq8_92";
+const loadingContainer = "_loadingContainer_1gqq8_93";
+const hideScrollbar = "_hideScrollbar_1gqq8_85";
+const sr_only = "_sr_only_1gqq8_94";
+const wrapper = "_wrapper_1gqq8_540";
+const disabled = "_disabled_1gqq8_550";
+const icon = "_icon_1gqq8_556";
+const select = "_select_1gqq8_569";
+const primary = "_primary_1gqq8_586";
+const outline = "_outline_1gqq8_592";
+const clear = "_clear_1gqq8_596";
+const secondary = "_secondary_1gqq8_599";
+const tertiary = "_tertiary_1gqq8_612";
+const quaternary = "_quaternary_1gqq8_625";
+const success = "_success_1gqq8_653";
+const error = "_error_1gqq8_92";
+const warning = "_warning_1gqq8_679";
+const roundNone = "_roundNone_1gqq8_693";
+const roundSmall = "_roundSmall_1gqq8_697";
+const roundMedium = "_roundMedium_1gqq8_701";
+const roundLarge = "_roundLarge_1gqq8_705";
+const roundFull = "_roundFull_1gqq8_709";
+const shadowNone = "_shadowNone_1gqq8_713";
+const shadowLight = "_shadowLight_1gqq8_717";
+const shadowMedium = "_shadowMedium_1gqq8_721";
+const shadowStrong = "_shadowStrong_1gqq8_725";
+const shadowIntense = "_shadowIntense_1gqq8_729";
+const spin = "_spin_1gqq8_1";
+const pulse = "_pulse_1gqq8_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -187,15 +206,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1qup4_1",
-  "slide-up": "_slide-up_1qup4_1",
-  "spin-3d": "_spin-3d_1qup4_1",
+  "fade-in": "_fade-in_1gqq8_1",
+  "slide-up": "_slide-up_1gqq8_1",
+  "spin-3d": "_spin-3d_1gqq8_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1qup4_1",
-  "progress-grow": "_progress-grow_1qup4_1",
-  "indeterminate-move": "_indeterminate-move_1qup4_1",
-  "skeleton-loading": "_skeleton-loading_1qup4_1"
+  "fade-in-up": "_fade-in-up_1gqq8_1",
+  "progress-grow": "_progress-grow_1gqq8_1",
+  "indeterminate-move": "_indeterminate-move_1gqq8_1",
+  "skeleton-loading": "_skeleton-loading_1gqq8_1"
 };
 const Select = React.forwardRef(
   (props, ref) => {
@@ -206,4 +225,4 @@ Select.displayName = "Select";
 export {
   Select as S
 };
-//# sourceMappingURL=Select-DXO2nK78.js.map
+//# sourceMappingURL=Select-B3JaOW2f.js.map

package/dist/next/Select-B3JaOW2f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-B3JaOW2f.js","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      ariaLabel,\r\n      ariaDescription,\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      required,\r\n      name,\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const selectId = `${id}-select`;\r\n    const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          setLoading(true);\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        } finally {\r\n          if (isMounted) setLoading(false);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled]\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.select,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline\r\n        ),\r\n      [classMap, theme, state, shadow, rounding, outline]\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.icon,\r\n          classMap[theme],\r\n          disabled && classMap.disabled\r\n        ),\r\n      [classMap, theme, disabled]\r\n    );\r\n\r\n    const opts = asyncOptions ? internalOptions : options;\r\n\r\n    return (\r\n      <div className={wrapperClasses} data-testid={testId}>\r\n        <select\r\n          ref={ref}\r\n          id={selectId}\r\n          name={name}\r\n          value={value ?? \"\"}\r\n          onChange={handleChange}\r\n          className={selectClasses}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={descId}\r\n          aria-disabled={disabled || undefined}\r\n          aria-invalid={state === \"error\" || undefined}\r\n          disabled={disabled}\r\n          required={required}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n\r\n          {opts.map((option) => (\r\n            <option\r\n              key={option.value}\r\n              value={option.value}\r\n              data-testid={`${testId}-option-${option.value}`}\r\n            >\r\n              {option.label}\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <div\r\n          className={iconClasses}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\r\n            className=\"sr_only\"\r\n            data-testid={`${testId}-description`}\r\n          >\r\n            {ariaDescription}\r\n          </span>\r\n        )}\r\n\r\n        {loading && (\r\n          <span className={classMap.loading} aria-live=\"polite\">\r\n            Loading options…\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  (props, ref) => {\r\n    return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled"],"mappings":"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"}