silver-ui 0.3.1 → 0.5.0

package/dist/{chunk-54J6FRPG.js → chunk-DZZEJY3J.js}

@@ -1,14 +1,15 @@
-import { MobileNav, useAppShellMobile } from './chunk-YLGAJD6Q.js';
-import { Item } from './chunk-EBQ3A4XO.js';
-import { Button } from './chunk-RVENUWRD.js';
-import { Text } from './chunk-76B2VLID.js';
-import { useLinkComponent } from './chunk-2IKWX66Q.js';
-import { VisuallyHidden } from './chunk-EXYBQVZT.js';
+import { MobileNav, useAppShellMobile } from './chunk-HNDDNW52.js';
+import { Item } from './chunk-J2YKUHQM.js';
+import { Button } from './chunk-THTVYP5V.js';
+import { Text } from './chunk-RJEZBOSH.js';
+import { useLinkComponent } from './chunk-EFBSEJBD.js';
+import { VisuallyHidden } from './chunk-V2V5TTTL.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
-import { Icon } from './chunk-7T3SWOY7.js';
+import { Icon } from './chunk-IUW777WZ.js';
+import { sva } from './chunk-IAVZKGZS.js';
 import { cva } from './chunk-FMEIPGUP.js';
-import { cx } from './chunk-PPNETWIP.js';
 import { css } from './chunk-OD4DHHZH.js';
+import { cx } from './chunk-PPNETWIP.js';
 import { createContext, useState, useCallback, useMemo, useId, use } from 'react';
 import { ChevronDown, ChevronRight, ChevronLeft } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -172,6 +173,7 @@ function SideNav({
       {
         className: cx(sideNavRecipe({ mode: "topbar" }), className),
         "data-testid": dataTestId,
+        ref,
         style,
         children: [
           header,
@@ -181,12 +183,20 @@ function SideNav({
     );
   }
   if (renderMode === "drawer") {
-    return /* @__PURE__ */ jsxs(MobileNav, { "data-testid": dataTestId, header, children: [
-      topContent,
-      children,
-      footer,
-      footerIcons
-    ] });
+    return /* @__PURE__ */ jsxs(
+      MobileNav,
+      {
+        "data-testid": dataTestId,
+        header,
+        ref,
+        children: [
+          topContent,
+          children,
+          footer,
+          footerIcons
+        ]
+      }
+    );
   }
   if (renderMode === "drawer-content") {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -203,7 +213,6 @@ function SideNav({
       className: cx(sideNavRecipe({ isCollapsed }), className),
       "data-testid": dataTestId,
       ref,
-      role: "navigation",
       style,
       children: [
         isReactNode(header) || !isCollapsed && isReactNode(topContent) ? /* @__PURE__ */ jsxs("div", { className: styles2.stickyTop, children: [
@@ -324,123 +333,153 @@ function SideNavHeading({
   );
 }
 SideNavHeading.displayName = "SideNavHeading";
-var styles4 = {
-  navItem: 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: css({
-    bg: "bg.hover",
-    color: "fg",
-    fontWeight: "semibold"
-  }),
-  icon: css({
-    flexShrink: 0,
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: "var(--silver-sizes-icon-md)"
-  }),
-  collapsed: 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: css({
-    bg: "bg.hover",
-    color: "fg"
-  }),
-  collapsedDisabled: css({
-    opacity: 0.5,
-    cursor: "not-allowed",
-    pointerEvents: "none"
-  }),
-  toggleRow: 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 = 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: css({
-    opacity: 0.5,
-    cursor: "not-allowed",
-    pointerEvents: "none"
-  }),
-  chevron: css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    transitionProperty: "transform",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default"
-  }),
-  chevronExpanded: css({
-    transform: "rotate(180deg)"
-  }),
-  toggleButton: 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: css({
-    display: "grid",
-    gridTemplateRows: "1fr",
-    transitionProperty: "grid-template-rows",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default"
-  }),
-  childrenCollapsed: css({
-    gridTemplateRows: "0fr"
-  }),
-  childrenInner: css({
-    overflow: "hidden",
-    ps: "6"
-  })
-};
+  },
+  defaultVariants: {
+    isSelected: false,
+    isDisabled: false,
+    isExpanded: true
+  }
+});
 function SideNavItem({
   as,
   children,
@@ -459,13 +498,20 @@ function SideNavItem({
   style
 }) {
   const LinkComponent = useLinkComponent(as);
-  const { closeMobileNav } = useAppShellMobile();
+  const { closeMobileNav, isMobileNavOpen } = useAppShellMobile();
   const { isCollapsed } = useSideNavCollapse();
   const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);
   const childrenId = useId();
   const hasChildren = 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 = useCallback(() => {
     setIsExpanded((prev) => !prev);
   }, []);
@@ -475,16 +521,13 @@ function SideNavItem({
       return;
     }
     onClick?.(event);
-    closeMobileNav();
+    if (isMobileNavOpen) {
+      closeMobileNav();
+    }
   };
-  const iconSlot = icon != null ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: styles4.icon, children: /* @__PURE__ */ jsx(Icon, { icon, size: "sm" }) }) : void 0;
+  const iconSlot = icon != null ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: classes.icon, children: /* @__PURE__ */ jsx(Icon, { icon, size: "sm" }) }) : void 0;
   if (isCollapsed) {
-    const collapsedClassNames = cx(
-      styles4.collapsed,
-      isSelected && styles4.collapsedSelected,
-      isDisabled && styles4.collapsedDisabled,
-      className
-    );
+    const collapsedClassNames = cx(classes.collapsed, className);
     if (href != null && !isDisabled) {
       return /* @__PURE__ */ jsx(
         LinkComponent,
@@ -518,19 +561,8 @@ function SideNavItem({
       }
     );
   }
-  const chevronSlot = isExpandable ? /* @__PURE__ */ jsx("span", { className: cx(styles4.chevron, isExpanded && styles4.chevronExpanded), children: /* @__PURE__ */ jsx(Icon, { icon: ChevronDown, size: "sm" }) }) : null;
-  const childrenContainer = isReactNode(children) ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx(
-        styles4.childrenContainer,
-        isExpandable && !isExpanded && styles4.childrenCollapsed
-      ),
-      id: childrenId,
-      role: "group",
-      children: /* @__PURE__ */ jsx("div", { className: styles4.childrenInner, children })
-    }
-  ) : null;
+  const chevronSlot = isExpandable ? /* @__PURE__ */ jsx("span", { className: classes.chevron, children: /* @__PURE__ */ jsx(Icon, { icon: ChevronDown, size: "sm" }) }) : null;
+  const childrenContainer = isReactNode(children) ? /* @__PURE__ */ jsx("div", { className: classes.childrenContainer, id: childrenId, role: "group", children: /* @__PURE__ */ jsx("div", { className: classes.childrenInner, children }) }) : null;
   if (isExpandable && !hasPrimaryAction) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -538,12 +570,7 @@ function SideNavItem({
         {
           "aria-controls": childrenId,
           "aria-expanded": isExpanded,
-          className: cx(
-            styles4.toggleRow,
-            isSelected && styles4.navItemSelected,
-            isDisabled && styles4.toggleRowDisabled,
-            className
-          ),
+          className: cx(classes.toggleRow, className),
           "data-testid": dataTestId,
           disabled: isDisabled,
           onClick: toggleExpanded,
@@ -554,7 +581,7 @@ function SideNavItem({
             Item,
             {
               as: "span",
-              className: styles4.navItem,
+              className: classes.toggleLabel,
               endContent: chevronSlot,
               label,
               startContent: iconSlot
@@ -571,11 +598,7 @@ function SideNavItem({
         Item,
         {
           "aria-current": isSelected ? "page" : void 0,
-          className: cx(
-            styles4.navItem,
-            isSelected && styles4.navItemSelected,
-            className
-          ),
+          className: cx(classes.item, className),
           "data-testid": dataTestId,
           endContent,
           href: isDisabled ? void 0 : href,
@@ -592,7 +615,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
@@ -608,11 +631,7 @@ function SideNavItem({
       Item,
       {
         "aria-current": isSelected ? "page" : void 0,
-        className: cx(
-          styles4.navItem,
-          isSelected && styles4.navItemSelected,
-          className
-        ),
+        className: cx(classes.item, className),
         "data-testid": dataTestId,
         endContent,
         href: isDisabled ? void 0 : href,
@@ -629,7 +648,7 @@ function SideNavItem({
   ] });
 }
 SideNavItem.displayName = "SideNavItem";
-var styles5 = {
+var styles4 = {
   root: css({
     display: "flex",
     flexDirection: "column",
@@ -677,14 +696,13 @@ function SideNavSection({
   const id = useId();
   const titleId = `${id}-title`;
   const shouldHideHeader = isHeaderHidden || isCollapsed;
-  const header = /* @__PURE__ */ jsxs("div", { className: styles5.header, children: [
-    /* @__PURE__ */ jsxs("span", { className: styles5.titleContainer, children: [
+  const header = /* @__PURE__ */ jsxs("div", { className: styles4.header, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles4.titleContainer, children: [
       /* @__PURE__ */ jsx(
         Text,
         {
           as: "span",
           color: "secondary",
-          "data-testid": void 0,
           id: titleId,
           type: "supporting",
           weight: "semibold",
@@ -693,15 +711,15 @@ function SideNavSection({
       ),
       subtitle != null ? /* @__PURE__ */ jsx(Text, { as: "span", color: "secondary", type: "supporting", children: subtitle }) : null
     ] }),
-    isReactNode(endContent) ? /* @__PURE__ */ jsx("span", { className: styles5.endContent, children: endContent }) : null
+    isReactNode(endContent) ? /* @__PURE__ */ jsx("span", { className: styles4.endContent, children: endContent }) : null
   ] });
   return /* @__PURE__ */ jsxs(
     "div",
     {
       "aria-labelledby": titleId,
       className: cx(
-        styles5.root,
-        isCollapsed && styles5.rootCollapsed,
+        styles4.root,
+        isCollapsed && styles4.rootCollapsed,
         className
       ),
       "data-testid": dataTestId,
@@ -710,7 +728,7 @@ function SideNavSection({
       style,
       children: [
         shouldHideHeader ? /* @__PURE__ */ jsx(VisuallyHidden, { children: header }) : header,
-        /* @__PURE__ */ jsx("div", { className: styles5.items, children })
+        /* @__PURE__ */ jsx("div", { className: styles4.items, children })
       ]
     }
   );
@@ -718,5 +736,5 @@ function SideNavSection({
 SideNavSection.displayName = "SideNavSection";
 
 export { SideNav, SideNavCollapseContext, SideNavHeading, SideNavItem, SideNavRenderContext, SideNavSection };
-//# sourceMappingURL=chunk-54J6FRPG.js.map
-//# sourceMappingURL=chunk-54J6FRPG.js.map
+//# sourceMappingURL=chunk-DZZEJY3J.js.map
+//# sourceMappingURL=chunk-DZZEJY3J.js.map

package/dist/chunk-DZZEJY3J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SideNav/SideNav.recipe.ts","../src/components/SideNav/SideNavContext.ts","../src/components/SideNav/internal/SideNavCollapseButton.tsx","../src/components/SideNav/SideNav.tsx","../src/components/SideNav/SideNavHeading.tsx","../src/components/SideNav/SideNavItem.recipe.ts","../src/components/SideNav/SideNavItem.tsx","../src/components/SideNav/SideNavSection.tsx"],"names":["styles","jsx","jsxs","useState","useCallback","Fragment","useId"],"mappings":"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","file":"chunk-DZZEJY3J.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const sideNavRecipe = cva({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    h: '100%',\n    w: '260px',\n    bg: 'inherit',\n    overflow: 'hidden',\n  },\n  variants: {\n    isCollapsed: {\n      true: {\n        w: '12',\n      },\n      false: {},\n    },\n    mode: {\n      default: {},\n      topbar: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        h: '12',\n        w: '100%',\n      },\n    },\n  },\n  defaultVariants: {\n    isCollapsed: false,\n    mode: 'default',\n  },\n});\n\nexport type SideNavVariants = RecipeVariantProps<typeof sideNavRecipe>;\n","import {createContext, use} from 'react';\n\nexport type SideNavRenderMode =\n  | 'default'\n  | 'topbar'\n  | 'drawer'\n  | 'drawer-content';\n\nexport interface SideNavCollapseState {\n  isCollapsed: boolean;\n  isCollapsible: boolean;\n  toggle: () => void;\n}\n\nexport const SideNavRenderContext = createContext<SideNavRenderMode>('default');\nSideNavRenderContext.displayName = 'SideNavRenderContext';\nexport const SideNavCollapseContext = createContext<SideNavCollapseState>({\n  isCollapsed: false,\n  isCollapsible: false,\n  toggle: () => {},\n});\nSideNavCollapseContext.displayName = 'SideNavCollapseContext';\n\nexport function useSideNavRenderMode(): SideNavRenderMode {\n  return use(SideNavRenderContext);\n}\n\nexport function useSideNavCollapse(): SideNavCollapseState {\n  return use(SideNavCollapseContext);\n}\n","import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport {Button} from 'components/Button';\nimport {useSideNavCollapse} from 'components/SideNav/SideNavContext';\nimport {css} from 'styled-system/css';\n\nconst styles = {\n  expanded: css({\n    ms: '-2',\n  }),\n};\n\n/**\n * Toggle button for collapsing and expanding the SideNav.\n * Reads collapse state from context when placed inside a SideNav.\n */\nexport function SideNavCollapseButton(): React.JSX.Element | null {\n  const {isCollapsed, isCollapsible, toggle} = useSideNavCollapse();\n\n  if (!isCollapsible) {\n    return null;\n  }\n\n  const tooltipLabel = isCollapsed ? 'Expand sidebar' : 'Collapse sidebar';\n\n  return (\n    <Button\n      className={isCollapsed ? undefined : styles.expanded}\n      icon={isCollapsed ? ChevronRight : ChevronLeft}\n      isIconOnly\n      label={tooltipLabel}\n      onClick={toggle}\n      size=\"sm\"\n      tooltip={tooltipLabel}\n      variant=\"ghost\"\n    />\n  );\n}\n\nSideNavCollapseButton.displayName = 'SideNavCollapseButton';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useCallback, useMemo, useState} from 'react';\nimport {sideNavRecipe} from 'components/SideNav/SideNav.recipe';\nimport {\n  SideNavCollapseContext,\n  useSideNavRenderMode,\n} from 'components/SideNav/SideNavContext';\nimport {SideNavCollapseButton} from 'components/SideNav/internal/SideNavCollapseButton';\nimport {MobileNav} from 'internal/MobileNav';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport interface SideNavProps {\n  /**\n   * Navigation item children rendered in the scrollable area.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the nav element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the nav element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered in the sticky bottom section.\n   */\n  footer?: ReactNode;\n  /**\n   * Icon actions rendered alongside the footer.\n   */\n  footerIcons?: ReactNode;\n  /**\n   * Content rendered at the top of the nav (e.g. a logo or title).\n   */\n  header?: ReactNode;\n  /**\n   * Whether the nav can be collapsed to an icon-only toolbar.\n   * @default false\n   */\n  isCollapsible?: boolean;\n  /**\n   * Ref forwarded to the nav element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the nav element.\n   */\n  style?: CSSProperties;\n  /**\n   * Non-scrollable content rendered below the header.\n   */\n  topContent?: ReactNode;\n}\n\nconst styles = {\n  stickyTop: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flexShrink: 0,\n    p: '2',\n    gap: '2',\n  }),\n  scrollable: css({\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    px: '2',\n  }),\n  scrollableCollapsed: css({\n    flex: 'none',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  }),\n  stickyBottom: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flexShrink: 0,\n    mt: 'auto',\n    p: '2',\n    gap: '2',\n    borderBlockStartWidth: 'default',\n    borderBlockStartStyle: 'solid',\n    borderBlockStartColor: 'border',\n  }),\n  footerRow: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  footerRowCollapsed: css({\n    flexDirection: 'column-reverse',\n    alignItems: 'center',\n  }),\n  footerIcons: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    ms: 'auto',\n  }),\n  footerIconsCollapsed: css({\n    flexDirection: 'column',\n    alignItems: 'center',\n    ms: '0',\n  }),\n  topbarIcons: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    ms: 'auto',\n  }),\n};\n\n/**\n * Vertical side navigation panel with optional collapsing support.\n * Adapts to AppShell render modes (inline, drawer, topbar).\n */\nexport function SideNav({\n  children,\n  className,\n  isCollapsible = false,\n  'data-testid': dataTestId,\n  footer,\n  footerIcons,\n  header,\n  ref,\n  style,\n  topContent,\n}: SideNavProps): React.JSX.Element {\n  const renderMode = useSideNavRenderMode();\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const toggle = useCallback(() => {\n    setIsCollapsed(prev => !prev);\n  }, []);\n  const collapseContext = useMemo(\n    () => ({isCollapsed, isCollapsible, toggle}),\n    [isCollapsed, isCollapsible, toggle],\n  );\n\n  if (renderMode === 'topbar') {\n    return (\n      <div\n        className={cx(sideNavRecipe({mode: 'topbar'}), className)}\n        data-testid={dataTestId}\n        ref={ref as Ref<HTMLDivElement>}\n        style={style}>\n        {header}\n        <div className={styles.topbarIcons}>{footerIcons}</div>\n      </div>\n    );\n  }\n\n  if (renderMode === 'drawer') {\n    return (\n      <MobileNav\n        data-testid={dataTestId}\n        header={header}\n        ref={ref as Ref<HTMLDialogElement>}>\n        {topContent}\n        {children}\n        {footer}\n        {footerIcons}\n      </MobileNav>\n    );\n  }\n\n  if (renderMode === 'drawer-content') {\n    return (\n      <>\n        {topContent}\n        {children}\n        {footer}\n        {footerIcons}\n      </>\n    );\n  }\n\n  return (\n    <SideNavCollapseContext value={collapseContext}>\n      <nav\n        aria-label=\"Side navigation\"\n        className={cx(sideNavRecipe({isCollapsed}), className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {isReactNode(header) || (!isCollapsed && isReactNode(topContent)) ? (\n          <div className={styles.stickyTop}>\n            {header}\n            {!isCollapsed ? topContent : null}\n          </div>\n        ) : null}\n        <div\n          className={cx(\n            styles.scrollable,\n            isCollapsed && styles.scrollableCollapsed,\n          )}>\n          {children}\n        </div>\n        {isReactNode(footer) || isReactNode(footerIcons) || isCollapsible ? (\n          <div className={styles.stickyBottom}>\n            {footer}\n            <div\n              className={cx(\n                styles.footerRow,\n                isCollapsed && styles.footerRowCollapsed,\n              )}>\n              {isCollapsible ? <SideNavCollapseButton /> : null}\n              {isReactNode(footerIcons) ? (\n                <div\n                  className={cx(\n                    styles.footerIcons,\n                    isCollapsed && styles.footerIconsCollapsed,\n                  )}>\n                  {footerIcons}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        ) : null}\n      </nav>\n    </SideNavCollapseContext>\n  );\n}\n\nSideNav.displayName = 'SideNav';\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useLinkComponent} from 'components/Link';\nimport type {LinkComponent} from 'components/Link';\nimport {useSideNavCollapse} from 'components/SideNav/SideNavContext';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport interface SideNavHeadingProps {\n  as?: LinkComponent;\n  className?: string;\n  'data-testid'?: string;\n  headerEndContent?: ReactNode;\n  heading?: string;\n  headingHref?: string;\n  href?: string;\n  logo?: ReactNode;\n  ref?: Ref<HTMLElement>;\n  style?: CSSProperties;\n  subheading?: string;\n  superheading?: string;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    minH: '8',\n    px: '2',\n    color: 'fg',\n    textDecoration: 'none',\n  }),\n  collapsed: css({\n    justifyContent: 'center',\n    px: 0,\n  }),\n  logo: css({\n    flexShrink: 0,\n    display: 'inline-flex',\n    alignItems: 'center',\n  }),\n  text: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 1,\n    minW: 0,\n  }),\n  endContent: css({\n    ms: 'auto',\n    flexShrink: 0,\n  }),\n};\n\nexport function SideNavHeading({\n  as,\n  className,\n  'data-testid': dataTestId,\n  headerEndContent,\n  heading,\n  headingHref,\n  href,\n  logo,\n  ref,\n  style,\n  subheading,\n  superheading,\n}: SideNavHeadingProps): React.JSX.Element | null {\n  const LinkComponent = useLinkComponent(as);\n  const {isCollapsed} = useSideNavCollapse();\n  const resolvedHref = headingHref ?? href;\n  const Element = resolvedHref != null ? LinkComponent : 'div';\n\n  if (isCollapsed && !isReactNode(logo)) {\n    return null;\n  }\n\n  return (\n    <Element\n      aria-label={isCollapsed && resolvedHref != null ? heading : undefined}\n      className={cx(styles.root, isCollapsed && styles.collapsed, className)}\n      data-testid={dataTestId}\n      href={resolvedHref}\n      ref={ref as Ref<HTMLAnchorElement & HTMLDivElement>}\n      style={style}\n      to={Element === 'a' ? undefined : resolvedHref}>\n      {isReactNode(logo) ? <span className={styles.logo}>{logo}</span> : null}\n      {!isCollapsed ? (\n        <span className={styles.text}>\n          {superheading != null ? (\n            <Text color=\"secondary\" type=\"supporting\">\n              {superheading}\n            </Text>\n          ) : null}\n          {heading != null ? (\n            <Text type=\"large\" weight=\"semibold\">\n              {heading}\n            </Text>\n          ) : null}\n          {subheading != null ? (\n            <Text color=\"secondary\" type=\"supporting\">\n              {subheading}\n            </Text>\n          ) : null}\n        </span>\n      ) : null}\n      {!isCollapsed && isReactNode(headerEndContent) ? (\n        <span className={styles.endContent}>{headerEndContent}</span>\n      ) : null}\n    </Element>\n  );\n}\n\nSideNavHeading.displayName = 'SideNavHeading';\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\n// Shared text/layout styling for the expanded-row label. `item` is the row\n// itself (leaf and split-action branches) and additionally carries the selected\n// highlight; `toggleLabel` is the inner content of the toggle-row button, which\n// stays base-only because the highlight lives on the wrapping button instead.\nconst expandedLabelBase = {\n  color: 'fg.muted',\n  fontSize: 'sm',\n  fontWeight: 'medium',\n  minH: '8',\n  py: '0.5',\n  // Override Item's default `bg.subtle` hover, which is invisible when the\n  // SideNav sits on the AppShell's `bg.subtle` surface. Match TopNavItem's\n  // darker `bg.hover` so the hover is visible in both navs.\n  _hover: {bg: 'bg.hover'},\n} as const;\n\nexport const sideNavItemRecipe = sva({\n  slots: [\n    'item',\n    'icon',\n    'collapsed',\n    'toggleRow',\n    'toggleLabel',\n    'toggleButton',\n    'chevron',\n    'childrenContainer',\n    'childrenInner',\n  ],\n  base: {\n    item: expandedLabelBase,\n    toggleLabel: expandedLabelBase,\n    icon: {\n      flexShrink: 0,\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontSize: 'var(--silver-sizes-icon-md)',\n    },\n    collapsed: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '10',\n      minH: '8',\n      px: 0,\n      py: '1.5',\n      borderRadius: 'md',\n      color: 'fg.muted',\n      textDecoration: 'none',\n      bg: 'transparent',\n      borderWidth: 0,\n      cursor: 'pointer',\n      _hover: {bg: 'bg.hover'},\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    toggleRow: {\n      display: 'flex',\n      w: '100%',\n      cursor: 'pointer',\n      borderRadius: 'md',\n      _hover: {bg: 'bg.hover'},\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    toggleButton: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      w: '7',\n      h: '7',\n      borderRadius: 'md',\n      cursor: 'pointer',\n      color: 'fg.muted',\n      _hover: {bg: 'bg.hover'},\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    chevron: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      transitionProperty: 'transform',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenContainer: {\n      display: 'grid',\n      gridTemplateRows: '1fr',\n      transitionProperty: 'grid-template-rows',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenInner: {\n      overflow: 'hidden',\n      ps: '6',\n    },\n  },\n  variants: {\n    isSelected: {\n      true: {\n        item: {bg: 'bg.hover', color: 'fg', fontWeight: 'semibold'},\n        toggleRow: {bg: 'bg.hover', color: 'fg', fontWeight: 'semibold'},\n        collapsed: {bg: 'bg.hover', color: 'fg'},\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        collapsed: {\n          opacity: 0.5,\n          cursor: 'not-allowed',\n          pointerEvents: 'none',\n        },\n        toggleRow: {\n          opacity: 0.5,\n          cursor: 'not-allowed',\n          pointerEvents: 'none',\n        },\n      },\n      false: {},\n    },\n    isExpanded: {\n      true: {\n        chevron: {transform: 'rotate(180deg)'},\n      },\n      false: {\n        childrenContainer: {gridTemplateRows: '0fr'},\n      },\n    },\n  },\n  defaultVariants: {\n    isSelected: false,\n    isDisabled: false,\n    isExpanded: true,\n  },\n});\n\nexport type SideNavItemVariants = RecipeVariantProps<typeof sideNavItemRecipe>;\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {useCallback, useId, useState} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Item} from 'components/Item';\nimport {useLinkComponent} from 'components/Link';\nimport type {LinkComponent} from 'components/Link';\nimport {useSideNavCollapse} from 'components/SideNav/SideNavContext';\nimport {sideNavItemRecipe} from 'components/SideNav/SideNavItem.recipe';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport interface SideNavItemProps {\n  /**\n   * Custom link component used when href is set.\n   */\n  as?: LinkComponent;\n  /**\n   * Nested sub-items rendered below this item.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered at the end of the item (e.g. a badge).\n   */\n  endContent?: ReactNode;\n  /**\n   * Link destination. When set, the item renders as a link.\n   */\n  href?: string;\n  /**\n   * Icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item can expand/collapse its children.\n   * @default false\n   */\n  isCollapsible?: boolean;\n  /**\n   * Whether the item's children are initially expanded.\n   * @default true\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is currently selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Accessible item label, also used as visible text.\n   */\n  label: string;\n  /**\n   * Click handler for the item.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the item.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * A single navigation item inside a SideNav. Renders as a link when\n * `href` is provided, or a button otherwise. Supports nested sub-items\n * via `children` with optional expand/collapse behavior.\n */\nexport function SideNavItem({\n  as,\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  href,\n  icon,\n  isCollapsible: isItemCollapsible = false,\n  isDefaultExpanded = true,\n  isDisabled = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  style,\n}: SideNavItemProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const {closeMobileNav, isMobileNavOpen} = useAppShellMobile();\n  const {isCollapsed} = useSideNavCollapse();\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const childrenId = useId();\n\n  const hasChildren = isReactNode(children);\n  const isExpandable = hasChildren && isItemCollapsible;\n  const hasPrimaryAction = href != null || onClick != null;\n\n  const classes = sideNavItemRecipe({\n    isSelected,\n    isDisabled,\n    // Only expandable items animate their children open/closed and rotate a\n    // chevron; non-expandable items keep their children fully shown.\n    isExpanded: !isExpandable || isExpanded,\n  });\n\n  const toggleExpanded = useCallback(() => {\n    setIsExpanded(prev => !prev);\n  }, []);\n\n  const handleClick: MouseEventHandler<HTMLElement> = event => {\n    if (isDisabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    // Dismiss the mobile drawer after navigating, but only when it is actually\n    // open so non-mobile render modes don't fire a no-op close on every click.\n    if (isMobileNavOpen) {\n      closeMobileNav();\n    }\n  };\n\n  const iconSlot =\n    icon != null ? (\n      <span aria-hidden=\"true\" className={classes.icon}>\n        <Icon icon={icon} size=\"sm\" />\n      </span>\n    ) : undefined;\n\n  // --- Collapsed sidebar: icon-only rendering ---\n  if (isCollapsed) {\n    const collapsedClassNames = cx(classes.collapsed, className);\n\n    if (href != null && !isDisabled) {\n      return (\n        <LinkComponent\n          aria-current={isSelected ? 'page' : undefined}\n          aria-label={label}\n          className={collapsedClassNames}\n          data-testid={dataTestId}\n          href={href}\n          onClick={handleClick}\n          ref={ref as Ref<HTMLAnchorElement>}\n          style={style}\n          to={LinkComponent === 'a' ? undefined : href}>\n          {iconSlot}\n        </LinkComponent>\n      );\n    }\n\n    return (\n      <button\n        aria-current={isSelected ? 'page' : undefined}\n        aria-label={label}\n        className={collapsedClassNames}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        onClick={handleClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        style={style}\n        type=\"button\">\n        {iconSlot}\n      </button>\n    );\n  }\n\n  // --- Expanded sidebar ---\n\n  const chevronSlot = isExpandable ? (\n    <span className={classes.chevron}>\n      <Icon icon={ChevronDown} size=\"sm\" />\n    </span>\n  ) : null;\n\n  const childrenContainer = isReactNode(children) ? (\n    <div className={classes.childrenContainer} id={childrenId} role=\"group\">\n      <div className={classes.childrenInner}>{children}</div>\n    </div>\n  ) : null;\n\n  // Collapsible WITHOUT primary action: whole row toggles\n  if (isExpandable && !hasPrimaryAction) {\n    return (\n      <>\n        <button\n          aria-controls={childrenId}\n          aria-expanded={isExpanded}\n          className={cx(classes.toggleRow, className)}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          onClick={toggleExpanded}\n          ref={ref as Ref<HTMLButtonElement>}\n          style={style}\n          type=\"button\">\n          <Item\n            as=\"span\"\n            className={classes.toggleLabel}\n            endContent={chevronSlot}\n            label={label}\n            startContent={iconSlot}\n          />\n        </button>\n        {childrenContainer}\n      </>\n    );\n  }\n\n  // Collapsible WITH primary action: split-action (link + chevron)\n  if (isExpandable && hasPrimaryAction) {\n    return (\n      <>\n        <Item\n          aria-current={isSelected ? 'page' : undefined}\n          className={cx(classes.item, className)}\n          data-testid={dataTestId}\n          endContent={endContent}\n          href={isDisabled ? undefined : href}\n          isDisabled={isDisabled}\n          label={label}\n          linkComponent={as}\n          onClick={handleClick}\n          ref={ref}\n          startContent={iconSlot}\n          style={style}\n          trailingContent={\n            <button\n              aria-controls={childrenId}\n              aria-expanded={isExpanded}\n              aria-label={isExpanded ? `Collapse ${label}` : `Expand ${label}`}\n              className={classes.toggleButton}\n              onClick={toggleExpanded}\n              type=\"button\">\n              {chevronSlot}\n            </button>\n          }\n        />\n        {childrenContainer}\n      </>\n    );\n  }\n\n  // Leaf item (no collapsible children): compose Item directly\n  return (\n    <>\n      <Item\n        aria-current={isSelected ? 'page' : undefined}\n        className={cx(classes.item, className)}\n        data-testid={dataTestId}\n        endContent={endContent}\n        href={isDisabled ? undefined : href}\n        isDisabled={isDisabled}\n        label={label}\n        linkComponent={as}\n        onClick={handleClick}\n        ref={ref}\n        startContent={iconSlot}\n        style={style}\n      />\n      {childrenContainer}\n    </>\n  );\n}\n\nSideNavItem.displayName = 'SideNavItem';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useId} from 'react';\nimport {useSideNavCollapse} from 'components/SideNav/SideNavContext';\nimport {Text} from 'components/Text';\nimport {VisuallyHidden} from 'internal';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport interface SideNavSectionProps {\n  children: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  endContent?: ReactNode;\n  isHeaderHidden?: boolean;\n  ref?: Ref<HTMLDivElement>;\n  style?: CSSProperties;\n  subtitle?: string;\n  title: string;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    flexDirection: 'column',\n    py: '1',\n  }),\n  rootCollapsed: css({\n    py: '0',\n  }),\n  header: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    px: '2',\n    py: '1',\n  }),\n  titleContainer: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 1,\n    minW: 0,\n  }),\n  endContent: css({\n    flexShrink: 0,\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  items: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n  }),\n};\n\nexport function SideNavSection({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  isHeaderHidden = false,\n  ref,\n  style,\n  subtitle,\n  title,\n}: SideNavSectionProps): React.JSX.Element {\n  const {isCollapsed} = useSideNavCollapse();\n  const id = useId();\n  const titleId = `${id}-title`;\n  const shouldHideHeader = isHeaderHidden || isCollapsed;\n  const header = (\n    <div className={styles.header}>\n      <span className={styles.titleContainer}>\n        <Text\n          as=\"span\"\n          color=\"secondary\"\n          id={titleId}\n          type=\"supporting\"\n          weight=\"semibold\">\n          {title}\n        </Text>\n        {subtitle != null ? (\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {subtitle}\n          </Text>\n        ) : null}\n      </span>\n      {isReactNode(endContent) ? (\n        <span className={styles.endContent}>{endContent}</span>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div\n      aria-labelledby={titleId}\n      className={cx(\n        styles.root,\n        isCollapsed && styles.rootCollapsed,\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"group\"\n      style={style}>\n      {shouldHideHeader ? <VisuallyHidden>{header}</VisuallyHidden> : header}\n      <div className={styles.items}>{children}</div>\n    </div>\n  );\n}\n\nSideNavSection.displayName = 'SideNavSection';\n"]}

package/dist/{chunk-IRSJHEYI.js → chunk-E42WOTIC.js}

@@ -1,4 +1,4 @@
-import { getNecessity, Field } from './chunk-ASJ5CBCR.js';
+import { getNecessity, Field } from './chunk-6J326CN6.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -202,7 +202,7 @@ function InputGroupText({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cx(className),
+      className,
       "data-silver-input-group-text": "",
       "data-testid": dataTestId,
       ref,
@@ -214,5 +214,5 @@ function InputGroupText({
 InputGroupText.displayName = "InputGroupText";
 
 export { InputGroup, InputGroupContext, InputGroupText, useInputGroup };
-//# sourceMappingURL=chunk-IRSJHEYI.js.map
-//# sourceMappingURL=chunk-IRSJHEYI.js.map
+//# sourceMappingURL=chunk-E42WOTIC.js.map
+//# sourceMappingURL=chunk-E42WOTIC.js.map