boreal-ui 0.0.31 → 0.0.32

package/dist/next/{Select-BVxDV81c.cjs → Select-D4QdlQ6W.cjs}

@@ -23,21 +23,27 @@ const BaseSelect = React.forwardRef(
     classMap,
     asyncOptions,
     pollInterval = 0,
+    required,
+    name,
     "data-testid": testId = "select"
   }, ref) => {
     const id = React.useId();
     const selectId = `${id}-select`;
     const descId = ariaDescription ? `${id}-desc` : void 0;
     const [internalOptions, setInternalOptions] = React.useState(options);
+    const [loading, setLoading] = React.useState(false);
     React.useEffect(() => {
       if (!asyncOptions) return;
       let isMounted = true;
       const load = async () => {
         try {
+          setLoading(true);
           const fetched = await asyncOptions("");
           if (isMounted) setInternalOptions(fetched);
         } catch (err) {
           console.error("Failed to load options:", err);
+        } finally {
+          if (isMounted) setLoading(false);
         }
       };
       load();
@@ -63,8 +69,8 @@ const BaseSelect = React.forwardRef(
         className,
         shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
         rounding && classMap[`round${capitalize.capitalize(rounding)}`],
-        outline2 ? classMap.outline : "",
-        disabled2 ? classMap.disabled : ""
+        outline2 && classMap.outline,
+        disabled2 && classMap.disabled
       ),
       [classMap, theme, state, className, shadow, rounding, outline2, disabled2]
     );
@@ -75,27 +81,39 @@ const BaseSelect = React.forwardRef(
         classMap[state],
         shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
         rounding && classMap[`round${capitalize.capitalize(rounding)}`],
-        outline2 ? classMap.outline : ""
+        outline2 && classMap.outline
       ),
-      [classMap, theme, state, outline2]
+      [classMap, theme, state, shadow, rounding, outline2]
     );
+    const iconClasses = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.icon,
+        classMap[theme],
+        disabled2 && classMap.disabled
+      ),
+      [classMap, theme, disabled2]
+    );
+    const opts = asyncOptions ? internalOptions : options;
     return /* @__PURE__ */ require$$2.jsxs("div", { className: wrapperClasses, "data-testid": testId, children: [
       /* @__PURE__ */ require$$2.jsxs(
         "select",
         {
           ref,
           id: selectId,
-          value,
+          name,
+          value: value ?? "",
           onChange: handleChange,
           className: selectClasses,
           "aria-label": ariaLabel || placeholder,
           "aria-describedby": descId,
-          "aria-disabled": disabled2,
+          "aria-disabled": disabled2 || void 0,
+          "aria-invalid": state === "error" || void 0,
           disabled: disabled2,
+          required,
           "data-testid": `${testId}-input`,
           children: [
             /* @__PURE__ */ require$$2.jsx("option", { value: "", disabled: true, hidden: true, children: placeholder }),
-            (asyncOptions ? internalOptions : options).map((option) => /* @__PURE__ */ require$$2.jsx(
+            opts.map((option) => /* @__PURE__ */ require$$2.jsx(
               "option",
               {
                 value: option.value,
@@ -110,10 +128,10 @@ const BaseSelect = React.forwardRef(
       /* @__PURE__ */ require$$2.jsx(
         "div",
         {
-          className: `${classMap.icon} ${classMap[theme]} ${disabled2 && classMap.disabled ? classMap.disabled : ""}`,
+          className: iconClasses,
           "aria-hidden": "true",
           "data-testid": `${testId}-icon`,
-          children: /* @__PURE__ */ require$$2.jsx(CheveronDownIcon.ChevronDownIcon, {})
+          children: /* @__PURE__ */ require$$2.jsx(CheveronDownIcon.ChevronDownIcon, { "aria-hidden": "true", focusable: false })
         }
       ),
       ariaDescription && /* @__PURE__ */ require$$2.jsx(
@@ -124,41 +142,42 @@ const BaseSelect = React.forwardRef(
           "data-testid": `${testId}-description`,
           children: ariaDescription
         }
-      )
+      ),
+      loading && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.loading, "aria-live": "polite", children: "Loading options…" })
     ] });
   }
 );
 BaseSelect.displayName = "BaseSelect";
-const noScroll = "_noScroll_1qup4_91";
-const errorMessage = "_errorMessage_1qup4_92";
-const loadingContainer = "_loadingContainer_1qup4_93";
-const hideScrollbar = "_hideScrollbar_1qup4_85";
-const sr_only = "_sr_only_1qup4_94";
-const wrapper = "_wrapper_1qup4_539";
-const disabled = "_disabled_1qup4_549";
-const icon = "_icon_1qup4_555";
-const select = "_select_1qup4_568";
-const primary = "_primary_1qup4_585";
-const outline = "_outline_1qup4_591";
-const clear = "_clear_1qup4_595";
-const secondary = "_secondary_1qup4_598";
-const tertiary = "_tertiary_1qup4_611";
-const quaternary = "_quaternary_1qup4_624";
-const success = "_success_1qup4_652";
-const error = "_error_1qup4_92";
-const warning = "_warning_1qup4_678";
-const roundNone = "_roundNone_1qup4_692";
-const roundSmall = "_roundSmall_1qup4_696";
-const roundMedium = "_roundMedium_1qup4_700";
-const roundLarge = "_roundLarge_1qup4_704";
-const roundFull = "_roundFull_1qup4_708";
-const shadowNone = "_shadowNone_1qup4_712";
-const shadowLight = "_shadowLight_1qup4_716";
-const shadowMedium = "_shadowMedium_1qup4_720";
-const shadowStrong = "_shadowStrong_1qup4_724";
-const shadowIntense = "_shadowIntense_1qup4_728";
-const spin = "_spin_1qup4_1";
-const pulse = "_pulse_1qup4_1";
+const noScroll = "_noScroll_1gqq8_91";
+const errorMessage = "_errorMessage_1gqq8_92";
+const loadingContainer = "_loadingContainer_1gqq8_93";
+const hideScrollbar = "_hideScrollbar_1gqq8_85";
+const sr_only = "_sr_only_1gqq8_94";
+const wrapper = "_wrapper_1gqq8_540";
+const disabled = "_disabled_1gqq8_550";
+const icon = "_icon_1gqq8_556";
+const select = "_select_1gqq8_569";
+const primary = "_primary_1gqq8_586";
+const outline = "_outline_1gqq8_592";
+const clear = "_clear_1gqq8_596";
+const secondary = "_secondary_1gqq8_599";
+const tertiary = "_tertiary_1gqq8_612";
+const quaternary = "_quaternary_1gqq8_625";
+const success = "_success_1gqq8_653";
+const error = "_error_1gqq8_92";
+const warning = "_warning_1gqq8_679";
+const roundNone = "_roundNone_1gqq8_693";
+const roundSmall = "_roundSmall_1gqq8_697";
+const roundMedium = "_roundMedium_1gqq8_701";
+const roundLarge = "_roundLarge_1gqq8_705";
+const roundFull = "_roundFull_1gqq8_709";
+const shadowNone = "_shadowNone_1gqq8_713";
+const shadowLight = "_shadowLight_1gqq8_717";
+const shadowMedium = "_shadowMedium_1gqq8_721";
+const shadowStrong = "_shadowStrong_1gqq8_725";
+const shadowIntense = "_shadowIntense_1gqq8_729";
+const spin = "_spin_1gqq8_1";
+const pulse = "_pulse_1gqq8_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -188,15 +207,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1qup4_1",
-  "slide-up": "_slide-up_1qup4_1",
-  "spin-3d": "_spin-3d_1qup4_1",
+  "fade-in": "_fade-in_1gqq8_1",
+  "slide-up": "_slide-up_1gqq8_1",
+  "spin-3d": "_spin-3d_1gqq8_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1qup4_1",
-  "progress-grow": "_progress-grow_1qup4_1",
-  "indeterminate-move": "_indeterminate-move_1qup4_1",
-  "skeleton-loading": "_skeleton-loading_1qup4_1"
+  "fade-in-up": "_fade-in-up_1gqq8_1",
+  "progress-grow": "_progress-grow_1gqq8_1",
+  "indeterminate-move": "_indeterminate-move_1gqq8_1",
+  "skeleton-loading": "_skeleton-loading_1gqq8_1"
 };
 const Select = React.forwardRef(
   (props, ref) => {
@@ -205,4 +224,4 @@ const Select = React.forwardRef(
 );
 Select.displayName = "Select";
 exports.Select = Select;
-//# sourceMappingURL=Select-BVxDV81c.cjs.map
+//# sourceMappingURL=Select-D4QdlQ6W.cjs.map

package/dist/next/Select-D4QdlQ6W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-D4QdlQ6W.cjs","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      ariaLabel,\r\n      ariaDescription,\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      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const selectId = `${id}-select`;\r\n    const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\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      () =>\r\n        combineClassNames(\r\n          classMap.select,\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, theme, state, shadow, rounding, 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={wrapperClasses} data-testid={testId}>\r\n        <select\r\n          ref={ref}\r\n          id={selectId}\r\n          name={name}\r\n          value={value ?? \"\"}\r\n          onChange={handleChange}\r\n          className={selectClasses}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={descId}\r\n          aria-disabled={disabled || undefined}\r\n          aria-invalid={state === \"error\" || 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              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={descId}\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 className={classMap.loading} aria-live=\"polite\">\r\n            Loading options…\r\n          </span>\r\n        )}\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 React 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 = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  (props, ref) => {\r\n    return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","ChevronDownIcon"],"mappings":"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"}

package/dist/next/Select.cjs.js

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

package/dist/next/Select.js

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

package/dist/next/{Sidebar-R1NSvWHu.js → Sidebar-C6NbdjWV.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { L as Link } from "./link-Bik5xH00.js";
 import { n as navigation } from "./navigation-DTwYCgCL.js";
-import { useState, useRef, useMemo } from "react";
+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 { c as capitalize } from "./capitalize-C0TSQSPh.js";
@@ -25,17 +25,40 @@ const SidebarBase = ({
   ...rest
 }) => {
   const [openItems, setOpenItems] = useState({});
-  const toggleItem = (key) => {
-    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));
+  const idsRef = useRef({});
+  const seqRef = useRef(0);
+  const idFor = (label) => {
+    if (!idsRef.current[label]) {
+      const slug = label.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, "");
+      idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;
+    }
+    return idsRef.current[label];
   };
+  useEffect(() => {
+    const next = {};
+    const walk = (nodes) => {
+      var _a;
+      for (const n of nodes) {
+        if ((_a = n.children) == null ? void 0 : _a.length) {
+          const anyChildActive = n.children.some((c) => c.href && c.href === currentPath) || n.children && walk(n.children);
+          if (anyChildActive) next[n.label] = true;
+        }
+      }
+      return nodes.some(
+        (n) => {
+          var _a2;
+          return n.href && n.href === currentPath || !!((_a2 = n.children) == null ? void 0 : _a2.length) && n.children.some((c) => c.href === currentPath);
+        }
+      );
+    };
+    walk(links);
+    setOpenItems((prev) => ({ ...prev, ...next }));
+  }, [currentPath, links]);
+  const toggleItem = (key) => setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));
   const submenuRefs = useRef({});
   const setSubmenuRef = (key, el) => {
     submenuRefs.current[key] = el;
   };
-  const getSubmenuHeight = (key) => {
-    const el = submenuRefs.current[key];
-    return el ? `${el.scrollHeight}px` : "0px";
-  };
   const containerClasses = useMemo(
     () => combineClassNames(
       classMap.wrapper,
@@ -44,49 +67,57 @@ const SidebarBase = ({
       classMap[state],
       shadow && classMap[`shadow${capitalize(shadow)}`],
       rounding && classMap[`round${capitalize(rounding)}`],
-      outline2 ? classMap.outline : ""
+      outline2 && classMap.outline
     ),
-    [className, theme, state, outline2, rounding, shadow]
+    [classMap, className, theme, state, outline2, rounding, shadow]
   );
   const renderLinks = (items, isChild = false) => /* @__PURE__ */ jsx(
     "ul",
     {
       className: combineClassNames(
         classMap.list,
-        isChild ? classMap.childList : ""
+        isChild && classMap.childList
       ),
       "data-testid": `${testId}-list`,
-      children: items.map(({ label, href, children, icon }) => {
-        const isActive = href && currentPath === href;
-        const isOpen = openItems[label] || false;
+      children: items.map(({ label, href, children, icon }, idx) => {
+        const key = `${label}-${idx}`;
+        const isActive = !!href && currentPath === href;
+        const isOpen = !!openItems[label];
+        const sectionId = idFor(label);
+        const buttonId = `${sectionId}-button`;
+        const panelId = `${sectionId}-panel`;
         return /* @__PURE__ */ jsx(
           "li",
           {
             className: classMap.item,
-            "data-testid": `${testId}-listItems`,
+            "data-testid": `${testId}-listItem`,
             children: children && children.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
+                  id: buttonId,
                   className: combineClassNames(
                     classMap.link,
-                    isOpen ? classMap.active : ""
+                    isOpen && classMap.active
                   ),
                   onClick: () => toggleItem(label),
                   "aria-expanded": isOpen,
-                  "data-testid": `${testId}-exapndItemButton`,
+                  "aria-controls": panelId,
+                  "data-testid": `${testId}-expandItemButton`,
                   children: [
                     icon && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon }),
-                    /* @__PURE__ */ jsx("span", { "data-testid": `${testId}-exapndItemLabel`, children: label }),
+                    /* @__PURE__ */ jsx("span", { "data-testid": `${testId}-expandItemLabel`, children: label }),
                     /* @__PURE__ */ jsx(
                       ChevronDownIcon,
                       {
                         className: combineClassNames(
                           classMap.chevron,
-                          isOpen ? classMap.chevronOpen : ""
+                          isOpen && classMap.chevronOpen
                         ),
-                        "data-testid": `${testId}-exapndIcon`
+                        "aria-hidden": "true",
+                        focusable: false,
+                        "data-testid": `${testId}-expandIcon`
                       }
                     )
                   ]
@@ -95,14 +126,15 @@ const SidebarBase = ({
               /* @__PURE__ */ jsx(
                 "div",
                 {
+                  id: panelId,
                   ref: (el) => setSubmenuRef(label, el),
                   className: combineClassNames(
                     classMap.submenu,
-                    isOpen ? classMap.submenuOpen : ""
+                    isOpen && classMap.submenuOpen
                   ),
-                  style: {
-                    maxHeight: isOpen ? getSubmenuHeight(label) : "0px"
-                  },
+                  role: "group",
+                  "aria-labelledby": buttonId,
+                  hidden: !isOpen,
                   "data-testid": `${testId}-subMenu`,
                   children: renderLinks(children, true)
                 }
@@ -113,8 +145,8 @@ const SidebarBase = ({
                 href,
                 className: combineClassNames(
                   classMap.link,
-                  isChild ? classMap.childLink : "",
-                  isActive ? classMap.active : ""
+                  isChild && classMap.childLink,
+                  isActive && classMap.active
                 ),
                 "aria-current": isActive ? "page" : void 0,
                 "data-testid": `${testId}-sidebarLink`,
@@ -128,7 +160,7 @@ const SidebarBase = ({
               {
                 className: combineClassNames(
                   classMap.link,
-                  isChild ? classMap.childLink : ""
+                  isChild && classMap.childLink
                 ),
                 "data-testid": `${testId}-sidebarLabel`,
                 children: [
@@ -138,7 +170,7 @@ const SidebarBase = ({
               }
             )
           },
-          label
+          key
         );
       })
     }
@@ -148,12 +180,12 @@ const SidebarBase = ({
     {
       className: containerClasses,
       "aria-label": ariaLabel,
-      ...rest,
       "data-testid": testId,
+      ...rest,
       children: [
-        /* @__PURE__ */ jsx("nav", { className: classMap.nav, children: renderLinks(links) }),
+        /* @__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 }) => /* @__PURE__ */ jsx(
+          footerLinks == null ? void 0 : footerLinks.map(({ label, href }, i) => /* @__PURE__ */ jsx(
             LinkComponent,
             {
               href,
@@ -161,7 +193,7 @@ const SidebarBase = ({
               "data-testid": `${testId}-footerLink`,
               children: label
             },
-            label
+            `${label}-${i}`
           )),
           footerVersion2 && /* @__PURE__ */ jsx(
             "span",
@@ -177,45 +209,46 @@ const SidebarBase = ({
   );
 };
 SidebarBase.displayName = "SidebarBase";
-const noScroll = "_noScroll_4zh9d_91";
-const errorMessage = "_errorMessage_4zh9d_92";
-const loadingContainer = "_loadingContainer_4zh9d_93";
-const hideScrollbar = "_hideScrollbar_4zh9d_85";
-const sr_only = "_sr_only_4zh9d_94";
-const wrapper = "_wrapper_4zh9d_539";
-const roundNone = "_roundNone_4zh9d_550";
-const roundSmall = "_roundSmall_4zh9d_553";
-const roundMedium = "_roundMedium_4zh9d_556";
-const roundLarge = "_roundLarge_4zh9d_559";
-const roundFull = "_roundFull_4zh9d_562";
-const shadowNone = "_shadowNone_4zh9d_565";
-const shadowLight = "_shadowLight_4zh9d_568";
-const shadowMedium = "_shadowMedium_4zh9d_571";
-const shadowStrong = "_shadowStrong_4zh9d_574";
-const shadowIntense = "_shadowIntense_4zh9d_577";
-const primary = "_primary_4zh9d_581";
-const active = "_active_4zh9d_581";
-const outline = "_outline_4zh9d_585";
-const clear = "_clear_4zh9d_590";
-const secondary = "_secondary_4zh9d_594";
-const tertiary = "_tertiary_4zh9d_607";
-const quaternary = "_quaternary_4zh9d_620";
-const success = "_success_4zh9d_648";
-const error = "_error_4zh9d_92";
-const warning = "_warning_4zh9d_662";
-const nav = "_nav_4zh9d_669";
-const list = "_list_4zh9d_674";
-const link = "_link_4zh9d_680";
-const childLink = "_childLink_4zh9d_710";
-const chevron = "_chevron_4zh9d_714";
-const chevronOpen = "_chevronOpen_4zh9d_718";
-const submenu = "_submenu_4zh9d_722";
-const childList = "_childList_4zh9d_728";
-const footer = "_footer_4zh9d_733";
-const footerLink = "_footerLink_4zh9d_745";
-const footerVersion = "_footerVersion_4zh9d_753";
-const spin = "_spin_4zh9d_1";
-const pulse = "_pulse_4zh9d_1";
+const noScroll = "_noScroll_152fr_91";
+const errorMessage = "_errorMessage_152fr_92";
+const loadingContainer = "_loadingContainer_152fr_93";
+const hideScrollbar = "_hideScrollbar_152fr_85";
+const sr_only = "_sr_only_152fr_94";
+const wrapper = "_wrapper_152fr_540";
+const roundNone = "_roundNone_152fr_550";
+const roundSmall = "_roundSmall_152fr_553";
+const roundMedium = "_roundMedium_152fr_556";
+const roundLarge = "_roundLarge_152fr_559";
+const roundFull = "_roundFull_152fr_562";
+const shadowNone = "_shadowNone_152fr_565";
+const shadowLight = "_shadowLight_152fr_568";
+const shadowMedium = "_shadowMedium_152fr_571";
+const shadowStrong = "_shadowStrong_152fr_574";
+const shadowIntense = "_shadowIntense_152fr_577";
+const primary = "_primary_152fr_581";
+const active = "_active_152fr_581";
+const outline = "_outline_152fr_585";
+const clear = "_clear_152fr_590";
+const secondary = "_secondary_152fr_594";
+const tertiary = "_tertiary_152fr_607";
+const quaternary = "_quaternary_152fr_620";
+const success = "_success_152fr_648";
+const error = "_error_152fr_92";
+const warning = "_warning_152fr_662";
+const nav = "_nav_152fr_669";
+const list = "_list_152fr_674";
+const link = "_link_152fr_680";
+const childLink = "_childLink_152fr_710";
+const chevron = "_chevron_152fr_714";
+const chevronOpen = "_chevronOpen_152fr_718";
+const submenu = "_submenu_152fr_722";
+const submenuOpen = "_submenuOpen_152fr_728";
+const childList = "_childList_152fr_732";
+const footer = "_footer_152fr_737";
+const footerLink = "_footerLink_152fr_749";
+const footerVersion = "_footerVersion_152fr_757";
+const spin = "_spin_152fr_1";
+const pulse = "_pulse_152fr_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -250,19 +283,20 @@ const styles = {
   chevron,
   chevronOpen,
   submenu,
+  submenuOpen,
   childList,
   footer,
   footerLink,
   footerVersion,
-  "fade-in": "_fade-in_4zh9d_1",
-  "slide-up": "_slide-up_4zh9d_1",
-  "spin-3d": "_spin-3d_4zh9d_1",
+  "fade-in": "_fade-in_152fr_1",
+  "slide-up": "_slide-up_152fr_1",
+  "spin-3d": "_spin-3d_152fr_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_4zh9d_1",
-  "progress-grow": "_progress-grow_4zh9d_1",
-  "indeterminate-move": "_indeterminate-move_4zh9d_1",
-  "skeleton-loading": "_skeleton-loading_4zh9d_1"
+  "fade-in-up": "_fade-in-up_152fr_1",
+  "progress-grow": "_progress-grow_152fr_1",
+  "indeterminate-move": "_indeterminate-move_152fr_1",
+  "skeleton-loading": "_skeleton-loading_152fr_1"
 };
 const Sidebar = ({ links, ...rest }) => {
   const currentPath = navigation.usePathname();
@@ -282,4 +316,4 @@ const Sidebar = ({ links, ...rest }) => {
 export {
   Sidebar as S
 };
-//# sourceMappingURL=Sidebar-R1NSvWHu.js.map
+//# sourceMappingURL=Sidebar-C6NbdjWV.js.map

package/dist/next/Sidebar-C6NbdjWV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar-C6NbdjWV.js","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 } from \"./Sidebar.types\";\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n  links,\r\n  classMap,\r\n  currentPath,\r\n  LinkComponent = \"a\",\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  ariaLabel = \"Sidebar navigation\",\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  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: typeof links) => {\r\n      for (const n of nodes) {\r\n        if (n.children?.length) {\r\n          const anyChildActive =\r\n            n.children.some((c) => c.href && c.href === currentPath) ||\r\n            (n.children && walk(n.children));\r\n          if (anyChildActive) next[n.label] = true;\r\n        }\r\n      }\r\n      return nodes.some(\r\n        (n) =>\r\n          (n.href && n.href === currentPath) ||\r\n          (!!n.children?.length &&\r\n            n.children!.some((c) => c.href === currentPath))\r\n      );\r\n    };\r\n\r\n    walk(links);\r\n    setOpenItems((prev) => ({ ...prev, ...next }));\r\n  }, [currentPath, links]);\r\n\r\n  const toggleItem = (key: string) =>\r\n    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n\r\n  const submenuRefs = useRef<Record<string, HTMLDivElement | null>>({});\r\n  const setSubmenuRef = (key: string, el: HTMLDivElement | null) => {\r\n    submenuRefs.current[key] = el;\r\n  };\r\n  const getSubmenuHeight = (key: string) => {\r\n    const el = submenuRefs.current[key];\r\n    return el ? `${el.scrollHeight}px` : \"0px\";\r\n  };\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: typeof links, 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(({ label, href, children, icon }, idx) => {\r\n        const key = `${label}-${idx}`;\r\n        const isActive = !!href && currentPath === href;\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                    isOpen && classMap.active\r\n                  )}\r\n                  onClick={() => toggleItem(label)}\r\n                  aria-expanded={isOpen}\r\n                  aria-controls={panelId}\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                  ref={(el) => setSubmenuRef(label, el)}\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                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                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={ariaLabel}\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 className={classMap.footer} data-testid={`${testId}-footer`}>\r\n          {footerLinks?.map(({ label, href }, i) => (\r\n            <LinkComponent\r\n              key={`${label}-${i}`}\r\n              href={href}\r\n              className={classMap.footerLink}\r\n              data-testid={`${testId}-footerLink`}\r\n            >\r\n              {label}\r\n            </LinkComponent>\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 { SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({ links, ...rest }) => {\r\n  const currentPath = usePathname();\r\n\r\n  const { currentPath: _ignored, ...safeRest } = rest;\r\n\r\n  return (\r\n    <SidebarBase\r\n      links={links}\r\n      classMap={styles}\r\n      currentPath={currentPath}\r\n      LinkComponent={Link}\r\n      key={currentPath}\r\n      {...safeRest}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Sidebar;\r\n"],"names":["footerVersion","outline","_a","usePathname"],"mappings":"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"}