boreal-ui 0.0.69 → 0.0.71

package/dist/core/{NavBar-oZrT55L_.js → NavBar-BcL7Dh52.js}

@@ -70,6 +70,7 @@ const classes = {
   container: "nav",
   item: "nav_item",
   list: "nav_list",
+  listItem: "nav_list_item",
   item_active: "nav_active",
   icon: "nav_icon_container",
   label: "nav_label",
@@ -91,17 +92,21 @@ const classes = {
   roundFull: "nav_round-Full"
 };
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
-const NavBar = (props) => {
-  const [pathname, setPathname] = useState("");
+const NavBar = ({
+  isItemActive: consumerIsItemActive,
+  ...props
+}) => {
+  const [pathname, setPathname] = useState("/");
   useEffect(() => {
-    setPathname(window.location.pathname);
+    setPathname(window.location.pathname || "/");
   }, []);
-  const isItemActive = (item) => normalizePath(item.path) === normalizePath(pathname);
+  const defaultIsItemActive = (item) => normalizePath(item.path) === normalizePath(pathname);
+  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;
   return /* @__PURE__ */ jsx(
     BaseNavBar,
     {
       ...props,
-      isItemActive,
+      isItemActive: resolvedIsItemActive,
       LinkWrapper: ({
         href,
         children,
@@ -126,4 +131,4 @@ NavBar.displayName = "NavBar";
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-oZrT55L_.js.map
+//# sourceMappingURL=NavBar-BcL7Dh52.js.map

package/dist/core/NavBar-BcL7Dh52.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-BcL7Dh52.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.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  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_item\",\r\n  list: \"nav_list\",\r\n  listItem: \"nav_list_item\",\r\n  item_active: \"nav_active\",\r\n  icon: \"nav_icon_container\",\r\n  label: \"nav_label\",\r\n  linkContent: \"nav_link_container\",\r\n\r\n  primary: \"nav_primary\",\r\n  secondary: \"nav_secondary\",\r\n  tertiary: \"nav_tertiary\",\r\n  quaternary: \"nav_quaternary\",\r\n  clear: \"nav_clear\",\r\n\r\n  shadowNone: \"nav_shadow-None\",\r\n  shadowLight: \"nav_shadow-Light\",\r\n  shadowMedium: \"nav_shadow-Medium\",\r\n  shadowStrong: \"nav_shadow-Strong\",\r\n  shadowIntense: \"nav_shadow-Intense\",\r\n\r\n  roundNone: \"nav_round-None\",\r\n  roundSmall: \"nav_round-Small\",\r\n  roundMedium: \"nav_round-Medium\",\r\n  roundLarge: \"nav_round-Large\",\r\n  roundFull: \"nav_round-Full\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps> = ({\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const [pathname, setPathname] = useState(\"/\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname || \"/\");\r\n  }, []);\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(pathname);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <a\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </a>\r\n      )}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":[],"mappings":"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"}

package/dist/core/{NavBar-B1mNXJ88.cjs → NavBar-DKDzRFJ6.cjs}

@@ -71,6 +71,7 @@ const classes = {
   container: "nav",
   item: "nav_item",
   list: "nav_list",
+  listItem: "nav_list_item",
   item_active: "nav_active",
   icon: "nav_icon_container",
   label: "nav_label",
@@ -92,17 +93,21 @@ const classes = {
   roundFull: "nav_round-Full"
 };
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
-const NavBar = (props) => {
-  const [pathname, setPathname] = React.useState("");
+const NavBar = ({
+  isItemActive: consumerIsItemActive,
+  ...props
+}) => {
+  const [pathname, setPathname] = React.useState("/");
   React.useEffect(() => {
-    setPathname(window.location.pathname);
+    setPathname(window.location.pathname || "/");
   }, []);
-  const isItemActive = (item) => normalizePath(item.path) === normalizePath(pathname);
+  const defaultIsItemActive = (item) => normalizePath(item.path) === normalizePath(pathname);
+  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;
   return /* @__PURE__ */ jsxRuntime.jsx(
     BaseNavBar,
     {
       ...props,
-      isItemActive,
+      isItemActive: resolvedIsItemActive,
       LinkWrapper: ({
         href,
         children,
@@ -125,4 +130,4 @@ const NavBar = (props) => {
 };
 NavBar.displayName = "NavBar";
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-B1mNXJ88.cjs.map
+//# sourceMappingURL=NavBar-DKDzRFJ6.cjs.map

package/dist/core/NavBar-DKDzRFJ6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-DKDzRFJ6.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.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  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_item\",\r\n  list: \"nav_list\",\r\n  listItem: \"nav_list_item\",\r\n  item_active: \"nav_active\",\r\n  icon: \"nav_icon_container\",\r\n  label: \"nav_label\",\r\n  linkContent: \"nav_link_container\",\r\n\r\n  primary: \"nav_primary\",\r\n  secondary: \"nav_secondary\",\r\n  tertiary: \"nav_tertiary\",\r\n  quaternary: \"nav_quaternary\",\r\n  clear: \"nav_clear\",\r\n\r\n  shadowNone: \"nav_shadow-None\",\r\n  shadowLight: \"nav_shadow-Light\",\r\n  shadowMedium: \"nav_shadow-Medium\",\r\n  shadowStrong: \"nav_shadow-Strong\",\r\n  shadowIntense: \"nav_shadow-Intense\",\r\n\r\n  roundNone: \"nav_round-None\",\r\n  roundSmall: \"nav_round-Small\",\r\n  roundMedium: \"nav_round-Medium\",\r\n  roundLarge: \"nav_round-Large\",\r\n  roundFull: \"nav_round-Full\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps> = ({\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const [pathname, setPathname] = useState(\"/\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname || \"/\");\r\n  }, []);\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(pathname);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <a\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </a>\r\n      )}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","jsxs","useState","useEffect"],"mappings":"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"}

package/dist/core/NavBar.cjs.js

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

package/dist/core/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-oZrT55L_.js";
+import { N } from "./NavBar-BcL7Dh52.js";
 export {
   N as default
 };

package/dist/core/{Sidebar-BbXkPcQP.cjs → Sidebar-BMvvoT9j.cjs}

@@ -267,9 +267,13 @@ const isActiveRecursive = (link, matcher) => {
   if (matcher(link)) return true;
   return !!((_a = link.children) == null ? void 0 : _a.some((child) => isActiveRecursive(child, matcher)));
 };
-const Sidebar = (props) => {
+const Sidebar = ({
+  isLinkActive: consumerIsLinkActive,
+  hasActiveChild: consumerHasActiveChild,
+  ...props
+}) => {
   const [pathname] = React.useState(getInitialPath);
-  const isLinkActive = (link) => {
+  const defaultIsLinkActive = (link) => {
     var _a;
     if (!link.href) return false;
     if ((_a = link.children) == null ? void 0 : _a.length) {
@@ -277,20 +281,24 @@ const Sidebar = (props) => {
     }
     return normalizePath(link.href) === normalizePath(pathname);
   };
-  const hasActiveChild = (link) => {
+  const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;
+  const defaultHasActiveChild = (link) => {
     var _a;
-    return !!((_a = link.children) == null ? void 0 : _a.some((child) => isActiveRecursive(child, isLinkActive)));
+    return !!((_a = link.children) == null ? void 0 : _a.some(
+      (child) => isActiveRecursive(child, resolvedIsLinkActive)
+    ));
   };
+  const resolvedHasActiveChild = consumerHasActiveChild ?? defaultHasActiveChild;
   return /* @__PURE__ */ jsxRuntime.jsx(
     SidebarBase,
     {
       ...props,
       classMap: classes,
-      isLinkActive,
-      hasActiveChild
+      isLinkActive: resolvedIsLinkActive,
+      hasActiveChild: resolvedHasActiveChild
     }
   );
 };
 Sidebar.displayName = "Sidebar";
 exports.Sidebar = Sidebar;
-//# sourceMappingURL=Sidebar-BbXkPcQP.cjs.map
+//# sourceMappingURL=Sidebar-BMvvoT9j.cjs.map

package/dist/core/{Sidebar-BbXkPcQP.cjs.map → Sidebar-BMvvoT9j.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Sidebar-BbXkPcQP.cjs","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/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  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\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(({ label, href, children, icon }, idx) => {\r\n        const key = `${label}-${idx}`;\r\n        const link: SidebarLink = { label, href, children, icon };\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                  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                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","import React, { useState } from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"sidebar\",\r\n  nav: \"sidebar_nav\",\r\n  list: \"sidebar_list\",\r\n  childList: \"sidebar_child_list\",\r\n  item: \"sidebar_item\",\r\n  link: \"sidebar_link\",\r\n  childLink: \"sidebar_child_link\",\r\n  active: \"sidebar_active\",\r\n  icon: \"sidebar_icon\",\r\n\r\n  footer: \"sidebar_footer\",\r\n  footerLink: \"sidebar_footer_link\",\r\n  footerVersion: \"sidebar_footer_version\",\r\n\r\n  chevron: \"sidebar_chevron\",\r\n  chevronOpen: \"sidebar_chevron_open\",\r\n\r\n  submenu: \"sidebar_submenu\",\r\n  submenuOpen: \"sidebar_submenu_open\",\r\n\r\n  outline: \"sidebar_outline\",\r\n\r\n  primary: \"sidebar_primary\",\r\n  secondary: \"sidebar_secondary\",\r\n  tertiary: \"sidebar_tertiary\",\r\n  quaternary: \"sidebar_quaternary\",\r\n\r\n  success: \"sidebar_success\",\r\n  error: \"sidebar_error\",\r\n  warning: \"sidebar_warning\",\r\n\r\n  clear: \"sidebar_clear\",\r\n\r\n  shadowNone: \"sidebar_shadow-None\",\r\n  shadowLight: \"sidebar_shadow-Light\",\r\n  shadowMedium: \"sidebar_shadow-Medium\",\r\n  shadowStrong: \"sidebar_shadow-Strong\",\r\n  shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n  roundNone: \"sidebar_round-None\",\r\n  roundSmall: \"sidebar_round-Small\",\r\n  roundMedium: \"sidebar_round-Medium\",\r\n  roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst getInitialPath = () =>\r\n  typeof window !== \"undefined\" ? window.location.pathname || \"/\" : \"/\";\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> = (props) => {\r\n  const [pathname] = useState(getInitialPath);\r\n\r\n  const isLinkActive = (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 hasActiveChild = (link: SidebarLink): boolean =>\r\n    !!link.children?.some((child) => isActiveRecursive(child, isLinkActive));\r\n\r\n  return (\r\n    <SidebarBase\r\n      {...props}\r\n      classMap={classes}\r\n      isLinkActive={isLinkActive}\r\n      hasActiveChild={hasActiveChild}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","_a","useMemo","combineClassNames","capitalize","jsx","jsxs","Fragment","ChevronDownIcon"],"mappings":"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"}
+{"version":3,"file":"Sidebar-BMvvoT9j.cjs","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/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  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\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(({ label, href, children, icon }, idx) => {\r\n        const key = `${label}-${idx}`;\r\n        const link: SidebarLink = { label, href, children, icon };\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                  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                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","import React, { useState } from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"sidebar\",\r\n  nav: \"sidebar_nav\",\r\n  list: \"sidebar_list\",\r\n  childList: \"sidebar_child_list\",\r\n  item: \"sidebar_item\",\r\n  link: \"sidebar_link\",\r\n  childLink: \"sidebar_child_link\",\r\n  active: \"sidebar_active\",\r\n  icon: \"sidebar_icon\",\r\n\r\n  footer: \"sidebar_footer\",\r\n  footerLink: \"sidebar_footer_link\",\r\n  footerVersion: \"sidebar_footer_version\",\r\n\r\n  chevron: \"sidebar_chevron\",\r\n  chevronOpen: \"sidebar_chevron_open\",\r\n\r\n  submenu: \"sidebar_submenu\",\r\n  submenuOpen: \"sidebar_submenu_open\",\r\n\r\n  outline: \"sidebar_outline\",\r\n\r\n  primary: \"sidebar_primary\",\r\n  secondary: \"sidebar_secondary\",\r\n  tertiary: \"sidebar_tertiary\",\r\n  quaternary: \"sidebar_quaternary\",\r\n\r\n  success: \"sidebar_success\",\r\n  error: \"sidebar_error\",\r\n  warning: \"sidebar_warning\",\r\n\r\n  clear: \"sidebar_clear\",\r\n\r\n  shadowNone: \"sidebar_shadow-None\",\r\n  shadowLight: \"sidebar_shadow-Light\",\r\n  shadowMedium: \"sidebar_shadow-Medium\",\r\n  shadowStrong: \"sidebar_shadow-Strong\",\r\n  shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n  roundNone: \"sidebar_round-None\",\r\n  roundSmall: \"sidebar_round-Small\",\r\n  roundMedium: \"sidebar_round-Medium\",\r\n  roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst getInitialPath = () =>\r\n  typeof window !== \"undefined\" ? window.location.pathname || \"/\" : \"/\";\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  isLinkActive: consumerIsLinkActive,\r\n  hasActiveChild: consumerHasActiveChild,\r\n  ...props\r\n}) => {\r\n  const [pathname] = useState(getInitialPath);\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      {...props}\r\n      classMap={classes}\r\n      isLinkActive={resolvedIsLinkActive}\r\n      hasActiveChild={resolvedHasActiveChild}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","_a","useMemo","combineClassNames","capitalize","jsx","jsxs","Fragment","ChevronDownIcon"],"mappings":"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"}

package/dist/core/{Sidebar-C7y6lVhN.js → Sidebar-PLVBm7te.js}

@@ -266,9 +266,13 @@ const isActiveRecursive = (link, matcher) => {
   if (matcher(link)) return true;
   return !!((_a = link.children) == null ? void 0 : _a.some((child) => isActiveRecursive(child, matcher)));
 };
-const Sidebar = (props) => {
+const Sidebar = ({
+  isLinkActive: consumerIsLinkActive,
+  hasActiveChild: consumerHasActiveChild,
+  ...props
+}) => {
   const [pathname] = useState(getInitialPath);
-  const isLinkActive = (link) => {
+  const defaultIsLinkActive = (link) => {
     var _a;
     if (!link.href) return false;
     if ((_a = link.children) == null ? void 0 : _a.length) {
@@ -276,17 +280,21 @@ const Sidebar = (props) => {
     }
     return normalizePath(link.href) === normalizePath(pathname);
   };
-  const hasActiveChild = (link) => {
+  const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;
+  const defaultHasActiveChild = (link) => {
     var _a;
-    return !!((_a = link.children) == null ? void 0 : _a.some((child) => isActiveRecursive(child, isLinkActive)));
+    return !!((_a = link.children) == null ? void 0 : _a.some(
+      (child) => isActiveRecursive(child, resolvedIsLinkActive)
+    ));
   };
+  const resolvedHasActiveChild = consumerHasActiveChild ?? defaultHasActiveChild;
   return /* @__PURE__ */ jsx(
     SidebarBase,
     {
       ...props,
       classMap: classes,
-      isLinkActive,
-      hasActiveChild
+      isLinkActive: resolvedIsLinkActive,
+      hasActiveChild: resolvedHasActiveChild
     }
   );
 };
@@ -294,4 +302,4 @@ Sidebar.displayName = "Sidebar";
 export {
   Sidebar as S
 };
-//# sourceMappingURL=Sidebar-C7y6lVhN.js.map
+//# sourceMappingURL=Sidebar-PLVBm7te.js.map

package/dist/core/{Sidebar-C7y6lVhN.js.map → Sidebar-PLVBm7te.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Sidebar-C7y6lVhN.js","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/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  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\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(({ label, href, children, icon }, idx) => {\r\n        const key = `${label}-${idx}`;\r\n        const link: SidebarLink = { label, href, children, icon };\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                  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                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","import React, { useState } from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"sidebar\",\r\n  nav: \"sidebar_nav\",\r\n  list: \"sidebar_list\",\r\n  childList: \"sidebar_child_list\",\r\n  item: \"sidebar_item\",\r\n  link: \"sidebar_link\",\r\n  childLink: \"sidebar_child_link\",\r\n  active: \"sidebar_active\",\r\n  icon: \"sidebar_icon\",\r\n\r\n  footer: \"sidebar_footer\",\r\n  footerLink: \"sidebar_footer_link\",\r\n  footerVersion: \"sidebar_footer_version\",\r\n\r\n  chevron: \"sidebar_chevron\",\r\n  chevronOpen: \"sidebar_chevron_open\",\r\n\r\n  submenu: \"sidebar_submenu\",\r\n  submenuOpen: \"sidebar_submenu_open\",\r\n\r\n  outline: \"sidebar_outline\",\r\n\r\n  primary: \"sidebar_primary\",\r\n  secondary: \"sidebar_secondary\",\r\n  tertiary: \"sidebar_tertiary\",\r\n  quaternary: \"sidebar_quaternary\",\r\n\r\n  success: \"sidebar_success\",\r\n  error: \"sidebar_error\",\r\n  warning: \"sidebar_warning\",\r\n\r\n  clear: \"sidebar_clear\",\r\n\r\n  shadowNone: \"sidebar_shadow-None\",\r\n  shadowLight: \"sidebar_shadow-Light\",\r\n  shadowMedium: \"sidebar_shadow-Medium\",\r\n  shadowStrong: \"sidebar_shadow-Strong\",\r\n  shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n  roundNone: \"sidebar_round-None\",\r\n  roundSmall: \"sidebar_round-Small\",\r\n  roundMedium: \"sidebar_round-Medium\",\r\n  roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst getInitialPath = () =>\r\n  typeof window !== \"undefined\" ? window.location.pathname || \"/\" : \"/\";\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> = (props) => {\r\n  const [pathname] = useState(getInitialPath);\r\n\r\n  const isLinkActive = (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 hasActiveChild = (link: SidebarLink): boolean =>\r\n    !!link.children?.some((child) => isActiveRecursive(child, isLinkActive));\r\n\r\n  return (\r\n    <SidebarBase\r\n      {...props}\r\n      classMap={classes}\r\n      isLinkActive={isLinkActive}\r\n      hasActiveChild={hasActiveChild}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"Sidebar-PLVBm7te.js","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/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  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\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(({ label, href, children, icon }, idx) => {\r\n        const key = `${label}-${idx}`;\r\n        const link: SidebarLink = { label, href, children, icon };\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                  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                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","import React, { useState } from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"sidebar\",\r\n  nav: \"sidebar_nav\",\r\n  list: \"sidebar_list\",\r\n  childList: \"sidebar_child_list\",\r\n  item: \"sidebar_item\",\r\n  link: \"sidebar_link\",\r\n  childLink: \"sidebar_child_link\",\r\n  active: \"sidebar_active\",\r\n  icon: \"sidebar_icon\",\r\n\r\n  footer: \"sidebar_footer\",\r\n  footerLink: \"sidebar_footer_link\",\r\n  footerVersion: \"sidebar_footer_version\",\r\n\r\n  chevron: \"sidebar_chevron\",\r\n  chevronOpen: \"sidebar_chevron_open\",\r\n\r\n  submenu: \"sidebar_submenu\",\r\n  submenuOpen: \"sidebar_submenu_open\",\r\n\r\n  outline: \"sidebar_outline\",\r\n\r\n  primary: \"sidebar_primary\",\r\n  secondary: \"sidebar_secondary\",\r\n  tertiary: \"sidebar_tertiary\",\r\n  quaternary: \"sidebar_quaternary\",\r\n\r\n  success: \"sidebar_success\",\r\n  error: \"sidebar_error\",\r\n  warning: \"sidebar_warning\",\r\n\r\n  clear: \"sidebar_clear\",\r\n\r\n  shadowNone: \"sidebar_shadow-None\",\r\n  shadowLight: \"sidebar_shadow-Light\",\r\n  shadowMedium: \"sidebar_shadow-Medium\",\r\n  shadowStrong: \"sidebar_shadow-Strong\",\r\n  shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n  roundNone: \"sidebar_round-None\",\r\n  roundSmall: \"sidebar_round-Small\",\r\n  roundMedium: \"sidebar_round-Medium\",\r\n  roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst getInitialPath = () =>\r\n  typeof window !== \"undefined\" ? window.location.pathname || \"/\" : \"/\";\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  isLinkActive: consumerIsLinkActive,\r\n  hasActiveChild: consumerHasActiveChild,\r\n  ...props\r\n}) => {\r\n  const [pathname] = useState(getInitialPath);\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      {...props}\r\n      classMap={classes}\r\n      isLinkActive={resolvedIsLinkActive}\r\n      hasActiveChild={resolvedHasActiveChild}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["_a"],"mappings":"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"}

package/dist/core/Sidebar.cjs.js

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

package/dist/core/Sidebar.js

@@ -1,4 +1,4 @@
-import { S } from "./Sidebar-C7y6lVhN.js";
+import { S } from "./Sidebar-PLVBm7te.js";
 export {
   S as default
 };

package/dist/core/index.cjs.js

@@ -37,7 +37,7 @@ const Spinner = require("./Spinner-JTcQ_d4T.cjs");
 const Tooltip = require("./Tooltip-DS7DSyij.cjs");
 const MessagePopup = require("./MessagePopup-BwKMX9NS.cjs");
 const PopOver = require("./PopOver-IzDFOu7Y.cjs");
-const NavBar = require("./NavBar-B1mNXJ88.cjs");
+const NavBar = require("./NavBar-DKDzRFJ6.cjs");
 const Breadcrumbs = require("./Breadcrumbs-CALCSPkH.cjs");
 const Tabs = require("./Tabs-BFn-TRKL.cjs");
 const Stepper = require("./Stepper-JNVBVHc3.cjs");
@@ -53,7 +53,7 @@ const MetricBox = require("./MetricBox-DVo4UUQv.cjs");
 const EmptyState = require("./EmptyState-P-MSItCX.cjs");
 const CommandPalette = require("./CommandPalette-Cv79G0W9.cjs");
 const NotificationCenter = require("./NotificationCenter-DfOOEt9N.cjs");
-const Sidebar = require("./Sidebar-BbXkPcQP.cjs");
+const Sidebar = require("./Sidebar-BMvvoT9j.cjs");
 const Card = require("./Card-DRM65kM-.cjs");
 const Avatar = require("./Avatar-DOg8W9yf.cjs");
 const ChipGroupBase = React.forwardRef(

package/dist/core/index.js

@@ -36,7 +36,7 @@ import { S as S5 } from "./Spinner-D1CHbKYU.js";
 import { T as T6 } from "./Tooltip-BzRqlOTz.js";
 import { M as M2 } from "./MessagePopup-aKDackiq.js";
 import { P as P2 } from "./PopOver-Bt80x5vL.js";
-import { N } from "./NavBar-oZrT55L_.js";
+import { N } from "./NavBar-BcL7Dh52.js";
 import { B as B3 } from "./Breadcrumbs-C2IzEdls.js";
 import { T as T7 } from "./Tabs-DkdkDwei.js";
 import { S as S6 } from "./Stepper-C6xjvhZJ.js";
@@ -52,7 +52,7 @@ import { M as M4 } from "./MetricBox-CPug-nxo.js";
 import { E } from "./EmptyState-Cp3ocTQX.js";
 import { C as C4 } from "./CommandPalette-BcPsaNIk.js";
 import { N as N2 } from "./NotificationCenter-DLCzWNve.js";
-import { S as S7 } from "./Sidebar-C7y6lVhN.js";
+import { S as S7 } from "./Sidebar-PLVBm7te.js";
 import { C as C5 } from "./Card-BjLC4t0w.js";
 import { A as A2 } from "./Avatar-BM8AwOB6.js";
 const ChipGroupBase = forwardRef(

package/dist/next/{NavBar-qz6oMF3W.cjs → NavBar-B06L4zxJ.cjs}

@@ -139,16 +139,18 @@ const styles = {
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
 const NavBar = ({
   mockPath,
+  isItemActive: consumerIsItemActive,
   ...props
 }) => {
   const pathname = navigation.navigationExports.usePathname();
   const resolvedPath = mockPath ?? pathname ?? "/";
-  const isItemActive = (item2) => normalizePath(item2.path) === normalizePath(resolvedPath);
+  const defaultIsItemActive = (item2) => normalizePath(item2.path) === normalizePath(resolvedPath);
+  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;
   return /* @__PURE__ */ require$$2.jsx(
     BaseNavBar,
     {
       ...props,
-      isItemActive,
+      isItemActive: resolvedIsItemActive,
       LinkWrapper: ({
         href,
         children,
@@ -171,4 +173,4 @@ const NavBar = ({
 };
 NavBar.displayName = "NavBar";
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-qz6oMF3W.cjs.map
+//# sourceMappingURL=NavBar-B06L4zxJ.cjs.map

package/dist/next/NavBar-B06L4zxJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-B06L4zxJ.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.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  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname ?? \"/\";\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(resolvedPath);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":"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"}

package/dist/next/{NavBar-EOEZXiEB.js → NavBar-D8oceBmB.js}

@@ -138,16 +138,18 @@ const styles = {
 const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
 const NavBar = ({
   mockPath,
+  isItemActive: consumerIsItemActive,
   ...props
 }) => {
   const pathname = navigationExports.usePathname();
   const resolvedPath = mockPath ?? pathname ?? "/";
-  const isItemActive = (item2) => normalizePath(item2.path) === normalizePath(resolvedPath);
+  const defaultIsItemActive = (item2) => normalizePath(item2.path) === normalizePath(resolvedPath);
+  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;
   return /* @__PURE__ */ jsx(
     BaseNavBar,
     {
       ...props,
-      isItemActive,
+      isItemActive: resolvedIsItemActive,
       LinkWrapper: ({
         href,
         children,
@@ -172,4 +174,4 @@ NavBar.displayName = "NavBar";
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-EOEZXiEB.js.map
+//# sourceMappingURL=NavBar-D8oceBmB.js.map

package/dist/next/{NavBar-EOEZXiEB.js.map → NavBar-D8oceBmB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NavBar-EOEZXiEB.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.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  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname ?? \"/\";\r\n\r\n  const isItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(resolvedPath);\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={isItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":"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"}
+{"version":3,"file":"NavBar-D8oceBmB.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.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  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseNavBarProps } from \"./NavBar.types\";\r\n\r\nconst slugify = (s: string) =>\r\n  s\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(/\\s+/g, \"-\")\r\n    .replace(/[^a-z0-9]/g, \"\");\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  LinkWrapper,\r\n  classMap,\r\n  isItemActive,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"nav-bar\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme, className],\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      <ul className={classMap.list}>\r\n        {items.map((item) => {\r\n          const isActive = isItemActive?.(item) ?? false;\r\n          const slug = slugify(item.label || item.path);\r\n\r\n          return (\r\n            <li key={`${item.path}-${slug}`} className={classMap.listItem}>\r\n              <LinkWrapper\r\n                href={item.path}\r\n                isActive={isActive}\r\n                className={combineClassNames(\r\n                  itemClass,\r\n                  isActive && classMap.item_active,\r\n                )}\r\n                data-testid={`${testId}-nav-item-${slug}`}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n              >\r\n                <span className={classMap.linkContent}>\r\n                  {item.icon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-nav-icon-${slug}`}\r\n                    >\r\n                      {item.icon}\r\n                    </span>\r\n                  )}\r\n                  <span className={classMap.label}>{item.label}</span>\r\n                </span>\r\n              </LinkWrapper>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBaseNavBar.displayName = \"BaseNavBar\";\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps, NavItem } from \"../NavBar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  isItemActive: consumerIsItemActive,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname ?? \"/\";\r\n\r\n  const defaultIsItemActive = (item: NavItem) =>\r\n    normalizePath(item.path) === normalizePath(resolvedPath);\r\n\r\n  const resolvedIsItemActive = consumerIsItemActive ?? defaultIsItemActive;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      isItemActive={resolvedIsItemActive}\r\n      LinkWrapper={({\r\n        href,\r\n        children,\r\n        className,\r\n        isActive,\r\n        \"data-testid\": testId,\r\n      }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nNavBar.displayName = \"NavBar\";\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":"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"}

package/dist/next/NavBar.cjs.js

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

package/dist/next/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-EOEZXiEB.js";
+import { N } from "./NavBar-D8oceBmB.js";
 export {
   N as default
 };