silver-ui 0.3.1 → 0.5.0

package/dist/{chunk-EVKFA5FA.cjs → chunk-FCUUGJTM.cjs}

@@ -1,16 +1,17 @@
 'use strict';
 
-var chunkZLATP3P5_cjs = require('./chunk-ZLATP3P5.cjs');
-var chunkNYQPIBOD_cjs = require('./chunk-NYQPIBOD.cjs');
-var chunkBRB52QFV_cjs = require('./chunk-BRB52QFV.cjs');
-var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
-var chunkLFRTNC7M_cjs = require('./chunk-LFRTNC7M.cjs');
-var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
+var chunk7CTHD4G6_cjs = require('./chunk-7CTHD4G6.cjs');
+var chunkTSKFGLGQ_cjs = require('./chunk-TSKFGLGQ.cjs');
+var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkOUZX7STE_cjs = require('./chunk-OUZX7STE.cjs');
+var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -75,7 +76,7 @@ function SideNavCollapseButton() {
   }
   const tooltipLabel = isCollapsed ? "Expand sidebar" : "Collapse sidebar";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBRB52QFV_cjs.Button,
+    chunk5XMWGK3O_cjs.Button,
     {
       className: isCollapsed ? void 0 : styles.expanded,
       icon: isCollapsed ? lucideReact.ChevronRight : lucideReact.ChevronLeft,
@@ -174,6 +175,7 @@ function SideNav({
       {
         className: chunkSPDVNY2Z_cjs.cx(sideNavRecipe({ mode: "topbar" }), className),
         "data-testid": dataTestId,
+        ref,
         style,
         children: [
           header,
@@ -183,12 +185,20 @@ function SideNav({
     );
   }
   if (renderMode === "drawer") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(chunkZLATP3P5_cjs.MobileNav, { "data-testid": dataTestId, header, children: [
-      topContent,
-      children,
-      footer,
-      footerIcons
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunk7CTHD4G6_cjs.MobileNav,
+      {
+        "data-testid": dataTestId,
+        header,
+        ref,
+        children: [
+          topContent,
+          children,
+          footer,
+          footerIcons
+        ]
+      }
+    );
   }
   if (renderMode === "drawer-content") {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -205,7 +215,6 @@ function SideNav({
       className: chunkSPDVNY2Z_cjs.cx(sideNavRecipe({ isCollapsed }), className),
       "data-testid": dataTestId,
       ref,
-      role: "navigation",
       style,
       children: [
         chunkQAO6QMNQ_cjs.isReactNode(header) || !isCollapsed && chunkQAO6QMNQ_cjs.isReactNode(topContent) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.stickyTop, children: [
@@ -296,7 +305,7 @@ function SideNavHeading({
   subheading,
   superheading
 }) {
-  const LinkComponent = chunkLFRTNC7M_cjs.useLinkComponent(as);
+  const LinkComponent = chunkOUZX7STE_cjs.useLinkComponent(as);
   const { isCollapsed } = useSideNavCollapse();
   const resolvedHref = headingHref ?? href;
   const Element = resolvedHref != null ? LinkComponent : "div";
@@ -316,9 +325,9 @@ function SideNavHeading({
       children: [
         chunkQAO6QMNQ_cjs.isReactNode(logo) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles3.logo, children: logo }) : null,
         !isCollapsed ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles3.text, children: [
-          superheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { color: "secondary", type: "supporting", children: superheading }) : null,
-          heading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { type: "large", weight: "semibold", children: heading }) : null,
-          subheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { color: "secondary", type: "supporting", children: subheading }) : null
+          superheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { color: "secondary", type: "supporting", children: superheading }) : null,
+          heading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { type: "large", weight: "semibold", children: heading }) : null,
+          subheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { color: "secondary", type: "supporting", children: subheading }) : null
         ] }) : null,
         !isCollapsed && chunkQAO6QMNQ_cjs.isReactNode(headerEndContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles3.endContent, children: headerEndContent }) : null
       ]
@@ -326,123 +335,153 @@ function SideNavHeading({
   );
 }
 SideNavHeading.displayName = "SideNavHeading";
-var styles4 = {
-  navItem: chunkRU6JG3FS_cjs.css({
-    color: "fg.muted",
-    fontSize: "sm",
-    fontWeight: "medium",
-    minH: "8",
-    py: "0.5",
-    // Override Item's default `bg.subtle` hover, which is invisible when the
-    // SideNav sits on the AppShell's `bg.subtle` surface. Match TopNavItem's
-    // darker `bg.hover` so the hover is visible in both navs.
-    _hover: { bg: "bg.hover" }
-  }),
-  navItemSelected: chunkRU6JG3FS_cjs.css({
-    bg: "bg.hover",
-    color: "fg",
-    fontWeight: "semibold"
-  }),
-  icon: chunkRU6JG3FS_cjs.css({
-    flexShrink: 0,
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: "var(--silver-sizes-icon-md)"
-  }),
-  collapsed: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    w: "10",
-    minH: "8",
-    px: 0,
-    py: "1.5",
-    borderRadius: "md",
-    color: "fg.muted",
-    textDecoration: "none",
-    bg: "transparent",
-    borderWidth: 0,
-    cursor: "pointer",
-    _hover: { bg: "bg.hover" },
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset"
-    }
-  }),
-  collapsedSelected: chunkRU6JG3FS_cjs.css({
-    bg: "bg.hover",
-    color: "fg"
-  }),
-  collapsedDisabled: chunkRU6JG3FS_cjs.css({
-    opacity: 0.5,
-    cursor: "not-allowed",
-    pointerEvents: "none"
-  }),
-  toggleRow: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    w: "100%",
-    cursor: "pointer",
-    borderRadius: "md",
-    _hover: { bg: "bg.hover" },
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset"
+
+// src/components/SideNav/SideNavItem.recipe.ts
+var expandedLabelBase = {
+  color: "fg.muted",
+  fontSize: "sm",
+  fontWeight: "medium",
+  minH: "8",
+  py: "0.5",
+  // Override Item's default `bg.subtle` hover, which is invisible when the
+  // SideNav sits on the AppShell's `bg.subtle` surface. Match TopNavItem's
+  // darker `bg.hover` so the hover is visible in both navs.
+  _hover: { bg: "bg.hover" }
+};
+var sideNavItemRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: [
+    "item",
+    "icon",
+    "collapsed",
+    "toggleRow",
+    "toggleLabel",
+    "toggleButton",
+    "chevron",
+    "childrenContainer",
+    "childrenInner"
+  ],
+  base: {
+    item: expandedLabelBase,
+    toggleLabel: expandedLabelBase,
+    icon: {
+      flexShrink: 0,
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      fontSize: "var(--silver-sizes-icon-md)"
+    },
+    collapsed: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      w: "10",
+      minH: "8",
+      px: 0,
+      py: "1.5",
+      borderRadius: "md",
+      color: "fg.muted",
+      textDecoration: "none",
+      bg: "transparent",
+      borderWidth: 0,
+      cursor: "pointer",
+      _hover: { bg: "bg.hover" },
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset"
+      }
+    },
+    toggleRow: {
+      display: "flex",
+      w: "100%",
+      cursor: "pointer",
+      borderRadius: "md",
+      _hover: { bg: "bg.hover" },
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset"
+      }
+    },
+    toggleButton: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      w: "7",
+      h: "7",
+      borderRadius: "md",
+      cursor: "pointer",
+      color: "fg.muted",
+      _hover: { bg: "bg.hover" },
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset"
+      }
+    },
+    chevron: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      transitionProperty: "transform",
+      transitionDuration: "fast",
+      transitionTimingFunction: "default"
+    },
+    childrenContainer: {
+      display: "grid",
+      gridTemplateRows: "1fr",
+      transitionProperty: "grid-template-rows",
+      transitionDuration: "fast",
+      transitionTimingFunction: "default"
+    },
+    childrenInner: {
+      overflow: "hidden",
+      ps: "6"
     }
-  }),
-  toggleRowDisabled: chunkRU6JG3FS_cjs.css({
-    opacity: 0.5,
-    cursor: "not-allowed",
-    pointerEvents: "none"
-  }),
-  chevron: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    transitionProperty: "transform",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default"
-  }),
-  chevronExpanded: chunkRU6JG3FS_cjs.css({
-    transform: "rotate(180deg)"
-  }),
-  toggleButton: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0,
-    w: "7",
-    h: "7",
-    borderRadius: "md",
-    cursor: "pointer",
-    color: "fg.muted",
-    _hover: { bg: "bg.hover" },
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset"
+  },
+  variants: {
+    isSelected: {
+      true: {
+        item: { bg: "bg.hover", color: "fg", fontWeight: "semibold" },
+        toggleRow: { bg: "bg.hover", color: "fg", fontWeight: "semibold" },
+        collapsed: { bg: "bg.hover", color: "fg" }
+      },
+      false: {}
+    },
+    isDisabled: {
+      true: {
+        collapsed: {
+          opacity: 0.5,
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        },
+        toggleRow: {
+          opacity: 0.5,
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
+      },
+      false: {}
+    },
+    isExpanded: {
+      true: {
+        chevron: { transform: "rotate(180deg)" }
+      },
+      false: {
+        childrenContainer: { gridTemplateRows: "0fr" }
+      }
     }
-  }),
-  childrenContainer: chunkRU6JG3FS_cjs.css({
-    display: "grid",
-    gridTemplateRows: "1fr",
-    transitionProperty: "grid-template-rows",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default"
-  }),
-  childrenCollapsed: chunkRU6JG3FS_cjs.css({
-    gridTemplateRows: "0fr"
-  }),
-  childrenInner: chunkRU6JG3FS_cjs.css({
-    overflow: "hidden",
-    ps: "6"
-  })
-};
+  },
+  defaultVariants: {
+    isSelected: false,
+    isDisabled: false,
+    isExpanded: true
+  }
+});
 function SideNavItem({
   as,
   children,
@@ -460,14 +499,21 @@ function SideNavItem({
   ref,
   style
 }) {
-  const LinkComponent = chunkLFRTNC7M_cjs.useLinkComponent(as);
-  const { closeMobileNav } = chunkZLATP3P5_cjs.useAppShellMobile();
+  const LinkComponent = chunkOUZX7STE_cjs.useLinkComponent(as);
+  const { closeMobileNav, isMobileNavOpen } = chunk7CTHD4G6_cjs.useAppShellMobile();
   const { isCollapsed } = useSideNavCollapse();
   const [isExpanded, setIsExpanded] = react.useState(isDefaultExpanded);
   const childrenId = react.useId();
   const hasChildren = chunkQAO6QMNQ_cjs.isReactNode(children);
   const isExpandable = hasChildren && isItemCollapsible;
   const hasPrimaryAction = href != null || onClick != null;
+  const classes = sideNavItemRecipe({
+    isSelected,
+    isDisabled,
+    // Only expandable items animate their children open/closed and rotate a
+    // chevron; non-expandable items keep their children fully shown.
+    isExpanded: !isExpandable || isExpanded
+  });
   const toggleExpanded = react.useCallback(() => {
     setIsExpanded((prev) => !prev);
   }, []);
@@ -477,16 +523,13 @@ function SideNavItem({
       return;
     }
     onClick?.(event);
-    closeMobileNav();
+    if (isMobileNavOpen) {
+      closeMobileNav();
+    }
   };
-  const iconSlot = icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles4.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon, size: "sm" }) }) : void 0;
+  const iconSlot = icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon, size: "sm" }) }) : void 0;
   if (isCollapsed) {
-    const collapsedClassNames = chunkSPDVNY2Z_cjs.cx(
-      styles4.collapsed,
-      isSelected && styles4.collapsedSelected,
-      isDisabled && styles4.collapsedDisabled,
-      className
-    );
+    const collapsedClassNames = chunkSPDVNY2Z_cjs.cx(classes.collapsed, className);
     if (href != null && !isDisabled) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         LinkComponent,
@@ -520,19 +563,8 @@ function SideNavItem({
       }
     );
   }
-  const chevronSlot = isExpandable ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkSPDVNY2Z_cjs.cx(styles4.chevron, isExpanded && styles4.chevronExpanded), children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.ChevronDown, size: "sm" }) }) : null;
-  const childrenContainer = chunkQAO6QMNQ_cjs.isReactNode(children) ? /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles4.childrenContainer,
-        isExpandable && !isExpanded && styles4.childrenCollapsed
-      ),
-      id: childrenId,
-      role: "group",
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.childrenInner, children })
-    }
-  ) : null;
+  const chevronSlot = isExpandable ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.chevron, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.ChevronDown, size: "sm" }) }) : null;
+  const childrenContainer = chunkQAO6QMNQ_cjs.isReactNode(children) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.childrenContainer, id: childrenId, role: "group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.childrenInner, children }) }) : null;
   if (isExpandable && !hasPrimaryAction) {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -540,12 +572,7 @@ function SideNavItem({
         {
           "aria-controls": childrenId,
           "aria-expanded": isExpanded,
-          className: chunkSPDVNY2Z_cjs.cx(
-            styles4.toggleRow,
-            isSelected && styles4.navItemSelected,
-            isDisabled && styles4.toggleRowDisabled,
-            className
-          ),
+          className: chunkSPDVNY2Z_cjs.cx(classes.toggleRow, className),
           "data-testid": dataTestId,
           disabled: isDisabled,
           onClick: toggleExpanded,
@@ -553,10 +580,10 @@ function SideNavItem({
           style,
           type: "button",
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkNYQPIBOD_cjs.Item,
+            chunkTSKFGLGQ_cjs.Item,
             {
               as: "span",
-              className: styles4.navItem,
+              className: classes.toggleLabel,
               endContent: chevronSlot,
               label,
               startContent: iconSlot
@@ -570,14 +597,10 @@ function SideNavItem({
   if (isExpandable && hasPrimaryAction) {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNYQPIBOD_cjs.Item,
+        chunkTSKFGLGQ_cjs.Item,
         {
           "aria-current": isSelected ? "page" : void 0,
-          className: chunkSPDVNY2Z_cjs.cx(
-            styles4.navItem,
-            isSelected && styles4.navItemSelected,
-            className
-          ),
+          className: chunkSPDVNY2Z_cjs.cx(classes.item, className),
           "data-testid": dataTestId,
           endContent,
           href: isDisabled ? void 0 : href,
@@ -594,7 +617,7 @@ function SideNavItem({
               "aria-controls": childrenId,
               "aria-expanded": isExpanded,
               "aria-label": isExpanded ? `Collapse ${label}` : `Expand ${label}`,
-              className: styles4.toggleButton,
+              className: classes.toggleButton,
               onClick: toggleExpanded,
               type: "button",
               children: chevronSlot
@@ -607,14 +630,10 @@ function SideNavItem({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNYQPIBOD_cjs.Item,
+      chunkTSKFGLGQ_cjs.Item,
       {
         "aria-current": isSelected ? "page" : void 0,
-        className: chunkSPDVNY2Z_cjs.cx(
-          styles4.navItem,
-          isSelected && styles4.navItemSelected,
-          className
-        ),
+        className: chunkSPDVNY2Z_cjs.cx(classes.item, className),
         "data-testid": dataTestId,
         endContent,
         href: isDisabled ? void 0 : href,
@@ -631,7 +650,7 @@ function SideNavItem({
   ] });
 }
 SideNavItem.displayName = "SideNavItem";
-var styles5 = {
+var styles4 = {
   root: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column",
@@ -679,31 +698,30 @@ function SideNavSection({
   const id = react.useId();
   const titleId = `${id}-title`;
   const shouldHideHeader = isHeaderHidden || isCollapsed;
-  const header = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles5.header, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles5.titleContainer, children: [
+  const header = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.header, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles4.titleContainer, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkQEFE4QBL_cjs.Text,
+        chunk3Z5PF75J_cjs.Text,
         {
           as: "span",
           color: "secondary",
-          "data-testid": void 0,
           id: titleId,
           type: "supporting",
           weight: "semibold",
           children: title
         }
       ),
-      subtitle != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: subtitle }) : null
+      subtitle != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: subtitle }) : null
     ] }),
-    chunkQAO6QMNQ_cjs.isReactNode(endContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles5.endContent, children: endContent }) : null
+    chunkQAO6QMNQ_cjs.isReactNode(endContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles4.endContent, children: endContent }) : null
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       "aria-labelledby": titleId,
       className: chunkSPDVNY2Z_cjs.cx(
-        styles5.root,
-        isCollapsed && styles5.rootCollapsed,
+        styles4.root,
+        isCollapsed && styles4.rootCollapsed,
         className
       ),
       "data-testid": dataTestId,
@@ -711,8 +729,8 @@ function SideNavSection({
       role: "group",
       style,
       children: [
-        shouldHideHeader ? /* @__PURE__ */ jsxRuntime.jsx(chunkWMXIUOOU_cjs.VisuallyHidden, { children: header }) : header,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles5.items, children })
+        shouldHideHeader ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: header }) : header,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.items, children })
       ]
     }
   );
@@ -725,5 +743,5 @@ exports.SideNavHeading = SideNavHeading;
 exports.SideNavItem = SideNavItem;
 exports.SideNavRenderContext = SideNavRenderContext;
 exports.SideNavSection = SideNavSection;
-//# sourceMappingURL=chunk-EVKFA5FA.cjs.map
-//# sourceMappingURL=chunk-EVKFA5FA.cjs.map
+//# sourceMappingURL=chunk-FCUUGJTM.cjs.map
+//# sourceMappingURL=chunk-FCUUGJTM.cjs.map