boreal-ui 0.0.30 → 0.0.32

package/dist/next/RadioButton-V4J4u58H.cjs

@@ -0,0 +1,171 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const BaseRadioButton = React.forwardRef(
+  ({
+    label: label2,
+    value,
+    checked,
+    onChange,
+    name,
+    theme = borealStyleConfig.getDefaultTheme(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    state = "",
+    disabled: disabled2 = false,
+    className = "",
+    id,
+    "data-testid": testId = "radio-button",
+    classMap,
+    ...props
+  }, ref) => {
+    const uid = React.useId();
+    const inputId = id ?? `${testId}-input-${uid}`;
+    const labelId = `${testId}-label-${uid}`;
+    const handleChange = (e) => {
+      if (disabled2) return;
+      if (e.target.checked) onChange(e.target.value);
+    };
+    const wrapperClasses = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.wrapper,
+        classMap[theme],
+        classMap[state],
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [classMap, theme, state, disabled2, className]
+    );
+    const radioClasses = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.circle,
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+      ),
+      [classMap, rounding, shadow]
+    );
+    return /* @__PURE__ */ require$$2.jsxs(
+      "label",
+      {
+        className: wrapperClasses,
+        "data-testid": `${testId}-wrapper`,
+        htmlFor: inputId,
+        children: [
+          /* @__PURE__ */ require$$2.jsx(
+            "input",
+            {
+              ref,
+              type: "radio",
+              id: inputId,
+              name,
+              className: classMap.input,
+              value,
+              checked,
+              onChange: handleChange,
+              disabled: disabled2,
+              "aria-labelledby": label2 ? labelId : void 0,
+              "data-testid": testId,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: radioClasses,
+              "aria-hidden": "true",
+              "data-testid": `${testId}-circle`
+            }
+          ),
+          label2 && /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              id: labelId,
+              className: classMap.label,
+              "data-testid": `${testId}-label`,
+              children: label2
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+BaseRadioButton.displayName = "BaseRadioButton";
+const noScroll = "_noScroll_134wv_91";
+const errorMessage = "_errorMessage_134wv_92";
+const loadingContainer = "_loadingContainer_134wv_93";
+const hideScrollbar = "_hideScrollbar_134wv_85";
+const sr_only = "_sr_only_134wv_94";
+const wrapper = "_wrapper_134wv_540";
+const input = "_input_134wv_551";
+const circle = "_circle_134wv_557";
+const primary = "_primary_134wv_577";
+const secondary = "_secondary_134wv_584";
+const tertiary = "_tertiary_134wv_591";
+const quaternary = "_quaternary_134wv_598";
+const clear = "_clear_134wv_605";
+const success = "_success_134wv_612";
+const error = "_error_134wv_92";
+const warning = "_warning_134wv_626";
+const disabled = "_disabled_134wv_633";
+const label = "_label_134wv_654";
+const roundNone = "_roundNone_134wv_663";
+const roundSmall = "_roundSmall_134wv_668";
+const roundMedium = "_roundMedium_134wv_673";
+const roundLarge = "_roundLarge_134wv_678";
+const roundFull = "_roundFull_134wv_683";
+const shadowNone = "_shadowNone_134wv_688";
+const shadowLight = "_shadowLight_134wv_692";
+const shadowMedium = "_shadowMedium_134wv_696";
+const shadowStrong = "_shadowStrong_134wv_700";
+const shadowIntense = "_shadowIntense_134wv_704";
+const spin = "_spin_134wv_1";
+const pulse = "_pulse_134wv_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  input,
+  circle,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  label,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_134wv_1",
+  "slide-up": "_slide-up_134wv_1",
+  "spin-3d": "_spin-3d_134wv_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_134wv_1",
+  "progress-grow": "_progress-grow_134wv_1",
+  "indeterminate-move": "_indeterminate-move_134wv_1",
+  "skeleton-loading": "_skeleton-loading_134wv_1"
+};
+const RadioButton = React.forwardRef(
+  (props, ref) => /* @__PURE__ */ require$$2.jsx(BaseRadioButton, { ...props, ref, classMap: styles })
+);
+RadioButton.displayName = "RadioButton";
+exports.RadioButton = RadioButton;
+//# sourceMappingURL=RadioButton-V4J4u58H.cjs.map

package/dist/next/RadioButton-V4J4u58H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton-V4J4u58H.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/next/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useId } from \"react\";\r\nimport { BaseRadioButtonProps } from \"./RadioButton.types\";\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\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n  (\r\n    {\r\n      label,\r\n      value,\r\n      checked,\r\n      onChange,\r\n      name,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"radio-button\",\r\n      classMap,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const uid = useId();\r\n    const inputId = id ?? `${testId}-input-${uid}`;\r\n    const labelId = `${testId}-label-${uid}`;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (disabled) return;\r\n      if (e.target.checked) onChange(e.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          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [classMap, theme, state, disabled, className]\r\n    );\r\n\r\n    const radioClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.circle,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, rounding, shadow]\r\n    );\r\n\r\n    return (\r\n      <label\r\n        className={wrapperClasses}\r\n        data-testid={`${testId}-wrapper`}\r\n        htmlFor={inputId}\r\n      >\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={inputId}\r\n          name={name}\r\n          className={classMap.input}\r\n          value={value}\r\n          checked={checked}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          data-testid={testId}\r\n          {...props}\r\n        />\r\n        <span\r\n          className={radioClasses}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-circle`}\r\n        />\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          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport styles from \"./RadioButton.module.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={styles} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUA,MAAM,kBAAkBA,MAAAA;AAAAA,EACtB,CACE;AAAA,IACE,OAAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,MAAMC,MAAAA,MAAA;AACZ,UAAM,UAAU,MAAM,GAAG,MAAM,UAAU,GAAG;AAC5C,UAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AAEtC,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAID,UAAU;AACd,UAAI,EAAE,OAAO,QAAS,UAAS,EAAE,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,iBAAiBE,MAAAA;AAAAA,MACrB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdH,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOA,WAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAeE,MAAAA;AAAAA,MACnB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QACtB,SAAS;AAAA,QAET,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,MAAK;AAAA,cACL,IAAI;AAAA,cACJ;AAAA,cACA,WAAW,SAAS;AAAA,cACpB;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,UAAAN;AAAA,cACA,mBAAiBJ,SAAQ,UAAU;AAAA,cACnC,eAAa;AAAA,cACZ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAENU,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvBV,UACCU,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAV;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9F9B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQU,2BAAAA,IAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ;AAC1E;AAEA,YAAY,cAAc;;"}

package/dist/next/RadioButton.cjs.js

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

package/dist/next/RadioButton.js

@@ -1,4 +1,4 @@
-import { R } from "./RadioButton-CffrjQlz.js";
+import { R } from "./RadioButton-B2yQz2_q.js";
 export {
   R as default
 };

package/dist/next/Rating-C1Lb-VqV.cjs

@@ -0,0 +1,208 @@
+"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-Rr5d5Qts.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 = ({
+  value,
+  onChange,
+  max = 5,
+  size = borealStyleConfig.getDefaultSize(),
+  interactive: interactive2 = true,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  className = "",
+  label: label2,
+  "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 labelId = label2 ? `${uid}-label` : void 0;
+  const groupProps = label2 ? { "aria-labelledby": labelId } : { "aria-label": "Rating" };
+  const handleClick = (index) => {
+    if (interactive2 && onChange) onChange(index + 1);
+  };
+  const handleKeyDown = (event, index) => {
+    if (!interactive2) 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],
+      interactive2 && classMap.interactive,
+      className
+    ),
+    [classMap, theme, state, size, interactive2, className]
+  );
+  return /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.container || "", children: [
+    label2 && /* @__PURE__ */ require$$2.jsx(
+      "span",
+      {
+        id: labelId,
+        className: classMap.label,
+        "data-testid": `${testId}-label`,
+        children: label2
+      }
+    ),
+    /* @__PURE__ */ require$$2.jsx(
+      "div",
+      {
+        className: wrapperClass,
+        role: "radiogroup",
+        ...groupProps,
+        "aria-disabled": !interactive2 || void 0,
+        "data-testid": testId,
+        children: Array.from({ length: safeMax }).map((_, index) => {
+          const active2 = index < (hover ?? clampedValue);
+          const isChecked = clampedValue === index + 1;
+          const isTabbable = interactive2 && (isChecked || clampedValue === 0 && index === 0);
+          return /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: classNames.combineClassNames(
+                classMap.star,
+                active2 && classMap.active
+              ),
+              onClick: () => handleClick(index),
+              onMouseEnter: () => interactive2 && setHover(index),
+              onMouseLeave: () => interactive2 && setHover(null),
+              onKeyDown: (e) => handleKeyDown(e, index),
+              role: "radio",
+              "aria-checked": !!isChecked,
+              tabIndex: isTabbable ? 0 : -1,
+              "aria-label": `${index + 1} out of ${safeMax} stars`,
+              "data-testid": `${testId}-star-${index + 1}`,
+              children: /* @__PURE__ */ require$$2.jsx(StarIcon, { "aria-hidden": "true" })
+            },
+            index
+          );
+        })
+      }
+    )
+  ] });
+};
+BaseRating.displayName = "BaseRating";
+const noScroll = "_noScroll_3wozo_91";
+const errorMessage = "_errorMessage_3wozo_92";
+const loadingContainer = "_loadingContainer_3wozo_93";
+const hideScrollbar = "_hideScrollbar_3wozo_85";
+const sr_only = "_sr_only_3wozo_94";
+const container = "_container_3wozo_540";
+const wrapper = "_wrapper_3wozo_546";
+const xs = "_xs_3wozo_551";
+const small = "_small_3wozo_554";
+const medium = "_medium_3wozo_557";
+const large = "_large_3wozo_560";
+const xl = "_xl_3wozo_563";
+const label = "_label_3wozo_566";
+const interactive = "_interactive_3wozo_574";
+const star = "_star_3wozo_577";
+const active = "_active_3wozo_589";
+const primary = "_primary_3wozo_592";
+const secondary = "_secondary_3wozo_595";
+const tertiary = "_tertiary_3wozo_598";
+const quaternary = "_quaternary_3wozo_601";
+const clear = "_clear_3wozo_604";
+const success = "_success_3wozo_607";
+const error = "_error_3wozo_92";
+const warning = "_warning_3wozo_613";
+const spin = "_spin_3wozo_1";
+const pulse = "_pulse_3wozo_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  wrapper,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  label,
+  interactive,
+  star,
+  active,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  "fade-in": "_fade-in_3wozo_1",
+  "slide-up": "_slide-up_3wozo_1",
+  "spin-3d": "_spin-3d_3wozo_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_3wozo_1",
+  "progress-grow": "_progress-grow_3wozo_1",
+  "indeterminate-move": "_indeterminate-move_3wozo_1",
+  "skeleton-loading": "_skeleton-loading_3wozo_1"
+};
+const Rating = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BaseRating, { ...props, classMap: styles });
+};
+exports.Rating = Rating;
+//# sourceMappingURL=Rating-C1Lb-VqV.cjs.map

package/dist/next/Rating-C1Lb-VqV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating-C1Lb-VqV.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  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}) => {\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 labelId = label ? `${uid}-label` : undefined;\r\n  const groupProps = label\r\n    ? { \"aria-labelledby\": labelId }\r\n    : { \"aria-label\": \"Rating\" };\r\n\r\n  const handleClick = (index: number) => {\r\n    if (interactive && 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 (!interactive) 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        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        <span\r\n          id={labelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"radiogroup\"\r\n        {...groupProps}\r\n        aria-disabled={!interactive || undefined}\r\n        data-testid={testId}\r\n      >\r\n        {Array.from({ length: safeMax }).map((_, index) => {\r\n          const active = index < (hover ?? clampedValue);\r\n          const isChecked = clampedValue === index + 1;\r\n          const isTabbable =\r\n            interactive && (isChecked || (clampedValue === 0 && index === 0));\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={isTabbable ? 0 : -1}\r\n              aria-label={`${index + 1} out of ${safeMax} 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\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\n\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-DQsfA43l.js

@@ -0,0 +1,209 @@
+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-BILmxkZG.js";
+const StarIcon = (props) => /* @__PURE__ */ 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__ */ 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 = ({
+  value,
+  onChange,
+  max = 5,
+  size = getDefaultSize(),
+  interactive: interactive2 = true,
+  theme = getDefaultTheme(),
+  state = "",
+  className = "",
+  label: label2,
+  "data-testid": testId = "rating",
+  classMap
+}) => {
+  const uid = 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] = useState(null);
+  const labelId = label2 ? `${uid}-label` : void 0;
+  const groupProps = label2 ? { "aria-labelledby": labelId } : { "aria-label": "Rating" };
+  const handleClick = (index) => {
+    if (interactive2 && onChange) onChange(index + 1);
+  };
+  const handleKeyDown = (event, index) => {
+    if (!interactive2) 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 = useMemo(
+    () => combineClassNames(
+      classMap.wrapper,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      interactive2 && classMap.interactive,
+      className
+    ),
+    [classMap, theme, state, size, interactive2, className]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classMap.container || "", children: [
+    label2 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: labelId,
+        className: classMap.label,
+        "data-testid": `${testId}-label`,
+        children: label2
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: wrapperClass,
+        role: "radiogroup",
+        ...groupProps,
+        "aria-disabled": !interactive2 || void 0,
+        "data-testid": testId,
+        children: Array.from({ length: safeMax }).map((_, index) => {
+          const active2 = index < (hover ?? clampedValue);
+          const isChecked = clampedValue === index + 1;
+          const isTabbable = interactive2 && (isChecked || clampedValue === 0 && index === 0);
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: combineClassNames(
+                classMap.star,
+                active2 && classMap.active
+              ),
+              onClick: () => handleClick(index),
+              onMouseEnter: () => interactive2 && setHover(index),
+              onMouseLeave: () => interactive2 && setHover(null),
+              onKeyDown: (e) => handleKeyDown(e, index),
+              role: "radio",
+              "aria-checked": !!isChecked,
+              tabIndex: isTabbable ? 0 : -1,
+              "aria-label": `${index + 1} out of ${safeMax} stars`,
+              "data-testid": `${testId}-star-${index + 1}`,
+              children: /* @__PURE__ */ jsx(StarIcon, { "aria-hidden": "true" })
+            },
+            index
+          );
+        })
+      }
+    )
+  ] });
+};
+BaseRating.displayName = "BaseRating";
+const noScroll = "_noScroll_3wozo_91";
+const errorMessage = "_errorMessage_3wozo_92";
+const loadingContainer = "_loadingContainer_3wozo_93";
+const hideScrollbar = "_hideScrollbar_3wozo_85";
+const sr_only = "_sr_only_3wozo_94";
+const container = "_container_3wozo_540";
+const wrapper = "_wrapper_3wozo_546";
+const xs = "_xs_3wozo_551";
+const small = "_small_3wozo_554";
+const medium = "_medium_3wozo_557";
+const large = "_large_3wozo_560";
+const xl = "_xl_3wozo_563";
+const label = "_label_3wozo_566";
+const interactive = "_interactive_3wozo_574";
+const star = "_star_3wozo_577";
+const active = "_active_3wozo_589";
+const primary = "_primary_3wozo_592";
+const secondary = "_secondary_3wozo_595";
+const tertiary = "_tertiary_3wozo_598";
+const quaternary = "_quaternary_3wozo_601";
+const clear = "_clear_3wozo_604";
+const success = "_success_3wozo_607";
+const error = "_error_3wozo_92";
+const warning = "_warning_3wozo_613";
+const spin = "_spin_3wozo_1";
+const pulse = "_pulse_3wozo_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  wrapper,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  label,
+  interactive,
+  star,
+  active,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  "fade-in": "_fade-in_3wozo_1",
+  "slide-up": "_slide-up_3wozo_1",
+  "spin-3d": "_spin-3d_3wozo_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_3wozo_1",
+  "progress-grow": "_progress-grow_3wozo_1",
+  "indeterminate-move": "_indeterminate-move_3wozo_1",
+  "skeleton-loading": "_skeleton-loading_3wozo_1"
+};
+const Rating = (props) => {
+  return /* @__PURE__ */ jsx(BaseRating, { ...props, classMap: styles });
+};
+export {
+  Rating as R
+};
+//# sourceMappingURL=Rating-DQsfA43l.js.map

package/dist/next/Rating-DQsfA43l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating-DQsfA43l.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  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}) => {\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 labelId = label ? `${uid}-label` : undefined;\r\n  const groupProps = label\r\n    ? { \"aria-labelledby\": labelId }\r\n    : { \"aria-label\": \"Rating\" };\r\n\r\n  const handleClick = (index: number) => {\r\n    if (interactive && 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 (!interactive) 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        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        <span\r\n          id={labelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"radiogroup\"\r\n        {...groupProps}\r\n        aria-disabled={!interactive || undefined}\r\n        data-testid={testId}\r\n      >\r\n        {Array.from({ length: safeMax }).map((_, index) => {\r\n          const active = index < (hover ?? clampedValue);\r\n          const isChecked = clampedValue === index + 1;\r\n          const isTabbable =\r\n            interactive && (isChecked || (clampedValue === 0 && index === 0));\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={isTabbable ? 0 : -1}\r\n              aria-label={`${index + 1} out of ${safeMax} 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\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\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-C31vTdO9.cjs");
+const Rating = require("./Rating-C1Lb-VqV.cjs");
 module.exports = Rating.Rating;
 //# sourceMappingURL=Rating.cjs.js.map

package/dist/next/Rating.js

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