boreal-ui 0.0.71 → 0.0.73

package/dist/next/{RadioButton-D-BZDfsG.js → RadioButton-z26U6POV.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 const BaseRadioButton = forwardRef(
   ({
     label: label2,
@@ -19,6 +19,12 @@ const BaseRadioButton = forwardRef(
     id,
     "data-testid": testId = "radio-button",
     classMap,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    required,
     ...props
   }, ref) => {
     const uid = useId();
@@ -46,6 +52,7 @@ const BaseRadioButton = forwardRef(
       ),
       [classMap, rounding, shadow]
     );
+    const resolvedAriaLabelledBy = ariaLabelledBy ?? (label2 ? labelId : void 0);
     return /* @__PURE__ */ jsxs(
       "label",
       {
@@ -65,7 +72,12 @@ const BaseRadioButton = forwardRef(
               checked,
               onChange: handleChange,
               disabled: disabled2,
-              "aria-labelledby": label2 ? labelId : void 0,
+              required,
+              "aria-label": ariaLabel,
+              "aria-labelledby": resolvedAriaLabelledBy,
+              "aria-describedby": ariaDescribedBy,
+              "aria-invalid": ariaInvalid,
+              "aria-required": ariaRequired ?? required,
               "data-testid": testId,
               ...props
             }
@@ -93,36 +105,36 @@ const BaseRadioButton = forwardRef(
   }
 );
 BaseRadioButton.displayName = "BaseRadioButton";
-const noScroll = "_noScroll_ue5jv_109";
-const errorMessage = "_errorMessage_ue5jv_110";
-const loadingContainer = "_loadingContainer_ue5jv_111";
-const hideScrollbar = "_hideScrollbar_ue5jv_103";
-const sr_only = "_sr_only_ue5jv_112";
-const wrapper = "_wrapper_ue5jv_628";
-const input = "_input_ue5jv_661";
-const circle = "_circle_ue5jv_667";
-const clear = "_clear_ue5jv_719";
-const label = "_label_ue5jv_727";
-const disabled = "_disabled_ue5jv_737";
-const primary = "_primary_ue5jv_752";
-const secondary = "_secondary_ue5jv_759";
-const tertiary = "_tertiary_ue5jv_766";
-const quaternary = "_quaternary_ue5jv_773";
-const success = "_success_ue5jv_787";
-const error = "_error_ue5jv_110";
-const warning = "_warning_ue5jv_801";
-const roundNone = "_roundNone_ue5jv_816";
-const roundSmall = "_roundSmall_ue5jv_821";
-const roundMedium = "_roundMedium_ue5jv_826";
-const roundLarge = "_roundLarge_ue5jv_831";
-const roundFull = "_roundFull_ue5jv_836";
-const shadowNone = "_shadowNone_ue5jv_841";
-const shadowLight = "_shadowLight_ue5jv_845";
-const shadowMedium = "_shadowMedium_ue5jv_849";
-const shadowStrong = "_shadowStrong_ue5jv_853";
-const shadowIntense = "_shadowIntense_ue5jv_857";
-const spin = "_spin_ue5jv_1";
-const pulse = "_pulse_ue5jv_1";
+const noScroll = "_noScroll_is8cf_109";
+const errorMessage = "_errorMessage_is8cf_110";
+const loadingContainer = "_loadingContainer_is8cf_111";
+const hideScrollbar = "_hideScrollbar_is8cf_103";
+const sr_only = "_sr_only_is8cf_112";
+const wrapper = "_wrapper_is8cf_637";
+const input = "_input_is8cf_670";
+const circle = "_circle_is8cf_676";
+const clear = "_clear_is8cf_728";
+const label = "_label_is8cf_736";
+const disabled = "_disabled_is8cf_746";
+const primary = "_primary_is8cf_761";
+const secondary = "_secondary_is8cf_768";
+const tertiary = "_tertiary_is8cf_775";
+const quaternary = "_quaternary_is8cf_782";
+const success = "_success_is8cf_796";
+const error = "_error_is8cf_110";
+const warning = "_warning_is8cf_810";
+const roundNone = "_roundNone_is8cf_825";
+const roundSmall = "_roundSmall_is8cf_830";
+const roundMedium = "_roundMedium_is8cf_835";
+const roundLarge = "_roundLarge_is8cf_840";
+const roundFull = "_roundFull_is8cf_845";
+const shadowNone = "_shadowNone_is8cf_850";
+const shadowLight = "_shadowLight_is8cf_854";
+const shadowMedium = "_shadowMedium_is8cf_858";
+const shadowStrong = "_shadowStrong_is8cf_862";
+const shadowIntense = "_shadowIntense_is8cf_866";
+const spin = "_spin_is8cf_1";
+const pulse = "_pulse_is8cf_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -152,15 +164,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_ue5jv_1",
-  "slide-up": "_slide-up_ue5jv_1",
-  "spin-3d": "_spin-3d_ue5jv_1",
+  "fade-in": "_fade-in_is8cf_1",
+  "slide-up": "_slide-up_is8cf_1",
+  "spin-3d": "_spin-3d_is8cf_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_ue5jv_1",
-  "progress-grow": "_progress-grow_ue5jv_1",
-  "indeterminate-move": "_indeterminate-move_ue5jv_1",
-  "skeleton-loading": "_skeleton-loading_ue5jv_1"
+  "fade-in-up": "_fade-in-up_is8cf_1",
+  "progress-grow": "_progress-grow_is8cf_1",
+  "indeterminate-move": "_indeterminate-move_is8cf_1",
+  "skeleton-loading": "_skeleton-loading_is8cf_1"
 };
 const RadioButton = forwardRef(
   (props, ref) => /* @__PURE__ */ jsx(BaseRadioButton, { ...props, ref, classMap: styles })
@@ -169,4 +181,4 @@ RadioButton.displayName = "RadioButton";
 export {
   RadioButton as R
 };
-//# sourceMappingURL=RadioButton-D-BZDfsG.js.map
+//# sourceMappingURL=RadioButton-z26U6POV.js.map

package/dist/next/RadioButton-z26U6POV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton-z26U6POV.js","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      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      required,\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    const resolvedAriaLabelledBy =\r\n      ariaLabelledBy ?? (label ? labelId : undefined);\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          required={required}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={ariaDescribedBy}\r\n          aria-invalid={ariaInvalid}\r\n          aria-required={ariaRequired ?? required}\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 { forwardRef } 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 = 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":["label","disabled"],"mappings":";;;;;AAUA,MAAM,kBAAkB;AAAA,EACtB,CACE;AAAA,IACE,OAAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,MAAM,MAAA;AACZ,UAAM,UAAU,MAAM,GAAG,MAAM,UAAU,GAAG;AAC5C,UAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AAEtC,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAIA,UAAU;AACd,UAAI,EAAE,OAAO,QAAS,UAAS,EAAE,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdA,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOA,WAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,UAAM,yBACJ,mBAAmBD,SAAQ,UAAU;AAEvC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QACtB,SAAS;AAAA,QAET,UAAA;AAAA,UAAA;AAAA,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,UAAAC;AAAA,cACA;AAAA,cACA,cAAY;AAAA,cACZ,mBAAiB;AAAA,cACjB,oBAAkB;AAAA,cAClB,gBAAc;AAAA,cACd,iBAAe,gBAAgB;AAAA,cAC/B,eAAa;AAAA,cACZ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvBD,UACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5G9B,MAAM,cAAc;AAAA,EAClB,CAAC,OAAO,QAAQ,oBAAC,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-BkLrVidx.cjs");
+const RadioButton = require("./RadioButton-X5L9U53Y.cjs");
 module.exports = RadioButton.RadioButton;
 //# sourceMappingURL=RadioButton.cjs.js.map

package/dist/next/RadioButton.js

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

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

@@ -1,7 +1,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-BILmxkZG.js";
+import { c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
 const StarIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -26,6 +26,7 @@ const StarIcon = (props) => /* @__PURE__ */ jsx(
   }
 );
 const BaseRating = ({
+  id,
   value,
   onChange,
   max = 5,
@@ -35,6 +36,12 @@ const BaseRating = ({
   state = "",
   className = "",
   label: label2,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  starAriaLabelPrefix = "Rate",
+  required = false,
+  readOnly = false,
   "data-testid": testId = "rating",
   classMap
 }) => {
@@ -42,13 +49,18 @@ const BaseRating = ({
   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 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 (interactive2 && onChange) onChange(index + 1);
+    if (canInteract && onChange) onChange(index + 1);
   };
   const handleKeyDown = (event, index) => {
-    if (!interactive2) return;
+    if (!canInteract) return;
     const commit = (v) => onChange == null ? void 0 : onChange(v);
     switch (event.key) {
       case "Enter":
@@ -86,52 +98,64 @@ const BaseRating = ({
       classMap[theme],
       classMap[state],
       classMap[size],
-      interactive2 && classMap.interactive,
+      canInteract && classMap.interactive,
       className
     ),
-    [classMap, theme, state, size, interactive2, className]
+    [classMap, theme, state, size, canInteract, className]
   );
   return /* @__PURE__ */ jsxs("div", { className: classMap.container || "", children: [
-    label2 && /* @__PURE__ */ jsx(
+    label2 && /* @__PURE__ */ jsxs(
       "span",
       {
         id: labelId,
         className: classMap.label,
         "data-testid": `${testId}-label`,
-        children: label2
+        children: [
+          label2,
+          required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " *" })
+        ]
       }
     ),
     /* @__PURE__ */ jsx(
       "div",
       {
+        id: ratingId,
         className: wrapperClass,
         role: "radiogroup",
-        ...groupProps,
-        "aria-disabled": !interactive2 || void 0,
+        "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 === index + 1;
-          const isTabbable = interactive2 && (isChecked || clampedValue === 0 && index === 0);
+          const isChecked = clampedValue === starValue;
+          const isTabbable = canInteract && (isChecked || clampedValue === 0 && index === 0);
           return /* @__PURE__ */ jsx(
             "span",
             {
+              id: `${ratingId}-star-${starValue}`,
               className: combineClassNames(
                 classMap.star,
                 active2 && classMap.active
               ),
               onClick: () => handleClick(index),
-              onMouseEnter: () => interactive2 && setHover(index),
-              onMouseLeave: () => interactive2 && setHover(null),
+              onMouseEnter: () => canInteract && setHover(starValue),
+              onMouseLeave: () => canInteract && setHover(null),
               onKeyDown: (e) => handleKeyDown(e, index),
               role: "radio",
-              "aria-checked": !!isChecked,
+              "aria-checked": isChecked,
+              "aria-setsize": safeMax,
+              "aria-posinset": starValue,
+              "aria-label": `${starAriaLabelPrefix} ${starValue} of ${safeMax}${isChecked ? ", selected" : ""}`,
               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" })
+              "data-testid": `${testId}-star-${starValue}`,
+              children: /* @__PURE__ */ jsx(StarIcon, { "aria-hidden": "true", focusable: "false" })
             },
-            index
+            starValue
           );
         })
       }
@@ -139,32 +163,32 @@ const BaseRating = ({
   ] });
 };
 BaseRating.displayName = "BaseRating";
-const noScroll = "_noScroll_5agt5_109";
-const errorMessage = "_errorMessage_5agt5_110";
-const loadingContainer = "_loadingContainer_5agt5_111";
-const hideScrollbar = "_hideScrollbar_5agt5_103";
-const sr_only = "_sr_only_5agt5_112";
-const container = "_container_5agt5_628";
-const wrapper = "_wrapper_5agt5_644";
-const xs = "_xs_5agt5_659";
-const small = "_small_5agt5_667";
-const medium = "_medium_5agt5_675";
-const large = "_large_5agt5_683";
-const xl = "_xl_5agt5_691";
-const label = "_label_5agt5_700";
-const star = "_star_5agt5_719";
-const active = "_active_5agt5_740";
-const interactive = "_interactive_5agt5_744";
-const primary = "_primary_5agt5_765";
-const secondary = "_secondary_5agt5_769";
-const tertiary = "_tertiary_5agt5_773";
-const quaternary = "_quaternary_5agt5_777";
-const clear = "_clear_5agt5_781";
-const success = "_success_5agt5_785";
-const error = "_error_5agt5_110";
-const warning = "_warning_5agt5_793";
-const spin = "_spin_5agt5_1";
-const pulse = "_pulse_5agt5_1";
+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,
@@ -190,15 +214,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_5agt5_1",
-  "slide-up": "_slide-up_5agt5_1",
-  "spin-3d": "_spin-3d_5agt5_1",
+  "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_5agt5_1",
-  "progress-grow": "_progress-grow_5agt5_1",
-  "indeterminate-move": "_indeterminate-move_5agt5_1",
-  "skeleton-loading": "_skeleton-loading_5agt5_1"
+  "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__ */ jsx(BaseRating, { ...props, classMap: styles });
@@ -207,4 +231,4 @@ Rating.displayName = "Rating";
 export {
   Rating as R
 };
-//# sourceMappingURL=Rating-DnjJd_Sd.js.map
+//# sourceMappingURL=Rating-D6JEDvn4.js.map

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

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

package/dist/next/{Rating-DTdMdPfy.cjs → Rating-DXYBYXmx.cjs}

@@ -2,7 +2,7 @@
 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 borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const StarIcon = (props) => /* @__PURE__ */ require$$2.jsx(
   "svg",
   {
@@ -27,6 +27,7 @@ const StarIcon = (props) => /* @__PURE__ */ require$$2.jsx(
   }
 );
 const BaseRating = ({
+  id,
   value,
   onChange,
   max = 5,
@@ -36,6 +37,12 @@ const BaseRating = ({
   state = "",
   className = "",
   label: label2,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  starAriaLabelPrefix = "Rate",
+  required = false,
+  readOnly = false,
   "data-testid": testId = "rating",
   classMap
 }) => {
@@ -43,13 +50,18 @@ const BaseRating = ({
   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 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 (interactive2 && onChange) onChange(index + 1);
+    if (canInteract && onChange) onChange(index + 1);
   };
   const handleKeyDown = (event, index) => {
-    if (!interactive2) return;
+    if (!canInteract) return;
     const commit = (v) => onChange == null ? void 0 : onChange(v);
     switch (event.key) {
       case "Enter":
@@ -87,52 +99,64 @@ const BaseRating = ({
       classMap[theme],
       classMap[state],
       classMap[size],
-      interactive2 && classMap.interactive,
+      canInteract && classMap.interactive,
       className
     ),
-    [classMap, theme, state, size, interactive2, className]
+    [classMap, theme, state, size, canInteract, className]
   );
   return /* @__PURE__ */ require$$2.jsxs("div", { className: classMap.container || "", children: [
-    label2 && /* @__PURE__ */ require$$2.jsx(
+    label2 && /* @__PURE__ */ require$$2.jsxs(
       "span",
       {
         id: labelId,
         className: classMap.label,
         "data-testid": `${testId}-label`,
-        children: label2
+        children: [
+          label2,
+          required && /* @__PURE__ */ require$$2.jsx("span", { "aria-hidden": "true", children: " *" })
+        ]
       }
     ),
     /* @__PURE__ */ require$$2.jsx(
       "div",
       {
+        id: ratingId,
         className: wrapperClass,
         role: "radiogroup",
-        ...groupProps,
-        "aria-disabled": !interactive2 || void 0,
+        "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 === index + 1;
-          const isTabbable = interactive2 && (isChecked || clampedValue === 0 && index === 0);
+          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: () => interactive2 && setHover(index),
-              onMouseLeave: () => interactive2 && setHover(null),
+              onMouseEnter: () => canInteract && setHover(starValue),
+              onMouseLeave: () => canInteract && setHover(null),
               onKeyDown: (e) => handleKeyDown(e, index),
               role: "radio",
-              "aria-checked": !!isChecked,
+              "aria-checked": isChecked,
+              "aria-setsize": safeMax,
+              "aria-posinset": starValue,
+              "aria-label": `${starAriaLabelPrefix} ${starValue} of ${safeMax}${isChecked ? ", selected" : ""}`,
               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" })
+              "data-testid": `${testId}-star-${starValue}`,
+              children: /* @__PURE__ */ require$$2.jsx(StarIcon, { "aria-hidden": "true", focusable: "false" })
             },
-            index
+            starValue
           );
         })
       }
@@ -140,32 +164,32 @@ const BaseRating = ({
   ] });
 };
 BaseRating.displayName = "BaseRating";
-const noScroll = "_noScroll_5agt5_109";
-const errorMessage = "_errorMessage_5agt5_110";
-const loadingContainer = "_loadingContainer_5agt5_111";
-const hideScrollbar = "_hideScrollbar_5agt5_103";
-const sr_only = "_sr_only_5agt5_112";
-const container = "_container_5agt5_628";
-const wrapper = "_wrapper_5agt5_644";
-const xs = "_xs_5agt5_659";
-const small = "_small_5agt5_667";
-const medium = "_medium_5agt5_675";
-const large = "_large_5agt5_683";
-const xl = "_xl_5agt5_691";
-const label = "_label_5agt5_700";
-const star = "_star_5agt5_719";
-const active = "_active_5agt5_740";
-const interactive = "_interactive_5agt5_744";
-const primary = "_primary_5agt5_765";
-const secondary = "_secondary_5agt5_769";
-const tertiary = "_tertiary_5agt5_773";
-const quaternary = "_quaternary_5agt5_777";
-const clear = "_clear_5agt5_781";
-const success = "_success_5agt5_785";
-const error = "_error_5agt5_110";
-const warning = "_warning_5agt5_793";
-const spin = "_spin_5agt5_1";
-const pulse = "_pulse_5agt5_1";
+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,
@@ -191,19 +215,19 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_5agt5_1",
-  "slide-up": "_slide-up_5agt5_1",
-  "spin-3d": "_spin-3d_5agt5_1",
+  "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_5agt5_1",
-  "progress-grow": "_progress-grow_5agt5_1",
-  "indeterminate-move": "_indeterminate-move_5agt5_1",
-  "skeleton-loading": "_skeleton-loading_5agt5_1"
+  "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-DTdMdPfy.cjs.map
+//# sourceMappingURL=Rating-DXYBYXmx.cjs.map