boreal-ui 0.0.72 → 0.0.73

package/dist/next/{PopOver-BtR7eYNZ.cjs → PopOver-CpSdILYS.cjs}

@@ -14,6 +14,14 @@ const BasePopover = ({
   state = "",
   className = "",
   role = "dialog",
+  triggerAriaLabel,
+  triggerTitle,
+  disabled = false,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-modal": ariaModal,
   "data-testid": testId = "popover",
   classMap
 }) => {
@@ -22,20 +30,25 @@ const BasePopover = ({
   const popoverRef = React.useRef(null);
   const triggerRef = React.useRef(null);
   const uid = React.useId();
-  const contentId = `${uid}-content`;
-  const labelId = `${uid}-label`;
+  const generatedContentId = `${uid}-content`;
+  const generatedLabelId = `${uid}-label`;
+  const contentId = id ?? generatedContentId;
+  const fallbackLabelId = generatedLabelId;
   const VALID_ROLES = ["dialog", "menu", "tooltip"];
   function asValidRole(r) {
     return VALID_ROLES.includes(r ?? "") ? r : void 0;
   }
   const popupRole = asValidRole(role);
   const ariaHasPopup = role === "dialog" ? "dialog" : role === "menu" ? "menu" : void 0;
-  const triggerAria = role === "tooltip" ? { "aria-describedby": contentId } : {
+  const triggerAria = role === "tooltip" ? { "aria-describedby": open ? contentId : void 0 } : {
     ...ariaHasPopup ? { "aria-haspopup": ariaHasPopup } : {},
     "aria-expanded": open,
     "aria-controls": contentId
   };
-  const toggleOpen = () => setOpen((prev) => !prev);
+  const toggleOpen = () => {
+    if (disabled) return;
+    setOpen((prev) => !prev);
+  };
   const close = () => {
     var _a;
     setOpen(false);
@@ -56,7 +69,9 @@ const BasePopover = ({
   }, [open, placement]);
   React.useEffect(() => {
     if (!open) return;
-    const onKey = (e) => e.key === "Escape" && close();
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
     const onReflow = () => setDynamicPlacement((p) => p);
     document.addEventListener("keydown", onKey);
     window.addEventListener("resize", onReflow, { passive: true });
@@ -83,14 +98,15 @@ const BasePopover = ({
     popoverEl.style.top = "";
     popoverEl.style.bottom = "";
     let newPlacement = placement;
-    if (placement === "top" && popoverEl.offsetHeight > spaceAbove)
+    if (placement === "top" && popoverEl.offsetHeight > spaceAbove) {
       newPlacement = "bottom";
-    else if (placement === "bottom" && popoverEl.offsetHeight > spaceBelow)
+    } else if (placement === "bottom" && popoverEl.offsetHeight > spaceBelow) {
       newPlacement = "top";
-    else if (placement === "left" && popoverEl.offsetWidth > spaceLeft)
+    } else if (placement === "left" && popoverEl.offsetWidth > spaceLeft) {
       newPlacement = "right";
-    else if (placement === "right" && popoverEl.offsetWidth > spaceRight)
+    } else if (placement === "right" && popoverEl.offsetWidth > spaceRight) {
       newPlacement = "left";
+    }
     setDynamicPlacement(newPlacement);
     requestAnimationFrame(() => {
       const rect = popoverEl.getBoundingClientRect();
@@ -121,14 +137,16 @@ const BasePopover = ({
     [classMap, dynamicPlacement, rounding, shadow, theme, state, className]
   );
   React.useEffect(() => {
-    if (!open) return;
+    if (!open || popupRole === "tooltip") return;
     const el = popoverRef.current;
     if (!el) return;
     const focusable = el.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     (focusable ?? el).focus();
-  }, [open]);
+  }, [open, popupRole]);
+  const computedAriaLabelledBy = ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : void 0);
+  const computedAriaDescribedBy = role === "tooltip" ? ariaDescribedBy : ariaDescribedBy;
   return /* @__PURE__ */ require$$2.jsxs(
     "div",
     {
@@ -141,8 +159,10 @@ const BasePopover = ({
             type: "button",
             className: classMap.trigger,
             onClick: toggleOpen,
-            "aria-label": "Toggle popover",
+            "aria-label": triggerAriaLabel ?? "Toggle popover",
+            title: triggerTitle,
             ref: triggerRef,
+            disabled,
             "data-testid": `${testId}-trigger`,
             ...triggerAria,
             children: trigger2
@@ -154,12 +174,15 @@ const BasePopover = ({
             ref: popoverRef,
             id: contentId,
             role: popupRole,
-            "aria-labelledby": labelId,
+            "aria-label": ariaLabel,
+            "aria-labelledby": computedAriaLabelledBy,
+            "aria-describedby": computedAriaDescribedBy,
+            "aria-modal": popupRole === "dialog" ? ariaModal : void 0,
             className: popoverContentClass,
             "data-testid": `${testId}-content`,
             tabIndex: popupRole === "tooltip" ? void 0 : -1,
             children: [
-              /* @__PURE__ */ require$$2.jsx("span", { id: labelId, className: classMap.srOnly ?? "sr_only", children: "Popover Content" }),
+              !ariaLabel && !ariaLabelledBy && /* @__PURE__ */ require$$2.jsx("span", { id: fallbackLabelId, className: classMap.srOnly ?? "sr_only", children: "Popover Content" }),
               content
             ]
           }
@@ -247,4 +270,4 @@ const Popover = (props) => {
 };
 Popover.displayName = "Popover";
 exports.Popover = Popover;
-//# sourceMappingURL=PopOver-BtR7eYNZ.cjs.map
+//# sourceMappingURL=PopOver-CpSdILYS.cjs.map

package/dist/next/PopOver-CpSdILYS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver-CpSdILYS.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.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 BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  role = \"dialog\",\r\n  triggerAriaLabel,\r\n  triggerTitle,\r\n  disabled = false,\r\n  id,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-modal\": ariaModal,\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n\r\n  const generatedContentId = `${uid}-content`;\r\n  const generatedLabelId = `${uid}-label`;\r\n\r\n  const contentId = id ?? generatedContentId;\r\n  const fallbackLabelId = generatedLabelId;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": open ? contentId : undefined }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\r\n\r\n  const toggleOpen = () => {\r\n    if (disabled) return;\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t)) return;\r\n      close();\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") close();\r\n    };\r\n\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - triggerRect.right;\r\n\r\n    popoverEl.style.transform = \"\";\r\n    popoverEl.style.left = \"\";\r\n    popoverEl.style.right = \"\";\r\n    popoverEl.style.top = \"\";\r\n    popoverEl.style.bottom = \"\";\r\n\r\n    let newPlacement = placement;\r\n\r\n    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n      newPlacement = \"bottom\";\r\n    } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n      newPlacement = \"top\";\r\n    } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n      newPlacement = \"right\";\r\n    } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n      newPlacement = \"left\";\r\n    }\r\n\r\n    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open || popupRole === \"tooltip\") return;\r\n\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    (focusable ?? el).focus();\r\n  }, [open, popupRole]);\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n  const computedAriaDescribedBy =\r\n    role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n        title={triggerTitle}\r\n        ref={triggerRef}\r\n        disabled={disabled}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={computedAriaLabelledBy}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          {!ariaLabel && !ariaLabelledBy && (\r\n            <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n              Popover Content\r\n            </span>\r\n          )}\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useId","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/next/{PopOver-Dth_QWWN.js → PopOver-Dp_vC53_.js}

@@ -13,6 +13,14 @@ const BasePopover = ({
   state = "",
   className = "",
   role = "dialog",
+  triggerAriaLabel,
+  triggerTitle,
+  disabled = false,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-modal": ariaModal,
   "data-testid": testId = "popover",
   classMap
 }) => {
@@ -21,20 +29,25 @@ const BasePopover = ({
   const popoverRef = useRef(null);
   const triggerRef = useRef(null);
   const uid = useId();
-  const contentId = `${uid}-content`;
-  const labelId = `${uid}-label`;
+  const generatedContentId = `${uid}-content`;
+  const generatedLabelId = `${uid}-label`;
+  const contentId = id ?? generatedContentId;
+  const fallbackLabelId = generatedLabelId;
   const VALID_ROLES = ["dialog", "menu", "tooltip"];
   function asValidRole(r) {
     return VALID_ROLES.includes(r ?? "") ? r : void 0;
   }
   const popupRole = asValidRole(role);
   const ariaHasPopup = role === "dialog" ? "dialog" : role === "menu" ? "menu" : void 0;
-  const triggerAria = role === "tooltip" ? { "aria-describedby": contentId } : {
+  const triggerAria = role === "tooltip" ? { "aria-describedby": open ? contentId : void 0 } : {
     ...ariaHasPopup ? { "aria-haspopup": ariaHasPopup } : {},
     "aria-expanded": open,
     "aria-controls": contentId
   };
-  const toggleOpen = () => setOpen((prev) => !prev);
+  const toggleOpen = () => {
+    if (disabled) return;
+    setOpen((prev) => !prev);
+  };
   const close = () => {
     var _a;
     setOpen(false);
@@ -55,7 +68,9 @@ const BasePopover = ({
   }, [open, placement]);
   useEffect(() => {
     if (!open) return;
-    const onKey = (e) => e.key === "Escape" && close();
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
     const onReflow = () => setDynamicPlacement((p) => p);
     document.addEventListener("keydown", onKey);
     window.addEventListener("resize", onReflow, { passive: true });
@@ -82,14 +97,15 @@ const BasePopover = ({
     popoverEl.style.top = "";
     popoverEl.style.bottom = "";
     let newPlacement = placement;
-    if (placement === "top" && popoverEl.offsetHeight > spaceAbove)
+    if (placement === "top" && popoverEl.offsetHeight > spaceAbove) {
       newPlacement = "bottom";
-    else if (placement === "bottom" && popoverEl.offsetHeight > spaceBelow)
+    } else if (placement === "bottom" && popoverEl.offsetHeight > spaceBelow) {
       newPlacement = "top";
-    else if (placement === "left" && popoverEl.offsetWidth > spaceLeft)
+    } else if (placement === "left" && popoverEl.offsetWidth > spaceLeft) {
       newPlacement = "right";
-    else if (placement === "right" && popoverEl.offsetWidth > spaceRight)
+    } else if (placement === "right" && popoverEl.offsetWidth > spaceRight) {
       newPlacement = "left";
+    }
     setDynamicPlacement(newPlacement);
     requestAnimationFrame(() => {
       const rect = popoverEl.getBoundingClientRect();
@@ -120,14 +136,16 @@ const BasePopover = ({
     [classMap, dynamicPlacement, rounding, shadow, theme, state, className]
   );
   useEffect(() => {
-    if (!open) return;
+    if (!open || popupRole === "tooltip") return;
     const el = popoverRef.current;
     if (!el) return;
     const focusable = el.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     (focusable ?? el).focus();
-  }, [open]);
+  }, [open, popupRole]);
+  const computedAriaLabelledBy = ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : void 0);
+  const computedAriaDescribedBy = role === "tooltip" ? ariaDescribedBy : ariaDescribedBy;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -140,8 +158,10 @@ const BasePopover = ({
             type: "button",
             className: classMap.trigger,
             onClick: toggleOpen,
-            "aria-label": "Toggle popover",
+            "aria-label": triggerAriaLabel ?? "Toggle popover",
+            title: triggerTitle,
             ref: triggerRef,
+            disabled,
             "data-testid": `${testId}-trigger`,
             ...triggerAria,
             children: trigger2
@@ -153,12 +173,15 @@ const BasePopover = ({
             ref: popoverRef,
             id: contentId,
             role: popupRole,
-            "aria-labelledby": labelId,
+            "aria-label": ariaLabel,
+            "aria-labelledby": computedAriaLabelledBy,
+            "aria-describedby": computedAriaDescribedBy,
+            "aria-modal": popupRole === "dialog" ? ariaModal : void 0,
             className: popoverContentClass,
             "data-testid": `${testId}-content`,
             tabIndex: popupRole === "tooltip" ? void 0 : -1,
             children: [
-              /* @__PURE__ */ jsx("span", { id: labelId, className: classMap.srOnly ?? "sr_only", children: "Popover Content" }),
+              !ariaLabel && !ariaLabelledBy && /* @__PURE__ */ jsx("span", { id: fallbackLabelId, className: classMap.srOnly ?? "sr_only", children: "Popover Content" }),
               content
             ]
           }
@@ -248,4 +271,4 @@ Popover.displayName = "Popover";
 export {
   Popover as P
 };
-//# sourceMappingURL=PopOver-Dth_QWWN.js.map
+//# sourceMappingURL=PopOver-Dp_vC53_.js.map

package/dist/next/PopOver-Dp_vC53_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver-Dp_vC53_.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.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 BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  role = \"dialog\",\r\n  triggerAriaLabel,\r\n  triggerTitle,\r\n  disabled = false,\r\n  id,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-modal\": ariaModal,\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const uid = useId();\r\n\r\n  const generatedContentId = `${uid}-content`;\r\n  const generatedLabelId = `${uid}-label`;\r\n\r\n  const contentId = id ?? generatedContentId;\r\n  const fallbackLabelId = generatedLabelId;\r\n\r\n  type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n  const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n  function asValidRole(r?: string): PopupRole | undefined {\r\n    return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n      ? (r as PopupRole)\r\n      : undefined;\r\n  }\r\n\r\n  const popupRole = asValidRole(role);\r\n\r\n  const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n    role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n  const triggerAria =\r\n    role === \"tooltip\"\r\n      ? { \"aria-describedby\": open ? contentId : undefined }\r\n      : {\r\n          ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n          \"aria-expanded\": open,\r\n          \"aria-controls\": contentId,\r\n        };\r\n\r\n  const toggleOpen = () => {\r\n    if (disabled) return;\r\n    setOpen((prev) => !prev);\r\n  };\r\n\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      const t = event.target as Node;\r\n      if (popoverRef.current?.contains(t)) return;\r\n      if (triggerRef.current?.contains(t)) return;\r\n      close();\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open, placement]);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") close();\r\n    };\r\n\r\n    const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    window.addEventListener(\"resize\", onReflow, { passive: true });\r\n    window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", onKey);\r\n      window.removeEventListener(\"resize\", onReflow);\r\n      window.removeEventListener(\"scroll\", onReflow);\r\n    };\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n    const triggerRect = triggerRef.current.getBoundingClientRect();\r\n    const popoverEl = popoverRef.current;\r\n\r\n    const vw = window.innerWidth;\r\n    const vh = window.innerHeight;\r\n    const spaceAbove = triggerRect.top;\r\n    const spaceBelow = vh - triggerRect.bottom;\r\n    const spaceLeft = triggerRect.left;\r\n    const spaceRight = vw - triggerRect.right;\r\n\r\n    popoverEl.style.transform = \"\";\r\n    popoverEl.style.left = \"\";\r\n    popoverEl.style.right = \"\";\r\n    popoverEl.style.top = \"\";\r\n    popoverEl.style.bottom = \"\";\r\n\r\n    let newPlacement = placement;\r\n\r\n    if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n      newPlacement = \"bottom\";\r\n    } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n      newPlacement = \"top\";\r\n    } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n      newPlacement = \"right\";\r\n    } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n      newPlacement = \"left\";\r\n    }\r\n\r\n    setDynamicPlacement(newPlacement);\r\n\r\n    requestAnimationFrame(() => {\r\n      const rect = popoverEl.getBoundingClientRect();\r\n      let dx = 0;\r\n      let dy = 0;\r\n      const pad = 8;\r\n\r\n      if (rect.left < pad) dx = pad - rect.left;\r\n      else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n      if (rect.top < pad) dy = pad - rect.top;\r\n      else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n      if (dx !== 0 || dy !== 0) {\r\n        const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n        const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n        popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n      }\r\n    });\r\n  }, [open, placement, dynamicPlacement]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!open || popupRole === \"tooltip\") return;\r\n\r\n    const el = popoverRef.current;\r\n    if (!el) return;\r\n\r\n    const focusable = el.querySelector<HTMLElement>(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    (focusable ?? el).focus();\r\n  }, [open, popupRole]);\r\n\r\n  const computedAriaLabelledBy =\r\n    ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n  const computedAriaDescribedBy =\r\n    role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={testId}\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n        title={triggerTitle}\r\n        ref={triggerRef}\r\n        disabled={disabled}\r\n        data-testid={`${testId}-trigger`}\r\n        {...triggerAria}\r\n      >\r\n        {trigger}\r\n      </button>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={contentId}\r\n          role={popupRole}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={computedAriaLabelledBy}\r\n          aria-describedby={computedAriaDescribedBy}\r\n          aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n          tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n        >\r\n          {!ariaLabel && !ariaLabelledBy && (\r\n            <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n              Popover Content\r\n            </span>\r\n          )}\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}

package/dist/next/PopOver.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const PopOver = require("./PopOver-BtR7eYNZ.cjs");
+const PopOver = require("./PopOver-CpSdILYS.cjs");
 module.exports = PopOver.Popover;
 //# sourceMappingURL=PopOver.cjs.js.map

package/dist/next/PopOver.js

@@ -1,4 +1,4 @@
-import { P } from "./PopOver-Dth_QWWN.js";
+import { P } from "./PopOver-Dp_vC53_.js";
 export {
   P as default
 };

package/dist/next/{ProgressBar-BwbZzKn2.js → ProgressBar-Bf_ZzYzI.js}

@@ -13,15 +13,27 @@ const BaseProgressBar = ({
   animated: animated2 = true,
   indeterminate: indeterminate2 = false,
   className = "",
-  ariaLabel = "Progress",
+  "aria-label": ariaLabel = "Progress",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-valuetext": ariaValueText,
   label: label2,
   labelPosition = "top",
+  labelId,
+  description,
+  descriptionId,
   "data-testid": testId = "progressbar",
   classMap
 }) => {
   const numeric = Number(value);
   const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
   const progressValue = Math.round(clamped);
+  const resolvedLabelId = label2 ? labelId || `${testId}-label` : void 0;
+  const resolvedDescriptionId = description ? descriptionId || `${testId}-description` : void 0;
+  const computedAriaLabel = !ariaLabelledBy && !resolvedLabelId ? ariaLabel : void 0;
+  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;
+  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;
+  const computedAriaValueText = ariaValueText || (indeterminate2 ? "Loading" : `${progressValue}% complete`);
   const layoutClass = useMemo(() => {
     const posClass = classMap[`label${capitalize(labelPosition)}`];
     return combineClassNames(classMap.layout, Boolean(label2) && posClass);
@@ -47,7 +59,16 @@ const BaseProgressBar = ({
     ),
     [classMap, theme, state, rounding, indeterminate2, animated2]
   );
-  const labelNode = label2 ? /* @__PURE__ */ jsx("div", { className: classMap.label, "data-testid": `${testId}-label`, children: label2 }) : null;
+  const labelNode = label2 ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: resolvedLabelId,
+      className: classMap.label,
+      "data-testid": `${testId}-label`,
+      children: label2
+    }
+  ) : null;
+  const descriptionNode = description ? /* @__PURE__ */ jsx("div", { id: resolvedDescriptionId, "data-testid": `${testId}-description`, children: description }) : null;
   return /* @__PURE__ */ jsxs("div", { className: layoutClass, children: [
     (labelPosition === "top" || labelPosition === "left") && labelNode,
     /* @__PURE__ */ jsx(
@@ -55,11 +76,13 @@ const BaseProgressBar = ({
       {
         className: wrapperClass,
         role: "progressbar",
-        "aria-label": ariaLabel,
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": computedAriaLabelledBy,
+        "aria-describedby": computedAriaDescribedBy,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-valuenow": indeterminate2 ? void 0 : progressValue,
-        "aria-valuetext": indeterminate2 ? "Loading" : `${progressValue}% complete`,
+        "aria-valuetext": computedAriaValueText,
         "aria-busy": indeterminate2 || void 0,
         "data-testid": testId,
         children: /* @__PURE__ */ jsx(
@@ -72,7 +95,8 @@ const BaseProgressBar = ({
         )
       }
     ),
-    (labelPosition === "bottom" || labelPosition === "right") && labelNode
+    (labelPosition === "bottom" || labelPosition === "right") && labelNode,
+    descriptionNode
   ] });
 };
 BaseProgressBar.displayName = "BaseProgressBar";
@@ -172,4 +196,4 @@ ProgressBar.displayName = "ProgressBar";
 export {
   ProgressBar as P
 };
-//# sourceMappingURL=ProgressBar-BwbZzKn2.js.map
+//# sourceMappingURL=ProgressBar-Bf_ZzYzI.js.map

package/dist/next/ProgressBar-Bf_ZzYzI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-Bf_ZzYzI.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  value = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel = \"Progress\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-valuetext\": ariaValueText,\r\n  label,\r\n  labelPosition = \"top\",\r\n  labelId,\r\n  description,\r\n  descriptionId,\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(value);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const progressValue = Math.round(clamped);\r\n\r\n  const resolvedLabelId = label ? labelId || `${testId}-label` : undefined;\r\n  const resolvedDescriptionId = description\r\n    ? descriptionId || `${testId}-description`\r\n    : undefined;\r\n\r\n  const computedAriaLabel =\r\n    !ariaLabelledBy && !resolvedLabelId ? ariaLabel : undefined;\r\n\r\n  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;\r\n  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;\r\n\r\n  const computedAriaValueText =\r\n    ariaValueText || (indeterminate ? \"Loading\" : `${progressValue}% complete`);\r\n\r\n  const layoutClass = useMemo(() => {\r\n    const posClass = classMap[`label${capitalize(labelPosition)}`];\r\n    return combineClassNames(classMap.layout, Boolean(label) && posClass);\r\n  }, [classMap, label, labelPosition]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, size, shadow, rounding, className],\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate,\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated],\r\n  );\r\n\r\n  const labelNode = label ? (\r\n    <div\r\n      id={resolvedLabelId}\r\n      className={classMap.label}\r\n      data-testid={`${testId}-label`}\r\n    >\r\n      {label}\r\n    </div>\r\n  ) : null;\r\n\r\n  const descriptionNode = description ? (\r\n    <div id={resolvedDescriptionId} data-testid={`${testId}-description`}>\r\n      {description}\r\n    </div>\r\n  ) : null;\r\n\r\n  return (\r\n    <div className={layoutClass}>\r\n      {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"progressbar\"\r\n        aria-label={computedAriaLabel}\r\n        aria-labelledby={computedAriaLabelledBy}\r\n        aria-describedby={computedAriaDescribedBy}\r\n        aria-valuemin={0}\r\n        aria-valuemax={100}\r\n        aria-valuenow={indeterminate ? undefined : progressValue}\r\n        aria-valuetext={computedAriaValueText}\r\n        aria-busy={indeterminate || undefined}\r\n        data-testid={testId}\r\n      >\r\n        <div\r\n          className={barClass}\r\n          style={{ width: indeterminate ? undefined : `${progressValue}%` }}\r\n          data-testid={`${testId}-bar`}\r\n        />\r\n      </div>\r\n\r\n      {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      {descriptionNode}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":["animated","indeterminate","label"],"mappings":"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"}

package/dist/next/{ProgressBar-4SyKFeny.cjs → ProgressBar-sg1jxDfy.cjs}

@@ -14,15 +14,27 @@ const BaseProgressBar = ({
   animated: animated2 = true,
   indeterminate: indeterminate2 = false,
   className = "",
-  ariaLabel = "Progress",
+  "aria-label": ariaLabel = "Progress",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-valuetext": ariaValueText,
   label: label2,
   labelPosition = "top",
+  labelId,
+  description,
+  descriptionId,
   "data-testid": testId = "progressbar",
   classMap
 }) => {
   const numeric = Number(value);
   const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
   const progressValue = Math.round(clamped);
+  const resolvedLabelId = label2 ? labelId || `${testId}-label` : void 0;
+  const resolvedDescriptionId = description ? descriptionId || `${testId}-description` : void 0;
+  const computedAriaLabel = !ariaLabelledBy && !resolvedLabelId ? ariaLabel : void 0;
+  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;
+  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;
+  const computedAriaValueText = ariaValueText || (indeterminate2 ? "Loading" : `${progressValue}% complete`);
   const layoutClass = React.useMemo(() => {
     const posClass = classMap[`label${capitalize.capitalize(labelPosition)}`];
     return classNames.combineClassNames(classMap.layout, Boolean(label2) && posClass);
@@ -48,7 +60,16 @@ const BaseProgressBar = ({
     ),
     [classMap, theme, state, rounding, indeterminate2, animated2]
   );
-  const labelNode = label2 ? /* @__PURE__ */ require$$2.jsx("div", { className: classMap.label, "data-testid": `${testId}-label`, children: label2 }) : null;
+  const labelNode = label2 ? /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      id: resolvedLabelId,
+      className: classMap.label,
+      "data-testid": `${testId}-label`,
+      children: label2
+    }
+  ) : null;
+  const descriptionNode = description ? /* @__PURE__ */ require$$2.jsx("div", { id: resolvedDescriptionId, "data-testid": `${testId}-description`, children: description }) : null;
   return /* @__PURE__ */ require$$2.jsxs("div", { className: layoutClass, children: [
     (labelPosition === "top" || labelPosition === "left") && labelNode,
     /* @__PURE__ */ require$$2.jsx(
@@ -56,11 +77,13 @@ const BaseProgressBar = ({
       {
         className: wrapperClass,
         role: "progressbar",
-        "aria-label": ariaLabel,
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": computedAriaLabelledBy,
+        "aria-describedby": computedAriaDescribedBy,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-valuenow": indeterminate2 ? void 0 : progressValue,
-        "aria-valuetext": indeterminate2 ? "Loading" : `${progressValue}% complete`,
+        "aria-valuetext": computedAriaValueText,
         "aria-busy": indeterminate2 || void 0,
         "data-testid": testId,
         children: /* @__PURE__ */ require$$2.jsx(
@@ -73,7 +96,8 @@ const BaseProgressBar = ({
         )
       }
     ),
-    (labelPosition === "bottom" || labelPosition === "right") && labelNode
+    (labelPosition === "bottom" || labelPosition === "right") && labelNode,
+    descriptionNode
   ] });
 };
 BaseProgressBar.displayName = "BaseProgressBar";
@@ -171,4 +195,4 @@ const ProgressBar = (props) => {
 };
 ProgressBar.displayName = "ProgressBar";
 exports.ProgressBar = ProgressBar;
-//# sourceMappingURL=ProgressBar-4SyKFeny.cjs.map
+//# sourceMappingURL=ProgressBar-sg1jxDfy.cjs.map

package/dist/next/ProgressBar-sg1jxDfy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-sg1jxDfy.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  value = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel = \"Progress\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-valuetext\": ariaValueText,\r\n  label,\r\n  labelPosition = \"top\",\r\n  labelId,\r\n  description,\r\n  descriptionId,\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(value);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const progressValue = Math.round(clamped);\r\n\r\n  const resolvedLabelId = label ? labelId || `${testId}-label` : undefined;\r\n  const resolvedDescriptionId = description\r\n    ? descriptionId || `${testId}-description`\r\n    : undefined;\r\n\r\n  const computedAriaLabel =\r\n    !ariaLabelledBy && !resolvedLabelId ? ariaLabel : undefined;\r\n\r\n  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;\r\n  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;\r\n\r\n  const computedAriaValueText =\r\n    ariaValueText || (indeterminate ? \"Loading\" : `${progressValue}% complete`);\r\n\r\n  const layoutClass = useMemo(() => {\r\n    const posClass = classMap[`label${capitalize(labelPosition)}`];\r\n    return combineClassNames(classMap.layout, Boolean(label) && posClass);\r\n  }, [classMap, label, labelPosition]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, size, shadow, rounding, className],\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate,\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated],\r\n  );\r\n\r\n  const labelNode = label ? (\r\n    <div\r\n      id={resolvedLabelId}\r\n      className={classMap.label}\r\n      data-testid={`${testId}-label`}\r\n    >\r\n      {label}\r\n    </div>\r\n  ) : null;\r\n\r\n  const descriptionNode = description ? (\r\n    <div id={resolvedDescriptionId} data-testid={`${testId}-description`}>\r\n      {description}\r\n    </div>\r\n  ) : null;\r\n\r\n  return (\r\n    <div className={layoutClass}>\r\n      {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"progressbar\"\r\n        aria-label={computedAriaLabel}\r\n        aria-labelledby={computedAriaLabelledBy}\r\n        aria-describedby={computedAriaDescribedBy}\r\n        aria-valuemin={0}\r\n        aria-valuemax={100}\r\n        aria-valuenow={indeterminate ? undefined : progressValue}\r\n        aria-valuetext={computedAriaValueText}\r\n        aria-busy={indeterminate || undefined}\r\n        data-testid={testId}\r\n      >\r\n        <div\r\n          className={barClass}\r\n          style={{ width: indeterminate ? undefined : `${progressValue}%` }}\r\n          data-testid={`${testId}-bar`}\r\n        />\r\n      </div>\r\n\r\n      {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      {descriptionNode}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","animated","indeterminate","label","useMemo","capitalize","combineClassNames","jsx","jsxs"],"mappings":"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"}

package/dist/next/ProgressBar.cjs.js

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

package/dist/next/ProgressBar.js

@@ -1,4 +1,4 @@
-import { P } from "./ProgressBar-BwbZzKn2.js";
+import { P } from "./ProgressBar-Bf_ZzYzI.js";
 export {
   P as default
 };

package/dist/next/{RadioButton-0VwZVK6J.cjs → RadioButton-X5L9U53Y.cjs}

@@ -20,6 +20,12 @@ const BaseRadioButton = React.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 = React.useId();
@@ -47,6 +53,7 @@ const BaseRadioButton = React.forwardRef(
       ),
       [classMap, rounding, shadow]
     );
+    const resolvedAriaLabelledBy = ariaLabelledBy ?? (label2 ? labelId : void 0);
     return /* @__PURE__ */ require$$2.jsxs(
       "label",
       {
@@ -66,7 +73,12 @@ const BaseRadioButton = React.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
             }
@@ -168,4 +180,4 @@ const RadioButton = React.forwardRef(
 );
 RadioButton.displayName = "RadioButton";
 exports.RadioButton = RadioButton;
-//# sourceMappingURL=RadioButton-0VwZVK6J.cjs.map
+//# sourceMappingURL=RadioButton-X5L9U53Y.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton-X5L9U53Y.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      \"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":["forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}