boreal-ui 0.0.71 → 0.0.73

package/dist/next/{Select-CItGjqiA.js → Select-DPL__SwJ.js}

@@ -3,7 +3,7 @@ import { forwardRef, useId, useState, useMemo, useEffect } from "react";
 import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
 const BaseSelect = forwardRef(
   ({
     theme = getDefaultTheme(),
@@ -15,8 +15,6 @@ const BaseSelect = forwardRef(
     value,
     onChange,
     placeholder = "Select an option",
-    ariaLabel,
-    ariaDescription,
     disabled: disabled2 = false,
     className = "",
     classMap,
@@ -24,25 +22,43 @@ const BaseSelect = forwardRef(
     pollInterval = 0,
     required,
     name,
-    title: title2,
-    titlePosition = "top",
+    label: label2,
+    labelPosition = "top",
+    id,
+    form,
+    autoComplete,
+    role,
+    tabIndex,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-description": ariaDescription,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    "aria-busy": ariaBusy,
+    "aria-live": ariaLive = "polite",
     "data-testid": testId = "select"
   }, ref) => {
-    const id = useId();
-    const selectId = `${id}-select`;
-    const descId = ariaDescription ? `${id}-desc` : void 0;
+    const generatedId = useId();
+    const selectId = id || `${generatedId}-select`;
+    const internalDescriptionId = ariaDescription ? `${generatedId}-desc` : void 0;
     const [internalOptions, setInternalOptions] = useState(options);
     const [loading, setLoading] = useState(false);
-    const hasTitle = Boolean(title2);
+    const hasLabel = Boolean(label2);
     const layoutClasses = useMemo(() => {
-      const posClass = hasTitle ? classMap[`title${capitalize(titlePosition)}`] : void 0;
+      const posClass = hasLabel ? classMap[`label${capitalize(labelPosition)}`] : void 0;
       return combineClassNames(classMap.layout, posClass);
-    }, [classMap, hasTitle, titlePosition]);
-    const titleClasses = useMemo(
-      () => combineClassNames(classMap.title, classMap.titleOverlay),
+    }, [classMap, hasLabel, labelPosition]);
+    const labelClasses = useMemo(
+      () => combineClassNames(classMap.label, classMap.labelOverlay),
       [classMap]
     );
-    const titleNode = hasTitle ? /* @__PURE__ */ jsx("div", { className: titleClasses, "data-testid": `${testId}-title`, children: title2 }) : null;
+    const computedDescribedBy = useMemo(() => {
+      const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);
+      return ids.length > 0 ? ids.join(" ") : void 0;
+    }, [ariaDescribedBy, internalDescriptionId]);
+    const computedAriaLabel = ariaLabelledBy ? void 0 : ariaLabel || placeholder;
+    const labelNode = hasLabel ? /* @__PURE__ */ jsx("div", { className: labelClasses, "data-testid": `${testId}-label`, children: label2 }) : null;
     useEffect(() => {
       if (!asyncOptions) return;
       let isMounted = true;
@@ -87,7 +103,7 @@ const BaseSelect = forwardRef(
     );
     const selectClasses = useMemo(
       () => combineClassNames(classMap.select, outline2 && classMap.outline),
-      [classMap, theme, state, shadow, rounding, outline2]
+      [classMap, outline2]
     );
     const iconClasses = useMemo(
       () => combineClassNames(
@@ -99,7 +115,7 @@ const BaseSelect = forwardRef(
     );
     const opts = asyncOptions ? internalOptions : options;
     return /* @__PURE__ */ jsxs("div", { className: layoutClasses, "data-testid": `${testId}-layout`, children: [
-      (titlePosition === "top" || titlePosition === "left") && titleNode,
+      (labelPosition === "top" || labelPosition === "left") && labelNode,
       /* @__PURE__ */ jsxs("div", { className: wrapperClasses, "data-testid": testId, children: [
         /* @__PURE__ */ jsxs(
           "select",
@@ -107,13 +123,21 @@ const BaseSelect = forwardRef(
             ref,
             id: selectId,
             name,
+            form,
+            autoComplete,
+            role,
+            tabIndex,
             value: value ?? "",
             onChange: handleChange,
             className: selectClasses,
-            "aria-label": ariaLabel || placeholder,
-            "aria-describedby": descId,
+            "aria-label": computedAriaLabel,
+            "aria-labelledby": ariaLabelledBy,
+            "aria-description": ariaDescription,
+            "aria-describedby": computedDescribedBy,
             "aria-disabled": disabled2 || void 0,
-            "aria-invalid": state === "error" || void 0,
+            "aria-invalid": ariaInvalid ?? (state === "error" || void 0),
+            "aria-required": ariaRequired ?? (required || void 0),
+            "aria-busy": ariaBusy ?? (loading || void 0),
             disabled: disabled2,
             required,
             "data-testid": `${testId}-input`,
@@ -123,6 +147,7 @@ const BaseSelect = forwardRef(
                 "option",
                 {
                   value: option.value,
+                  disabled: option.disabled,
                   "data-testid": `${testId}-option-${option.value}`,
                   children: option.label
                 },
@@ -143,48 +168,56 @@ const BaseSelect = forwardRef(
         ariaDescription && /* @__PURE__ */ jsx(
           "span",
           {
-            id: descId,
+            id: internalDescriptionId,
             className: "sr_only",
             "data-testid": `${testId}-description`,
             children: ariaDescription
           }
         ),
-        loading && /* @__PURE__ */ jsx("span", { className: classMap.loading, "aria-live": "polite", children: "Loading options…" })
+        loading && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classMap.loading,
+            "aria-live": ariaLive,
+            "data-testid": `${testId}-loading`,
+            children: "Loading options…"
+          }
+        )
       ] }),
-      (titlePosition === "bottom" || titlePosition === "right") && titleNode
+      (labelPosition === "bottom" || labelPosition === "right") && labelNode
     ] });
   }
 );
 BaseSelect.displayName = "BaseSelect";
-const wrapper = "_wrapper_24n3v_85";
-const disabled = "_disabled_24n3v_103";
-const roundNone = "_roundNone_24n3v_114";
-const roundSmall = "_roundSmall_24n3v_117";
-const roundMedium = "_roundMedium_24n3v_120";
-const roundLarge = "_roundLarge_24n3v_123";
-const roundFull = "_roundFull_24n3v_126";
-const shadowNone = "_shadowNone_24n3v_129";
-const shadowLight = "_shadowLight_24n3v_132";
-const shadowMedium = "_shadowMedium_24n3v_135";
-const shadowStrong = "_shadowStrong_24n3v_138";
-const shadowIntense = "_shadowIntense_24n3v_141";
-const icon = "_icon_24n3v_145";
-const select = "_select_24n3v_167";
-const layout = "_layout_24n3v_209";
-const title = "_title_24n3v_215";
-const titleTop = "_titleTop_24n3v_224";
-const titleBottom = "_titleBottom_24n3v_229";
-const titleLeft = "_titleLeft_24n3v_234";
-const titleRight = "_titleRight_24n3v_235";
-const primary = "_primary_24n3v_246";
-const outline = "_outline_24n3v_254";
-const clear = "_clear_24n3v_265";
-const secondary = "_secondary_24n3v_269";
-const tertiary = "_tertiary_24n3v_292";
-const quaternary = "_quaternary_24n3v_315";
-const success = "_success_24n3v_361";
-const error = "_error_24n3v_384";
-const warning = "_warning_24n3v_407";
+const wrapper = "_wrapper_1twp1_85";
+const disabled = "_disabled_1twp1_103";
+const roundNone = "_roundNone_1twp1_114";
+const roundSmall = "_roundSmall_1twp1_117";
+const roundMedium = "_roundMedium_1twp1_120";
+const roundLarge = "_roundLarge_1twp1_123";
+const roundFull = "_roundFull_1twp1_126";
+const shadowNone = "_shadowNone_1twp1_129";
+const shadowLight = "_shadowLight_1twp1_132";
+const shadowMedium = "_shadowMedium_1twp1_135";
+const shadowStrong = "_shadowStrong_1twp1_138";
+const shadowIntense = "_shadowIntense_1twp1_141";
+const icon = "_icon_1twp1_145";
+const select = "_select_1twp1_167";
+const layout = "_layout_1twp1_209";
+const label = "_label_1twp1_215";
+const labelTop = "_labelTop_1twp1_224";
+const labelBottom = "_labelBottom_1twp1_229";
+const labelLeft = "_labelLeft_1twp1_234";
+const labelRight = "_labelRight_1twp1_235";
+const primary = "_primary_1twp1_246";
+const outline = "_outline_1twp1_254";
+const clear = "_clear_1twp1_265";
+const secondary = "_secondary_1twp1_269";
+const tertiary = "_tertiary_1twp1_292";
+const quaternary = "_quaternary_1twp1_315";
+const success = "_success_1twp1_361";
+const error = "_error_1twp1_384";
+const warning = "_warning_1twp1_407";
 const styles = {
   wrapper,
   disabled,
@@ -201,11 +234,11 @@ const styles = {
   icon,
   select,
   layout,
-  title,
-  titleTop,
-  titleBottom,
-  titleLeft,
-  titleRight,
+  label,
+  labelTop,
+  labelBottom,
+  labelLeft,
+  labelRight,
   primary,
   outline,
   clear,
@@ -223,4 +256,4 @@ Select.displayName = "Select";
 export {
   Select as S
 };
-//# sourceMappingURL=Select-CItGjqiA.js.map
+//# sourceMappingURL=Select-DPL__SwJ.js.map

package/dist/next/Select-DPL__SwJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-DPL__SwJ.js","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\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\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      required,\r\n      name,\r\n      label,\r\n      labelPosition = \"top\",\r\n      id,\r\n      form,\r\n      autoComplete,\r\n      role,\r\n      tabIndex,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-live\": ariaLive = \"polite\",\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const selectId = id || `${generatedId}-select`;\r\n    const internalDescriptionId = ariaDescription\r\n      ? `${generatedId}-desc`\r\n      : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const hasLabel = Boolean(label);\r\n\r\n    const layoutClasses = useMemo(() => {\r\n      const posClass = hasLabel\r\n        ? classMap[`label${capitalize(labelPosition)}`]\r\n        : undefined;\r\n\r\n      return combineClassNames(classMap.layout, posClass);\r\n    }, [classMap, hasLabel, labelPosition]);\r\n\r\n    const labelClasses = useMemo(\r\n      () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n      [classMap],\r\n    );\r\n\r\n    const computedDescribedBy = useMemo(() => {\r\n      const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n      return ids.length > 0 ? ids.join(\" \") : undefined;\r\n    }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n    const computedAriaLabel = ariaLabelledBy\r\n      ? undefined\r\n      : ariaLabel || placeholder;\r\n\r\n    const labelNode = hasLabel ? (\r\n      <div className={labelClasses} data-testid={`${testId}-label`}>\r\n        {label}\r\n      </div>\r\n    ) : null;\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          setLoading(true);\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        } finally {\r\n          if (isMounted) setLoading(false);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.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          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () => combineClassNames(classMap.select, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.icon,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    const opts = asyncOptions ? internalOptions : options;\r\n\r\n    return (\r\n      <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n        {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n        <div className={wrapperClasses} data-testid={testId}>\r\n          <select\r\n            ref={ref}\r\n            id={selectId}\r\n            name={name}\r\n            form={form}\r\n            autoComplete={autoComplete}\r\n            role={role}\r\n            tabIndex={tabIndex}\r\n            value={value ?? \"\"}\r\n            onChange={handleChange}\r\n            className={selectClasses}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-description={ariaDescription}\r\n            aria-describedby={computedDescribedBy}\r\n            aria-disabled={disabled || undefined}\r\n            aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n            aria-required={ariaRequired ?? (required || undefined)}\r\n            aria-busy={ariaBusy ?? (loading || undefined)}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n          >\r\n            <option value=\"\" disabled hidden>\r\n              {placeholder}\r\n            </option>\r\n\r\n            {opts.map((option) => (\r\n              <option\r\n                key={option.value}\r\n                value={option.value}\r\n                disabled={option.disabled}\r\n                data-testid={`${testId}-option-${option.value}`}\r\n              >\r\n                {option.label}\r\n              </option>\r\n            ))}\r\n          </select>\r\n\r\n          <div\r\n            className={iconClasses}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n          </div>\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={internalDescriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n\r\n          {loading && (\r\n            <span\r\n              className={classMap.loading}\r\n              aria-live={ariaLive}\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Loading options…\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n  return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled","label"],"mappings":"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"}

package/dist/next/Select.cjs.js

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

package/dist/next/Select.js

@@ -1,4 +1,4 @@
-import { S } from "./Select-CItGjqiA.js";
+import { S } from "./Select-DPL__SwJ.js";
 export {
   S as default
 };

package/dist/next/{Sidebar-yllRZuSW.cjs → Sidebar-BXmF-Nl2.cjs}

@@ -4,7 +4,7 @@ const link$1 = require("./link-B1N-q38H.cjs");
 const navigation = require("./navigation-C3npGZmO.cjs");
 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 capitalize = require("./capitalize-DoV-nOmN.cjs");
 const CheveronDownIcon = require("./CheveronDownIcon-CyoOZUNY.cjs");
 const SidebarBase = ({
@@ -23,7 +23,13 @@ const SidebarBase = ({
   outline: outline2 = false,
   className = "",
   "data-testid": testId = "sidebar",
-  ariaLabel = "Sidebar navigation",
+  "aria-label": ariaLabel = "Sidebar navigation",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  footerAriaLabel = "Sidebar footer",
+  footerAriaLabelledBy,
+  getExpandButtonAriaLabel,
+  getExpandButtonAriaDescription,
   ...rest
 }) => {
   const [openItems, setOpenItems] = React.useState({});
@@ -84,9 +90,17 @@ const SidebarBase = ({
         isChild && classMap.childList
       ),
       "data-testid": `${testId}-list`,
-      children: items.map(({ label, href, children, icon: icon2 }, idx) => {
+      children: items.map((link2, idx) => {
+        const {
+          label,
+          href,
+          children,
+          icon: icon2,
+          "aria-label": linkAriaLabel,
+          "aria-description": linkAriaDescription,
+          "aria-disabled": linkAriaDisabled
+        } = link2;
         const key = `${label}-${idx}`;
-        const link2 = { label, href, children, icon: icon2 };
         const isActive = (isLinkActive == null ? void 0 : isLinkActive(link2)) ?? false;
         const containsActiveChild = (hasActiveChild == null ? void 0 : hasActiveChild(link2)) ?? !!(children == null ? void 0 : children.some(
           (child) => {
@@ -116,6 +130,9 @@ const SidebarBase = ({
                   onClick: () => toggleItem(label),
                   "aria-expanded": isOpen,
                   "aria-controls": panelId,
+                  "aria-label": (getExpandButtonAriaLabel == null ? void 0 : getExpandButtonAriaLabel(link2, isOpen)) ?? linkAriaLabel,
+                  "aria-description": (getExpandButtonAriaDescription == null ? void 0 : getExpandButtonAriaDescription(link2, isOpen)) ?? linkAriaDescription,
+                  "aria-disabled": linkAriaDisabled || void 0,
                   "data-testid": `${testId}-expandItemButton`,
                   children: [
                     icon2 && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon2 }),
@@ -160,6 +177,9 @@ const SidebarBase = ({
                   isActive && classMap.active
                 ),
                 "aria-current": isActive ? "page" : void 0,
+                "aria-label": linkAriaLabel,
+                "aria-description": linkAriaDescription,
+                "aria-disabled": linkAriaDisabled || void 0,
                 "data-testid": `${testId}-sidebarLink`,
                 children: [
                   icon2 && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon2 }),
@@ -173,6 +193,9 @@ const SidebarBase = ({
                   classMap.link,
                   isChild && classMap.childLink
                 ),
+                "aria-label": linkAriaLabel,
+                "aria-description": linkAriaDescription,
+                "aria-disabled": linkAriaDisabled || void 0,
                 "data-testid": `${testId}-sidebarLabel`,
                 children: [
                   icon2 && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon2 }),
@@ -190,31 +213,57 @@ const SidebarBase = ({
     "nav",
     {
       className: containerClasses,
-      "aria-label": ariaLabel,
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId,
       ...rest,
       children: [
         /* @__PURE__ */ require$$2.jsx("div", { className: classMap.nav, children: renderLinks(links) }),
-        showFooter && /* @__PURE__ */ require$$2.jsxs("footer", { className: classMap.footer, "data-testid": `${testId}-footer`, children: [
-          footerLinks == null ? void 0 : footerLinks.map(({ label, href }, i) => /* @__PURE__ */ require$$2.jsx(
-            LinkComponent,
-            {
-              href,
-              className: classMap.footerLink,
-              "data-testid": `${testId}-footerLink`,
-              children: label
-            },
-            `${label}-${i}`
-          )),
-          footerVersion2 && /* @__PURE__ */ require$$2.jsx(
-            "span",
-            {
-              className: classMap.footerVersion,
-              "data-testid": `${testId}-footerVersion`,
-              children: footerVersion2
-            }
-          )
-        ] })
+        showFooter && /* @__PURE__ */ require$$2.jsxs(
+          "footer",
+          {
+            className: classMap.footer,
+            "aria-label": footerAriaLabelledBy ? void 0 : footerAriaLabel,
+            "aria-labelledby": footerAriaLabelledBy,
+            "data-testid": `${testId}-footer`,
+            children: [
+              footerLinks == null ? void 0 : footerLinks.map(
+                ({
+                  label,
+                  href,
+                  icon: icon2,
+                  "aria-label": footerLinkAriaLabel,
+                  "aria-description": footerLinkAriaDescription,
+                  "aria-disabled": footerLinkAriaDisabled
+                }, i) => /* @__PURE__ */ require$$2.jsxs(
+                  LinkComponent,
+                  {
+                    href,
+                    className: classMap.footerLink,
+                    "aria-label": footerLinkAriaLabel,
+                    "aria-description": footerLinkAriaDescription,
+                    "aria-disabled": footerLinkAriaDisabled || void 0,
+                    "data-testid": `${testId}-footerLink`,
+                    children: [
+                      icon2 && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon2 }),
+                      label
+                    ]
+                  },
+                  `${label}-${i}`
+                )
+              ),
+              footerVersion2 && /* @__PURE__ */ require$$2.jsx(
+                "span",
+                {
+                  className: classMap.footerVersion,
+                  "data-testid": `${testId}-footerVersion`,
+                  children: footerVersion2
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );
@@ -339,4 +388,4 @@ const Sidebar = ({
 };
 Sidebar.displayName = "Sidebar";
 exports.Sidebar = Sidebar;
-//# sourceMappingURL=Sidebar-yllRZuSW.cjs.map
+//# sourceMappingURL=Sidebar-BXmF-Nl2.cjs.map

package/dist/next/Sidebar-BXmF-Nl2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar-BXmF-Nl2.cjs","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/next/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useEffect } from \"react\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\nimport { BaseSidebarProps, SidebarLink } from \"./Sidebar.types\";\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n  links,\r\n  classMap,\r\n  LinkComponent = \"a\",\r\n  isLinkActive,\r\n  hasActiveChild,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  showFooter = false,\r\n  footerLinks,\r\n  footerVersion,\r\n  outline = false,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"sidebar\",\r\n  \"aria-label\": ariaLabel = \"Sidebar navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  footerAriaLabel = \"Sidebar footer\",\r\n  footerAriaLabelledBy,\r\n  getExpandButtonAriaLabel,\r\n  getExpandButtonAriaDescription,\r\n  ...rest\r\n}) => {\r\n  const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n  const idsRef = useRef<Record<string, string>>({});\r\n  const seqRef = useRef(0);\r\n\r\n  const idFor = (label: string) => {\r\n    if (!idsRef.current[label]) {\r\n      const slug = label\r\n        .toLowerCase()\r\n        .replace(/\\s+/g, \"-\")\r\n        .replace(/[^a-z0-9_-]/g, \"\");\r\n      idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;\r\n    }\r\n    return idsRef.current[label];\r\n  };\r\n\r\n  useEffect(() => {\r\n    const next: Record<string, boolean> = {};\r\n\r\n    const walk = (nodes: SidebarLink[]): boolean => {\r\n      for (const node of nodes) {\r\n        if (node.children?.length) {\r\n          const childIsActive =\r\n            hasActiveChild?.(node) ??\r\n            node.children.some(\r\n              (child) =>\r\n                (isLinkActive?.(child) ?? false) ||\r\n                (!!child.children?.length && walk(child.children)),\r\n            );\r\n\r\n          if (childIsActive) {\r\n            next[node.label] = true;\r\n          }\r\n        }\r\n      }\r\n\r\n      return nodes.some(\r\n        (node) =>\r\n          (isLinkActive?.(node) ?? false) ||\r\n          (!!node.children?.length && walk(node.children)),\r\n      );\r\n    };\r\n\r\n    walk(links);\r\n    setOpenItems((prev) => ({ ...prev, ...next }));\r\n  }, [links, isLinkActive, hasActiveChild]);\r\n\r\n  const toggleItem = (key: string) =>\r\n    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        className,\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n      ),\r\n    [classMap, className, theme, state, outline, rounding, shadow],\r\n  );\r\n\r\n  const renderLinks = (items: SidebarLink[], isChild = false) => (\r\n    <ul\r\n      className={combineClassNames(\r\n        classMap.list,\r\n        isChild && classMap.childList,\r\n      )}\r\n      data-testid={`${testId}-list`}\r\n    >\r\n      {items.map((link, idx) => {\r\n        const {\r\n          label,\r\n          href,\r\n          children,\r\n          icon,\r\n          \"aria-label\": linkAriaLabel,\r\n          \"aria-description\": linkAriaDescription,\r\n          \"aria-disabled\": linkAriaDisabled,\r\n        } = link;\r\n\r\n        const key = `${label}-${idx}`;\r\n\r\n        const isActive = isLinkActive?.(link) ?? false;\r\n        const containsActiveChild =\r\n          hasActiveChild?.(link) ??\r\n          !!children?.some(\r\n            (child) =>\r\n              (isLinkActive?.(child) ?? false) ||\r\n              (child.children?.length && (hasActiveChild?.(child) ?? false)),\r\n          );\r\n\r\n        const isOpen = !!openItems[label];\r\n        const sectionId = idFor(label);\r\n        const buttonId = `${sectionId}-button`;\r\n        const panelId = `${sectionId}-panel`;\r\n\r\n        return (\r\n          <li\r\n            key={key}\r\n            className={classMap.item}\r\n            data-testid={`${testId}-listItem`}\r\n          >\r\n            {children && children.length > 0 ? (\r\n              <>\r\n                <button\r\n                  type=\"button\"\r\n                  id={buttonId}\r\n                  className={combineClassNames(\r\n                    classMap.link,\r\n                    (isActive || isOpen || containsActiveChild) &&\r\n                      classMap.active,\r\n                  )}\r\n                  onClick={() => toggleItem(label)}\r\n                  aria-expanded={isOpen}\r\n                  aria-controls={panelId}\r\n                  aria-label={\r\n                    getExpandButtonAriaLabel?.(link, isOpen) ?? linkAriaLabel\r\n                  }\r\n                  aria-description={\r\n                    getExpandButtonAriaDescription?.(link, isOpen) ??\r\n                    linkAriaDescription\r\n                  }\r\n                  aria-disabled={linkAriaDisabled || undefined}\r\n                  data-testid={`${testId}-expandItemButton`}\r\n                >\r\n                  {icon && <span className={classMap.icon}>{icon}</span>}\r\n                  <span data-testid={`${testId}-expandItemLabel`}>{label}</span>\r\n                  <ChevronDownIcon\r\n                    className={combineClassNames(\r\n                      classMap.chevron,\r\n                      isOpen && classMap.chevronOpen,\r\n                    )}\r\n                    aria-hidden=\"true\"\r\n                    focusable={false}\r\n                    data-testid={`${testId}-expandIcon`}\r\n                  />\r\n                </button>\r\n\r\n                <div\r\n                  id={panelId}\r\n                  className={combineClassNames(\r\n                    classMap.submenu,\r\n                    isOpen && classMap.submenuOpen,\r\n                  )}\r\n                  role=\"group\"\r\n                  aria-labelledby={buttonId}\r\n                  hidden={!isOpen}\r\n                  data-testid={`${testId}-subMenu`}\r\n                >\r\n                  {renderLinks(children, true)}\r\n                </div>\r\n              </>\r\n            ) : href ? (\r\n              <LinkComponent\r\n                href={href}\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                  isActive && classMap.active,\r\n                )}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ) : (\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                )}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLabel`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </span>\r\n            )}\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      className={containerClasses}\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.nav}>{renderLinks(links)}</div>\r\n\r\n      {showFooter && (\r\n        <footer\r\n          className={classMap.footer}\r\n          aria-label={footerAriaLabelledBy ? undefined : footerAriaLabel}\r\n          aria-labelledby={footerAriaLabelledBy}\r\n          data-testid={`${testId}-footer`}\r\n        >\r\n          {footerLinks?.map(\r\n            (\r\n              {\r\n                label,\r\n                href,\r\n                icon,\r\n                \"aria-label\": footerLinkAriaLabel,\r\n                \"aria-description\": footerLinkAriaDescription,\r\n                \"aria-disabled\": footerLinkAriaDisabled,\r\n              },\r\n              i,\r\n            ) => (\r\n              <LinkComponent\r\n                key={`${label}-${i}`}\r\n                href={href}\r\n                className={classMap.footerLink}\r\n                aria-label={footerLinkAriaLabel}\r\n                aria-description={footerLinkAriaDescription}\r\n                aria-disabled={footerLinkAriaDisabled || undefined}\r\n                data-testid={`${testId}-footerLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ),\r\n          )}\r\n          {footerVersion && (\r\n            <span\r\n              className={classMap.footerVersion}\r\n              data-testid={`${testId}-footerVersion`}\r\n            >\r\n              {footerVersion}\r\n            </span>\r\n          )}\r\n        </footer>\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\nexport default SidebarBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport styles from \"./Sidebar.module.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst isDescendantPath = (parentPath: string, currentPath: string): boolean => {\r\n  const parent = normalizePath(parentPath);\r\n  const current = normalizePath(currentPath);\r\n\r\n  if (parent === \"/\") return current === \"/\";\r\n  return current === parent || current.startsWith(`${parent}/`);\r\n};\r\n\r\nconst isActiveRecursive = (\r\n  link: SidebarLink,\r\n  matcher: (link: SidebarLink) => boolean,\r\n): boolean => {\r\n  if (matcher(link)) return true;\r\n  return !!link.children?.some((child) => isActiveRecursive(child, matcher));\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({\r\n  links,\r\n  isLinkActive: consumerIsLinkActive,\r\n  hasActiveChild: consumerHasActiveChild,\r\n  ...rest\r\n}) => {\r\n  const pathname = usePathname() || \"/\";\r\n\r\n  const defaultIsLinkActive = (link: SidebarLink): boolean => {\r\n    if (!link.href) return false;\r\n\r\n    if (link.children?.length) {\r\n      return isDescendantPath(link.href, pathname);\r\n    }\r\n\r\n    return normalizePath(link.href) === normalizePath(pathname);\r\n  };\r\n\r\n  const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;\r\n\r\n  const defaultHasActiveChild = (link: SidebarLink): boolean =>\r\n    !!link.children?.some((child) =>\r\n      isActiveRecursive(child, resolvedIsLinkActive),\r\n    );\r\n\r\n  const resolvedHasActiveChild =\r\n    consumerHasActiveChild ?? defaultHasActiveChild;\r\n\r\n  return (\r\n    <SidebarBase\r\n      links={links}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      isLinkActive={resolvedIsLinkActive}\r\n      hasActiveChild={resolvedHasActiveChild}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","footerVersion","outline","useState","useRef","useEffect","_a","useMemo","combineClassNames","capitalize","jsx","link","icon","jsxs","Fragment","ChevronDownIcon","usePathname","Link"],"mappings":";;;;;;;;;AAWA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,WAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,cAAc,YAAY;AAAA,EAC1B,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAkC,CAAA,CAAE;AAEtE,QAAM,SAASC,MAAAA,OAA+B,EAAE;AAChD,QAAM,SAASA,MAAAA,OAAO,CAAC;AAEvB,QAAM,QAAQ,CAAC,UAAkB;AAC/B,QAAI,CAAC,OAAO,QAAQ,KAAK,GAAG;AAC1B,YAAM,OAAO,MACV,YAAA,EACA,QAAQ,QAAQ,GAAG,EACnB,QAAQ,gBAAgB,EAAE;AAC7B,aAAO,QAAQ,KAAK,IAAI,GAAG,MAAM,YAAY,IAAI,IAAI,OAAO,SAAS;AAAA,IACvE;AACA,WAAO,OAAO,QAAQ,KAAK;AAAA,EAC7B;AAEAC,QAAAA,UAAU,MAAM;AACd,UAAM,OAAgC,CAAA;AAEtC,UAAM,OAAO,CAAC,UAAkC;;AAC9C,iBAAW,QAAQ,OAAO;AACxB,aAAI,UAAK,aAAL,mBAAe,QAAQ;AACzB,gBAAM,iBACJ,iDAAiB,UACjB,KAAK,SAAS;AAAA,YACZ,CAAC,UAAA;;AACE,oEAAe,WAAU,UACzB,CAAC,GAACC,MAAA,MAAM,aAAN,gBAAAA,IAAgB,WAAU,KAAK,MAAM,QAAQ;AAAA;AAAA,UAAA;AAGtD,cAAI,eAAe;AACjB,iBAAK,KAAK,KAAK,IAAI;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAEA,aAAO,MAAM;AAAA,QACX,CAAC,SAAA;;AACE,gEAAe,UAAS,UACxB,CAAC,GAACA,MAAA,KAAK,aAAL,gBAAAA,IAAe,WAAU,KAAK,KAAK,QAAQ;AAAA;AAAA,MAAA;AAAA,IAEpD;AAEA,SAAK,KAAK;AACV,iBAAa,CAAC,UAAU,EAAE,GAAG,MAAM,GAAG,OAAO;AAAA,EAC/C,GAAG,CAAC,OAAO,cAAc,cAAc,CAAC;AAExC,QAAM,aAAa,CAAC,QAClB,aAAa,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI;AAEzD,QAAM,mBAAmBC,MAAAA;AAAAA,IACvB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT;AAAA,MACA,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDP,YAAW,SAAS;AAAA,IAAA;AAAA,IAExB,CAAC,UAAU,WAAW,OAAO,OAAOA,UAAS,UAAU,MAAM;AAAA,EAAA;AAG/D,QAAM,cAAc,CAAC,OAAsB,UAAU,UACnDQ,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF,WAAAA;AAAAA,QACT,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,MAAA;AAAA,MAEtB,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAACG,OAAM,QAAQ;AACxB,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA,MAAAC;AAAA,UACA,cAAc;AAAA,UACd,oBAAoB;AAAA,UACpB,iBAAiB;AAAA,QAAA,IACfD;AAEJ,cAAM,MAAM,GAAG,KAAK,IAAI,GAAG;AAE3B,cAAM,YAAW,6CAAeA,WAAS;AACzC,cAAM,uBACJ,iDAAiBA,WACjB,CAAC,EAAC,qCAAU;AAAA,UACV,CAAC,UAAA;;AACE,kEAAe,WAAU,YACzB,WAAM,aAAN,mBAAgB,aAAW,iDAAiB,WAAU;AAAA;AAAA;AAG7D,cAAM,SAAS,CAAC,CAAC,UAAU,KAAK;AAChC,cAAM,YAAY,MAAM,KAAK;AAC7B,cAAM,WAAW,GAAG,SAAS;AAC7B,cAAM,UAAU,GAAG,SAAS;AAE5B,eACED,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA,YAAY,SAAS,SAAS,IAC7BG,gCAAAC,WAAAA,UAAA,EACE,UAAA;AAAA,cAAAD,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,IAAI;AAAA,kBACJ,WAAWL,WAAAA;AAAAA,oBACT,SAAS;AAAA,qBACR,YAAY,UAAU,wBACrB,SAAS;AAAA,kBAAA;AAAA,kBAEb,SAAS,MAAM,WAAW,KAAK;AAAA,kBAC/B,iBAAe;AAAA,kBACf,iBAAe;AAAA,kBACf,eACE,qEAA2BG,OAAM,YAAW;AAAA,kBAE9C,qBACE,iFAAiCA,OAAM,YACvC;AAAA,kBAEF,iBAAe,oBAAoB;AAAA,kBACnC,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAA;AAAA,oBAAAC,SAAQF,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAAE,OAAK;AAAA,mDAC9C,QAAA,EAAK,eAAa,GAAG,MAAM,oBAAqB,UAAA,OAAM;AAAA,oBACvDF,2BAAAA;AAAAA,sBAACK,iBAAAA;AAAAA,sBAAA;AAAA,wBACC,WAAWP,WAAAA;AAAAA,0BACT,SAAS;AAAA,0BACT,UAAU,SAAS;AAAA,wBAAA;AAAA,wBAErB,eAAY;AAAA,wBACZ,WAAW;AAAA,wBACX,eAAa,GAAG,MAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACxB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGFE,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,WAAWF,WAAAA;AAAAA,oBACT,SAAS;AAAA,oBACT,UAAU,SAAS;AAAA,kBAAA;AAAA,kBAErB,MAAK;AAAA,kBACL,mBAAiB;AAAA,kBACjB,QAAQ,CAAC;AAAA,kBACT,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAA,YAAY,UAAU,IAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC7B,EAAA,CACF,IACE,OACFK,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,WAAWL,WAAAA;AAAAA,kBACT,SAAS;AAAA,kBACT,WAAW,SAAS;AAAA,kBACpB,YAAY,SAAS;AAAA,gBAAA;AAAA,gBAEvB,gBAAc,WAAW,SAAS;AAAA,gBAClC,cAAY;AAAA,gBACZ,oBAAkB;AAAA,gBAClB,iBAAe,oBAAoB;AAAA,gBACnC,eAAa,GAAG,MAAM;AAAA,gBAErB,UAAA;AAAA,kBAAAI,SAAQF,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAAE,OAAK;AAAA,kBAC9C;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,IAGHC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWL,WAAAA;AAAAA,kBACT,SAAS;AAAA,kBACT,WAAW,SAAS;AAAA,gBAAA;AAAA,gBAEtB,cAAY;AAAA,gBACZ,oBAAkB;AAAA,gBAClB,iBAAe,oBAAoB;AAAA,gBACnC,eAAa,GAAG,MAAM;AAAA,gBAErB,UAAA;AAAA,kBAAAI,SAAQF,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAAE,OAAK;AAAA,kBAC9C;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,UApFG;AAAA,QAAA;AAAA,MAwFX,CAAC;AAAA,IAAA;AAAA,EAAA;AAIL,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY,iBAAiB,SAAY;AAAA,MACzC,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAH,+BAAC,SAAI,WAAW,SAAS,KAAM,UAAA,YAAY,KAAK,GAAE;AAAA,QAEjD,cACCG,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,cAAY,uBAAuB,SAAY;AAAA,YAC/C,mBAAiB;AAAA,YACjB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA,2CAAa;AAAA,gBACZ,CACE;AAAA,kBACE;AAAA,kBACA;AAAA,kBACA,MAAAD;AAAA,kBACA,cAAc;AAAA,kBACd,oBAAoB;AAAA,kBACpB,iBAAiB;AAAA,gBAAA,GAEnB,MAEAC,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC;AAAA,oBACA,WAAW,SAAS;AAAA,oBACpB,cAAY;AAAA,oBACZ,oBAAkB;AAAA,oBAClB,iBAAe,0BAA0B;AAAA,oBACzC,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,sBAAAD,SAAQF,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAAE,OAAK;AAAA,sBAC9C;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBATI,GAAG,KAAK,IAAI,CAAC;AAAA,gBAAA;AAAA;AAAA,cAavBX,kBACCS,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAAT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtR1B,MAAM,gBAAgB,CAAC,MACrB,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,EAAE,IAAI;AAErD,MAAM,mBAAmB,CAAC,YAAoB,gBAAiC;AAC7E,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,UAAU,cAAc,WAAW;AAEzC,MAAI,WAAW,IAAK,QAAO,YAAY;AACvC,SAAO,YAAY,UAAU,QAAQ,WAAW,GAAG,MAAM,GAAG;AAC9D;AAEA,MAAM,oBAAoB,CACxBU,OACA,YACY;;AACZ,MAAI,QAAQA,KAAI,EAAG,QAAO;AAC1B,SAAO,CAAC,GAAC,KAAAA,MAAK,aAAL,mBAAe,KAAK,CAAC,UAAU,kBAAkB,OAAO,OAAO;AAC1E;AAEA,MAAM,UAAkC,CAAC;AAAA,EACvC;AAAA,EACA,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,QAAM,WAAWK,WAAAA,kBAAAA,iBAAiB;AAElC,QAAM,sBAAsB,CAACL,UAA+B;;AAC1D,QAAI,CAACA,MAAK,KAAM,QAAO;AAEvB,SAAI,KAAAA,MAAK,aAAL,mBAAe,QAAQ;AACzB,aAAO,iBAAiBA,MAAK,MAAM,QAAQ;AAAA,IAC7C;AAEA,WAAO,cAAcA,MAAK,IAAI,MAAM,cAAc,QAAQ;AAAA,EAC5D;AAEA,QAAM,uBAAuB,wBAAwB;AAErD,QAAM,wBAAwB,CAACA,UAAA;;AAC7B,YAAC,GAAC,KAAAA,MAAK,aAAL,mBAAe;AAAA,MAAK,CAAC,UACrB,kBAAkB,OAAO,oBAAoB;AAAA;AAAA;AAGjD,QAAM,yBACJ,0BAA0B;AAE5B,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,eAAeO,OAAAA;AAAAA,MACf,cAAc;AAAA,MACd,gBAAgB;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,QAAQ,cAAc;;"}

package/dist/next/{Sidebar-C8QSoGsE.js → Sidebar-CWjyCeQj.js}

@@ -3,7 +3,7 @@ import { L as Link } from "./link-CyxHztrS.js";
 import { n as navigationExports } from "./navigation-C2hD8Jlk.js";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
 const SidebarBase = ({
@@ -22,7 +22,13 @@ const SidebarBase = ({
   outline: outline2 = false,
   className = "",
   "data-testid": testId = "sidebar",
-  ariaLabel = "Sidebar navigation",
+  "aria-label": ariaLabel = "Sidebar navigation",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  footerAriaLabel = "Sidebar footer",
+  footerAriaLabelledBy,
+  getExpandButtonAriaLabel,
+  getExpandButtonAriaDescription,
   ...rest
 }) => {
   const [openItems, setOpenItems] = useState({});
@@ -83,9 +89,17 @@ const SidebarBase = ({
         isChild && classMap.childList
       ),
       "data-testid": `${testId}-list`,
-      children: items.map(({ label, href, children, icon: icon2 }, idx) => {
+      children: items.map((link2, idx) => {
+        const {
+          label,
+          href,
+          children,
+          icon: icon2,
+          "aria-label": linkAriaLabel,
+          "aria-description": linkAriaDescription,
+          "aria-disabled": linkAriaDisabled
+        } = link2;
         const key = `${label}-${idx}`;
-        const link2 = { label, href, children, icon: icon2 };
         const isActive = (isLinkActive == null ? void 0 : isLinkActive(link2)) ?? false;
         const containsActiveChild = (hasActiveChild == null ? void 0 : hasActiveChild(link2)) ?? !!(children == null ? void 0 : children.some(
           (child) => {
@@ -115,6 +129,9 @@ const SidebarBase = ({
                   onClick: () => toggleItem(label),
                   "aria-expanded": isOpen,
                   "aria-controls": panelId,
+                  "aria-label": (getExpandButtonAriaLabel == null ? void 0 : getExpandButtonAriaLabel(link2, isOpen)) ?? linkAriaLabel,
+                  "aria-description": (getExpandButtonAriaDescription == null ? void 0 : getExpandButtonAriaDescription(link2, isOpen)) ?? linkAriaDescription,
+                  "aria-disabled": linkAriaDisabled || void 0,
                   "data-testid": `${testId}-expandItemButton`,
                   children: [
                     icon2 && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon2 }),
@@ -159,6 +176,9 @@ const SidebarBase = ({
                   isActive && classMap.active
                 ),
                 "aria-current": isActive ? "page" : void 0,
+                "aria-label": linkAriaLabel,
+                "aria-description": linkAriaDescription,
+                "aria-disabled": linkAriaDisabled || void 0,
                 "data-testid": `${testId}-sidebarLink`,
                 children: [
                   icon2 && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon2 }),
@@ -172,6 +192,9 @@ const SidebarBase = ({
                   classMap.link,
                   isChild && classMap.childLink
                 ),
+                "aria-label": linkAriaLabel,
+                "aria-description": linkAriaDescription,
+                "aria-disabled": linkAriaDisabled || void 0,
                 "data-testid": `${testId}-sidebarLabel`,
                 children: [
                   icon2 && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon2 }),
@@ -189,31 +212,57 @@ const SidebarBase = ({
     "nav",
     {
       className: containerClasses,
-      "aria-label": ariaLabel,
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "data-testid": testId,
       ...rest,
       children: [
         /* @__PURE__ */ jsx("div", { className: classMap.nav, children: renderLinks(links) }),
-        showFooter && /* @__PURE__ */ jsxs("footer", { className: classMap.footer, "data-testid": `${testId}-footer`, children: [
-          footerLinks == null ? void 0 : footerLinks.map(({ label, href }, i) => /* @__PURE__ */ jsx(
-            LinkComponent,
-            {
-              href,
-              className: classMap.footerLink,
-              "data-testid": `${testId}-footerLink`,
-              children: label
-            },
-            `${label}-${i}`
-          )),
-          footerVersion2 && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: classMap.footerVersion,
-              "data-testid": `${testId}-footerVersion`,
-              children: footerVersion2
-            }
-          )
-        ] })
+        showFooter && /* @__PURE__ */ jsxs(
+          "footer",
+          {
+            className: classMap.footer,
+            "aria-label": footerAriaLabelledBy ? void 0 : footerAriaLabel,
+            "aria-labelledby": footerAriaLabelledBy,
+            "data-testid": `${testId}-footer`,
+            children: [
+              footerLinks == null ? void 0 : footerLinks.map(
+                ({
+                  label,
+                  href,
+                  icon: icon2,
+                  "aria-label": footerLinkAriaLabel,
+                  "aria-description": footerLinkAriaDescription,
+                  "aria-disabled": footerLinkAriaDisabled
+                }, i) => /* @__PURE__ */ jsxs(
+                  LinkComponent,
+                  {
+                    href,
+                    className: classMap.footerLink,
+                    "aria-label": footerLinkAriaLabel,
+                    "aria-description": footerLinkAriaDescription,
+                    "aria-disabled": footerLinkAriaDisabled || void 0,
+                    "data-testid": `${testId}-footerLink`,
+                    children: [
+                      icon2 && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon2 }),
+                      label
+                    ]
+                  },
+                  `${label}-${i}`
+                )
+              ),
+              footerVersion2 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classMap.footerVersion,
+                  "data-testid": `${testId}-footerVersion`,
+                  children: footerVersion2
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );
@@ -340,4 +389,4 @@ Sidebar.displayName = "Sidebar";
 export {
   Sidebar as S
 };
-//# sourceMappingURL=Sidebar-C8QSoGsE.js.map
+//# sourceMappingURL=Sidebar-CWjyCeQj.js.map