silver-ui 0.4.0 → 0.6.0

package/dist/chunk-ENVDR66N.cjs.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":["sva","createContext","use","css","jsx","Button","ChevronRight","ChevronLeft","useState","useCallback","useMemo","classes","jsxs","cx","MobileNav","Fragment","isReactNode","styles","useLinkComponent","Text","useAppShellMobile","useId","Icon","ActionElement","ChevronDown","Item","VisuallyHidden"],"mappings":"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","file":"chunk-ENVDR66N.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const sideNavRecipe = sva({\n  slots: [\n    'root',\n    'stickyTop',\n    'scrollable',\n    'stickyBottom',\n    'footerRow',\n    'footerIcons',\n    'topbarIcons',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      h: '100%',\n      w: '260px',\n      bg: 'inherit',\n      overflow: 'hidden',\n    },\n    stickyTop: {\n      display: 'flex',\n      flexDirection: 'column',\n      flexShrink: 0,\n      p: '2',\n      gap: '2',\n    },\n    scrollable: {\n      flex: 1,\n      overflowY: 'auto',\n      overflowX: 'hidden',\n      px: '2',\n    },\n    stickyBottom: {\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: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '1',\n    },\n    footerIcons: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '1',\n      ms: 'auto',\n    },\n    topbarIcons: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '1',\n      ms: 'auto',\n    },\n  },\n  variants: {\n    isCollapsed: {\n      true: {\n        root: {\n          w: '12',\n        },\n        scrollable: {\n          flex: 'none',\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n        },\n        footerRow: {\n          flexDirection: 'column-reverse',\n          alignItems: 'center',\n        },\n        footerIcons: {\n          flexDirection: 'column',\n          alignItems: 'center',\n          ms: '0',\n        },\n      },\n      false: {},\n    },\n    mode: {\n      default: {},\n      topbar: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          h: '12',\n          w: '100%',\n        },\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';\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\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    const classes = sideNavRecipe({mode: 'topbar'});\n\n    return (\n      <div\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref as Ref<HTMLDivElement>}\n        style={style}>\n        {header}\n        <div className={classes.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  const classes = sideNavRecipe({isCollapsed});\n\n  return (\n    <SideNavCollapseContext value={collapseContext}>\n      <nav\n        aria-label=\"Side navigation\"\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {isReactNode(header) || (!isCollapsed && isReactNode(topContent)) ? (\n          <div className={classes.stickyTop}>\n            {header}\n            {!isCollapsed ? topContent : null}\n          </div>\n        ) : null}\n        <div className={classes.scrollable}>{children}</div>\n        {isReactNode(footer) || isReactNode(footerIcons) || isCollapsible ? (\n          <div className={classes.stickyBottom}>\n            {footer}\n            <div className={classes.footerRow}>\n              {isCollapsible ? <SideNavCollapseButton /> : null}\n              {isReactNode(footerIcons) ? (\n                <div className={classes.footerIcons}>{footerIcons}</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","import {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 type {LinkComponent} from 'components/Link';\nimport {useSideNavCollapse} from 'components/SideNav/SideNavContext';\nimport {sideNavItemRecipe} from 'components/SideNav/SideNavItem.recipe';\nimport {ActionElement} from 'internal/ActionElement';\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 {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    return (\n      <ActionElement\n        aria-current={isSelected ? 'page' : undefined}\n        aria-label={label}\n        as={as}\n        className={collapsedClassNames}\n        data-testid={dataTestId}\n        href={isDisabled ? undefined : href}\n        isDisabled={href == null || isDisabled ? isDisabled : undefined}\n        isLink={href != null && !isDisabled}\n        onClick={handleClick}\n        ref={ref}\n        style={style}\n        type=\"button\">\n        {iconSlot}\n      </ActionElement>\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-ERVWZILR.js

@@ -0,0 +1,321 @@
+import { useRel } from './chunk-5FQKELP6.js';
+import { Text } from './chunk-NXTDP6AX.js';
+import { ActionElement } from './chunk-PG4CZRTU.js';
+import { isReactNode } from './chunk-2PSZAWLC.js';
+import { sva } from './chunk-IAVZKGZS.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { useRef, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/components/Item/Item.recipe.ts
+var itemRecipe = sva({
+  slots: [
+    "root",
+    "interactiveContent",
+    "content",
+    "textContent",
+    "startContent",
+    "endContent",
+    "endContentInline",
+    "labelRow",
+    "trailingContent"
+  ],
+  base: {
+    root: {
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      px: "2",
+      py: "2",
+      textAlign: "start",
+      borderRadius: "md"
+    },
+    interactiveContent: {
+      cursor: "inherit",
+      color: "inherit",
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      flex: 1,
+      minW: 0,
+      textAlign: "start",
+      textDecoration: "none"
+    },
+    content: {
+      display: "flex",
+      alignItems: "center",
+      gap: "2",
+      flex: 1,
+      minW: 0,
+      textAlign: "start"
+    },
+    textContent: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      minW: 0
+    },
+    startContent: {
+      display: "inline-flex",
+      flexShrink: 0
+    },
+    endContent: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0,
+      marginInlineStart: "auto"
+    },
+    endContentInline: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0
+    },
+    labelRow: {
+      display: "flex",
+      alignItems: "center",
+      gap: "2"
+    },
+    trailingContent: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0
+    }
+  },
+  variants: {
+    align: {
+      center: {},
+      start: { root: { alignItems: "flex-start" } }
+    },
+    width: {
+      full: { root: { w: "full" } },
+      auto: {}
+    },
+    isInteractive: {
+      true: {
+        root: {
+          cursor: "pointer",
+          transitionProperty: "background-color",
+          transitionDuration: "fast",
+          transitionTimingFunction: "default",
+          _hover: { bg: "bg.subtle" },
+          _active: { bg: "bg.hover" },
+          "&:has(:focus-visible)": {
+            outlineWidth: "focus",
+            outlineStyle: "solid",
+            outlineColor: "primary",
+            outlineOffset: "focusOffset"
+          }
+        }
+      },
+      false: {}
+    },
+    isHighlighted: {
+      true: { root: { bg: "bg.subtle" } },
+      false: {}
+    },
+    isSelected: {
+      true: { root: { bg: "bg.selected" } },
+      false: {}
+    },
+    // The disabled wrapper dims everything inside it via opacity (which
+    // compounds through the tree), so the dimming lives only on the content
+    // wrappers — applying it to nested slots like endContent would double-dim.
+    isDisabled: {
+      true: {
+        content: { opacity: 0.5 },
+        interactiveContent: { opacity: 0.5 }
+      },
+      false: {}
+    },
+    // Marker variant; whether a parent owns the role gates the disabled root
+    // styling, which lives in compoundVariants below.
+    hasParentRole: {
+      true: {},
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      isDisabled: true,
+      hasParentRole: false,
+      css: {
+        root: {
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    align: "center",
+    width: "full",
+    isInteractive: false,
+    isHighlighted: false,
+    isSelected: false,
+    isDisabled: false,
+    hasParentRole: false
+  }
+});
+var SELECTABLE_ROLES = /* @__PURE__ */ new Set([
+  "option",
+  "tab",
+  "row",
+  "gridcell",
+  "treeitem"
+]);
+var INTERACTIVE_SELECTOR = [
+  "button",
+  "a[href]",
+  "input",
+  "select",
+  "textarea",
+  '[role="button"]',
+  '[role="link"]',
+  '[role="checkbox"]',
+  '[role="switch"]',
+  '[role="menuitem"]',
+  '[role="menuitemcheckbox"]',
+  '[role="menuitemradio"]',
+  '[role="tab"]',
+  '[role="radio"]',
+  '[role="option"]',
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function isInteractiveTarget(element) {
+  return element.closest(INTERACTIVE_SELECTOR) != null;
+}
+function getMaxLines(explicitLines, content) {
+  if (explicitLines != null) {
+    return explicitLines;
+  }
+  return typeof content === "string" ? 1 : 0;
+}
+function Item({
+  align = "center",
+  "aria-current": ariaCurrent,
+  as: Component = "div",
+  className,
+  "data-testid": dataTestId,
+  description,
+  descriptionLines,
+  endContent,
+  endContentPosition = "end",
+  href,
+  isDisabled = false,
+  isHighlighted = false,
+  isSelected = false,
+  label,
+  labelLines,
+  leadingContent,
+  linkComponent,
+  onClick,
+  ref,
+  rel,
+  role,
+  startContent,
+  style,
+  target,
+  trailingContent,
+  width = "full"
+}) {
+  const linkRel = useRel({ target, rel });
+  const isInteractive = href != null || onClick != null;
+  const hasParentRole = role != null;
+  const ownsInteraction = isInteractive && !hasParentRole;
+  const interactiveRef = useRef(null);
+  const setInteractiveRef = useCallback((node) => {
+    interactiveRef.current = node;
+  }, []);
+  const classes = itemRecipe({
+    align,
+    width,
+    isInteractive,
+    isHighlighted,
+    isSelected,
+    isDisabled,
+    hasParentRole
+  });
+  const inlineEndContent = isReactNode(endContent) && endContentPosition === "inline" ? /* @__PURE__ */ jsx("span", { className: classes.endContentInline, children: endContent }) : null;
+  const labelAndDescription = /* @__PURE__ */ jsxs(Fragment, { children: [
+    inlineEndContent != null ? /* @__PURE__ */ jsxs("span", { className: classes.labelRow, children: [
+      /* @__PURE__ */ jsx(Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+      inlineEndContent
+    ] }) : /* @__PURE__ */ jsx(Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+    isReactNode(description) ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "span",
+        maxLines: getMaxLines(descriptionLines, description),
+        type: "supporting",
+        children: description
+      }
+    ) : null
+  ] });
+  const handleContainerClick = (event) => {
+    if (isDisabled) {
+      return;
+    }
+    const targetElement = event.target;
+    if (interactiveRef.current?.contains(targetElement)) {
+      return;
+    }
+    if (isInteractiveTarget(targetElement)) {
+      return;
+    }
+    onClick?.(event);
+  };
+  const innerSlots = /* @__PURE__ */ jsxs(Fragment, { children: [
+    isReactNode(startContent) ? /* @__PURE__ */ jsx("span", { className: classes.startContent, children: startContent }) : null,
+    /* @__PURE__ */ jsx("span", { className: classes.textContent, children: labelAndDescription }),
+    isReactNode(endContent) && endContentPosition !== "inline" ? /* @__PURE__ */ jsx("span", { className: classes.endContent, children: endContent }) : null
+  ] });
+  const content = !ownsInteraction ? /* @__PURE__ */ jsx("span", { className: classes.content, children: innerSlots }) : /* @__PURE__ */ jsx(
+    ActionElement,
+    {
+      "aria-current": ariaCurrent ?? void 0,
+      "aria-disabled": href != null && isDisabled ? true : void 0,
+      as: linkComponent,
+      className: classes.interactiveContent,
+      href,
+      isDisabled: href == null ? isDisabled : void 0,
+      isLink: href != null,
+      onClick: (e) => {
+        if (isDisabled) {
+          e.preventDefault();
+          return;
+        }
+        onClick?.(e);
+      },
+      ref: setInteractiveRef,
+      rel: href != null ? linkRel : void 0,
+      tabIndex: href != null && isDisabled ? -1 : void 0,
+      target: href != null ? target : void 0,
+      children: innerSlots
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    Component,
+    {
+      "aria-disabled": isDisabled || void 0,
+      "aria-selected": isSelected && role != null && SELECTABLE_ROLES.has(role) ? true : void 0,
+      className: cx(classes.root, className),
+      "data-testid": dataTestId,
+      onClick: hasParentRole ? onClick : ownsInteraction ? handleContainerClick : void 0,
+      ref,
+      role,
+      style,
+      children: [
+        leadingContent,
+        content,
+        isReactNode(trailingContent) ? /* @__PURE__ */ jsx("span", { className: classes.trailingContent, children: trailingContent }) : null
+      ]
+    }
+  );
+}
+Item.displayName = "Item";
+
+export { Item };
+//# sourceMappingURL=chunk-ERVWZILR.js.map
+//# sourceMappingURL=chunk-ERVWZILR.js.map

package/dist/chunk-ERVWZILR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Item/Item.recipe.ts","../src/components/Item/Item.tsx"],"names":[],"mappings":"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","file":"chunk-ERVWZILR.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const itemRecipe = sva({\n  slots: [\n    'root',\n    'interactiveContent',\n    'content',\n    'textContent',\n    'startContent',\n    'endContent',\n    'endContentInline',\n    'labelRow',\n    'trailingContent',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '2',\n      py: '2',\n      textAlign: 'start',\n      borderRadius: 'md',\n    },\n    interactiveContent: {\n      cursor: 'inherit',\n      color: 'inherit',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      textAlign: 'start',\n      textDecoration: 'none',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      textAlign: 'start',\n    },\n    textContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1,\n      minW: 0,\n    },\n    startContent: {\n      display: 'inline-flex',\n      flexShrink: 0,\n    },\n    endContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      marginInlineStart: 'auto',\n    },\n    endContentInline: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    labelRow: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n    },\n    trailingContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    align: {\n      center: {},\n      start: {root: {alignItems: 'flex-start'}},\n    },\n    width: {\n      full: {root: {w: 'full'}},\n      auto: {},\n    },\n    isInteractive: {\n      true: {\n        root: {\n          cursor: 'pointer',\n          transitionProperty: 'background-color',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {bg: 'bg.subtle'},\n          _active: {bg: 'bg.hover'},\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isHighlighted: {\n      true: {root: {bg: 'bg.subtle'}},\n      false: {},\n    },\n    isSelected: {\n      true: {root: {bg: 'bg.selected'}},\n      false: {},\n    },\n    // The disabled wrapper dims everything inside it via opacity (which\n    // compounds through the tree), so the dimming lives only on the content\n    // wrappers — applying it to nested slots like endContent would double-dim.\n    isDisabled: {\n      true: {\n        content: {opacity: 0.5},\n        interactiveContent: {opacity: 0.5},\n      },\n      false: {},\n    },\n    // Marker variant; whether a parent owns the role gates the disabled root\n    // styling, which lives in compoundVariants below.\n    hasParentRole: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: true,\n      hasParentRole: false,\n      css: {\n        root: {\n          cursor: 'not-allowed',\n          pointerEvents: 'none',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    align: 'center',\n    width: 'full',\n    isInteractive: false,\n    isHighlighted: false,\n    isSelected: false,\n    isDisabled: false,\n    hasParentRole: false,\n  },\n});\n\nexport type ItemVariants = RecipeVariantProps<typeof itemRecipe>;\n","import {\n  useCallback,\n  useRef,\n  type AriaAttributes,\n  type CSSProperties,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {itemRecipe} from 'components/Item/Item.recipe';\nimport type {LinkComponent as LinkComponentType} from 'components/Link';\nimport {Text} from 'components/Text';\nimport {ActionElement} from 'internal/ActionElement';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {useRel} from 'internal/linkAccessibility';\n\nconst SELECTABLE_ROLES = new Set([\n  'option',\n  'tab',\n  'row',\n  'gridcell',\n  'treeitem',\n]);\n\nexport type ItemAlign = 'center' | 'start';\nexport type ItemElement = 'div' | 'li' | 'span';\n\nexport interface ItemProps {\n  /**\n   * Vertical alignment of the start and end content slots.\n   * @default 'center'\n   */\n  align?: ItemAlign;\n  /**\n   * ARIA current indicator forwarded to the interactive element.\n   */\n  'aria-current'?: AriaAttributes['aria-current'];\n  /**\n   * HTML element used for the root.\n   * @default 'div'\n   */\n  as?: ItemElement;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Maximum number of description lines before truncation.\n   */\n  descriptionLines?: number;\n  /**\n   * Content rendered after the label and description.\n   * Position controlled by `endContentPosition`.\n   */\n  endContent?: ReactNode;\n  /**\n   * Where to place `endContent` within the item.\n   * `'end'` pushes it to the trailing edge; `'inline'` keeps it next to the label.\n   * @default 'end'\n   */\n  endContentPosition?: 'end' | 'inline';\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item should show highlighted styling.\n   * @default false\n   */\n  isHighlighted?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Maximum number of label lines before truncation.\n   */\n  labelLines?: number;\n  /**\n   * Content rendered outside the interactive area, before it.\n   */\n  leadingContent?: ReactNode;\n  /**\n   * Custom link component used when href is set.\n   */\n  linkComponent?: LinkComponentType;\n  /**\n   * Click handler. When set without href, the content area renders as a\n   * button. When set with href, also fires on link clicks.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link relationship. `noopener noreferrer` are added for `_blank` targets.\n   */\n  rel?: string;\n  /**\n   * ARIA role applied to the root element. When set, click handling is attached\n   * to the root so parent composite widgets can own keyboard behavior.\n   */\n  role?: string;\n  /**\n   * Leading visual content, such as an icon, avatar, or image.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n  /**\n   * Content rendered outside the interactive area, after it.\n   */\n  trailingContent?: ReactNode;\n  /**\n   * Width of the root element.\n   * @default 'full'\n   */\n  width?: 'full' | 'auto';\n}\n\n// Native and ARIA interactive elements that own their own click, plus anything\n// explicitly placed in the tab order or made editable. Used as a safety net so\n// the row action does not also fire when a consumer-provided control in a slot\n// is clicked.\nconst INTERACTIVE_SELECTOR = [\n  'button',\n  'a[href]',\n  'input',\n  'select',\n  'textarea',\n  '[role=\"button\"]',\n  '[role=\"link\"]',\n  '[role=\"checkbox\"]',\n  '[role=\"switch\"]',\n  '[role=\"menuitem\"]',\n  '[role=\"menuitemcheckbox\"]',\n  '[role=\"menuitemradio\"]',\n  '[role=\"tab\"]',\n  '[role=\"radio\"]',\n  '[role=\"option\"]',\n  '[contenteditable=\"true\"]',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ');\n\nfunction isInteractiveTarget(element: HTMLElement): boolean {\n  return element.closest(INTERACTIVE_SELECTOR) != null;\n}\n\nfunction getMaxLines(\n  explicitLines: number | undefined,\n  content: ReactNode,\n): number {\n  if (explicitLines != null) {\n    return explicitLines;\n  }\n\n  return typeof content === 'string' ? 1 : 0;\n}\n\n/**\n * Shared start content, label, description, and end content row primitive.\n */\nexport function Item({\n  align = 'center',\n  'aria-current': ariaCurrent,\n  as: Component = 'div',\n  className,\n  'data-testid': dataTestId,\n  description,\n  descriptionLines,\n  endContent,\n  endContentPosition = 'end',\n  href,\n  isDisabled = false,\n  isHighlighted = false,\n  isSelected = false,\n  label,\n  labelLines,\n  leadingContent,\n  linkComponent,\n  onClick,\n  ref,\n  rel,\n  role,\n  startContent,\n  style,\n  target,\n  trailingContent,\n  width = 'full',\n}: ItemProps): React.JSX.Element {\n  const linkRel = useRel({target, rel});\n  const isInteractive = href != null || onClick != null;\n  const hasParentRole = role != null;\n  // The item renders its own interactive control (link/button) only when it is\n  // interactive and no parent widget owns the role. Otherwise it renders a\n  // plain content wrapper and any interaction is handled by the parent.\n  const ownsInteraction = isInteractive && !hasParentRole;\n  // Tracks the inner interactive control (button/link) so the row handler can\n  // tell, precisely, when a click already fired on our own element.\n  const interactiveRef = useRef<HTMLElement | null>(null);\n  const setInteractiveRef = useCallback((node: HTMLElement | null) => {\n    interactiveRef.current = node;\n  }, []);\n  const classes = itemRecipe({\n    align,\n    width,\n    isInteractive,\n    isHighlighted,\n    isSelected,\n    isDisabled,\n    hasParentRole,\n  });\n\n  const inlineEndContent =\n    isReactNode(endContent) && endContentPosition === 'inline' ? (\n      <span className={classes.endContentInline}>{endContent}</span>\n    ) : null;\n\n  const labelAndDescription = (\n    <>\n      {inlineEndContent != null ? (\n        <span className={classes.labelRow}>\n          <Text as=\"span\" maxLines={getMaxLines(labelLines, label)} type=\"body\">\n            {label}\n          </Text>\n          {inlineEndContent}\n        </span>\n      ) : (\n        <Text as=\"span\" maxLines={getMaxLines(labelLines, label)} type=\"body\">\n          {label}\n        </Text>\n      )}\n      {isReactNode(description) ? (\n        <Text\n          as=\"span\"\n          maxLines={getMaxLines(descriptionLines, description)}\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </>\n  );\n\n  const handleContainerClick = (event: MouseEvent<HTMLElement>) => {\n    if (isDisabled) {\n      return;\n    }\n\n    const targetElement = event.target as HTMLElement;\n    // Our own interactive control already fired its onClick; don't double-fire.\n    if (interactiveRef.current?.contains(targetElement)) {\n      return;\n    }\n    // A consumer-provided interactive control in a slot owns its own click, so\n    // the row action should not also fire.\n    if (isInteractiveTarget(targetElement)) {\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const innerSlots = (\n    <>\n      {isReactNode(startContent) ? (\n        <span className={classes.startContent}>{startContent}</span>\n      ) : null}\n      <span className={classes.textContent}>{labelAndDescription}</span>\n      {isReactNode(endContent) && endContentPosition !== 'inline' ? (\n        <span className={classes.endContent}>{endContent}</span>\n      ) : null}\n    </>\n  );\n\n  const content = !ownsInteraction ? (\n    <span className={classes.content}>{innerSlots}</span>\n  ) : (\n    <ActionElement\n      aria-current={ariaCurrent ?? undefined}\n      aria-disabled={href != null && isDisabled ? true : undefined}\n      as={linkComponent}\n      className={classes.interactiveContent}\n      href={href}\n      isDisabled={href == null ? isDisabled : undefined}\n      isLink={href != null}\n      onClick={(e: MouseEvent<HTMLElement>) => {\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n      }}\n      ref={setInteractiveRef}\n      rel={href != null ? linkRel : undefined}\n      tabIndex={href != null && isDisabled ? -1 : undefined}\n      target={href != null ? target : undefined}>\n      {innerSlots}\n    </ActionElement>\n  );\n\n  return (\n    <Component\n      aria-disabled={isDisabled || undefined}\n      aria-selected={\n        isSelected && role != null && SELECTABLE_ROLES.has(role)\n          ? true\n          : undefined\n      }\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onClick={\n        hasParentRole\n          ? onClick\n          : ownsInteraction\n            ? handleContainerClick\n            : undefined\n      }\n      ref={ref as Ref<never>}\n      role={role}\n      style={style}>\n      {leadingContent}\n      {content}\n      {isReactNode(trailingContent) ? (\n        <span className={classes.trailingContent}>{trailingContent}</span>\n      ) : null}\n    </Component>\n  );\n}\n\nItem.displayName = 'Item';\n"]}

package/dist/{chunk-2A3V6OR7.cjs → chunk-EVCQCZMM.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkM26XECB2_cjs = require('./chunk-M26XECB2.cjs');
+var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -97,8 +97,8 @@ function EmptyState({
       children: [
         chunkQAO6QMNQ_cjs.isReactNode(illustration) ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: classes.illustration, children: illustration }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.text, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Heading, { id: headingId, level: headingLevel, children: title }),
-          description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "p", color: "secondary", children: description }) : null
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Heading, { id: headingId, level: headingLevel, children: title }),
+          description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Text, { as: "p", color: "secondary", children: description }) : null
         ] }),
         chunkQAO6QMNQ_cjs.isReactNode(actions) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.actions, children: actions }) : null
       ]
@@ -108,5 +108,5 @@ function EmptyState({
 EmptyState.displayName = "EmptyState";
 
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=chunk-2A3V6OR7.cjs.map
-//# sourceMappingURL=chunk-2A3V6OR7.cjs.map
+//# sourceMappingURL=chunk-EVCQCZMM.cjs.map
+//# sourceMappingURL=chunk-EVCQCZMM.cjs.map

package/dist/{chunk-2A3V6OR7.cjs.map → chunk-EVCQCZMM.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/EmptyState/EmptyState.recipe.ts","../src/components/EmptyState/EmptyState.tsx"],"names":["sva","useId","jsxs","cx","isReactNode","jsx","Heading","Text"],"mappings":"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","file":"chunk-2A3V6OR7.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const emptyStateRecipe = sva({\n  slots: ['root', 'illustration', 'text', 'actions'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      textAlign: 'center',\n      gap: '4',\n      w: 'full',\n      px: '6',\n      py: '8',\n    },\n    illustration: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n      w: '16',\n      h: '16',\n      '& > svg': {\n        w: 'full',\n        h: 'full',\n      },\n    },\n    text: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: '1',\n      maxW: '96',\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n      gap: '2',\n      mt: '1',\n    },\n  },\n  variants: {\n    isCompact: {\n      true: {\n        root: {\n          gap: '2',\n          px: '4',\n          py: '4',\n        },\n        illustration: {\n          w: '12',\n          h: '12',\n        },\n        actions: {\n          mt: '0',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isCompact: false,\n  },\n});\n\nexport type EmptyStateVariants = RecipeVariantProps<typeof emptyStateRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {Heading, type HeadingLevel, Text} from '../Text';\nimport {emptyStateRecipe} from './EmptyState.recipe';\n\nexport interface EmptyStateProps {\n  /**\n   * Action controls rendered below the text.\n   */\n  actions?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text.\n   */\n  description?: string;\n  /**\n   * Semantic heading level for the title.\n   * @default 3\n   */\n  headingLevel?: HeadingLevel;\n  /**\n   * Decorative illustration or large icon rendered above the title.\n   */\n  illustration?: ReactNode;\n  /**\n   * Whether to use tighter spacing for constrained areas.\n   * @default false\n   */\n  isCompact?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary empty-state message.\n   */\n  title: string;\n}\n\n/**\n * A placeholder for an empty data or content area.\n */\nexport function EmptyState({\n  actions,\n  className,\n  'data-testid': dataTestId,\n  description,\n  headingLevel = 3,\n  illustration,\n  isCompact = false,\n  ref,\n  style,\n  title,\n}: EmptyStateProps): React.JSX.Element {\n  const headingId = useId();\n  const classes = emptyStateRecipe({isCompact});\n\n  return (\n    <div\n      aria-labelledby={headingId}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={style}>\n      {isReactNode(illustration) ? (\n        <div aria-hidden=\"true\" className={classes.illustration}>\n          {illustration}\n        </div>\n      ) : null}\n      <div className={classes.text}>\n        <Heading id={headingId} level={headingLevel}>\n          {title}\n        </Heading>\n        {description != null ? (\n          <Text as=\"p\" color=\"secondary\">\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {isReactNode(actions) ? (\n        <div className={classes.actions}>{actions}</div>\n      ) : null}\n    </div>\n  );\n}\n\nEmptyState.displayName = 'EmptyState';\n"]}
+{"version":3,"sources":["../src/components/EmptyState/EmptyState.recipe.ts","../src/components/EmptyState/EmptyState.tsx"],"names":["sva","useId","jsxs","cx","isReactNode","jsx","Heading","Text"],"mappings":"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","file":"chunk-EVCQCZMM.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const emptyStateRecipe = sva({\n  slots: ['root', 'illustration', 'text', 'actions'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      textAlign: 'center',\n      gap: '4',\n      w: 'full',\n      px: '6',\n      py: '8',\n    },\n    illustration: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n      w: '16',\n      h: '16',\n      '& > svg': {\n        w: 'full',\n        h: 'full',\n      },\n    },\n    text: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: '1',\n      maxW: '96',\n    },\n    actions: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexWrap: 'wrap',\n      gap: '2',\n      mt: '1',\n    },\n  },\n  variants: {\n    isCompact: {\n      true: {\n        root: {\n          gap: '2',\n          px: '4',\n          py: '4',\n        },\n        illustration: {\n          w: '12',\n          h: '12',\n        },\n        actions: {\n          mt: '0',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isCompact: false,\n  },\n});\n\nexport type EmptyStateVariants = RecipeVariantProps<typeof emptyStateRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {emptyStateRecipe} from 'components/EmptyState/EmptyState.recipe';\nimport {Heading, type HeadingLevel, Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport interface EmptyStateProps {\n  /**\n   * Action controls rendered below the text.\n   */\n  actions?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text.\n   */\n  description?: string;\n  /**\n   * Semantic heading level for the title.\n   * @default 3\n   */\n  headingLevel?: HeadingLevel;\n  /**\n   * Decorative illustration or large icon rendered above the title.\n   */\n  illustration?: ReactNode;\n  /**\n   * Whether to use tighter spacing for constrained areas.\n   * @default false\n   */\n  isCompact?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary empty-state message.\n   */\n  title: string;\n}\n\n/**\n * A placeholder for an empty data or content area.\n */\nexport function EmptyState({\n  actions,\n  className,\n  'data-testid': dataTestId,\n  description,\n  headingLevel = 3,\n  illustration,\n  isCompact = false,\n  ref,\n  style,\n  title,\n}: EmptyStateProps): React.JSX.Element {\n  const headingId = useId();\n  const classes = emptyStateRecipe({isCompact});\n\n  return (\n    <div\n      aria-labelledby={headingId}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={style}>\n      {isReactNode(illustration) ? (\n        <div aria-hidden=\"true\" className={classes.illustration}>\n          {illustration}\n        </div>\n      ) : null}\n      <div className={classes.text}>\n        <Heading id={headingId} level={headingLevel}>\n          {title}\n        </Heading>\n        {description != null ? (\n          <Text as=\"p\" color=\"secondary\">\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {isReactNode(actions) ? (\n        <div className={classes.actions}>{actions}</div>\n      ) : null}\n    </div>\n  );\n}\n\nEmptyState.displayName = 'EmptyState';\n"]}