boreal-ui 0.0.76 → 0.0.78

package/dist/next/{Sidebar-U5BQKtKR.cjs.map → Sidebar-DpUTsAza.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Sidebar-U5BQKtKR.cjs","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/next/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useEffect } from \"react\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\nimport { BaseSidebarProps, SidebarLink } from \"./Sidebar.types\";\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n  links,\r\n  classMap,\r\n  LinkComponent = \"a\",\r\n  isLinkActive,\r\n  hasActiveChild,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  showFooter = false,\r\n  footerLinks,\r\n  footerVersion,\r\n  outline = false,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"sidebar\",\r\n  \"aria-label\": ariaLabel = \"Sidebar navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  footerAriaLabel = \"Sidebar footer\",\r\n  footerAriaLabelledBy,\r\n  getExpandButtonAriaLabel,\r\n  getExpandButtonAriaDescription,\r\n  ...rest\r\n}) => {\r\n  const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n  const idsRef = useRef<Record<string, string>>({});\r\n  const seqRef = useRef(0);\r\n\r\n  const idFor = (label: string) => {\r\n    if (!idsRef.current[label]) {\r\n      const slug = label\r\n        .toLowerCase()\r\n        .replace(/\\s+/g, \"-\")\r\n        .replace(/[^a-z0-9_-]/g, \"\");\r\n      idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;\r\n    }\r\n    return idsRef.current[label];\r\n  };\r\n\r\n  useEffect(() => {\r\n    const next: Record<string, boolean> = {};\r\n\r\n    const walk = (nodes: SidebarLink[]): boolean => {\r\n      for (const node of nodes) {\r\n        if (node.children?.length) {\r\n          const childIsActive =\r\n            hasActiveChild?.(node) ??\r\n            node.children.some(\r\n              (child) =>\r\n                (isLinkActive?.(child) ?? false) ||\r\n                (!!child.children?.length && walk(child.children)),\r\n            );\r\n\r\n          if (childIsActive) {\r\n            next[node.label] = true;\r\n          }\r\n        }\r\n      }\r\n\r\n      return nodes.some(\r\n        (node) =>\r\n          (isLinkActive?.(node) ?? false) ||\r\n          (!!node.children?.length && walk(node.children)),\r\n      );\r\n    };\r\n\r\n    walk(links);\r\n    setOpenItems((prev) => ({ ...prev, ...next }));\r\n  }, [links, isLinkActive, hasActiveChild]);\r\n\r\n  const toggleItem = (key: string) =>\r\n    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        className,\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n      ),\r\n    [classMap, className, theme, state, outline, rounding, shadow],\r\n  );\r\n\r\n  const renderLinks = (items: SidebarLink[], isChild = false) => (\r\n    <ul\r\n      className={combineClassNames(\r\n        classMap.list,\r\n        isChild && classMap.childList,\r\n      )}\r\n      data-testid={`${testId}-list`}\r\n    >\r\n      {items.map((link, idx) => {\r\n        const {\r\n          label,\r\n          href,\r\n          children,\r\n          icon,\r\n          \"aria-label\": linkAriaLabel,\r\n          \"aria-description\": linkAriaDescription,\r\n          \"aria-disabled\": linkAriaDisabled,\r\n        } = link;\r\n\r\n        const key = `${label}-${idx}`;\r\n\r\n        const isActive = isLinkActive?.(link) ?? false;\r\n        const containsActiveChild =\r\n          hasActiveChild?.(link) ??\r\n          !!children?.some(\r\n            (child) =>\r\n              (isLinkActive?.(child) ?? false) ||\r\n              (child.children?.length && (hasActiveChild?.(child) ?? false)),\r\n          );\r\n\r\n        const isOpen = !!openItems[label];\r\n        const sectionId = idFor(label);\r\n        const buttonId = `${sectionId}-button`;\r\n        const panelId = `${sectionId}-panel`;\r\n\r\n        return (\r\n          <li\r\n            key={key}\r\n            className={classMap.item}\r\n            data-testid={`${testId}-listItem`}\r\n          >\r\n            {children && children.length > 0 ? (\r\n              <>\r\n                <button\r\n                  type=\"button\"\r\n                  id={buttonId}\r\n                  className={combineClassNames(\r\n                    classMap.link,\r\n                    (isActive || isOpen || containsActiveChild) &&\r\n                      classMap.active,\r\n                  )}\r\n                  onClick={() => toggleItem(label)}\r\n                  aria-expanded={isOpen}\r\n                  aria-controls={panelId}\r\n                  aria-label={\r\n                    getExpandButtonAriaLabel?.(link, isOpen) ?? linkAriaLabel\r\n                  }\r\n                  aria-description={\r\n                    getExpandButtonAriaDescription?.(link, isOpen) ??\r\n                    linkAriaDescription\r\n                  }\r\n                  aria-disabled={linkAriaDisabled || undefined}\r\n                  data-testid={`${testId}-expandItemButton`}\r\n                >\r\n                  {icon && <span className={classMap.icon}>{icon}</span>}\r\n                  <span data-testid={`${testId}-expandItemLabel`}>{label}</span>\r\n                  <ChevronDownIcon\r\n                    className={combineClassNames(\r\n                      classMap.chevron,\r\n                      isOpen && classMap.chevronOpen,\r\n                    )}\r\n                    aria-hidden=\"true\"\r\n                    focusable={false}\r\n                    data-testid={`${testId}-expandIcon`}\r\n                  />\r\n                </button>\r\n\r\n                <div\r\n                  id={panelId}\r\n                  className={combineClassNames(\r\n                    classMap.submenu,\r\n                    isOpen && classMap.submenuOpen,\r\n                  )}\r\n                  role=\"group\"\r\n                  aria-labelledby={buttonId}\r\n                  hidden={!isOpen}\r\n                  data-testid={`${testId}-subMenu`}\r\n                >\r\n                  {renderLinks(children, true)}\r\n                </div>\r\n              </>\r\n            ) : href ? (\r\n              <LinkComponent\r\n                href={href}\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                  isActive && classMap.active,\r\n                )}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ) : (\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                )}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLabel`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </span>\r\n            )}\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      className={containerClasses}\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.nav}>{renderLinks(links)}</div>\r\n\r\n      {showFooter && (\r\n        <footer\r\n          className={classMap.footer}\r\n          aria-label={footerAriaLabelledBy ? undefined : footerAriaLabel}\r\n          aria-labelledby={footerAriaLabelledBy}\r\n          data-testid={`${testId}-footer`}\r\n        >\r\n          {footerLinks?.map(\r\n            (\r\n              {\r\n                label,\r\n                href,\r\n                icon,\r\n                \"aria-label\": footerLinkAriaLabel,\r\n                \"aria-description\": footerLinkAriaDescription,\r\n                \"aria-disabled\": footerLinkAriaDisabled,\r\n              },\r\n              i,\r\n            ) => (\r\n              <LinkComponent\r\n                key={`${label}-${i}`}\r\n                href={href}\r\n                className={classMap.footerLink}\r\n                aria-label={footerLinkAriaLabel}\r\n                aria-description={footerLinkAriaDescription}\r\n                aria-disabled={footerLinkAriaDisabled || undefined}\r\n                data-testid={`${testId}-footerLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ),\r\n          )}\r\n          {footerVersion && (\r\n            <span\r\n              className={classMap.footerVersion}\r\n              data-testid={`${testId}-footerVersion`}\r\n            >\r\n              {footerVersion}\r\n            </span>\r\n          )}\r\n        </footer>\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\nexport default SidebarBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport styles from \"./Sidebar.module.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst isDescendantPath = (parentPath: string, currentPath: string): boolean => {\r\n  const parent = normalizePath(parentPath);\r\n  const current = normalizePath(currentPath);\r\n\r\n  if (parent === \"/\") return current === \"/\";\r\n  return current === parent || current.startsWith(`${parent}/`);\r\n};\r\n\r\nconst isActiveRecursive = (\r\n  link: SidebarLink,\r\n  matcher: (link: SidebarLink) => boolean,\r\n): boolean => {\r\n  if (matcher(link)) return true;\r\n  return !!link.children?.some((child) => isActiveRecursive(child, matcher));\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({\r\n  links,\r\n  isLinkActive: consumerIsLinkActive,\r\n  hasActiveChild: consumerHasActiveChild,\r\n  ...rest\r\n}) => {\r\n  const pathname = usePathname() || \"/\";\r\n\r\n  const defaultIsLinkActive = (link: SidebarLink): boolean => {\r\n    if (!link.href) return false;\r\n\r\n    if (link.children?.length) {\r\n      return isDescendantPath(link.href, pathname);\r\n    }\r\n\r\n    return normalizePath(link.href) === normalizePath(pathname);\r\n  };\r\n\r\n  const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;\r\n\r\n  const defaultHasActiveChild = (link: SidebarLink): boolean =>\r\n    !!link.children?.some((child) =>\r\n      isActiveRecursive(child, resolvedIsLinkActive),\r\n    );\r\n\r\n  const resolvedHasActiveChild =\r\n    consumerHasActiveChild ?? defaultHasActiveChild;\r\n\r\n  return (\r\n    <SidebarBase\r\n      links={links}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      isLinkActive={resolvedIsLinkActive}\r\n      hasActiveChild={resolvedHasActiveChild}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","footerVersion","outline","useState","useRef","useEffect","_a","useMemo","combineClassNames","capitalize","jsx","link","icon","jsxs","Fragment","ChevronDownIcon","usePathname","Link"],"mappings":"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"}
+{"version":3,"file":"Sidebar-DpUTsAza.cjs","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/next/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useEffect } from \"react\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\nimport { BaseSidebarProps, SidebarLink } from \"./Sidebar.types\";\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n  links,\r\n  classMap,\r\n  LinkComponent = \"a\",\r\n  isLinkActive,\r\n  hasActiveChild,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  showFooter = false,\r\n  footerLinks,\r\n  footerVersion,\r\n  outline = false,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"sidebar\",\r\n  \"aria-label\": ariaLabel = \"Sidebar navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  footerAriaLabel = \"Sidebar footer\",\r\n  footerAriaLabelledBy,\r\n  getExpandButtonAriaLabel,\r\n  getExpandButtonAriaDescription,\r\n  ...rest\r\n}) => {\r\n  const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n  const idsRef = useRef<Record<string, string>>({});\r\n  const seqRef = useRef(0);\r\n\r\n  const idFor = (label: string) => {\r\n    if (!idsRef.current[label]) {\r\n      const slug = label\r\n        .toLowerCase()\r\n        .replace(/\\s+/g, \"-\")\r\n        .replace(/[^a-z0-9_-]/g, \"\");\r\n      idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;\r\n    }\r\n    return idsRef.current[label];\r\n  };\r\n\r\n  useEffect(() => {\r\n    const next: Record<string, boolean> = {};\r\n\r\n    const walk = (nodes: SidebarLink[]): boolean => {\r\n      for (const node of nodes) {\r\n        if (node.children?.length) {\r\n          const childIsActive =\r\n            hasActiveChild?.(node) ??\r\n            node.children.some(\r\n              (child) =>\r\n                (isLinkActive?.(child) ?? false) ||\r\n                (!!child.children?.length && walk(child.children)),\r\n            );\r\n\r\n          if (childIsActive) {\r\n            next[node.label] = true;\r\n          }\r\n        }\r\n      }\r\n\r\n      return nodes.some(\r\n        (node) =>\r\n          (isLinkActive?.(node) ?? false) ||\r\n          (!!node.children?.length && walk(node.children)),\r\n      );\r\n    };\r\n\r\n    walk(links);\r\n    setOpenItems((prev) => ({ ...prev, ...next }));\r\n  }, [links, isLinkActive, hasActiveChild]);\r\n\r\n  const toggleItem = (key: string) =>\r\n    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        className,\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n      ),\r\n    [classMap, className, theme, state, outline, rounding, shadow],\r\n  );\r\n\r\n  const renderLinks = (items: SidebarLink[], isChild = false) => (\r\n    <ul\r\n      className={combineClassNames(\r\n        classMap.list,\r\n        isChild && classMap.childList,\r\n      )}\r\n      data-testid={`${testId}-list`}\r\n    >\r\n      {items.map((link, idx) => {\r\n        const {\r\n          label,\r\n          href,\r\n          children,\r\n          icon,\r\n          \"aria-label\": linkAriaLabel,\r\n          \"aria-description\": linkAriaDescription,\r\n          \"aria-disabled\": linkAriaDisabled,\r\n        } = link;\r\n\r\n        const key = `${label}-${idx}`;\r\n\r\n        const isActive = isLinkActive?.(link) ?? false;\r\n        const containsActiveChild =\r\n          hasActiveChild?.(link) ??\r\n          !!children?.some(\r\n            (child) =>\r\n              (isLinkActive?.(child) ?? false) ||\r\n              (child.children?.length && (hasActiveChild?.(child) ?? false)),\r\n          );\r\n\r\n        const isOpen = !!openItems[label];\r\n        const sectionId = idFor(label);\r\n        const buttonId = `${sectionId}-button`;\r\n        const panelId = `${sectionId}-panel`;\r\n\r\n        return (\r\n          <li\r\n            key={key}\r\n            className={classMap.item}\r\n            data-testid={`${testId}-listItem`}\r\n          >\r\n            {children && children.length > 0 ? (\r\n              <>\r\n                <button\r\n                  type=\"button\"\r\n                  id={buttonId}\r\n                  className={combineClassNames(\r\n                    classMap.link,\r\n                    (isActive || isOpen || containsActiveChild) &&\r\n                      classMap.active,\r\n                  )}\r\n                  onClick={() => toggleItem(label)}\r\n                  aria-expanded={isOpen}\r\n                  aria-controls={panelId}\r\n                  aria-label={\r\n                    getExpandButtonAriaLabel?.(link, isOpen) ?? linkAriaLabel\r\n                  }\r\n                  aria-description={\r\n                    getExpandButtonAriaDescription?.(link, isOpen) ??\r\n                    linkAriaDescription\r\n                  }\r\n                  aria-disabled={linkAriaDisabled || undefined}\r\n                  data-testid={`${testId}-expandItemButton`}\r\n                >\r\n                  {icon && <span className={classMap.icon}>{icon}</span>}\r\n                  <span data-testid={`${testId}-expandItemLabel`}>{label}</span>\r\n                  <ChevronDownIcon\r\n                    className={combineClassNames(\r\n                      classMap.chevron,\r\n                      isOpen && classMap.chevronOpen,\r\n                    )}\r\n                    aria-hidden=\"true\"\r\n                    focusable={false}\r\n                    data-testid={`${testId}-expandIcon`}\r\n                  />\r\n                </button>\r\n\r\n                <div\r\n                  id={panelId}\r\n                  className={combineClassNames(\r\n                    classMap.submenu,\r\n                    isOpen && classMap.submenuOpen,\r\n                  )}\r\n                  role=\"group\"\r\n                  aria-labelledby={buttonId}\r\n                  hidden={!isOpen}\r\n                  data-testid={`${testId}-subMenu`}\r\n                >\r\n                  {renderLinks(children, true)}\r\n                </div>\r\n              </>\r\n            ) : href ? (\r\n              <LinkComponent\r\n                href={href}\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                  isActive && classMap.active,\r\n                )}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ) : (\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                )}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLabel`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </span>\r\n            )}\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      className={containerClasses}\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.nav}>{renderLinks(links)}</div>\r\n\r\n      {showFooter && (\r\n        <footer\r\n          className={classMap.footer}\r\n          aria-label={footerAriaLabelledBy ? undefined : footerAriaLabel}\r\n          aria-labelledby={footerAriaLabelledBy}\r\n          data-testid={`${testId}-footer`}\r\n        >\r\n          {footerLinks?.map(\r\n            (\r\n              {\r\n                label,\r\n                href,\r\n                icon,\r\n                \"aria-label\": footerLinkAriaLabel,\r\n                \"aria-description\": footerLinkAriaDescription,\r\n                \"aria-disabled\": footerLinkAriaDisabled,\r\n              },\r\n              i,\r\n            ) => (\r\n              <LinkComponent\r\n                key={`${label}-${i}`}\r\n                href={href}\r\n                className={classMap.footerLink}\r\n                aria-label={footerLinkAriaLabel}\r\n                aria-description={footerLinkAriaDescription}\r\n                aria-disabled={footerLinkAriaDisabled || undefined}\r\n                data-testid={`${testId}-footerLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ),\r\n          )}\r\n          {footerVersion && (\r\n            <span\r\n              className={classMap.footerVersion}\r\n              data-testid={`${testId}-footerVersion`}\r\n            >\r\n              {footerVersion}\r\n            </span>\r\n          )}\r\n        </footer>\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\nexport default SidebarBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport styles from \"./Sidebar.module.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst isDescendantPath = (parentPath: string, currentPath: string): boolean => {\r\n  const parent = normalizePath(parentPath);\r\n  const current = normalizePath(currentPath);\r\n\r\n  if (parent === \"/\") return current === \"/\";\r\n  return current === parent || current.startsWith(`${parent}/`);\r\n};\r\n\r\nconst isActiveRecursive = (\r\n  link: SidebarLink,\r\n  matcher: (link: SidebarLink) => boolean,\r\n): boolean => {\r\n  if (matcher(link)) return true;\r\n  return !!link.children?.some((child) => isActiveRecursive(child, matcher));\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({\r\n  links,\r\n  isLinkActive: consumerIsLinkActive,\r\n  hasActiveChild: consumerHasActiveChild,\r\n  ...rest\r\n}) => {\r\n  const pathname = usePathname() || \"/\";\r\n\r\n  const defaultIsLinkActive = (link: SidebarLink): boolean => {\r\n    if (!link.href) return false;\r\n\r\n    if (link.children?.length) {\r\n      return isDescendantPath(link.href, pathname);\r\n    }\r\n\r\n    return normalizePath(link.href) === normalizePath(pathname);\r\n  };\r\n\r\n  const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;\r\n\r\n  const defaultHasActiveChild = (link: SidebarLink): boolean =>\r\n    !!link.children?.some((child) =>\r\n      isActiveRecursive(child, resolvedIsLinkActive),\r\n    );\r\n\r\n  const resolvedHasActiveChild =\r\n    consumerHasActiveChild ?? defaultHasActiveChild;\r\n\r\n  return (\r\n    <SidebarBase\r\n      links={links}\r\n      classMap={styles}\r\n      LinkComponent={Link}\r\n      isLinkActive={resolvedIsLinkActive}\r\n      hasActiveChild={resolvedHasActiveChild}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","footerVersion","outline","useState","useRef","useEffect","_a","useMemo","combineClassNames","capitalize","jsx","link","icon","jsxs","Fragment","ChevronDownIcon","usePathname","Link"],"mappings":"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"}

package/dist/next/Sidebar.cjs.js

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

package/dist/next/Sidebar.css

@@ -0,0 +1,515 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+._wrapper_1y7qr_85 {
+  width: 240px;
+  height: 100vh;
+  background-color: var(--background-color-light);
+  border-right: 1px solid var(--background-color-lighter);
+  position: sticky;
+  top: 0;
+  overflow-y: auto;
+  font-family: var(--font-family-ui);
+  overscroll-behavior: contain;
+}
+@media (width <= 767.98px) {
+  ._wrapper_1y7qr_85 {
+    width: 200px;
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_1y7qr_85 {
+    width: 260px;
+  }
+}
+@media (width <= 319.98px) {
+  ._wrapper_1y7qr_85 {
+    width: 100%;
+    height: auto;
+    position: relative;
+    border-right: none;
+    border-bottom: 1px solid var(--background-color-lighter);
+  }
+}
+._wrapper_1y7qr_85._roundNone_1y7qr_115 {
+  border-radius: var(--border-radius-none);
+}
+._wrapper_1y7qr_85._roundSmall_1y7qr_118 {
+  border-radius: var(--border-radius-sm);
+}
+._wrapper_1y7qr_85._roundMedium_1y7qr_121 {
+  border-radius: var(--border-radius-md);
+}
+._wrapper_1y7qr_85._roundLarge_1y7qr_124 {
+  border-radius: var(--border-radius-lg);
+}
+._wrapper_1y7qr_85._roundFull_1y7qr_127 {
+  border-radius: var(--border-radius-full);
+}
+._wrapper_1y7qr_85._shadowNone_1y7qr_130 {
+  box-shadow: var(--box-shadow-none);
+}
+._wrapper_1y7qr_85._shadowLight_1y7qr_133 {
+  box-shadow: var(--box-shadow-light);
+}
+._wrapper_1y7qr_85._shadowMedium_1y7qr_136 {
+  box-shadow: var(--box-shadow-medium);
+}
+._wrapper_1y7qr_85._shadowStrong_1y7qr_139 {
+  box-shadow: var(--box-shadow-heavy);
+}
+._wrapper_1y7qr_85._shadowIntense_1y7qr_142 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+._primary_1y7qr_146 ._active_1y7qr_146 {
+  background-color: var(--primary-color);
+  color: var(--text-color-primary);
+}
+
+._primary_1y7qr_146._outline_1y7qr_151 ._active_1y7qr_146 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--primary-color);
+}
+@media (width <= 479.98px) {
+  ._primary_1y7qr_146._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._wrapper_1y7qr_85._clear_1y7qr_162._primary_1y7qr_146 ._active_1y7qr_146 {
+  background-color: transparent;
+}
+
+._secondary_1y7qr_166 ._active_1y7qr_146 {
+  background-color: var(--secondary-color);
+  color: var(--text-color-secondary);
+}
+
+._secondary_1y7qr_166._outline_1y7qr_151 ._active_1y7qr_146 {
+  background-color: transparent;
+  color: var(--text-color-secondary);
+  border: 2px solid var(--secondary-color);
+}
+@media (width <= 479.98px) {
+  ._secondary_1y7qr_166._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._wrapper_1y7qr_85._clear_1y7qr_162._secondary_1y7qr_166 ._active_1y7qr_146 {
+  background-color: transparent;
+}
+
+._tertiary_1y7qr_186 ._active_1y7qr_146 {
+  background-color: var(--tertiary-color);
+  color: var(--text-color-primary);
+}
+
+._tertiary_1y7qr_186._outline_1y7qr_151 ._active_1y7qr_146 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--tertiary-color);
+}
+@media (width <= 479.98px) {
+  ._tertiary_1y7qr_186._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._wrapper_1y7qr_85._clear_1y7qr_162._tertiary_1y7qr_186 ._active_1y7qr_146 {
+  background-color: transparent;
+}
+
+._quaternary_1y7qr_206 ._active_1y7qr_146 {
+  background-color: var(--quaternary-color);
+  color: var(--text-color-primary);
+}
+
+._quaternary_1y7qr_206._outline_1y7qr_151 ._active_1y7qr_146 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--quaternary-color);
+}
+@media (width <= 479.98px) {
+  ._quaternary_1y7qr_206._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._wrapper_1y7qr_85._clear_1y7qr_162._quaternary_1y7qr_206 ._active_1y7qr_146 {
+  background-color: transparent;
+}
+
+._clear_1y7qr_162 ._active_1y7qr_146 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+
+._clear_1y7qr_162._outline_1y7qr_151 ._active_1y7qr_146 {
+  background-color: transparent;
+  color: var(--text-color-primary);
+  border: 2px solid var(--text-color-primary);
+}
+@media (width <= 479.98px) {
+  ._clear_1y7qr_162._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._wrapper_1y7qr_85._clear_1y7qr_162._clear_1y7qr_162 ._active_1y7qr_146 {
+  background-color: transparent;
+}
+
+._success_1y7qr_246 ._active_1y7qr_146 {
+  background-color: var(--success-color);
+  color: var(--text-color-primary);
+}
+._success_1y7qr_246 ._active_1y7qr_146:hover {
+  background-color: var(--success-color-hover);
+}
+
+._success_1y7qr_246._outline_1y7qr_151 ._active_1y7qr_146 {
+  border: 2px solid var(--success-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._success_1y7qr_246._outline_1y7qr_151 ._active_1y7qr_146:hover {
+  background-color: var(--success-color-hover);
+}
+@media (width <= 479.98px) {
+  ._success_1y7qr_246._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._error_1y7qr_268 ._active_1y7qr_146 {
+  background-color: var(--error-color);
+  color: var(--text-color-primary);
+}
+._error_1y7qr_268 ._active_1y7qr_146:hover {
+  background-color: var(--error-color-hover);
+}
+
+._error_1y7qr_268._outline_1y7qr_151 ._active_1y7qr_146 {
+  border: 2px solid var(--error-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._error_1y7qr_268._outline_1y7qr_151 ._active_1y7qr_146:hover {
+  background-color: var(--error-color-hover);
+}
+@media (width <= 479.98px) {
+  ._error_1y7qr_268._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._warning_1y7qr_290 ._active_1y7qr_146 {
+  background-color: var(--warning-color);
+  color: var(--text-color-primary);
+}
+._warning_1y7qr_290 ._active_1y7qr_146:hover {
+  background-color: var(--warning-color-hover);
+}
+
+._warning_1y7qr_290._outline_1y7qr_151 ._active_1y7qr_146 {
+  border: 2px solid var(--warning-color);
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+._warning_1y7qr_290._outline_1y7qr_151 ._active_1y7qr_146:hover {
+  background-color: var(--warning-color-hover);
+}
+@media (width <= 479.98px) {
+  ._warning_1y7qr_290._outline_1y7qr_151 ._active_1y7qr_146 {
+    border-width: 1.5px;
+  }
+}
+
+._nav_1y7qr_312 {
+  display: flex;
+  flex-direction: column;
+}
+
+._list_1y7qr_317 {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+@media (width <= 319.98px) {
+  ._list_1y7qr_317 {
+    display: contents;
+  }
+}
+
+._link_1y7qr_328 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  color: var(--text-color-secondary);
+  text-decoration: none;
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: var(--transition-default);
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+}
+._link_1y7qr_328:hover {
+  text-decoration: none;
+  background-color: var(--background-color-dark);
+  color: var(--text-color-primary);
+  letter-spacing: 0.05em;
+}
+._link_1y7qr_328:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+@media (width <= 319.98px) {
+  ._link_1y7qr_328 {
+    padding: var(--spacing-xs) var(--spacing-sm);
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._link_1y7qr_328 {
+    padding: var(--spacing-sm) var(--spacing-md);
+    font-size: var(--font-size-body-sm);
+  }
+}
+
+._active_1y7qr_146 {
+  font-weight: var(--font-weight-label);
+  letter-spacing: 0.1em;
+}
+
+._childLink_1y7qr_375 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-body-sm);
+}
+@media (width <= 319.98px) {
+  ._childLink_1y7qr_375 {
+    font-size: var(--font-size-label);
+  }
+}
+
+._icon_1y7qr_385 {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 2px;
+}
+._icon_1y7qr_385 svg {
+  width: 1em;
+  height: 1em;
+}
+@media (width <= 319.98px) {
+  ._icon_1y7qr_385 {
+    margin-right: var(--spacing-xxs);
+  }
+  ._icon_1y7qr_385 svg {
+    width: 0.95em;
+    height: 0.95em;
+  }
+}
+@media (min-width: 1024px) {
+  ._icon_1y7qr_385 svg {
+    width: 1.05em;
+    height: 1.05em;
+  }
+}
+
+._chevron_1y7qr_410 {
+  transition: transform 0.2s ease;
+}
+
+._chevronOpen_1y7qr_414 {
+  transform: rotate(180deg);
+}
+
+._submenu_1y7qr_418 {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.25s ease;
+}
+
+._submenuOpen_1y7qr_424 {
+  max-height: max-content;
+}
+
+._childList_1y7qr_428 {
+  border-left: 3px solid var(--background-color-darker);
+  margin: 0.25rem 0;
+}
+@media (width <= 319.98px) {
+  ._childList_1y7qr_428 {
+    border-left-width: 2px;
+  }
+}
+
+._footer_1y7qr_438 {
+  position: absolute;
+  bottom: 0;
+  margin-top: auto;
+  width: 100%;
+  padding: 1rem;
+  padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
+  border-top: 1px solid var(--background-color-darker);
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+@media (width <= 319.98px) {
+  ._footer_1y7qr_438 {
+    position: static;
+    border-top: none;
+    padding: var(--spacing-sm);
+    gap: var(--spacing-xs);
+  }
+}
+
+._footerLink_1y7qr_459 {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-sm);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  text-decoration: none;
+}
+._footerLink_1y7qr_459:hover {
+  color: var(--text-color-primary);
+}
+._footerLink_1y7qr_459:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+._footerVersion_1y7qr_476 {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-caption);
+  font-weight: var(--font-weight-body);
+  line-height: var(--line-height-body);
+  letter-spacing: var(--letter-spacing-body);
+  opacity: 0.7;
+  margin-top: 0.5rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._wrapper_1y7qr_85,
+  ._wrapper_1y7qr_85 * {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+@media (hover: none) {
+  ._link_1y7qr_328:hover {
+    background-color: transparent;
+    letter-spacing: normal;
+  }
+}
+@media (forced-colors: active) {
+  ._wrapper_1y7qr_85 {
+    background: Canvas;
+    color: CanvasText;
+    border-color: ButtonFace;
+  }
+  ._link_1y7qr_328 {
+    color: ButtonText;
+  }
+  ._link_1y7qr_328:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+  ._childList_1y7qr_428 {
+    border-left-color: ButtonText;
+  }
+}

package/dist/next/Sidebar.js

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