boreal-ui 0.0.72 → 0.0.74

package/dist/next/Rating-DXYBYXmx.cjs

@@ -0,0 +1,233 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const StarIcon = (props) => /* @__PURE__ */ require$$2.jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    strokeWidth: "1.5",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ require$$2.jsx(
+      "path",
+      {
+        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",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+const BaseRating = ({
+  id,
+  value,
+  onChange,
+  max = 5,
+  size = borealStyleConfig.getDefaultSize(),
+  interactive: interactive2 = true,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  className = "",
+  label: label2,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  starAriaLabelPrefix = "Rate",
+  required = false,
+  readOnly = false,
+  "data-testid": testId = "rating",
+  classMap
+}) => {
+  const uid = React.useId();
+  const safeMax = Math.max(1, Math.floor(max || 1));
+  const clampedValue = Math.min(safeMax, Math.max(0, Math.floor(value || 0)));
+  const [hover, setHover] = React.useState(null);
+  const ratingId = id || `${uid}-rating`;
+  const labelId = label2 ? `${ratingId}-label` : void 0;
+  const isDisabled = !interactive2 || state === "disabled";
+  const isReadOnly = readOnly;
+  const canInteract = interactive2 && !isReadOnly && !isDisabled;
+  const resolvedAriaLabelledBy = ariaLabelledBy || labelId;
+  const resolvedAriaLabel = !resolvedAriaLabelledBy ? ariaLabel || "Rating" : void 0;
+  const handleClick = (index) => {
+    if (canInteract && onChange) onChange(index + 1);
+  };
+  const handleKeyDown = (event, index) => {
+    if (!canInteract) return;
+    const commit = (v) => onChange == null ? void 0 : onChange(v);
+    switch (event.key) {
+      case "Enter":
+      case " ":
+        event.preventDefault();
+        commit(index + 1);
+        break;
+      case "ArrowRight":
+      case "ArrowUp": {
+        event.preventDefault();
+        const next = Math.min(safeMax, clampedValue + 1) || 1;
+        commit(next);
+        break;
+      }
+      case "ArrowLeft":
+      case "ArrowDown": {
+        event.preventDefault();
+        const prev = Math.max(1, clampedValue - 1);
+        commit(prev);
+        break;
+      }
+      case "Home":
+        event.preventDefault();
+        commit(1);
+        break;
+      case "End":
+        event.preventDefault();
+        commit(safeMax);
+        break;
+    }
+  };
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.wrapper,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      canInteract && classMap.interactive,
+      className
+    ),
+    [classMap, theme, state, size, canInteract, className]
+  );
+  return /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.container || "", children: [
+    label2 && /* @__PURE__ */ require$$2.jsxs(
+      "span",
+      {
+        id: labelId,
+        className: classMap.label,
+        "data-testid": `${testId}-label`,
+        children: [
+          label2,
+          required && /* @__PURE__ */ require$$2.jsx("span", { "aria-hidden": "true", children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ require$$2.jsx(
+      "div",
+      {
+        id: ratingId,
+        className: wrapperClass,
+        role: "radiogroup",
+        "aria-label": resolvedAriaLabel,
+        "aria-labelledby": resolvedAriaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-disabled": isDisabled || void 0,
+        "aria-readonly": isReadOnly || void 0,
+        "aria-required": required || void 0,
+        "data-testid": testId,
+        children: Array.from({ length: safeMax }).map((_, index) => {
+          const starValue = index + 1;
+          const active2 = index < (hover ?? clampedValue);
+          const isChecked = clampedValue === starValue;
+          const isTabbable = canInteract && (isChecked || clampedValue === 0 && index === 0);
+          return /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              id: `${ratingId}-star-${starValue}`,
+              className: classNames.combineClassNames(
+                classMap.star,
+                active2 && classMap.active
+              ),
+              onClick: () => handleClick(index),
+              onMouseEnter: () => canInteract && setHover(starValue),
+              onMouseLeave: () => canInteract && setHover(null),
+              onKeyDown: (e) => handleKeyDown(e, index),
+              role: "radio",
+              "aria-checked": isChecked,
+              "aria-setsize": safeMax,
+              "aria-posinset": starValue,
+              "aria-label": `${starAriaLabelPrefix} ${starValue} of ${safeMax}${isChecked ? ", selected" : ""}`,
+              tabIndex: isTabbable ? 0 : -1,
+              "data-testid": `${testId}-star-${starValue}`,
+              children: /* @__PURE__ */ require$$2.jsx(StarIcon, { "aria-hidden": "true", focusable: "false" })
+            },
+            starValue
+          );
+        })
+      }
+    )
+  ] });
+};
+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 styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  wrapper,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  label,
+  star,
+  active,
+  interactive,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  "fade-in": "_fade-in_dgxge_1",
+  "slide-up": "_slide-up_dgxge_1",
+  "spin-3d": "_spin-3d_dgxge_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"
+};
+const Rating = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BaseRating, { ...props, classMap: styles });
+};
+Rating.displayName = "Rating";
+exports.Rating = Rating;
+//# sourceMappingURL=Rating-DXYBYXmx.cjs.map

package/dist/next/Rating-DXYBYXmx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating-DXYBYXmx.cjs","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":["jsx","getDefaultSize","interactive","getDefaultTheme","label","useId","useState","useMemo","combineClassNames","jsxs","active"],"mappings":"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"}

package/dist/next/Rating.cjs.js

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

package/dist/next/Rating.js

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

package/dist/next/ScrollToTop-CBRFQNC0.cjs

@@ -0,0 +1,149 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const ArrowUpIcon = (props) => /* @__PURE__ */ require$$2.jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ require$$2.jsx(
+      "path",
+      {
+        d: "M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+const ScrollToTopBase = ({
+  classMap,
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  IconComponent,
+  offset = 300,
+  className = "",
+  "aria-label": ariaLabel = "Scroll to top",
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  title,
+  role,
+  wrapperAriaLabel,
+  id,
+  "data-testid": testId = "scroll"
+}) => {
+  const [isVisible, setIsVisible] = React.useState(false);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    let ticking = false;
+    const update = () => {
+      setIsVisible(window.scrollY > offset);
+      ticking = false;
+    };
+    const onScroll = () => {
+      if (!ticking) {
+        ticking = true;
+        requestAnimationFrame(update);
+      }
+    };
+    update();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, [offset]);
+  const scrollToTop = () => {
+    var _a;
+    if (typeof window === "undefined") return;
+    const prefersReduced = (_a = window.matchMedia) == null ? void 0 : _a.call(
+      window,
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    window.scrollTo({
+      top: 0,
+      behavior: prefersReduced ? "auto" : "smooth"
+    });
+  };
+  const buttonClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.button,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [classMap, shadow, rounding]
+  );
+  const iconClass = React.useMemo(() => classNames.combineClassNames(classMap.icon), [classMap]);
+  return /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      id,
+      className: classNames.combineClassNames(classMap.wrapper, className),
+      "data-testid": testId,
+      role,
+      "aria-label": role && wrapperAriaLabel ? wrapperAriaLabel : void 0,
+      children: isVisible && /* @__PURE__ */ require$$2.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: scrollToTop,
+          className: buttonClass,
+          "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy,
+          title: title ?? ariaLabel,
+          "data-testid": `${testId}-button`,
+          children: /* @__PURE__ */ require$$2.jsx(
+            IconComponent,
+            {
+              className: iconClass,
+              "aria-hidden": "true",
+              focusable: false
+            }
+          )
+        }
+      )
+    }
+  );
+};
+ScrollToTopBase.displayName = "ScrollToTopBase";
+const wrapper = "_wrapper_c3kuy_85";
+const button = "_button_c3kuy_115";
+const icon = "_icon_c3kuy_130";
+const roundNone = "_roundNone_c3kuy_151";
+const roundSmall = "_roundSmall_c3kuy_155";
+const roundMedium = "_roundMedium_c3kuy_159";
+const roundLarge = "_roundLarge_c3kuy_163";
+const roundFull = "_roundFull_c3kuy_167";
+const shadowNone = "_shadowNone_c3kuy_171";
+const shadowLight = "_shadowLight_c3kuy_175";
+const shadowMedium = "_shadowMedium_c3kuy_179";
+const shadowStrong = "_shadowStrong_c3kuy_183";
+const shadowIntense = "_shadowIntense_c3kuy_187";
+const styles = {
+  wrapper,
+  button,
+  icon,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const ScrollToTopButton = (props) => /* @__PURE__ */ require$$2.jsx(ScrollToTopBase, { ...props, classMap: styles, IconComponent: ArrowUpIcon });
+ScrollToTopButton.displayName = "ScrollToTopButton";
+exports.ScrollToTopButton = ScrollToTopButton;
+//# sourceMappingURL=ScrollToTop-CBRFQNC0.cjs.map

package/dist/next/ScrollToTop-CBRFQNC0.cjs.map

@@ -0,0 +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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"}

package/dist/next/ScrollToTop-Cw7LXubo.js

@@ -0,0 +1,150 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
+const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 21L12 3M12 3L20.5 11.5M12 3L3.5 11.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+const ScrollToTopBase = ({
+  classMap,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  IconComponent,
+  offset = 300,
+  className = "",
+  "aria-label": ariaLabel = "Scroll to top",
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  title,
+  role,
+  wrapperAriaLabel,
+  id,
+  "data-testid": testId = "scroll"
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    let ticking = false;
+    const update = () => {
+      setIsVisible(window.scrollY > offset);
+      ticking = false;
+    };
+    const onScroll = () => {
+      if (!ticking) {
+        ticking = true;
+        requestAnimationFrame(update);
+      }
+    };
+    update();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, [offset]);
+  const scrollToTop = () => {
+    var _a;
+    if (typeof window === "undefined") return;
+    const prefersReduced = (_a = window.matchMedia) == null ? void 0 : _a.call(
+      window,
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    window.scrollTo({
+      top: 0,
+      behavior: prefersReduced ? "auto" : "smooth"
+    });
+  };
+  const buttonClass = useMemo(
+    () => combineClassNames(
+      classMap.button,
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`]
+    ),
+    [classMap, shadow, rounding]
+  );
+  const iconClass = useMemo(() => combineClassNames(classMap.icon), [classMap]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id,
+      className: combineClassNames(classMap.wrapper, className),
+      "data-testid": testId,
+      role,
+      "aria-label": role && wrapperAriaLabel ? wrapperAriaLabel : void 0,
+      children: isVisible && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: scrollToTop,
+          className: buttonClass,
+          "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy,
+          title: title ?? ariaLabel,
+          "data-testid": `${testId}-button`,
+          children: /* @__PURE__ */ jsx(
+            IconComponent,
+            {
+              className: iconClass,
+              "aria-hidden": "true",
+              focusable: false
+            }
+          )
+        }
+      )
+    }
+  );
+};
+ScrollToTopBase.displayName = "ScrollToTopBase";
+const wrapper = "_wrapper_c3kuy_85";
+const button = "_button_c3kuy_115";
+const icon = "_icon_c3kuy_130";
+const roundNone = "_roundNone_c3kuy_151";
+const roundSmall = "_roundSmall_c3kuy_155";
+const roundMedium = "_roundMedium_c3kuy_159";
+const roundLarge = "_roundLarge_c3kuy_163";
+const roundFull = "_roundFull_c3kuy_167";
+const shadowNone = "_shadowNone_c3kuy_171";
+const shadowLight = "_shadowLight_c3kuy_175";
+const shadowMedium = "_shadowMedium_c3kuy_179";
+const shadowStrong = "_shadowStrong_c3kuy_183";
+const shadowIntense = "_shadowIntense_c3kuy_187";
+const styles = {
+  wrapper,
+  button,
+  icon,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
+const ScrollToTopButton = (props) => /* @__PURE__ */ jsx(ScrollToTopBase, { ...props, classMap: styles, IconComponent: ArrowUpIcon });
+ScrollToTopButton.displayName = "ScrollToTopButton";
+export {
+  ScrollToTopButton as S
+};
+//# sourceMappingURL=ScrollToTop-Cw7LXubo.js.map

package/dist/next/ScrollToTop-Cw7LXubo.js.map

@@ -0,0 +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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"}

package/dist/next/ScrollToTop.cjs.js

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

package/dist/next/ScrollToTop.js

@@ -1,4 +1,4 @@
-import { S } from "./ScrollToTop-BC6geDsg.js";
+import { S } from "./ScrollToTop-Cw7LXubo.js";
 export {
   S as default
 };