boreal-ui 0.0.76 → 0.0.78

package/dist/next/{Rating-D6JEDvn4.js → Rating-CCZoQJEB.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useId, useState, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const StarIcon = (props) => /* @__PURE__ */ jsx(
+import './Rating.css';const StarIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "24px",
@@ -163,38 +163,28 @@ const BaseRating = ({
   ] });
 };
 BaseRating.displayName = "BaseRating";
-const noScroll = "_noScroll_dgxge_109";
-const errorMessage = "_errorMessage_dgxge_110";
-const loadingContainer = "_loadingContainer_dgxge_111";
-const hideScrollbar = "_hideScrollbar_dgxge_103";
-const sr_only = "_sr_only_dgxge_112";
-const container = "_container_dgxge_637";
-const wrapper = "_wrapper_dgxge_653";
-const xs = "_xs_dgxge_668";
-const small = "_small_dgxge_676";
-const medium = "_medium_dgxge_684";
-const large = "_large_dgxge_692";
-const xl = "_xl_dgxge_700";
-const label = "_label_dgxge_709";
-const star = "_star_dgxge_728";
-const active = "_active_dgxge_749";
-const interactive = "_interactive_dgxge_753";
-const primary = "_primary_dgxge_774";
-const secondary = "_secondary_dgxge_778";
-const tertiary = "_tertiary_dgxge_782";
-const quaternary = "_quaternary_dgxge_786";
-const clear = "_clear_dgxge_790";
-const success = "_success_dgxge_794";
-const error = "_error_dgxge_110";
-const warning = "_warning_dgxge_802";
-const spin = "_spin_dgxge_1";
-const pulse = "_pulse_dgxge_1";
+const container = "_container_ptuf2_204";
+const wrapper = "_wrapper_ptuf2_220";
+const xs = "_xs_ptuf2_235";
+const small = "_small_ptuf2_243";
+const medium = "_medium_ptuf2_251";
+const large = "_large_ptuf2_259";
+const xl = "_xl_ptuf2_267";
+const label = "_label_ptuf2_276";
+const star = "_star_ptuf2_295";
+const active = "_active_ptuf2_316";
+const interactive = "_interactive_ptuf2_320";
+const primary = "_primary_ptuf2_341";
+const secondary = "_secondary_ptuf2_345";
+const tertiary = "_tertiary_ptuf2_349";
+const quaternary = "_quaternary_ptuf2_353";
+const clear = "_clear_ptuf2_357";
+const success = "_success_ptuf2_361";
+const error = "_error_ptuf2_365";
+const warning = "_warning_ptuf2_369";
+const spin = "_spin_ptuf2_1";
+const pulse = "_pulse_ptuf2_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   wrapper,
   xs,
@@ -214,15 +204,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_dgxge_1",
-  "slide-up": "_slide-up_dgxge_1",
-  "spin-3d": "_spin-3d_dgxge_1",
+  "fade-in": "_fade-in_ptuf2_1",
+  "slide-up": "_slide-up_ptuf2_1",
+  "spin-3d": "_spin-3d_ptuf2_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_dgxge_1",
-  "progress-grow": "_progress-grow_dgxge_1",
-  "indeterminate-move": "_indeterminate-move_dgxge_1",
-  "skeleton-loading": "_skeleton-loading_dgxge_1"
+  "fade-in-up": "_fade-in-up_ptuf2_1",
+  "progress-grow": "_progress-grow_ptuf2_1",
+  "indeterminate-move": "_indeterminate-move_ptuf2_1",
+  "skeleton-loading": "_skeleton-loading_ptuf2_1"
 };
 const Rating = (props) => {
   return /* @__PURE__ */ jsx(BaseRating, { ...props, classMap: styles });
@@ -231,4 +221,4 @@ Rating.displayName = "Rating";
 export {
   Rating as R
 };
-//# sourceMappingURL=Rating-D6JEDvn4.js.map
+//# sourceMappingURL=Rating-CCZoQJEB.js.map

package/dist/next/{Rating-D6JEDvn4.js.map → Rating-CCZoQJEB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Rating-D6JEDvn4.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, useMemo, useId } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseRatingProps } from \"./Rating.types\";\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n  id,\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  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  starAriaLabelPrefix = \"Rate\",\r\n  required = false,\r\n  readOnly = false,\r\n  \"data-testid\": testId = \"rating\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const safeMax = Math.max(1, Math.floor(max || 1));\r\n  const clampedValue = Math.min(safeMax, Math.max(0, Math.floor(value || 0)));\r\n  const [hover, setHover] = useState<number | null>(null);\r\n\r\n  const ratingId = id || `${uid}-rating`;\r\n  const labelId = label ? `${ratingId}-label` : undefined;\r\n  const isDisabled = !interactive || state === \"disabled\";\r\n  const isReadOnly = readOnly;\r\n  const canInteract = interactive && !isReadOnly && !isDisabled;\r\n\r\n  const resolvedAriaLabelledBy = ariaLabelledBy || labelId;\r\n  const resolvedAriaLabel = !resolvedAriaLabelledBy\r\n    ? ariaLabel || \"Rating\"\r\n    : undefined;\r\n\r\n  const handleClick = (index: number) => {\r\n    if (canInteract && onChange) onChange(index + 1);\r\n  };\r\n\r\n  const handleKeyDown = (\r\n    event: KeyboardEvent<HTMLSpanElement>,\r\n    index: number,\r\n  ) => {\r\n    if (!canInteract) return;\r\n\r\n    const commit = (v: number) => onChange?.(v);\r\n\r\n    switch (event.key) {\r\n      case \"Enter\":\r\n      case \" \":\r\n        event.preventDefault();\r\n        commit(index + 1);\r\n        break;\r\n      case \"ArrowRight\":\r\n      case \"ArrowUp\": {\r\n        event.preventDefault();\r\n        const next = Math.min(safeMax, clampedValue + 1) || 1;\r\n        commit(next);\r\n        break;\r\n      }\r\n      case \"ArrowLeft\":\r\n      case \"ArrowDown\": {\r\n        event.preventDefault();\r\n        const prev = Math.max(1, clampedValue - 1);\r\n        commit(prev);\r\n        break;\r\n      }\r\n      case \"Home\":\r\n        event.preventDefault();\r\n        commit(1);\r\n        break;\r\n      case \"End\":\r\n        event.preventDefault();\r\n        commit(safeMax);\r\n        break;\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        canInteract && classMap.interactive,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, canInteract, className],\r\n  );\r\n\r\n  return (\r\n    <div className={classMap.container || \"\"}>\r\n      {label && (\r\n        <span\r\n          id={labelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </span>\r\n      )}\r\n\r\n      <div\r\n        id={ratingId}\r\n        className={wrapperClass}\r\n        role=\"radiogroup\"\r\n        aria-label={resolvedAriaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-disabled={isDisabled || undefined}\r\n        aria-readonly={isReadOnly || undefined}\r\n        aria-required={required || undefined}\r\n        data-testid={testId}\r\n      >\r\n        {Array.from({ length: safeMax }).map((_, index) => {\r\n          const starValue = index + 1;\r\n          const active = index < (hover ?? clampedValue);\r\n          const isChecked = clampedValue === starValue;\r\n          const isTabbable =\r\n            canInteract && (isChecked || (clampedValue === 0 && index === 0));\r\n\r\n          return (\r\n            <span\r\n              key={starValue}\r\n              id={`${ratingId}-star-${starValue}`}\r\n              className={combineClassNames(\r\n                classMap.star,\r\n                active && classMap.active,\r\n              )}\r\n              onClick={() => handleClick(index)}\r\n              onMouseEnter={() => canInteract && setHover(starValue)}\r\n              onMouseLeave={() => canInteract && setHover(null)}\r\n              onKeyDown={(e) => handleKeyDown(e, index)}\r\n              role=\"radio\"\r\n              aria-checked={isChecked}\r\n              aria-setsize={safeMax}\r\n              aria-posinset={starValue}\r\n              aria-label={`${starAriaLabelPrefix} ${starValue} of ${safeMax}${\r\n                isChecked ? \", selected\" : \"\"\r\n              }`}\r\n              tabIndex={isTabbable ? 0 : -1}\r\n              data-testid={`${testId}-star-${starValue}`}\r\n            >\r\n              <StarIcon aria-hidden=\"true\" focusable=\"false\" />\r\n            </span>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseRating.displayName = \"BaseRating\";\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\nRating.displayName = \"Rating\";\r\nexport default Rating;\r\n"],"names":["interactive","label","active"],"mappings":";;;;AAAA,MAAM,WAAoD,CAAC,UACzD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,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,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAO,eAAA;AAAA,EACP,aAAAA,eAAc;AAAA,EACd,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,CAAC,CAAC;AAChD,QAAM,eAAe,KAAK,IAAI,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC,CAAC,CAAC;AAC1E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,WAAW,MAAM,GAAG,GAAG;AAC7B,QAAM,UAAUA,SAAQ,GAAG,QAAQ,WAAW;AAC9C,QAAM,aAAa,CAACD,gBAAe,UAAU;AAC7C,QAAM,aAAa;AACnB,QAAM,cAAcA,gBAAe,CAAC,cAAc,CAAC;AAEnD,QAAM,yBAAyB,kBAAkB;AACjD,QAAM,oBAAoB,CAAC,yBACvB,aAAa,WACb;AAEJ,QAAM,cAAc,CAAC,UAAkB;AACrC,QAAI,eAAe,SAAU,UAAS,QAAQ,CAAC;AAAA,EACjD;AAEA,QAAM,gBAAgB,CACpB,OACA,UACG;AACH,QAAI,CAAC,YAAa;AAElB,UAAM,SAAS,CAAC,MAAc,qCAAW;AAEzC,YAAQ,MAAM,KAAA;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AACH,cAAM,eAAA;AACN,eAAO,QAAQ,CAAC;AAChB;AAAA,MACF,KAAK;AAAA,MACL,KAAK,WAAW;AACd,cAAM,eAAA;AACN,cAAM,OAAO,KAAK,IAAI,SAAS,eAAe,CAAC,KAAK;AACpD,eAAO,IAAI;AACX;AAAA,MACF;AAAA,MACA,KAAK;AAAA,MACL,KAAK,aAAa;AAChB,cAAM,eAAA;AACN,cAAM,OAAO,KAAK,IAAI,GAAG,eAAe,CAAC;AACzC,eAAO,IAAI;AACX;AAAA,MACF;AAAA,MACA,KAAK;AACH,cAAM,eAAA;AACN,eAAO,CAAC;AACR;AAAA,MACF,KAAK;AACH,cAAM,eAAA;AACN,eAAO,OAAO;AACd;AAAA,IAAA;AAAA,EAEN;AAEA,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,eAAe,SAAS;AAAA,MACxB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,aAAa,SAAS;AAAA,EAAA;AAGvD,SACE,qBAAC,OAAA,EAAI,WAAW,SAAS,aAAa,IACnC,UAAA;AAAA,IAAAC,UACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM;AAAA,QAErB,UAAA;AAAA,UAAAA;AAAA,UACA,YAAY,oBAAC,QAAA,EAAK,eAAY,QAAO,UAAA,KAAA,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAI5C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,iBAAe,cAAc;AAAA,QAC7B,iBAAe,cAAc;AAAA,QAC7B,iBAAe,YAAY;AAAA,QAC3B,eAAa;AAAA,QAEZ,UAAA,MAAM,KAAK,EAAE,QAAQ,QAAA,CAAS,EAAE,IAAI,CAAC,GAAG,UAAU;AACjD,gBAAM,YAAY,QAAQ;AAC1B,gBAAMC,UAAS,SAAS,SAAS;AACjC,gBAAM,YAAY,iBAAiB;AACnC,gBAAM,aACJ,gBAAgB,aAAc,iBAAiB,KAAK,UAAU;AAEhE,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,IAAI,GAAG,QAAQ,SAAS,SAAS;AAAA,cACjC,WAAW;AAAA,gBACT,SAAS;AAAA,gBACTA,WAAU,SAAS;AAAA,cAAA;AAAA,cAErB,SAAS,MAAM,YAAY,KAAK;AAAA,cAChC,cAAc,MAAM,eAAe,SAAS,SAAS;AAAA,cACrD,cAAc,MAAM,eAAe,SAAS,IAAI;AAAA,cAChD,WAAW,CAAC,MAAM,cAAc,GAAG,KAAK;AAAA,cACxC,MAAK;AAAA,cACL,gBAAc;AAAA,cACd,gBAAc;AAAA,cACd,iBAAe;AAAA,cACf,cAAY,GAAG,mBAAmB,IAAI,SAAS,OAAO,OAAO,GAC3D,YAAY,eAAe,EAC7B;AAAA,cACA,UAAU,aAAa,IAAI;AAAA,cAC3B,eAAa,GAAG,MAAM,SAAS,SAAS;AAAA,cAExC,UAAA,oBAAC,UAAA,EAAS,eAAY,QAAO,WAAU,QAAA,CAAQ;AAAA,YAAA;AAAA,YApB1C;AAAA,UAAA;AAAA,QAuBX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7JzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SAAO,oBAAC,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;AACA,OAAO,cAAc;"}
+{"version":3,"file":"Rating-CCZoQJEB.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, useMemo, useId } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseRatingProps } from \"./Rating.types\";\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n  id,\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  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  starAriaLabelPrefix = \"Rate\",\r\n  required = false,\r\n  readOnly = false,\r\n  \"data-testid\": testId = \"rating\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const safeMax = Math.max(1, Math.floor(max || 1));\r\n  const clampedValue = Math.min(safeMax, Math.max(0, Math.floor(value || 0)));\r\n  const [hover, setHover] = useState<number | null>(null);\r\n\r\n  const ratingId = id || `${uid}-rating`;\r\n  const labelId = label ? `${ratingId}-label` : undefined;\r\n  const isDisabled = !interactive || state === \"disabled\";\r\n  const isReadOnly = readOnly;\r\n  const canInteract = interactive && !isReadOnly && !isDisabled;\r\n\r\n  const resolvedAriaLabelledBy = ariaLabelledBy || labelId;\r\n  const resolvedAriaLabel = !resolvedAriaLabelledBy\r\n    ? ariaLabel || \"Rating\"\r\n    : undefined;\r\n\r\n  const handleClick = (index: number) => {\r\n    if (canInteract && onChange) onChange(index + 1);\r\n  };\r\n\r\n  const handleKeyDown = (\r\n    event: KeyboardEvent<HTMLSpanElement>,\r\n    index: number,\r\n  ) => {\r\n    if (!canInteract) return;\r\n\r\n    const commit = (v: number) => onChange?.(v);\r\n\r\n    switch (event.key) {\r\n      case \"Enter\":\r\n      case \" \":\r\n        event.preventDefault();\r\n        commit(index + 1);\r\n        break;\r\n      case \"ArrowRight\":\r\n      case \"ArrowUp\": {\r\n        event.preventDefault();\r\n        const next = Math.min(safeMax, clampedValue + 1) || 1;\r\n        commit(next);\r\n        break;\r\n      }\r\n      case \"ArrowLeft\":\r\n      case \"ArrowDown\": {\r\n        event.preventDefault();\r\n        const prev = Math.max(1, clampedValue - 1);\r\n        commit(prev);\r\n        break;\r\n      }\r\n      case \"Home\":\r\n        event.preventDefault();\r\n        commit(1);\r\n        break;\r\n      case \"End\":\r\n        event.preventDefault();\r\n        commit(safeMax);\r\n        break;\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        canInteract && classMap.interactive,\r\n        className,\r\n      ),\r\n    [classMap, theme, state, size, canInteract, className],\r\n  );\r\n\r\n  return (\r\n    <div className={classMap.container || \"\"}>\r\n      {label && (\r\n        <span\r\n          id={labelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </span>\r\n      )}\r\n\r\n      <div\r\n        id={ratingId}\r\n        className={wrapperClass}\r\n        role=\"radiogroup\"\r\n        aria-label={resolvedAriaLabel}\r\n        aria-labelledby={resolvedAriaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-disabled={isDisabled || undefined}\r\n        aria-readonly={isReadOnly || undefined}\r\n        aria-required={required || undefined}\r\n        data-testid={testId}\r\n      >\r\n        {Array.from({ length: safeMax }).map((_, index) => {\r\n          const starValue = index + 1;\r\n          const active = index < (hover ?? clampedValue);\r\n          const isChecked = clampedValue === starValue;\r\n          const isTabbable =\r\n            canInteract && (isChecked || (clampedValue === 0 && index === 0));\r\n\r\n          return (\r\n            <span\r\n              key={starValue}\r\n              id={`${ratingId}-star-${starValue}`}\r\n              className={combineClassNames(\r\n                classMap.star,\r\n                active && classMap.active,\r\n              )}\r\n              onClick={() => handleClick(index)}\r\n              onMouseEnter={() => canInteract && setHover(starValue)}\r\n              onMouseLeave={() => canInteract && setHover(null)}\r\n              onKeyDown={(e) => handleKeyDown(e, index)}\r\n              role=\"radio\"\r\n              aria-checked={isChecked}\r\n              aria-setsize={safeMax}\r\n              aria-posinset={starValue}\r\n              aria-label={`${starAriaLabelPrefix} ${starValue} of ${safeMax}${\r\n                isChecked ? \", selected\" : \"\"\r\n              }`}\r\n              tabIndex={isTabbable ? 0 : -1}\r\n              data-testid={`${testId}-star-${starValue}`}\r\n            >\r\n              <StarIcon aria-hidden=\"true\" focusable=\"false\" />\r\n            </span>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseRating.displayName = \"BaseRating\";\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\nRating.displayName = \"Rating\";\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-DXYBYXmx.cjs");
+const Rating = require("./Rating-B8A_4Z44.cjs");
 module.exports = Rating.Rating;
 //# sourceMappingURL=Rating.cjs.js.map

package/dist/next/Rating.css

@@ -0,0 +1,402 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_ptuf2_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_ptuf2_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_ptuf2_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_ptuf2_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_ptuf2_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_ptuf2_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_ptuf2_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_ptuf2_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_ptuf2_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._container_ptuf2_204 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+}
+@media (width <= 319.98px) {
+  ._container_ptuf2_204 {
+    gap: var(--spacing-xs);
+  }
+}
+@media (min-width: 1024px) {
+  ._container_ptuf2_204 {
+    gap: var(--spacing-md);
+  }
+}
+
+._wrapper_ptuf2_220 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+@media (width <= 319.98px) {
+  ._wrapper_ptuf2_220 {
+    gap: var(--spacing-xxs);
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_ptuf2_220 {
+    gap: var(--spacing-sm);
+  }
+}
+._wrapper_ptuf2_220._xs_ptuf2_235 {
+  font-size: 14px;
+}
+@media (min-width: 1024px) {
+  ._wrapper_ptuf2_220._xs_ptuf2_235 {
+    font-size: calc(14px * 1.05);
+  }
+}
+._wrapper_ptuf2_220._small_ptuf2_243 {
+  font-size: 16px;
+}
+@media (min-width: 1024px) {
+  ._wrapper_ptuf2_220._small_ptuf2_243 {
+    font-size: calc(16px * 1.05);
+  }
+}
+._wrapper_ptuf2_220._medium_ptuf2_251 {
+  font-size: 18px;
+}
+@media (min-width: 1024px) {
+  ._wrapper_ptuf2_220._medium_ptuf2_251 {
+    font-size: calc(18px * 1.05);
+  }
+}
+._wrapper_ptuf2_220._large_ptuf2_259 {
+  font-size: 20px;
+}
+@media (min-width: 1024px) {
+  ._wrapper_ptuf2_220._large_ptuf2_259 {
+    font-size: calc(20px * 1.05);
+  }
+}
+._wrapper_ptuf2_220._xl_ptuf2_267 {
+  font-size: 24px;
+}
+@media (min-width: 1024px) {
+  ._wrapper_ptuf2_220._xl_ptuf2_267 {
+    font-size: calc(24px * 1.05);
+  }
+}
+
+._label_ptuf2_276 {
+  font-size: var(--font-size-label);
+  line-height: 1;
+  color: var(--text-color-primary);
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+}
+@media (width <= 319.98px) {
+  ._label_ptuf2_276 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._label_ptuf2_276 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+
+._star_ptuf2_295 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  border-radius: 4px;
+  transition: color 0.3s ease-in-out, transform 0.2s ease;
+  color: var(--background-color-dark);
+}
+._star_ptuf2_295 svg {
+  width: 1em;
+  height: 1em;
+  display: block;
+}
+@media (min-width: 1024px) {
+  ._star_ptuf2_295 svg {
+    width: 1.05em;
+    height: 1.05em;
+  }
+}
+
+._active_ptuf2_316 {
+  color: var(--primary-color);
+}
+
+._interactive_ptuf2_320 ._star_ptuf2_295:hover {
+  cursor: pointer;
+  transform: scale(1.2);
+}
+@media (width <= 319.98px) {
+  ._interactive_ptuf2_320 ._star_ptuf2_295:hover {
+    transform: scale(1.1);
+  }
+}
+
+._interactive_ptuf2_320 ._star_ptuf2_295:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+}
+
+._wrapper_ptuf2_220:focus-within {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 4px;
+  border-radius: 6px;
+}
+
+._primary_ptuf2_341 ._active_ptuf2_316 {
+  color: var(--primary-color);
+}
+
+._secondary_ptuf2_345 ._active_ptuf2_316 {
+  color: var(--secondary-color);
+}
+
+._tertiary_ptuf2_349 ._active_ptuf2_316 {
+  color: var(--tertiary-color);
+}
+
+._quaternary_ptuf2_353 ._active_ptuf2_316 {
+  color: var(--quaternary-color);
+}
+
+._clear_ptuf2_357 ._active_ptuf2_316 {
+  color: transparent;
+}
+
+._success_ptuf2_361 ._active_ptuf2_316 {
+  color: var(--success-color);
+}
+
+._error_ptuf2_365 ._active_ptuf2_316 {
+  color: var(--error-color);
+}
+
+._warning_ptuf2_369 ._active_ptuf2_316 {
+  color: var(--warning-color);
+}
+
+._clear_ptuf2_357 ._active_ptuf2_316 {
+  color: var(--text-color-primary);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._star_ptuf2_295,
+  ._wrapper_ptuf2_220 {
+    transition: none !important;
+  }
+  ._interactive_ptuf2_320 ._star_ptuf2_295:hover {
+    transform: none !important;
+  }
+}
+@media (hover: none) {
+  ._interactive_ptuf2_320 ._star_ptuf2_295:hover {
+    transform: none;
+  }
+}
+@media (forced-colors: active) {
+  ._star_ptuf2_295 {
+    color: ButtonText;
+  }
+  ._active_ptuf2_316 {
+    color: Highlight;
+  }
+  ._interactive_ptuf2_320 ._star_ptuf2_295:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+}

package/dist/next/Rating.js

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

package/dist/next/{ScrollToTop-Cw7LXubo.js → ScrollToTop-C7ThHvxg.js}

@@ -3,7 +3,7 @@ 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-DsaRlxmw.js";
-const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(
+import './ScrollToTop.css';const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "24px",
@@ -147,4 +147,4 @@ ScrollToTopButton.displayName = "ScrollToTopButton";
 export {
   ScrollToTopButton as S
 };
-//# sourceMappingURL=ScrollToTop-Cw7LXubo.js.map
+//# sourceMappingURL=ScrollToTop-C7ThHvxg.js.map

package/dist/next/{ScrollToTop-Cw7LXubo.js.map → ScrollToTop-C7ThHvxg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ScrollToTop-Cw7LXubo.js","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/next/ScrollToTop.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  \"aria-label\": ariaLabel = \"Scroll to top\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  title,\r\n  role,\r\n  wrapperAriaLabel,\r\n  id,\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\r\n    const prefersReduced = window.matchMedia?.(\r\n      \"(prefers-reduced-motion: reduce)\",\r\n    ).matches;\r\n\r\n    window.scrollTo({\r\n      top: 0,\r\n      behavior: prefersReduced ? \"auto\" : \"smooth\",\r\n    });\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      id={id}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={role && wrapperAriaLabel ? wrapperAriaLabel : undefined}\r\n    >\r\n      {isVisible && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={scrollToTop}\r\n          className={buttonClass}\r\n          aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          aria-describedby={ariaDescribedBy}\r\n          title={title ?? ariaLabel}\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\nScrollToTopButton.displayName = \"ScrollToTopButton\";\r\nexport default ScrollToTopButton;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScrollToTop-C7ThHvxg.js","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/next/ScrollToTop.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  \"aria-label\": ariaLabel = \"Scroll to top\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  title,\r\n  role,\r\n  wrapperAriaLabel,\r\n  id,\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\r\n    const prefersReduced = window.matchMedia?.(\r\n      \"(prefers-reduced-motion: reduce)\",\r\n    ).matches;\r\n\r\n    window.scrollTo({\r\n      top: 0,\r\n      behavior: prefersReduced ? \"auto\" : \"smooth\",\r\n    });\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      id={id}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={role && wrapperAriaLabel ? wrapperAriaLabel : undefined}\r\n    >\r\n      {isVisible && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={scrollToTop}\r\n          className={buttonClass}\r\n          aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          aria-describedby={ariaDescribedBy}\r\n          title={title ?? ariaLabel}\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\nScrollToTopButton.displayName = \"ScrollToTopButton\";\r\nexport default ScrollToTopButton;\r\n"],"names":[],"mappings":"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"}

package/dist/next/{ScrollToTop-CBRFQNC0.cjs → ScrollToTop-CJxWoVhg.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./ScrollToTop.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
@@ -146,4 +146,4 @@ const styles = {
 const ScrollToTopButton = (props) => /* @__PURE__ */ require$$2.jsx(ScrollToTopBase, { ...props, classMap: styles, IconComponent: ArrowUpIcon });
 ScrollToTopButton.displayName = "ScrollToTopButton";
 exports.ScrollToTopButton = ScrollToTopButton;
-//# sourceMappingURL=ScrollToTop-CBRFQNC0.cjs.map
+//# sourceMappingURL=ScrollToTop-CJxWoVhg.cjs.map

package/dist/next/{ScrollToTop-CBRFQNC0.cjs.map → ScrollToTop-CJxWoVhg.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ScrollToTop-CBRFQNC0.cjs","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/next/ScrollToTop.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  \"aria-label\": ariaLabel = \"Scroll to top\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  title,\r\n  role,\r\n  wrapperAriaLabel,\r\n  id,\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\r\n    const prefersReduced = window.matchMedia?.(\r\n      \"(prefers-reduced-motion: reduce)\",\r\n    ).matches;\r\n\r\n    window.scrollTo({\r\n      top: 0,\r\n      behavior: prefersReduced ? \"auto\" : \"smooth\",\r\n    });\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      id={id}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={role && wrapperAriaLabel ? wrapperAriaLabel : undefined}\r\n    >\r\n      {isVisible && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={scrollToTop}\r\n          className={buttonClass}\r\n          aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          aria-describedby={ariaDescribedBy}\r\n          title={title ?? ariaLabel}\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\nScrollToTopButton.displayName = \"ScrollToTopButton\";\r\nexport default ScrollToTopButton;\r\n"],"names":["jsx","getDefaultRounding","getDefaultShadow","useState","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}
+{"version":3,"file":"ScrollToTop-CJxWoVhg.cjs","sources":["../../src/Icons/ArrowUpIcon.tsx","../../src/components/ScrollToTop/ScrollToTopBase.tsx","../../src/components/ScrollToTop/next/ScrollToTop.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  \"aria-label\": ariaLabel = \"Scroll to top\",\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  title,\r\n  role,\r\n  wrapperAriaLabel,\r\n  id,\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\r\n    const prefersReduced = window.matchMedia?.(\r\n      \"(prefers-reduced-motion: reduce)\",\r\n    ).matches;\r\n\r\n    window.scrollTo({\r\n      top: 0,\r\n      behavior: prefersReduced ? \"auto\" : \"smooth\",\r\n    });\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      id={id}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      data-testid={testId}\r\n      role={role}\r\n      aria-label={role && wrapperAriaLabel ? wrapperAriaLabel : undefined}\r\n    >\r\n      {isVisible && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={scrollToTop}\r\n          className={buttonClass}\r\n          aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          aria-describedby={ariaDescribedBy}\r\n          title={title ?? ariaLabel}\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\nScrollToTopButton.displayName = \"ScrollToTopButton\";\r\nexport default ScrollToTopButton;\r\n"],"names":["jsx","getDefaultRounding","getDefaultShadow","useState","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/ScrollToTop.cjs.js

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