boreal-ui 0.0.20 → 0.0.22

package/dist/next/{Rating-Bs7oCe4w.js → Rating-CqV2p3Wa.js}

@@ -108,32 +108,32 @@ const BaseRating = ({
     )
   ] });
 };
-const noScroll = "_noScroll_1jjh3_91";
-const errorMessage = "_errorMessage_1jjh3_92";
-const loadingContainer = "_loadingContainer_1jjh3_93";
-const hideScrollbar = "_hideScrollbar_1jjh3_85";
-const sr_only = "_sr_only_1jjh3_94";
-const container = "_container_1jjh3_479";
-const wrapper = "_wrapper_1jjh3_485";
-const xs = "_xs_1jjh3_490";
-const small = "_small_1jjh3_493";
-const medium = "_medium_1jjh3_496";
-const large = "_large_1jjh3_499";
-const xl = "_xl_1jjh3_502";
-const label = "_label_1jjh3_505";
-const interactive = "_interactive_1jjh3_513";
-const star = "_star_1jjh3_516";
-const active = "_active_1jjh3_528";
-const primary = "_primary_1jjh3_531";
-const secondary = "_secondary_1jjh3_534";
-const tertiary = "_tertiary_1jjh3_537";
-const quaternary = "_quaternary_1jjh3_540";
-const clear = "_clear_1jjh3_543";
-const success = "_success_1jjh3_546";
-const error = "_error_1jjh3_92";
-const warning = "_warning_1jjh3_552";
-const spin = "_spin_1jjh3_1";
-const pulse = "_pulse_1jjh3_1";
+const noScroll = "_noScroll_rkv07_91";
+const errorMessage = "_errorMessage_rkv07_92";
+const loadingContainer = "_loadingContainer_rkv07_93";
+const hideScrollbar = "_hideScrollbar_rkv07_85";
+const sr_only = "_sr_only_rkv07_94";
+const container = "_container_rkv07_539";
+const wrapper = "_wrapper_rkv07_545";
+const xs = "_xs_rkv07_550";
+const small = "_small_rkv07_553";
+const medium = "_medium_rkv07_556";
+const large = "_large_rkv07_559";
+const xl = "_xl_rkv07_562";
+const label = "_label_rkv07_565";
+const interactive = "_interactive_rkv07_573";
+const star = "_star_rkv07_576";
+const active = "_active_rkv07_588";
+const primary = "_primary_rkv07_591";
+const secondary = "_secondary_rkv07_594";
+const tertiary = "_tertiary_rkv07_597";
+const quaternary = "_quaternary_rkv07_600";
+const clear = "_clear_rkv07_603";
+const success = "_success_rkv07_606";
+const error = "_error_rkv07_92";
+const warning = "_warning_rkv07_612";
+const spin = "_spin_rkv07_1";
+const pulse = "_pulse_rkv07_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -159,15 +159,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_1jjh3_1",
-  "slide-up": "_slide-up_1jjh3_1",
-  "spin-3d": "_spin-3d_1jjh3_1",
+  "fade-in": "_fade-in_rkv07_1",
+  "slide-up": "_slide-up_rkv07_1",
+  "spin-3d": "_spin-3d_rkv07_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1jjh3_1",
-  "progress-grow": "_progress-grow_1jjh3_1",
-  "indeterminate-move": "_indeterminate-move_1jjh3_1",
-  "skeleton-loading": "_skeleton-loading_1jjh3_1"
+  "fade-in-up": "_fade-in-up_rkv07_1",
+  "progress-grow": "_progress-grow_rkv07_1",
+  "indeterminate-move": "_indeterminate-move_rkv07_1",
+  "skeleton-loading": "_skeleton-loading_rkv07_1"
 };
 const Rating = (props) => {
   return /* @__PURE__ */ jsx(BaseRating, { ...props, classMap: styles });
@@ -175,4 +175,4 @@ const Rating = (props) => {
 export {
   Rating as R
 };
-//# sourceMappingURL=Rating-Bs7oCe4w.js.map
+//# sourceMappingURL=Rating-CqV2p3Wa.js.map

package/dist/next/{Rating-Bs7oCe4w.js.map → Rating-CqV2p3Wa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Rating-Bs7oCe4w.js","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/next/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"currentColor\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\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 StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n  value,\r\n  onChange,\r\n  max = 5,\r\n  size = getDefaultSize(),\r\n  interactive = true,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  label,\r\n  \"data-testid\": testId = \"rating\",\r\n  classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n  const [hover, setHover] = useState<number | null>(null);\r\n  const labelId = label ? `${testId}-label` : undefined;\r\n\r\n  const handleClick = (index: number) => {\r\n    if (interactive && onChange) {\r\n      onChange(index + 1);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (\r\n    event: KeyboardEvent<HTMLSpanElement>,\r\n    index: number\r\n  ) => {\r\n    if (!interactive) return;\r\n\r\n    if (event.key === \"Enter\" || event.key === \" \") {\r\n      event.preventDefault();\r\n      handleClick(index);\r\n    } else if (event.key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      const next = (index + 1) % max;\r\n      onChange?.(next + 1);\r\n    } else if (event.key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      const prev = (index - 1 + max) % max;\r\n      onChange?.(prev + 1);\r\n    }\r\n  };\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        interactive ? classMap.interactive : \"\",\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, interactive, className]\r\n  );\r\n\r\n  return (\r\n    <div className={classMap.container || \"\"}>\r\n      {label && (\r\n        <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n          {label}\r\n        </label>\r\n      )}\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"radiogroup\"\r\n        aria-label=\"Rating\"\r\n        data-testid={testId}\r\n      >\r\n        {Array.from({ length: max }).map((_, index) => {\r\n          const active = index < (hover ?? value);\r\n          const isChecked = value === index + 1;\r\n\r\n          return (\r\n            <span\r\n              key={index}\r\n              className={combineClassNames(\r\n                classMap.star,\r\n                active ? classMap.active : \"\"\r\n              )}\r\n              onClick={() => handleClick(index)}\r\n              onMouseEnter={() => interactive && setHover(index)}\r\n              onMouseLeave={() => interactive && setHover(null)}\r\n              onKeyDown={(e) => handleKeyDown(e, index)}\r\n              role=\"radio\"\r\n              aria-checked={isChecked}\r\n              tabIndex={interactive && (isChecked || index === 0) ? 0 : -1}\r\n              aria-label={`${index + 1} out of ${max} stars`}\r\n              data-testid={`${testId}-star-${index + 1}`}\r\n            >\r\n              <StarIcon aria-hidden=\"true\" />\r\n            </span>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseRating;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport styles from \"./Rating.module.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n  return <BaseRating {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":["interactive","label","active"],"mappings":"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"}
+{"version":3,"file":"Rating-CqV2p3Wa.js","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/next/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"currentColor\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\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 StarIcon;\r\n","import React, { useState, KeyboardEvent, JSX, useMemo } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { RatingProps } from \"./Rating.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseRatingProps extends RatingProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n  value,\r\n  onChange,\r\n  max = 5,\r\n  size = getDefaultSize(),\r\n  interactive = true,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  label,\r\n  \"data-testid\": testId = \"rating\",\r\n  classMap,\r\n}: BaseRatingProps): JSX.Element => {\r\n  const [hover, setHover] = useState<number | null>(null);\r\n  const labelId = label ? `${testId}-label` : undefined;\r\n\r\n  const handleClick = (index: number) => {\r\n    if (interactive && onChange) {\r\n      onChange(index + 1);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (\r\n    event: KeyboardEvent<HTMLSpanElement>,\r\n    index: number\r\n  ) => {\r\n    if (!interactive) return;\r\n\r\n    if (event.key === \"Enter\" || event.key === \" \") {\r\n      event.preventDefault();\r\n      handleClick(index);\r\n    } else if (event.key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      const next = (index + 1) % max;\r\n      onChange?.(next + 1);\r\n    } else if (event.key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      const prev = (index - 1 + max) % max;\r\n      onChange?.(prev + 1);\r\n    }\r\n  };\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        interactive ? classMap.interactive : \"\",\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, interactive, className]\r\n  );\r\n\r\n  return (\r\n    <div className={classMap.container || \"\"}>\r\n      {label && (\r\n        <label id={labelId} className={classMap.label} htmlFor={undefined}>\r\n          {label}\r\n        </label>\r\n      )}\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"radiogroup\"\r\n        aria-label=\"Rating\"\r\n        data-testid={testId}\r\n      >\r\n        {Array.from({ length: max }).map((_, index) => {\r\n          const active = index < (hover ?? value);\r\n          const isChecked = value === index + 1;\r\n\r\n          return (\r\n            <span\r\n              key={index}\r\n              className={combineClassNames(\r\n                classMap.star,\r\n                active ? classMap.active : \"\"\r\n              )}\r\n              onClick={() => handleClick(index)}\r\n              onMouseEnter={() => interactive && setHover(index)}\r\n              onMouseLeave={() => interactive && setHover(null)}\r\n              onKeyDown={(e) => handleKeyDown(e, index)}\r\n              role=\"radio\"\r\n              aria-checked={isChecked}\r\n              tabIndex={interactive && (isChecked || index === 0) ? 0 : -1}\r\n              aria-label={`${index + 1} out of ${max} stars`}\r\n              data-testid={`${testId}-star-${index + 1}`}\r\n            >\r\n              <StarIcon aria-hidden=\"true\" />\r\n            </span>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseRating;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport styles from \"./Rating.module.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n  return <BaseRating {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Rating;\r\n"],"names":["interactive","label","active"],"mappings":"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"}

package/dist/next/Rating.cjs.js

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

package/dist/next/Rating.js

@@ -1,4 +1,4 @@
-import { R } from "./Rating-Bs7oCe4w.js";
+import { R } from "./Rating-CqV2p3Wa.js";
 export {
   R as default
 };

package/dist/next/{STT-B5eE92VH.js → STT-B89YQxDF.js}

@@ -76,19 +76,19 @@ const ScrollToTopBase = ({
     )
   ] });
 };
-const wrapper = "_wrapper_byoih_68";
-const button = "_button_byoih_81";
-const icon = "_icon_byoih_90";
-const roundNone = "_roundNone_byoih_98";
-const roundSmall = "_roundSmall_byoih_101";
-const roundMedium = "_roundMedium_byoih_104";
-const roundLarge = "_roundLarge_byoih_107";
-const roundFull = "_roundFull_byoih_110";
-const shadowNone = "_shadowNone_byoih_113";
-const shadowLight = "_shadowLight_byoih_116";
-const shadowMedium = "_shadowMedium_byoih_119";
-const shadowStrong = "_shadowStrong_byoih_122";
-const shadowIntense = "_shadowIntense_byoih_125";
+const wrapper = "_wrapper_lt3eu_68";
+const button = "_button_lt3eu_81";
+const icon = "_icon_lt3eu_90";
+const roundNone = "_roundNone_lt3eu_98";
+const roundSmall = "_roundSmall_lt3eu_101";
+const roundMedium = "_roundMedium_lt3eu_104";
+const roundLarge = "_roundLarge_lt3eu_107";
+const roundFull = "_roundFull_lt3eu_110";
+const shadowNone = "_shadowNone_lt3eu_113";
+const shadowLight = "_shadowLight_lt3eu_116";
+const shadowMedium = "_shadowMedium_lt3eu_119";
+const shadowStrong = "_shadowStrong_lt3eu_122";
+const shadowIntense = "_shadowIntense_lt3eu_125";
 const styles = {
   wrapper,
   button,
@@ -108,4 +108,4 @@ const ScrollToTopButton = (props) => /* @__PURE__ */ jsx(ScrollToTopBase, { ...p
 export {
   ScrollToTopButton as S
 };
-//# sourceMappingURL=STT-B5eE92VH.js.map
+//# sourceMappingURL=STT-B89YQxDF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"STT-B89YQxDF.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 {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { ScrollToTopProps } from \"./ScrollToTop.types\";\r\n\r\nexport interface ScrollToTopBaseProps extends ScrollToTopProps {\r\n  classMap: Record<string, string>;\r\n  IconComponent: React.ElementType;\r\n}\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  const toggleVisibility = () => {\r\n    setIsVisible(window.pageYOffset > offset);\r\n  };\r\n\r\n  const scrollToTop = () => {\r\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n  };\r\n\r\n  useEffect(() => {\r\n    window.addEventListener(\"scroll\", toggleVisibility);\r\n    return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n  }, [offset]);\r\n\r\n  const iconClass = combineClassNames(\r\n    classMap.icon,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return (\r\n    <div className={combineClassNames(classMap.wrapper, className)}>\r\n      <div\r\n        aria-live=\"polite\"\r\n        className=\"sr_only\"\r\n        role=\"status\"\r\n        data-testid={`${testId}-announcement`}\r\n      >\r\n        {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n      </div>\r\n\r\n      {isVisible && (\r\n        <button\r\n          onClick={scrollToTop}\r\n          className={classMap.button}\r\n          title=\"Scroll to top\"\r\n          type=\"button\"\r\n          aria-label=\"Scroll to top\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <IconComponent className={iconClass} />\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\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;ACJF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,EACpE,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,8BACG,OAAA,EAAI,WAAW,kBAAkB,SAAS,SAAS,SAAS,GAC3D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtD,aACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAA,oBAAC,eAAA,EAAc,WAAW,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7DA,MAAM,oBAAgD,CAAC,UACrD,oBAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ,eAAe,YAAA,CAAa;"}

package/dist/next/{STT-CLZjfsV_.cjs → STT-B8QYAxU7.cjs}

@@ -77,19 +77,19 @@ const ScrollToTopBase = ({
     )
   ] });
 };
-const wrapper = "_wrapper_byoih_68";
-const button = "_button_byoih_81";
-const icon = "_icon_byoih_90";
-const roundNone = "_roundNone_byoih_98";
-const roundSmall = "_roundSmall_byoih_101";
-const roundMedium = "_roundMedium_byoih_104";
-const roundLarge = "_roundLarge_byoih_107";
-const roundFull = "_roundFull_byoih_110";
-const shadowNone = "_shadowNone_byoih_113";
-const shadowLight = "_shadowLight_byoih_116";
-const shadowMedium = "_shadowMedium_byoih_119";
-const shadowStrong = "_shadowStrong_byoih_122";
-const shadowIntense = "_shadowIntense_byoih_125";
+const wrapper = "_wrapper_lt3eu_68";
+const button = "_button_lt3eu_81";
+const icon = "_icon_lt3eu_90";
+const roundNone = "_roundNone_lt3eu_98";
+const roundSmall = "_roundSmall_lt3eu_101";
+const roundMedium = "_roundMedium_lt3eu_104";
+const roundLarge = "_roundLarge_lt3eu_107";
+const roundFull = "_roundFull_lt3eu_110";
+const shadowNone = "_shadowNone_lt3eu_113";
+const shadowLight = "_shadowLight_lt3eu_116";
+const shadowMedium = "_shadowMedium_lt3eu_119";
+const shadowStrong = "_shadowStrong_lt3eu_122";
+const shadowIntense = "_shadowIntense_lt3eu_125";
 const styles = {
   wrapper,
   button,
@@ -107,4 +107,4 @@ const styles = {
 };
 const ScrollToTopButton = (props) => /* @__PURE__ */ require$$2.jsx(ScrollToTopBase, { ...props, classMap: styles, IconComponent: ArrowUpIcon });
 exports.ScrollToTopButton = ScrollToTopButton;
-//# sourceMappingURL=STT-CLZjfsV_.cjs.map
+//# sourceMappingURL=STT-B8QYAxU7.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"STT-B8QYAxU7.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 {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { ScrollToTopProps } from \"./ScrollToTop.types\";\r\n\r\nexport interface ScrollToTopBaseProps extends ScrollToTopProps {\r\n  classMap: Record<string, string>;\r\n  IconComponent: React.ElementType;\r\n}\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  const toggleVisibility = () => {\r\n    setIsVisible(window.pageYOffset > offset);\r\n  };\r\n\r\n  const scrollToTop = () => {\r\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n  };\r\n\r\n  useEffect(() => {\r\n    window.addEventListener(\"scroll\", toggleVisibility);\r\n    return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n  }, [offset]);\r\n\r\n  const iconClass = combineClassNames(\r\n    classMap.icon,\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`]\r\n  );\r\n\r\n  return (\r\n    <div className={combineClassNames(classMap.wrapper, className)}>\r\n      <div\r\n        aria-live=\"polite\"\r\n        className=\"sr_only\"\r\n        role=\"status\"\r\n        data-testid={`${testId}-announcement`}\r\n      >\r\n        {isVisible ? \"Scroll to top button is now visible\" : \"\"}\r\n      </div>\r\n\r\n      {isVisible && (\r\n        <button\r\n          onClick={scrollToTop}\r\n          className={classMap.button}\r\n          title=\"Scroll to top\"\r\n          type=\"button\"\r\n          aria-label=\"Scroll to top\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <IconComponent className={iconClass} />\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\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","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;ACJF,MAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,OAAO,cAAc,MAAM;AAAA,EAC1C;AAEA,QAAM,cAAc,MAAM;AACxB,WAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAChD;AAEAC,QAAAA,UAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,WAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,EACpE,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,YAAYC,WAAAA;AAAAA,IAChB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,yCACG,OAAA,EAAI,WAAWD,WAAAA,kBAAkB,SAAS,SAAS,SAAS,GAC3D,UAAA;AAAA,IAAAL,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,MAAM;AAAA,QAErB,sBAAY,wCAAwC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtD,aACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,OAAM;AAAA,QACN,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,UAAAA,2BAAAA,IAAC,eAAA,EAAc,WAAW,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAEJ;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7DA,MAAM,oBAAgD,CAAC,UACrDA,2BAAAA,IAAC,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-CLZjfsV_.cjs");
+const STT = require("./STT-B8QYAxU7.cjs");
 module.exports = STT.ScrollToTopButton;
 //# sourceMappingURL=ScrollToTop.cjs.js.map

package/dist/next/ScrollToTop.js

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

package/dist/next/{Select-DxQS7u41.cjs → Select-BVxDV81c.cjs}

@@ -129,36 +129,36 @@ const BaseSelect = React.forwardRef(
   }
 );
 BaseSelect.displayName = "BaseSelect";
-const noScroll = "_noScroll_f6onq_91";
-const errorMessage = "_errorMessage_f6onq_92";
-const loadingContainer = "_loadingContainer_f6onq_93";
-const hideScrollbar = "_hideScrollbar_f6onq_85";
-const sr_only = "_sr_only_f6onq_94";
-const wrapper = "_wrapper_f6onq_479";
-const disabled = "_disabled_f6onq_489";
-const icon = "_icon_f6onq_495";
-const select = "_select_f6onq_508";
-const primary = "_primary_f6onq_525";
-const outline = "_outline_f6onq_531";
-const clear = "_clear_f6onq_535";
-const secondary = "_secondary_f6onq_538";
-const tertiary = "_tertiary_f6onq_551";
-const quaternary = "_quaternary_f6onq_564";
-const success = "_success_f6onq_592";
-const error = "_error_f6onq_92";
-const warning = "_warning_f6onq_618";
-const roundNone = "_roundNone_f6onq_632";
-const roundSmall = "_roundSmall_f6onq_636";
-const roundMedium = "_roundMedium_f6onq_640";
-const roundLarge = "_roundLarge_f6onq_644";
-const roundFull = "_roundFull_f6onq_648";
-const shadowNone = "_shadowNone_f6onq_652";
-const shadowLight = "_shadowLight_f6onq_656";
-const shadowMedium = "_shadowMedium_f6onq_660";
-const shadowStrong = "_shadowStrong_f6onq_664";
-const shadowIntense = "_shadowIntense_f6onq_668";
-const spin = "_spin_f6onq_1";
-const pulse = "_pulse_f6onq_1";
+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 styles = {
   noScroll,
   errorMessage,
@@ -188,15 +188,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_f6onq_1",
-  "slide-up": "_slide-up_f6onq_1",
-  "spin-3d": "_spin-3d_f6onq_1",
+  "fade-in": "_fade-in_1qup4_1",
+  "slide-up": "_slide-up_1qup4_1",
+  "spin-3d": "_spin-3d_1qup4_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_f6onq_1",
-  "progress-grow": "_progress-grow_f6onq_1",
-  "indeterminate-move": "_indeterminate-move_f6onq_1",
-  "skeleton-loading": "_skeleton-loading_f6onq_1"
+  "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"
 };
 const Select = React.forwardRef(
   (props, ref) => {
@@ -205,4 +205,4 @@ const Select = React.forwardRef(
 );
 Select.displayName = "Select";
 exports.Select = Select;
-//# sourceMappingURL=Select-DxQS7u41.cjs.map
+//# sourceMappingURL=Select-BVxDV81c.cjs.map

package/dist/next/{Select-DxQS7u41.cjs.map → Select-BVxDV81c.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-DxQS7u41.cjs","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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\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      \"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\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          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        }\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, outline]\r\n    );\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          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}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).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={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\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      </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":["forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","ChevronDownIcon"],"mappings":"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"}
+{"version":3,"file":"Select-BVxDV81c.cjs","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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\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      \"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\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          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        }\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, outline]\r\n    );\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          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}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).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={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\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      </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":["forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","ChevronDownIcon"],"mappings":";;;;;;;AAsBA,MAAM,aAAaA,MAAAA;AAAAA,EACjB,CACE;AAAA,IACE,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,SAAAC,WAAU;AAAA,IACV,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,KAAKC,MAAAA,MAAA;AACX,UAAM,WAAW,GAAG,EAAE;AACtB,UAAM,SAAS,kBAAkB,GAAG,EAAE,UAAU;AAEhD,UAAM,CAAC,iBAAiB,kBAAkB,IAAIC,MAAAA,SAAS,OAAO;AAE9DC,UAAAA,UAAU,MAAM;AACd,UAAI,CAAC,aAAc;AAEnB,UAAI,YAAY;AAEhB,YAAM,OAAO,YAAY;AACvB,YAAI;AACF,gBAAM,UAAU,MAAM,aAAa,EAAE;AACrC,cAAI,8BAA8B,OAAO;AAAA,QAC3C,SAAS,KAAK;AACZ,kBAAQ,MAAM,2BAA2B,GAAG;AAAA,QAC9C;AAAA,MACF;AAEA,WAAA;AAEA,UAAI,eAAe,GAAG;AACpB,cAAM,aAAa,YAAY,MAAM,YAAY;AACjD,eAAO,MAAM;AACX,wBAAc,UAAU;AACxB,sBAAY;AAAA,QACd;AAAA,MACF;AAEA,aAAO,MAAM;AACX,oBAAY;AAAA,MACd;AAAA,IACF,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,UAAM,eAAe,CAAC,UAA0C;AAC9D,eAAS,MAAM,OAAO,KAAK;AAAA,IAC7B;AAEA,UAAM,iBAAiBC,MAAAA;AAAAA,MACrB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd;AAAA,QACA,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDT,WAAU,SAAS,UAAU;AAAA,QAC7BG,YAAW,SAAS,WAAW;AAAA,MAAA;AAAA,MAEnC,CAAC,UAAU,OAAO,OAAO,WAAW,QAAQ,UAAUH,UAASG,SAAQ;AAAA,IAAA;AAGzE,UAAM,gBAAgBI,MAAAA;AAAAA,MACpB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDT,WAAU,SAAS,UAAU;AAAA,MAAA;AAAA,MAEjC,CAAC,UAAU,OAAO,OAAOA,QAAO;AAAA,IAAA;AAGlC,WACEU,2BAAAA,KAAC,OAAA,EAAI,WAAW,gBAAgB,eAAa,QAC3C,UAAA;AAAA,MAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,cAAY,aAAa;AAAA,UACzB,oBAAkB;AAAA,UAClB,iBAAeP;AAAA,UACf,UAAAA;AAAA,UACA,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAA;AAAA,YAAAQ,2BAAAA,IAAC,YAAO,OAAM,IAAG,UAAQ,MAAC,QAAM,MAC7B,UAAA,YAAA,CACH;AAAA,aACE,eAAe,kBAAkB,SAAS,IAAI,CAAC,WAC/CA,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,OAAO,OAAO;AAAA,gBACd,eAAa,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA,gBAE5C,UAAA,OAAO;AAAA,cAAA;AAAA,cAJH,OAAO;AAAA,YAAA,CAMf;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGHA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,SAAS,IAAI,IAAI,SAAS,KAAK,CAAC,IAC5CR,aAAY,SAAS,WAAW,SAAS,WAAW,EACtD;AAAA,UACA,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,yCAACS,iBAAAA,iBAAA,CAAA,CAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlB,mBACCD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7JzB,MAAM,SAAS,MAAM;AAAA,EACnB,CAAC,OAAO,QAAQ;AACd,0CAAQ,YAAA,EAAY,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC5D;AACF;AAEA,OAAO,cAAc;;"}

package/dist/next/{Select-D-9wuabW.js → Select-DXO2nK78.js}

@@ -128,36 +128,36 @@ const BaseSelect = forwardRef(
   }
 );
 BaseSelect.displayName = "BaseSelect";
-const noScroll = "_noScroll_f6onq_91";
-const errorMessage = "_errorMessage_f6onq_92";
-const loadingContainer = "_loadingContainer_f6onq_93";
-const hideScrollbar = "_hideScrollbar_f6onq_85";
-const sr_only = "_sr_only_f6onq_94";
-const wrapper = "_wrapper_f6onq_479";
-const disabled = "_disabled_f6onq_489";
-const icon = "_icon_f6onq_495";
-const select = "_select_f6onq_508";
-const primary = "_primary_f6onq_525";
-const outline = "_outline_f6onq_531";
-const clear = "_clear_f6onq_535";
-const secondary = "_secondary_f6onq_538";
-const tertiary = "_tertiary_f6onq_551";
-const quaternary = "_quaternary_f6onq_564";
-const success = "_success_f6onq_592";
-const error = "_error_f6onq_92";
-const warning = "_warning_f6onq_618";
-const roundNone = "_roundNone_f6onq_632";
-const roundSmall = "_roundSmall_f6onq_636";
-const roundMedium = "_roundMedium_f6onq_640";
-const roundLarge = "_roundLarge_f6onq_644";
-const roundFull = "_roundFull_f6onq_648";
-const shadowNone = "_shadowNone_f6onq_652";
-const shadowLight = "_shadowLight_f6onq_656";
-const shadowMedium = "_shadowMedium_f6onq_660";
-const shadowStrong = "_shadowStrong_f6onq_664";
-const shadowIntense = "_shadowIntense_f6onq_668";
-const spin = "_spin_f6onq_1";
-const pulse = "_pulse_f6onq_1";
+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 styles = {
   noScroll,
   errorMessage,
@@ -187,15 +187,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_f6onq_1",
-  "slide-up": "_slide-up_f6onq_1",
-  "spin-3d": "_spin-3d_f6onq_1",
+  "fade-in": "_fade-in_1qup4_1",
+  "slide-up": "_slide-up_1qup4_1",
+  "spin-3d": "_spin-3d_1qup4_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_f6onq_1",
-  "progress-grow": "_progress-grow_f6onq_1",
-  "indeterminate-move": "_indeterminate-move_f6onq_1",
-  "skeleton-loading": "_skeleton-loading_f6onq_1"
+  "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"
 };
 const Select = React.forwardRef(
   (props, ref) => {
@@ -206,4 +206,4 @@ Select.displayName = "Select";
 export {
   Select as S
 };
-//# sourceMappingURL=Select-D-9wuabW.js.map
+//# sourceMappingURL=Select-DXO2nK78.js.map

package/dist/next/{Select-D-9wuabW.js.map → Select-DXO2nK78.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-D-9wuabW.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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\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      \"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\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          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        }\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, outline]\r\n    );\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          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}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).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={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\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      </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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"}
+{"version":3,"file":"Select-DXO2nK78.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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\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      \"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\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          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        }\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, outline]\r\n    );\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          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}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).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={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\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      </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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"}

package/dist/next/Select.cjs.js

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

package/dist/next/Select.js

@@ -1,4 +1,4 @@
-import { S } from "./Select-D-9wuabW.js";
+import { S } from "./Select-DXO2nK78.js";
 export {
   S as default
 };