silver-ui 0.3.0 → 0.3.1

package/dist/chunk-EVKFA5FA.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.tsx","../src/components/SideNav/SideNavSection.tsx"],"names":["cva","createContext","use","css","jsx","Button","ChevronRight","ChevronLeft","styles","useState","useCallback","useMemo","jsxs","cx","MobileNav","Fragment","isReactNode","useLinkComponent","Text","useAppShellMobile","useId","Icon","ChevronDown","Item","VisuallyHidden"],"mappings":"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","file":"chunk-EVKFA5FA.cjs","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 {css} from 'styled-system/css';\nimport {Button} from '../../Button';\nimport {useSideNavCollapse} from '../SideNavContext';\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 {css} from 'styled-system/css';\nimport {MobileNav} from '../../internal/MobileNav';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {sideNavRecipe} from './SideNav.recipe';\nimport {SideNavCollapseContext, useSideNavRenderMode} from './SideNavContext';\nimport {SideNavCollapseButton} from './internal/SideNavCollapseButton';\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        style={style}>\n        {header}\n        <div className={styles.topbarIcons}>{footerIcons}</div>\n      </div>\n    );\n  }\n\n  if (renderMode === 'drawer') {\n    return (\n      <MobileNav data-testid={dataTestId} header={header}>\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        role=\"navigation\"\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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {Text} from '../Text';\nimport {useSideNavCollapse} from './SideNavContext';\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","/* 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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {useAppShellMobile} from '../AppShell/AppShellMobileContext';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Item} from '../Item';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {useSideNavCollapse} from './SideNavContext';\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\nconst styles = {\n  navItem: css({\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  }),\n  navItemSelected: css({\n    bg: 'bg.hover',\n    color: 'fg',\n    fontWeight: 'semibold',\n  }),\n  icon: css({\n    flexShrink: 0,\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: 'var(--silver-sizes-icon-md)',\n  }),\n  collapsed: css({\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  collapsedSelected: css({\n    bg: 'bg.hover',\n    color: 'fg',\n  }),\n  collapsedDisabled: css({\n    opacity: 0.5,\n    cursor: 'not-allowed',\n    pointerEvents: 'none',\n  }),\n  toggleRow: css({\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  toggleRowDisabled: css({\n    opacity: 0.5,\n    cursor: 'not-allowed',\n    pointerEvents: 'none',\n  }),\n  chevron: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    transitionProperty: 'transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n  }),\n  chevronExpanded: css({\n    transform: 'rotate(180deg)',\n  }),\n  toggleButton: css({\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  childrenContainer: css({\n    display: 'grid',\n    gridTemplateRows: '1fr',\n    transitionProperty: 'grid-template-rows',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n  }),\n  childrenCollapsed: css({\n    gridTemplateRows: '0fr',\n  }),\n  childrenInner: css({\n    overflow: 'hidden',\n    ps: '6',\n  }),\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} = 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 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    closeMobileNav();\n  };\n\n  const iconSlot =\n    icon != null ? (\n      <span aria-hidden=\"true\" className={styles.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(\n      styles.collapsed,\n      isSelected && styles.collapsedSelected,\n      isDisabled && styles.collapsedDisabled,\n      className,\n    );\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={cx(styles.chevron, isExpanded && styles.chevronExpanded)}>\n      <Icon icon={ChevronDown} size=\"sm\" />\n    </span>\n  ) : null;\n\n  const childrenContainer = isReactNode(children) ? (\n    <div\n      className={cx(\n        styles.childrenContainer,\n        isExpandable && !isExpanded && styles.childrenCollapsed,\n      )}\n      id={childrenId}\n      role=\"group\">\n      <div className={styles.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(\n            styles.toggleRow,\n            isSelected && styles.navItemSelected,\n            isDisabled && styles.toggleRowDisabled,\n            className,\n          )}\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={styles.navItem}\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(\n            styles.navItem,\n            isSelected && styles.navItemSelected,\n            className,\n          )}\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={styles.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(\n          styles.navItem,\n          isSelected && styles.navItemSelected,\n          className,\n        )}\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 {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {Text} from '../Text';\nimport {useSideNavCollapse} from './SideNavContext';\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          data-testid={undefined}\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-ZXPKFGRB.cjs → chunk-F3NATTQG.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkL6JT244G_cjs = require('./chunk-L6JT244G.cjs');
+var chunkSSOAZZNR_cjs = require('./chunk-SSOAZZNR.cjs');
 var chunkPYPXJC35_cjs = require('./chunk-PYPXJC35.cjs');
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkKFEXS6OK_cjs = require('./chunk-KFEXS6OK.cjs');
-var chunkMAL4D4LR_cjs = require('./chunk-MAL4D4LR.cjs');
-var chunkYBPG5RPR_cjs = require('./chunk-YBPG5RPR.cjs');
-var chunkYXYD5HKL_cjs = require('./chunk-YXYD5HKL.cjs');
-var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkBAPCHFNX_cjs = require('./chunk-BAPCHFNX.cjs');
+var chunkW3KMDQKP_cjs = require('./chunk-W3KMDQKP.cjs');
+var chunkBRB52QFV_cjs = require('./chunk-BRB52QFV.cjs');
+var chunkKFDHP4WP_cjs = require('./chunk-KFDHP4WP.cjs');
+var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -101,9 +101,10 @@ var styles = {
       outlineColor: "primary",
       outlineOffset: "focusOffsetTight"
     },
-    _disabled: {
+    '&[aria-disabled="true"]': {
       opacity: 0.55,
-      cursor: "not-allowed"
+      cursor: "not-allowed",
+      pointerEvents: "none"
     }
   }),
   checkbox: chunkRU6JG3FS_cjs.css({
@@ -222,7 +223,7 @@ function MultiSelect({
     statusMessageID,
     triggerRef,
     visibleSelectableOptions
-  } = chunkL6JT244G_cjs.useSelectListbox({
+  } = chunkSSOAZZNR_cjs.useSelectListbox({
     description,
     isDefaultOpen,
     isDisabled,
@@ -272,7 +273,7 @@ function MultiSelect({
       const overflow = selectedOptions.length - visible.length;
       return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.badges, children: [
         visible.map((option) => /* @__PURE__ */ jsxRuntime.jsx(chunkPYPXJC35_cjs.Badge, { label: option.label ?? option.value }, option.value)),
-        overflow > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkJMNH45Q3_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: [
+        overflow > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkQEFE4QBL_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: [
           "+",
           overflow
         ] }) : null
@@ -289,44 +290,46 @@ function MultiSelect({
     }
     const isSelected = selectedValues.has(option.value);
     const isHighlighted = highlightedValue === option.value;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        "aria-selected": isSelected,
-        className: chunkSPDVNY2Z_cjs.cx(
-          styles.option,
-          isHighlighted ? styles.optionHighlighted : void 0
-        ),
-        "data-value": option.value,
-        disabled: option.isDisabled,
-        id: getOptionId(option.value),
-        onClick: handleOptionClick,
-        onMouseEnter: handleOptionMouseEnter,
-        role: "option",
-        tabIndex: isHighlighted ? 0 : -1,
-        type: "button",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: chunkSPDVNY2Z_cjs.cx(
-                styles.checkbox,
-                isSelected ? styles.checkboxSelected : void 0
-              ),
-              children: isSelected ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Check, size: "sm" }) : null
-            }
+    return (
+      // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events -- keyboard navigation is handled by the combobox input, not individual options
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          "aria-disabled": option.isDisabled ?? void 0,
+          "aria-selected": isSelected,
+          className: chunkSPDVNY2Z_cjs.cx(
+            styles.option,
+            isHighlighted ? styles.optionHighlighted : void 0
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.optionContent, children: children == null ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            option.icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: option.icon, size: "sm" }) }) : null,
-            option.label
-          ] }) : children(option) })
-        ]
-      },
-      option.value
+          "data-value": option.value,
+          id: getOptionId(option.value),
+          onClick: option.isDisabled ? void 0 : handleOptionClick,
+          onMouseEnter: handleOptionMouseEnter,
+          role: "option",
+          tabIndex: isHighlighted ? 0 : -1,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: chunkSPDVNY2Z_cjs.cx(
+                  styles.checkbox,
+                  isSelected ? styles.checkboxSelected : void 0
+                ),
+                children: isSelected ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Check, size: "sm" }) : null
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.optionContent, children: children == null ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              option.icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: option.icon, size: "sm" }) }) : null,
+              option.label
+            ] }) : children(option) })
+          ]
+        },
+        option.value
+      )
     );
   };
-  const optionNodes = chunkL6JT244G_cjs.renderSelectListboxOptions({
+  const optionNodes = chunkSSOAZZNR_cjs.renderSelectListboxOptions({
     dividerClassName: styles.divider,
     inputId,
     options,
@@ -361,29 +364,32 @@ function MultiSelect({
         id: listboxId,
         role: "listbox",
         children: [
-          hasSelectAll ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              "aria-selected": allSelected,
-              className: styles.option,
-              onClick: toggleAll,
-              role: "option",
-              type: "button",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: chunkSPDVNY2Z_cjs.cx(
-                      styles.checkbox,
-                      allSelected ? styles.checkboxSelected : void 0
-                    ),
-                    children: allSelected ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Check, size: "sm" }) : null
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.optionContent, children: selectAllLabel })
-              ]
-            }
+          hasSelectAll ? (
+            // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events -- keyboard navigation is handled by the combobox input, not individual options
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "aria-selected": allSelected,
+                className: styles.option,
+                onClick: toggleAll,
+                role: "option",
+                tabIndex: -1,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: chunkSPDVNY2Z_cjs.cx(
+                        styles.checkbox,
+                        allSelected ? styles.checkboxSelected : void 0
+                      ),
+                      children: allSelected ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Check, size: "sm" }) : null
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.optionContent, children: selectAllLabel })
+                ]
+              }
+            )
           ) : null,
           optionNodes
         ]
@@ -433,9 +439,9 @@ function MultiSelect({
               children: renderTriggerValue()
             }
           ),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkYXYD5HKL_cjs.Spinner, { size: "sm" }) : null,
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size: "sm" }) : null,
           hasClear && value.length > 0 && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYBPG5RPR_cjs.Button,
+            chunkBRB52QFV_cjs.Button,
             {
               icon: lucideReact.X,
               isIconOnly: true,
@@ -453,9 +459,9 @@ function MultiSelect({
       }
     )
   );
-  const necessity = chunkKFEXS6OK_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkBAPCHFNX_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkKFEXS6OK_cjs.Field,
+    chunkBAPCHFNX_cjs.Field,
     {
       className,
       description,
@@ -472,7 +478,7 @@ function MultiSelect({
       children: [
         trigger,
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMAL4D4LR_cjs.Popover,
+          chunkW3KMDQKP_cjs.Popover,
           {
             anchorRef: triggerRef,
             content: menu,
@@ -490,5 +496,5 @@ function MultiSelect({
 MultiSelect.displayName = "MultiSelect";
 
 exports.MultiSelect = MultiSelect;
-//# sourceMappingURL=chunk-ZXPKFGRB.cjs.map
-//# sourceMappingURL=chunk-ZXPKFGRB.cjs.map
+//# sourceMappingURL=chunk-F3NATTQG.cjs.map
+//# sourceMappingURL=chunk-F3NATTQG.cjs.map

package/dist/chunk-F3NATTQG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MultiSelect/MultiSelect.tsx"],"names":["css","useMemo","useCallback","useSelectListbox","jsx","cx","jsxs","Badge","Text","Icon","Check","Fragment","renderSelectListboxOptions","inputRecipe","Spinner","Button","X","ChevronDown","getNecessity","Field","Popover"],"mappings":";;;;;;;;;;;;;;;;;AA2MA,IAAM,MAAA,GAAS;AAAA,EACb,SAASA,qBAAA,CAAI;AAAA,IACX,MAAA,EAAQ;AAAA,GACT,CAAA;AAAA,EACD,iBAAiBA,qBAAA,CAAI;AAAA,IACnB,MAAA,EAAQ;AAAA,GACT,CAAA;AAAA,EACD,SAASA,qBAAA,CAAI;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAA,EAAK,GAAA;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,IAAA,EAAM,CAAA;AAAA,IACN,CAAA,EAAG,CAAA;AAAA,IACH,WAAA,EAAa,CAAA;AAAA,IACb,EAAA,EAAI,aAAA;AAAA,IACJ,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY,MAAA;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,SAAA,EAAW,OAAA;AAAA,IACX,SAAA,EAAW,EAAC,MAAA,EAAQ,aAAA;AAAa,GAClC,CAAA;AAAA,EACD,aAAaA,qBAAA,CAAI;AAAA,IACf,IAAA,EAAM,CAAA;AAAA,IACN,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,QAAA;AAAA,IACV,YAAA,EAAc,UAAA;AAAA,IACd,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,WAAA,EAAaA,qBAAA,CAAI,EAAC,KAAA,EAAO,YAAW,CAAA;AAAA,EACpC,UAAUA,qBAAA,CAAI;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,CAAA;AAAA,IACZ,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,GAAA;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACX,CAAA;AAAA,EACD,MAAMA,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,GAAA,EAAK,KAAA;AAAA,IACL,IAAA,EAAM,IAAA;AAAA,IACN,SAAA,EAAW,MAAA;AAAA,IACX,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,CAAA,EAAG,MAAA;AAAA,IACH,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,WAAA,EAAa,SAAA;AAAA,IACb,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,mBAAA;AAAA,IACb,YAAA,EAAc,IAAA;AAAA,IACd,UAAA,EAAY,MAAA;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,MAAA,EAAQ,EAAC,WAAA,EAAa,SAAA;AAAS,GAChC,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,GAAA;AAAA,IACL,CAAA,EAAG,MAAA;AAAA,IACH,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,IAAA;AAAA,IACd,EAAA,EAAI,aAAA;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW,OAAA;AAAA,IACX,MAAA,EAAQ,EAAC,EAAA,EAAI,WAAA,EAAW;AAAA,IACxB,aAAA,EAAe;AAAA,MACb,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,yBAAA,EAA2B;AAAA,MACzB,OAAA,EAAS,IAAA;AAAA,MACT,MAAA,EAAQ,aAAA;AAAA,MACR,aAAA,EAAe;AAAA;AACjB,GACD,CAAA;AAAA,EACD,UAAUA,qBAAA,CAAI;AAAA,IACZ,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,GAAA;AAAA,IACH,CAAA,EAAG,GAAA;AAAA,IACH,WAAA,EAAa,SAAA;AAAA,IACb,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,UAAA;AAAA,IACb,YAAA,EAAc,IAAA;AAAA,IACd,EAAA,EAAI,IAAA;AAAA,IACJ,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,kBAAkBA,qBAAA,CAAI;AAAA,IACpB,EAAA,EAAI,SAAA;AAAA,IACJ,WAAA,EAAa;AAAA,GACd,CAAA;AAAA,EACD,iBAAA,EAAmBA,qBAAA,CAAI,EAAC,EAAA,EAAI,aAAY,CAAA;AAAA,EACxC,eAAeA,qBAAA,CAAI;AAAA,IACjB,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,GAAA;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,gBAAgBA,qBAAA,CAAI;AAAA,IAClB,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,IAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,SAASA,qBAAA,CAAI;AAAA,IACX,CAAA,EAAG,KAAA;AAAA,IACH,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACL;AACH,CAAA;AAKO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,KAAA;AAAA,EACZ,YAAA,GAAe,KAAA;AAAA,EACf,aAAA,GAAgB,KAAA;AAAA,EAChB,UAAA,GAAa,KAAA;AAAA,EACb,aAAA,GAAgB,KAAA;AAAA,EAChB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA,GAAY,CAAA;AAAA,EACZ,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,WAAA;AAAA,EACd,GAAA;AAAA,EACA,iBAAA,GAAoB,WAAA;AAAA,EACpB,cAAA,GAAiB,YAAA;AAAA,EACjB,IAAA,GAAO,IAAA;AAAA,EACP,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA,GAAiB,OAAA;AAAA,EACjB;AACF,CAAA,EAAwC;AACtC,EAAA,MAAM,cAAA,GAAiBC,cAAQ,MAAM,IAAI,IAAI,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAC5D,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,SAAA,KAAwB;AACvB,MAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IACpB,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,WAAA,GAAcA,iBAAA;AAAA,IAClB,CAAC,MAAA,KAA2C;AAC1C,MAAA,IAAI,MAAA,CAAO,eAAe,IAAA,EAAM;AAC9B,QAAA,OAAO,KAAA;AAAA,MACT;AAEA,MAAA,MAAM,UAAA,GAAa,IAAI,GAAA,CAAI,KAAK,CAAA;AAChC,MAAA,IAAI,UAAA,CAAW,GAAA,CAAI,MAAA,CAAO,KAAK,CAAA,EAAG;AAChC,QAAA,UAAA,CAAW,MAAA,CAAO,OAAO,KAAK,CAAA;AAAA,MAChC,CAAA,MAAO;AACL,QAAA,UAAA,CAAW,GAAA,CAAI,OAAO,KAAK,CAAA;AAAA,MAC7B;AACA,MAAA,YAAA,CAAa,KAAA,CAAM,IAAA,CAAK,UAAU,CAAC,CAAA;AACnC,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,cAAc,KAAK;AAAA,GACtB;AAEA,EAAA,MAAM;AAAA,IACJ,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,iBAAA;AAAA,IACA,mBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACEC,kCAAA,CAAiB;AAAA,IACnB,WAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA,EAAgB,WAAA;AAAA,IAChB,OAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA,EAAqB,KAAA;AAAA,IACrB;AAAA,GACD,CAAA;AAED,EAAA,MAAM,eAAA,GAAkBF,aAAA;AAAA,IACtB,MAAM,kBAAkB,MAAA,CAAO,CAAA,MAAA,KAAU,eAAe,GAAA,CAAI,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,IACzE,CAAC,mBAAmB,cAAc;AAAA,GACpC;AACA,EAAA,MAAM,qBAAA,GAAwBA,aAAA;AAAA,IAC5B,MAAM,wBAAA,CAAyB,MAAA,CAAO,CAAA,MAAA,KAAU,MAAA,CAAO,eAAe,IAAI,CAAA;AAAA,IAC1E,CAAC,wBAAwB;AAAA,GAC3B;AACA,EAAA,MAAM,WAAA,GACJ,qBAAA,CAAsB,MAAA,GAAS,CAAA,IAC/B,qBAAA,CAAsB,KAAA,CAAM,CAAA,MAAA,KAAU,cAAA,CAAe,GAAA,CAAI,MAAA,CAAO,KAAK,CAAC,CAAA;AAExE,EAAA,MAAM,SAAA,GAAYC,kBAAY,MAAM;AAClC,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,YAAA;AAAA,QACE,KAAA,CAAM,MAAA;AAAA,UACJ,iBACE,CAAC,qBAAA,CAAsB,KAAK,CAAA,MAAA,KAAU,MAAA,CAAO,UAAU,WAAW;AAAA;AACtE,OACF;AACA,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,UAAA,GAAa,IAAI,GAAA,CAAI,KAAK,CAAA;AAChC,IAAA,KAAA,MAAW,UAAU,qBAAA,EAAuB;AAC1C,MAAA,UAAA,CAAW,GAAA,CAAI,OAAO,KAAK,CAAA;AAAA,IAC7B;AACA,IAAA,YAAA,CAAa,KAAA,CAAM,IAAA,CAAK,UAAU,CAAC,CAAA;AAAA,EACrC,GAAG,CAAC,WAAA,EAAa,YAAA,EAAc,qBAAA,EAAuB,KAAK,CAAC,CAAA;AAE5D,EAAA,MAAM,qBAAqB,MAAiB;AAC1C,IAAA,IAAI,eAAA,CAAgB,WAAW,CAAA,EAAG;AAChC,MAAA,uBACEE,cAAA,CAAC,UAAK,SAAA,EAAWC,oBAAA,CAAG,OAAO,WAAA,EAAa,MAAA,CAAO,WAAW,CAAA,EACvD,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,IAEJ;AACA,IAAA,IAAI,mBAAmB,QAAA,EAAU;AAC/B,MAAA,MAAM,SAAS,eAAA,CAAgB,GAAA;AAAA,QAC7B,CAAA,MAAA,KAAU,MAAA,CAAO,KAAA,IAAS,MAAA,CAAO;AAAA,OACnC;AACA,MAAA,uBAAOD,cAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,aAAc,QAAA,EAAA,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,EAAE,CAAA;AAAA,IACjE;AACA,IAAA,IAAI,mBAAmB,QAAA,EAAU;AAC/B,MAAA,MAAM,OAAA,GAAU,eAAA,CAAgB,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAClD,MAAA,MAAM,QAAA,GAAW,eAAA,CAAgB,MAAA,GAAS,OAAA,CAAQ,MAAA;AAClD,MAAA,uBACEE,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,MAAA,EACrB,QAAA,EAAA;AAAA,QAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,qBACXF,cAAA,CAACG,uBAAA,EAAA,EAAyB,KAAA,EAAO,MAAA,CAAO,KAAA,IAAS,MAAA,CAAO,KAAA,EAAA,EAA5C,MAAA,CAAO,KAA4C,CAChE,CAAA;AAAA,QACA,QAAA,GAAW,oBACVD,eAAA,CAACE,sBAAA,EAAA,EAAK,IAAG,MAAA,EAAO,KAAA,EAAM,WAAA,EAAY,IAAA,EAAK,YAAA,EAAa,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UAChD;AAAA,SAAA,EACJ,CAAA,GACE;AAAA,OAAA,EACN,CAAA;AAAA,IAEJ;AACA,IAAA,uBACEF,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,WAAA,EACrB,QAAA,EAAA;AAAA,MAAA,eAAA,CAAgB,MAAA;AAAA,MAAO;AAAA,KAAA,EAC1B,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,MAAA,KAA6C;AACjE,IAAA,IAAI,CAAC,cAAA,CAAe,GAAA,CAAI,MAAA,CAAO,KAAK,CAAA,EAAG;AACrC,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,MAAM,UAAA,GAAa,cAAA,CAAe,GAAA,CAAI,MAAA,CAAO,KAAK,CAAA;AAClD,IAAA,MAAM,aAAA,GAAgB,qBAAqB,MAAA,CAAO,KAAA;AAClD,IAAA;AAAA;AAAA,sBAEEA,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,eAAA,EAAe,OAAO,UAAA,IAAc,MAAA;AAAA,UACpC,eAAA,EAAe,UAAA;AAAA,UACf,SAAA,EAAWD,oBAAA;AAAA,YACT,MAAA,CAAO,MAAA;AAAA,YACP,aAAA,GAAgB,OAAO,iBAAA,GAAoB;AAAA,WAC7C;AAAA,UACA,cAAY,MAAA,CAAO,KAAA;AAAA,UACnB,EAAA,EAAI,WAAA,CAAY,MAAA,CAAO,KAAK,CAAA;AAAA,UAE5B,OAAA,EAAS,MAAA,CAAO,UAAA,GAAa,MAAA,GAAY,iBAAA;AAAA,UACzC,YAAA,EAAc,sBAAA;AAAA,UACd,IAAA,EAAK,QAAA;AAAA,UACL,QAAA,EAAU,gBAAgB,CAAA,GAAI,EAAA;AAAA,UAC9B,QAAA,EAAA;AAAA,4BAAAD,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAWC,oBAAA;AAAA,kBACT,MAAA,CAAO,QAAA;AAAA,kBACP,UAAA,GAAa,OAAO,gBAAA,GAAmB;AAAA,iBACzC;AAAA,gBACC,uCAAaD,cAAA,CAACK,sBAAA,EAAA,EAAK,MAAMC,iBAAA,EAAO,IAAA,EAAK,MAAK,CAAA,GAAK;AAAA;AAAA,aAClD;AAAA,2CACC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,aAAA,EACrB,QAAA,EAAA,QAAA,IAAY,uBACXJ,eAAA,CAAAK,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,MAAA,CAAO,QAAQ,IAAA,mBACdP,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,QAAA,EACtB,QAAA,kBAAAA,cAAA,CAACK,sBAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,MAAA,CAAO,MAAM,IAAA,EAAK,IAAA,EAAK,GACvD,CAAA,GACE,IAAA;AAAA,cACH,MAAA,CAAO;AAAA,aAAA,EACV,CAAA,GAEA,QAAA,CAAS,MAAM,CAAA,EAEnB;AAAA;AAAA,SAAA;AAAA,QA1BK,MAAA,CAAO;AAAA;AA2Bd;AAAA,EAEJ,CAAA;AAEA,EAAA,MAAM,cAAcG,4CAAA,CAA2B;AAAA,IAC7C,kBAAkB,MAAA,CAAO,OAAA;AAAA,IACzB,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,yBAAyB,MAAA,CAAO;AAAA,GACjC,CAAA;AAED,EAAA,MAAM,uBACJN,eAAA,CAAAK,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCP,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,uBAAA,EAAuB,kBAAA;AAAA,QACvB,mBAAA,EAAkB,MAAA;AAAA,QAClB,eAAA,EAAe,SAAA;AAAA,QACf,YAAA,EAAY,UAAU,KAAK,CAAA,CAAA;AAAA,QAC3B,WAAW,MAAA,CAAO,MAAA;AAAA,QAClB,UAAU,CAAA,KAAA,KAAS;AACjB,UAAA,QAAA,CAAS,KAAA,CAAM,OAAO,KAAK,CAAA;AAC3B,UAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,QAC1B,CAAA;AAAA,QACA,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa,iBAAA;AAAA,QACb,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAO;AAAA;AAAA,KACT,GACE,IAAA;AAAA,oBACJE,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,GAAG,KAAK,CAAA,QAAA,CAAA;AAAA,QACpB,sBAAA,EAAqB,MAAA;AAAA,QACrB,WAAW,MAAA,CAAO,IAAA;AAAA,QAClB,EAAA,EAAI,SAAA;AAAA,QACJ,IAAA,EAAK,SAAA;AAAA,QACJ,QAAA,EAAA;AAAA,UAAA,YAAA;AAAA;AAAA,4BAECA,eAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,eAAA,EAAe,WAAA;AAAA,gBACf,WAAW,MAAA,CAAO,MAAA;AAAA,gBAClB,OAAA,EAAS,SAAA;AAAA,gBACT,IAAA,EAAK,QAAA;AAAA,gBACL,QAAA,EAAU,EAAA;AAAA,gBACV,QAAA,EAAA;AAAA,kCAAAF,cAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,aAAA,EAAY,MAAA;AAAA,sBACZ,SAAA,EAAWC,oBAAA;AAAA,wBACT,MAAA,CAAO,QAAA;AAAA,wBACP,WAAA,GAAc,OAAO,gBAAA,GAAmB;AAAA,uBAC1C;AAAA,sBACC,wCAAcD,cAAA,CAACK,sBAAA,EAAA,EAAK,MAAMC,iBAAA,EAAO,IAAA,EAAK,MAAK,CAAA,GAAK;AAAA;AAAA,mBACnD;AAAA,kCACAN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,eAAgB,QAAA,EAAA,cAAA,EAAe;AAAA;AAAA;AAAA;AACzD,cACE,IAAA;AAAA,UACH;AAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAGF,EAAA,MAAM,OAAA;AAAA;AAAA,oBAEJE,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,oBAAA;AAAA,UACTQ,6BAAA,CAAY;AAAA,YACV,IAAA;AAAA,YACA,QAAQ,MAAA,EAAQ,IAAA;AAAA,YAChB;AAAA,WACD,CAAA;AAAA,UACD,MAAA,CAAO,OAAA;AAAA,UACP,qBAAA,GAAwB,OAAO,eAAA,GAAkB;AAAA,SACnD;AAAA,QACA,SAAS,MAAM;AACb,UAAA,IAAI,CAAC,qBAAA,EAAuB;AAC1B,YAAA,SAAA,CAAU,CAAA,aAAA,KAAiB,CAAC,aAAa,CAAA;AAAA,UAC3C;AAAA,QACF,CAAA;AAAA,QACA,GAAA,EAAK,UAAA;AAAA,QACJ,QAAA,EAAA;AAAA,UAAA,SAAA,IAAa,IAAA,mBACZT,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,QAAA,EACtB,QAAA,kBAAAA,cAAA,CAACK,sBAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,GACrD,CAAA,GACE,IAAA;AAAA,0BACJL,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,uBAAA,EAAuB,kBAAA;AAAA,cACvB,aAAW,SAAA,IAAa,MAAA;AAAA,cACxB,eAAA,EAAe,SAAA;AAAA,cACf,kBAAA,EAAkB,WAAA;AAAA,cAClB,eAAA,EAAe,MAAA;AAAA,cACf,eAAA,EAAc,SAAA;AAAA,cACd,cAAA,EAAc,MAAA,EAAQ,IAAA,KAAS,OAAA,IAAW,MAAA;AAAA,cAC1C,WAAW,MAAA,CAAO,OAAA;AAAA,cAClB,aAAA,EAAa,UAAA;AAAA,cACb,QAAA,EAAU,qBAAA;AAAA,cACV,EAAA,EAAI,OAAA;AAAA,cACJ,SAAA,EAAW,wBAAA;AAAA,cACX,GAAA;AAAA,cACA,IAAA,EAAK,UAAA;AAAA,cACL,IAAA,EAAK,QAAA;AAAA,cACJ,QAAA,EAAA,kBAAA;AAAmB;AAAA,WACtB;AAAA,UACC,SAAA,mBAAYA,cAAA,CAACU,yBAAA,EAAA,EAAQ,IAAA,EAAK,MAAK,CAAA,GAAK,IAAA;AAAA,UACpC,QAAA,IAAY,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,CAAC,UAAA,mBAChCV,cAAA;AAAA,YAACW,wBAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAMC,aAAA;AAAA,cACN,UAAA,EAAU,IAAA;AAAA,cACV,KAAA,EAAO,SAAS,KAAK,CAAA,CAAA;AAAA,cACrB,SAAS,CAAA,KAAA,KAAS;AAChB,gBAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,gBAAA,YAAA,CAAa,EAAE,CAAA;AAAA,cACjB,CAAA;AAAA,cACA,IAAA,EAAK,IAAA;AAAA,cACL,OAAA,EAAQ;AAAA;AAAA,WACV,GACE,IAAA;AAAA,0BACJZ,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAA,EACtB,QAAA,kBAAAA,cAAA,CAACK,sBAAA,EAAA,EAAK,IAAA,EAAMQ,uBAAA,EAAa,IAAA,EAAK,IAAA,EAAK,CAAA,EACrC;AAAA;AAAA;AAAA;AACF,GAAA;AAGF,EAAA,MAAM,SAAA,GAAYC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAErD,EAAA,uBACEZ,eAAA;AAAA,IAACa,uBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA,EACE,UAAU,IAAA,GAAO,MAAA,GAAY,EAAC,GAAG,MAAA,EAAQ,WAAW,eAAA,EAAe;AAAA,MAErE,KAAA;AAAA,MACC,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,wBACDf,cAAA;AAAA,UAACgB,yBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,YACX,OAAA,EAAS,IAAA;AAAA,YACT,YAAA,EAAc,SAAA;AAAA,YACd,cAAA,EAAgB,KAAA;AAAA,YAChB,SAAA,EAAW,KAAA;AAAA,YACX,MAAA;AAAA,YACA,YAAA,EAAc;AAAA;AAAA;AAChB;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-F3NATTQG.cjs","sourcesContent":["import {Check, ChevronDown, X} from 'lucide-react';\nimport {\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {\n  renderSelectListboxOptions,\n  useSelectListbox,\n  type SelectListboxOptionData,\n} from '../../internal/useSelectListbox';\nimport {Badge} from '../Badge';\nimport {Button} from '../Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {inputRecipe} from '../Field/inputStyles';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Popover} from '../Popover';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\n\nexport interface MultiSelectOptionData extends SelectListboxOptionData {\n  /**\n   * Icon displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the option is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Option label. Defaults to `value`.\n   */\n  label?: string;\n  /**\n   * Option value.\n   */\n  value: string;\n}\n\nexport interface MultiSelectDivider {\n  /**\n   * Discriminator identifying a divider entry.\n   */\n  type: 'divider';\n}\n\nexport interface MultiSelectSection {\n  /**\n   * Options within this section.\n   */\n  options: ReadonlyArray<MultiSelectOptionData>;\n  /**\n   * Optional heading text for the section.\n   */\n  title?: string;\n  /**\n   * Discriminator identifying a section entry.\n   */\n  type: 'section';\n}\n\nexport type MultiSelectOption =\n  | MultiSelectDivider\n  | MultiSelectOptionData\n  | MultiSelectSection\n  | string;\n\nexport type MultiSelectTriggerDisplay = 'count' | 'labels' | 'badges';\n\nexport type MultiSelectProps = {\n  /**\n   * Custom render function for selectable options.\n   */\n  children?: (option: MultiSelectOptionData) => ReactNode;\n  /**\n   * Additional CSS class names applied to the trigger wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the combobox button.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to show a clear button when values are selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Whether to show search input in the dropdown.\n   * @default false\n   */\n  hasSearch?: boolean;\n  /**\n   * Whether to show a select-all option.\n   * @default false\n   */\n  hasSelectAll?: boolean;\n  /**\n   * Whether the selector starts open.\n   * @default false\n   */\n  isDefaultOpen?: boolean;\n  /**\n   * Whether the selector is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the selector is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum number of badges before showing an overflow count.\n   * @default 3\n   */\n  maxBadges?: number;\n  /**\n   * Called when selection changes.\n   */\n  onChange: (value: string[]) => void;\n  /**\n   * Options to display.\n   */\n  options: ReadonlyArray<MultiSelectOption>;\n  /**\n   * Placeholder shown when no values are selected.\n   * @default 'Select...'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the combobox button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Search input placeholder.\n   * @default 'Search...'\n   */\n  searchPlaceholder?: string;\n  /**\n   * Select-all option label.\n   * @default 'Select all'\n   */\n  selectAllLabel?: string;\n  /**\n   * Select size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Start icon rendered in the trigger.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the selector.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the trigger wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * How selected items are summarized in the trigger.\n   * @default 'count'\n   */\n  triggerDisplay?: MultiSelectTriggerDisplay;\n  /**\n   * Selected option values.\n   */\n  value: string[];\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    cursor: 'pointer',\n  }),\n  wrapperDisabled: css({\n    cursor: 'not-allowed',\n  }),\n  trigger: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '2',\n    flex: 1,\n    minW: 0,\n    p: 0,\n    borderWidth: 0,\n    bg: 'transparent',\n    color: 'inherit',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    outline: 'none',\n    textAlign: 'start',\n    _disabled: {cursor: 'not-allowed'},\n  }),\n  triggerText: css({\n    flex: 1,\n    minW: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  placeholder: css({color: 'fg.muted'}),\n  iconSlot: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n    color: 'fg.muted',\n  }),\n  badges: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    minW: 0,\n    overflow: 'hidden',\n  }),\n  menu: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    maxH: '80',\n    overflowY: 'auto',\n    p: '1',\n  }),\n  search: css({\n    w: 'full',\n    px: '2',\n    py: '1',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border.emphasized',\n    borderRadius: 'md',\n    fontFamily: 'body',\n    outline: 'none',\n    _focus: {borderColor: 'primary'},\n  }),\n  option: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    w: 'full',\n    px: '2',\n    py: '2',\n    borderWidth: 0,\n    borderRadius: 'md',\n    bg: 'transparent',\n    color: 'fg',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    textAlign: 'start',\n    _hover: {bg: 'bg.subtle'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffsetTight',\n    },\n    '&[aria-disabled=\"true\"]': {\n      opacity: 0.55,\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n  }),\n  checkbox: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    w: '5',\n    h: '5',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'fg.muted',\n    borderRadius: 'sm',\n    bg: 'bg',\n    color: 'fg.onPrimary',\n  }),\n  checkboxSelected: css({\n    bg: 'primary',\n    borderColor: 'primary',\n  }),\n  optionHighlighted: css({bg: 'bg.subtle'}),\n  optionContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '2',\n    minW: 0,\n    flex: 1,\n  }),\n  sectionHeading: css({\n    px: '2',\n    py: '1',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n  }),\n  divider: css({\n    h: '1px',\n    bg: 'border',\n    my: '1',\n  }),\n} as const;\n\n/**\n * Multi-select dropdown field with checkbox-style options.\n */\nexport function MultiSelect({\n  children,\n  className,\n  'data-testid': dataTestId,\n  description,\n  hasClear = false,\n  hasSearch = false,\n  hasSelectAll = false,\n  isDefaultOpen = false,\n  isDisabled = false,\n  isLabelHidden = false,\n  isLoading = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  maxBadges = 3,\n  onChange,\n  options,\n  placeholder = 'Select...',\n  ref,\n  searchPlaceholder = 'Search...',\n  selectAllLabel = 'Select all',\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  triggerDisplay = 'count',\n  value,\n}: MultiSelectProps): React.JSX.Element {\n  const selectedValues = useMemo(() => new Set(value), [value]);\n  const commitChange = useCallback(\n    (nextValue: string[]) => {\n      onChange(nextValue);\n    },\n    [onChange],\n  );\n\n  const toggleValue = useCallback(\n    (option: MultiSelectOptionData): boolean => {\n      if (option.isDisabled === true) {\n        return false;\n      }\n\n      const nextValues = new Set(value);\n      if (nextValues.has(option.value)) {\n        nextValues.delete(option.value);\n      } else {\n        nextValues.add(option.value);\n      }\n      commitChange(Array.from(nextValues));\n      return true;\n    },\n    [commitChange, value],\n  );\n\n  const {\n    activeDescendantId,\n    describedBy,\n    descriptionID,\n    filteredValues,\n    getOptionId,\n    handleKeyboardNavigation,\n    handleOptionClick,\n    handleOptionMouseEnter,\n    highlightedValue,\n    inputId,\n    isInteractionDisabled,\n    isOpen,\n    listboxId,\n    query,\n    selectableOptions,\n    setHighlightedValue,\n    setIsOpen,\n    setQuery,\n    statusMessageID,\n    triggerRef,\n    visibleSelectableOptions,\n  } = useSelectListbox({\n    description,\n    isDefaultOpen,\n    isDisabled,\n    isLoading,\n    onCommitOption: toggleValue,\n    options,\n    selectedValues,\n    shouldClearOnCommit: false,\n    status,\n  });\n\n  const selectedOptions = useMemo(\n    () => selectableOptions.filter(option => selectedValues.has(option.value)),\n    [selectableOptions, selectedValues],\n  );\n  const enabledVisibleOptions = useMemo(\n    () => visibleSelectableOptions.filter(option => option.isDisabled !== true),\n    [visibleSelectableOptions],\n  );\n  const allSelected =\n    enabledVisibleOptions.length > 0 &&\n    enabledVisibleOptions.every(option => selectedValues.has(option.value));\n\n  const toggleAll = useCallback(() => {\n    if (allSelected) {\n      commitChange(\n        value.filter(\n          optionValue =>\n            !enabledVisibleOptions.some(option => option.value === optionValue),\n        ),\n      );\n      return;\n    }\n\n    const nextValues = new Set(value);\n    for (const option of enabledVisibleOptions) {\n      nextValues.add(option.value);\n    }\n    commitChange(Array.from(nextValues));\n  }, [allSelected, commitChange, enabledVisibleOptions, value]);\n\n  const renderTriggerValue = (): ReactNode => {\n    if (selectedOptions.length === 0) {\n      return (\n        <span className={cx(styles.triggerText, styles.placeholder)}>\n          {placeholder}\n        </span>\n      );\n    }\n    if (triggerDisplay === 'labels') {\n      const labels = selectedOptions.map(\n        option => option.label ?? option.value,\n      );\n      return <span className={styles.triggerText}>{labels.join(', ')}</span>;\n    }\n    if (triggerDisplay === 'badges') {\n      const visible = selectedOptions.slice(0, maxBadges);\n      const overflow = selectedOptions.length - visible.length;\n      return (\n        <span className={styles.badges}>\n          {visible.map(option => (\n            <Badge key={option.value} label={option.label ?? option.value} />\n          ))}\n          {overflow > 0 ? (\n            <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n              +{overflow}\n            </Text>\n          ) : null}\n        </span>\n      );\n    }\n    return (\n      <span className={styles.triggerText}>\n        {selectedOptions.length} selected\n      </span>\n    );\n  };\n\n  const renderOption = (option: MultiSelectOptionData): ReactNode => {\n    if (!filteredValues.has(option.value)) {\n      return null;\n    }\n    const isSelected = selectedValues.has(option.value);\n    const isHighlighted = highlightedValue === option.value;\n    return (\n      // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events -- keyboard navigation is handled by the combobox input, not individual options\n      <div\n        aria-disabled={option.isDisabled ?? undefined}\n        aria-selected={isSelected}\n        className={cx(\n          styles.option,\n          isHighlighted ? styles.optionHighlighted : undefined,\n        )}\n        data-value={option.value}\n        id={getOptionId(option.value)}\n        key={option.value}\n        onClick={option.isDisabled ? undefined : handleOptionClick}\n        onMouseEnter={handleOptionMouseEnter}\n        role=\"option\"\n        tabIndex={isHighlighted ? 0 : -1}>\n        <span\n          aria-hidden=\"true\"\n          className={cx(\n            styles.checkbox,\n            isSelected ? styles.checkboxSelected : undefined,\n          )}>\n          {isSelected ? <Icon icon={Check} size=\"sm\" /> : null}\n        </span>\n        <span className={styles.optionContent}>\n          {children == null ? (\n            <>\n              {option.icon != null ? (\n                <span className={styles.iconSlot}>\n                  <Icon color=\"secondary\" icon={option.icon} size=\"sm\" />\n                </span>\n              ) : null}\n              {option.label}\n            </>\n          ) : (\n            children(option)\n          )}\n        </span>\n      </div>\n    );\n  };\n\n  const optionNodes = renderSelectListboxOptions({\n    dividerClassName: styles.divider,\n    inputId,\n    options,\n    renderOption,\n    sectionHeadingClassName: styles.sectionHeading,\n  });\n\n  const menu = (\n    <>\n      {hasSearch ? (\n        <input\n          aria-activedescendant={activeDescendantId}\n          aria-autocomplete=\"list\"\n          aria-controls={listboxId}\n          aria-label={`Search ${label}`}\n          className={styles.search}\n          onChange={event => {\n            setQuery(event.target.value);\n            setHighlightedValue(null);\n          }}\n          onKeyDown={handleKeyboardNavigation}\n          placeholder={searchPlaceholder}\n          type=\"search\"\n          value={query}\n        />\n      ) : null}\n      <div\n        aria-label={`${label} options`}\n        aria-multiselectable=\"true\"\n        className={styles.menu}\n        id={listboxId}\n        role=\"listbox\">\n        {hasSelectAll ? (\n          // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events -- keyboard navigation is handled by the combobox input, not individual options\n          <div\n            aria-selected={allSelected}\n            className={styles.option}\n            onClick={toggleAll}\n            role=\"option\"\n            tabIndex={-1}>\n            <span\n              aria-hidden=\"true\"\n              className={cx(\n                styles.checkbox,\n                allSelected ? styles.checkboxSelected : undefined,\n              )}>\n              {allSelected ? <Icon icon={Check} size=\"sm\" /> : null}\n            </span>\n            <span className={styles.optionContent}>{selectAllLabel}</span>\n          </div>\n        ) : null}\n        {optionNodes}\n      </div>\n    </>\n  );\n\n  const trigger = (\n    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-static-element-interactions -- mouse clicks anywhere on the visual input delegate to the inner combobox button; keyboard handling stays on that button.\n    <div\n      className={cx(\n        inputRecipe({\n          size,\n          status: status?.type,\n          isDisabled,\n        }),\n        styles.wrapper,\n        isInteractionDisabled ? styles.wrapperDisabled : undefined,\n      )}\n      onClick={() => {\n        if (!isInteractionDisabled) {\n          setIsOpen(currentIsOpen => !currentIsOpen);\n        }\n      }}\n      ref={triggerRef}>\n      {startIcon != null ? (\n        <span className={styles.iconSlot}>\n          <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n        </span>\n      ) : null}\n      <button\n        aria-activedescendant={activeDescendantId}\n        aria-busy={isLoading || undefined}\n        aria-controls={listboxId}\n        aria-describedby={describedBy}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-invalid={status?.type === 'error' || undefined}\n        className={styles.trigger}\n        data-testid={dataTestId}\n        disabled={isInteractionDisabled}\n        id={inputId}\n        onKeyDown={handleKeyboardNavigation}\n        ref={ref}\n        role=\"combobox\"\n        type=\"button\">\n        {renderTriggerValue()}\n      </button>\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      {hasClear && value.length > 0 && !isDisabled ? (\n        <Button\n          icon={X}\n          isIconOnly\n          label={`Clear ${label}`}\n          onClick={event => {\n            event.stopPropagation();\n            commitChange([]);\n          }}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      ) : null}\n      <span className={styles.iconSlot}>\n        <Icon icon={ChevronDown} size=\"sm\" />\n      </span>\n    </div>\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      {trigger}\n      <Popover\n        anchorRef={triggerRef}\n        content={menu}\n        hasAutoFocus={hasSearch}\n        hasCloseButton={false}\n        isEnabled={false}\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n      />\n    </Field>\n  );\n}\n\nMultiSelect.displayName = 'MultiSelect';\n"]}

package/dist/{chunk-OJCJPYXE.js → chunk-F3ZNRO6W.js}

@@ -1,6 +1,7 @@
-import { Item } from './chunk-AMG3S252.js';
-import { getNecessity, Field } from './chunk-K6CQ45C2.js';
+import { Item } from './chunk-EBQ3A4XO.js';
+import { getNecessity, Field } from './chunk-ASJ5CBCR.js';
 import { getStatusMessageID, getDescribedBy } from './chunk-WOIWI2UO.js';
+import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-EHCAF6D3.js';
 import { cva } from './chunk-FMEIPGUP.js';
 import { createContext, useId, useMemo, use } from 'react';
@@ -140,7 +141,7 @@ function RadioGroup({
   const nameId = useId();
   const inputId = useId();
   const labelId = `${inputId}-label`;
-  const descriptionID = description != null ? `${inputId}-description` : void 0;
+  const descriptionID = isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = getStatusMessageID(inputId, status);
   const describedBy = getDescribedBy(descriptionID, statusMessageID);
   const contextValue = useMemo(
@@ -217,7 +218,7 @@ function RadioGroupItem({
     /* @__PURE__ */ jsx(
       "input",
       {
-        "aria-describedby": description != null ? descriptionId : void 0,
+        "aria-describedby": isReactNode(description) ? descriptionId : void 0,
         checked: isChecked,
         className: classes.input,
         disabled: isDisabled,
@@ -236,7 +237,7 @@ function RadioGroupItem({
     {
       className,
       "data-testid": dataTestId,
-      description: description != null ? /* @__PURE__ */ jsx("span", { id: descriptionId, children: description }) : void 0,
+      description: isReactNode(description) ? /* @__PURE__ */ jsx("span", { id: descriptionId, children: description }) : void 0,
       endContent,
       endContentPosition: "inline",
       isDisabled,
@@ -252,5 +253,5 @@ function RadioGroupItem({
 RadioGroupItem.displayName = "RadioGroupItem";
 
 export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=chunk-OJCJPYXE.js.map
-//# sourceMappingURL=chunk-OJCJPYXE.js.map
+//# sourceMappingURL=chunk-F3ZNRO6W.js.map
+//# sourceMappingURL=chunk-F3ZNRO6W.js.map

package/dist/chunk-F3ZNRO6W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RadioGroup/RadioGroup.recipe.ts","../src/components/RadioGroup/RadioGroupContext.tsx","../src/components/RadioGroup/RadioGroup.tsx","../src/components/RadioGroup/RadioGroupItem.tsx"],"names":["useId","jsx"],"mappings":"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","file":"chunk-F3ZNRO6W.js","sourcesContent":["import {cva, sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Group container layout — single element with an orientation variant.\n */\nexport const radioGroupRecipe = cva({\n  base: {\n    display: 'flex',\n  },\n  variants: {\n    orientation: {\n      vertical: {\n        flexDirection: 'column',\n        gap: '0.5',\n      },\n      horizontal: {\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        columnGap: '4',\n        rowGap: '0',\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nexport type RadioGroupVariants = RecipeVariantProps<typeof radioGroupRecipe>;\n\n/**\n * Individual radio item — multi-slot recipe for the control, its visual\n * radio circle, the selection dot, and the clickable label.\n */\nexport const radioGroupItemRecipe = sva({\n  slots: ['controlWrap', 'input', 'radio', 'dot', 'label'],\n  base: {\n    controlWrap: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      borderRadius: 'full',\n      isolation: 'isolate',\n      '&:has(input:focus-visible)': {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    input: {\n      position: 'absolute',\n      inset: 0,\n      m: 0,\n      p: 0,\n      opacity: 0,\n      cursor: 'pointer',\n      zIndex: 1,\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    radio: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'full',\n      bg: 'bg',\n      pointerEvents: 'none',\n    },\n    dot: {\n      borderRadius: 'full',\n      bg: 'fg.onPrimary',\n    },\n    label: {\n      cursor: 'pointer',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        controlWrap: {w: '5', h: '5'},\n        radio: {w: '4.5', h: '4.5'},\n        dot: {w: '2', h: '2'},\n      },\n      md: {\n        controlWrap: {w: '6', h: '6'},\n        radio: {w: '5.5', h: '5.5'},\n        dot: {w: '2.5', h: '2.5'},\n      },\n      lg: {\n        controlWrap: {w: '7', h: '7'},\n        radio: {w: '6.5', h: '6.5'},\n        dot: {w: '3', h: '3'},\n      },\n    },\n    isChecked: {\n      true: {\n        radio: {bg: 'primary', borderColor: 'primary'},\n      },\n    },\n    isDisabled: {\n      true: {\n        radio: {opacity: 0.55},\n        label: {color: 'fg.disabled', cursor: 'not-allowed'},\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    isChecked: false,\n    isDisabled: false,\n  },\n});\n\nexport type RadioGroupItemVariants = RecipeVariantProps<\n  typeof radioGroupItemRecipe\n>;\n","import {createContext} from 'react';\n\nexport type RadioGroupOrientation = 'horizontal' | 'vertical';\nexport type RadioGroupSize = 'sm' | 'md' | 'lg';\n\nexport interface RadioGroupContextValue {\n  isDisabled: boolean;\n  isRequired?: boolean;\n  name: string;\n  onChange: (value: string) => void;\n  orientation: RadioGroupOrientation;\n  size: RadioGroupSize;\n  value: string;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nRadioGroupContext.displayName = 'RadioGroupContext';\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport isReactNode from '../../internal/isReactNode';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputStatus,\n} from '../Field';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {radioGroupRecipe} from './RadioGroup.recipe';\nimport {\n  RadioGroupContext,\n  type RadioGroupOrientation,\n  type RadioGroupSize,\n} from './RadioGroupContext';\n\nexport type {RadioGroupOrientation} from './RadioGroupContext';\n\nexport type RadioGroupProps = {\n  /**\n   * Radio list items to render.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the field root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether all radio items are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Label text for the radio group.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Callback fired when the selected value changes.\n   * Memoize with `useCallback` to avoid unnecessary re-renders of radio items.\n   */\n  onChange: (value: string) => void;\n  /**\n   * Layout direction of the radio items.\n   * @default 'vertical'\n   */\n  orientation?: RadioGroupOrientation;\n  /**\n   * Ref forwarded to the field root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the radio controls.\n   * @default 'md'\n   */\n  size?: RadioGroupSize;\n  /**\n   * Validation status displayed below the group.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n  /**\n   * The currently selected value.\n   */\n  value: string;\n} & FieldNecessity;\n\n/**\n * A controlled radio group for single-value selection.\n */\nexport function RadioGroup({\n  children,\n  className,\n  'data-testid': dataTestId,\n  description,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelTooltip,\n  onChange,\n  orientation = 'vertical',\n  ref,\n  size = 'md',\n  status,\n  style,\n  value,\n}: RadioGroupProps): React.JSX.Element {\n  const nameId = useId();\n  const inputId = useId();\n  const labelId = `${inputId}-label`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const contextValue = useMemo(\n    () => ({\n      isDisabled,\n      isRequired,\n      name: nameId,\n      onChange,\n      orientation,\n      size,\n      value,\n    }),\n    [isDisabled, isRequired, nameId, onChange, orientation, size, value],\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      data-testid={dataTestId}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelAs=\"span\"\n      labelId={labelId}\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      statusVariant=\"detached\"\n      style={style}>\n      <div\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-labelledby={labelId}\n        aria-orientation={orientation}\n        aria-required={isRequired ?? undefined}\n        className={radioGroupRecipe({orientation})}\n        id={inputId}\n        role=\"radiogroup\">\n        <RadioGroupContext value={contextValue}>{children}</RadioGroupContext>\n      </div>\n    </Field>\n  );\n}\n\nRadioGroup.displayName = 'RadioGroup';\n","import {use, useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport isReactNode from '../../internal/isReactNode';\nimport {Item} from '../Item';\nimport {radioGroupItemRecipe} from './RadioGroup.recipe';\nimport {RadioGroupContext} from './RadioGroupContext';\n\nexport interface RadioGroupItemProps {\n  /**\n   * Additional CSS class names applied to the item root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the item label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the label and description.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether this radio item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the radio item.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the item root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Content rendered after the radio control and before the label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the item root.\n   */\n  style?: CSSProperties;\n  /**\n   * Value represented by this radio item.\n   */\n  value: string;\n}\n\n/**\n * An individual radio option within a `RadioGroup`.\n */\nexport function RadioGroupItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  isDisabled: isItemDisabled = false,\n  label,\n  ref,\n  startContent,\n  style,\n  value,\n}: RadioGroupItemProps): React.JSX.Element {\n  const context = use(RadioGroupContext);\n  if (context == null) {\n    throw new Error('RadioGroupItem must be used within a RadioGroup');\n  }\n\n  const id = useId();\n  const descriptionId = useId();\n  const isDisabled = context.isDisabled || isItemDisabled;\n  const isChecked = context.value === value;\n  const size = context.size;\n  const classes = radioGroupItemRecipe({size, isChecked, isDisabled});\n  const control = (\n    <span className={classes.controlWrap}>\n      <input\n        aria-describedby={isReactNode(description) ? descriptionId : undefined}\n        checked={isChecked}\n        className={classes.input}\n        disabled={isDisabled}\n        id={id}\n        name={context.name}\n        onChange={() => context.onChange(value)}\n        required={context.isRequired}\n        type=\"radio\"\n        value={value}\n      />\n      <span aria-hidden=\"true\" className={classes.radio}>\n        {isChecked ? <span className={classes.dot} /> : null}\n      </span>\n    </span>\n  );\n\n  return (\n    <Item\n      className={className}\n      data-testid={dataTestId}\n      description={\n        isReactNode(description) ? (\n          <span id={descriptionId}>{description}</span>\n        ) : undefined\n      }\n      endContent={endContent}\n      endContentPosition=\"inline\"\n      isDisabled={isDisabled}\n      label={\n        <label className={classes.label} htmlFor={id}>\n          {label}\n        </label>\n      }\n      leadingContent={control}\n      ref={ref}\n      startContent={startContent}\n      style={style}\n      width={context.orientation === 'horizontal' ? 'auto' : 'full'}\n    />\n  );\n}\n\nRadioGroupItem.displayName = 'RadioGroupItem';\n"]}

package/dist/{chunk-OHKL4DOV.js → chunk-FZCBTFHY.js}

@@ -1,5 +1,6 @@
-import { sva } from './chunk-EHCAF6D3.js';
+import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-7T3SWOY7.js';
+import { sva } from './chunk-EHCAF6D3.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { User } from 'lucide-react';
@@ -175,7 +176,7 @@ function Avatar({
           },
           `${src}\0${fallbackSrc}`
         ) }),
-        status != null ? /* @__PURE__ */ jsx("div", { className: classes.status, style: statusStyle, children: status }) : null
+        isReactNode(status) ? /* @__PURE__ */ jsx("div", { className: classes.status, style: statusStyle, children: status }) : null
       ]
     }
   ) });
@@ -270,9 +271,9 @@ function AvatarStatusDot({
 }) {
   const avatarSize = useAvatarSize();
   const { borderWidth, dotSize, iconSize } = resolveStatusDotSize(avatarSize);
-  const hasVisibleIcon = icon != null && iconSize > 0;
+  const hasVisibleIcon = isReactNode(icon) && iconSize > 0;
   if (process.env.NODE_ENV !== "production") {
-    if (icon != null && iconSize === 0) {
+    if (isReactNode(icon) && iconSize === 0) {
       console.warn(
         "AvatarStatusDot: `icon` is not visible at avatar sizes 36px or smaller. Use a larger avatar size or remove the `icon` prop."
       );
@@ -302,5 +303,5 @@ function AvatarStatusDot({
 AvatarStatusDot.displayName = "AvatarStatusDot";
 
 export { Avatar, AvatarGroupContext, AvatarStatusDot, resolveAvatarSize, useAvatarGroup };
-//# sourceMappingURL=chunk-OHKL4DOV.js.map
-//# sourceMappingURL=chunk-OHKL4DOV.js.map
+//# sourceMappingURL=chunk-FZCBTFHY.js.map
+//# sourceMappingURL=chunk-FZCBTFHY.js.map

package/dist/chunk-FZCBTFHY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroupContext.ts","../src/components/Avatar/Avatar.recipe.ts","../src/components/Avatar/AvatarSizeContext.ts","../src/components/Avatar/Avatar.tsx","../src/components/Avatar/AvatarStatusDot.tsx"],"names":["createContext","use","jsx"],"mappings":"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","file":"chunk-FZCBTFHY.js","sourcesContent":["import {createContext, use} from 'react';\nimport type {AvatarSize} from '../Avatar';\n\nexport interface AvatarGroupContextValue {\n  numericSize: number;\n  overlap: number;\n  size: AvatarSize;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue | null>(\n  null,\n);\nAvatarGroupContext.displayName = 'AvatarGroupContext';\n\nexport function useAvatarGroup(): AvatarGroupContextValue | null {\n  return use(AvatarGroupContext);\n}\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const avatarRecipe = sva({\n  slots: ['root', 'content', 'image', 'fallback', 'status'],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexShrink: 0,\n      verticalAlign: 'middle',\n      borderRadius: 'full',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'full',\n      overflow: 'hidden',\n      userSelect: 'none',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n    },\n    image: {\n      w: '100%',\n      h: '100%',\n      objectFit: 'cover',\n    },\n    fallback: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '100%',\n      h: '100%',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      textTransform: 'uppercase',\n    },\n    status: {\n      position: 'absolute',\n    },\n  },\n  variants: {\n    isGrouped: {\n      true: {\n        root: {\n          borderRadius: 'full',\n          borderWidth: 'emphasized',\n          borderStyle: 'solid',\n          borderColor: 'bg',\n          bg: 'bg',\n          boxSizing: 'content-box',\n          '&:not(:first-child)': {\n            marginInlineStart: 'var(--avatar-group-overlap)',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isGrouped: false,\n  },\n});\n\nexport type AvatarVariants = RecipeVariantProps<typeof avatarRecipe>;\n","import {createContext, use} from 'react';\n\nconst DEFAULT_AVATAR_SIZE = 36;\n\nexport const AvatarSizeContext = createContext<number>(DEFAULT_AVATAR_SIZE);\nAvatarSizeContext.displayName = 'AvatarSizeContext';\n\nexport function useAvatarSize(): number {\n  return use(AvatarSizeContext);\n}\n","import {User} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo, useState} from 'react';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {useAvatarGroup} from '../AvatarGroup/AvatarGroupContext';\nimport {Icon} from '../Icon';\nimport {avatarRecipe} from './Avatar.recipe';\nimport {AvatarSizeContext} from './AvatarSizeContext';\n\nconst CIRCLE_EDGE_OFFSET_RATIO = (1 - 1 / Math.SQRT2) / 2;\nconst INITIALS_FONT_SIZE_RATIO = 0.4;\n\nexport type AvatarNamedSize = 'tiny' | 'xsmall' | 'small' | 'medium' | 'large';\n\nexport type AvatarNumericSize =\n  | 16\n  | 20\n  | 24\n  | 32\n  | 36\n  | 40\n  | 48\n  | 60\n  | 64\n  | 72\n  | 96\n  | 128\n  | 144\n  | 180;\n\nexport type AvatarSize = AvatarNamedSize | AvatarNumericSize;\n\n/**\n * Resolve an Avatar size token to its pixel size.\n */\nexport function resolveAvatarSize(size: AvatarSize): number {\n  if (typeof size === 'number') {\n    return size;\n  }\n\n  switch (size) {\n    case 'tiny':\n      return 20;\n    case 'xsmall':\n      return 24;\n    case 'small':\n      return 36;\n    case 'medium':\n      return 48;\n    case 'large':\n      return 128;\n  }\n}\n\n/**\n * Displays a user profile image, initials, or a fallback icon.\n */\nexport interface AvatarProps {\n  /**\n   * Accessible text for the avatar image. Defaults to `name`, then \"Avatar\".\n   */\n  alt?: string;\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   * Image URL to use if `src` fails to load.\n   */\n  fallbackSrc?: string;\n  /**\n   * User name used as fallback accessible text and initials.\n   */\n  name?: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Avatar size. Named sizes map to the same pixel values as the XDS source.\n   * Default is `small`.\n   */\n  size?: AvatarSize;\n  /**\n   * Primary image URL.\n   */\n  src?: string;\n  /**\n   * Corner content, usually an AvatarStatusDot.\n   */\n  status?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nfunction getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (words.length === 0) {\n    return '';\n  }\n\n  if (words.length === 1) {\n    return words[0].charAt(0).toUpperCase();\n  }\n\n  return `${words[0].charAt(0)}${words[words.length - 1].charAt(\n    0,\n  )}`.toUpperCase();\n}\n\nexport function Avatar({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  fallbackSrc,\n  name,\n  ref,\n  size = 'small',\n  src,\n  style,\n  status,\n}: AvatarProps): React.JSX.Element {\n  const avatarGroup = useAvatarGroup();\n  const resolvedSize = avatarGroup?.size ?? size;\n  const numericSize = useMemo(\n    () => resolveAvatarSize(resolvedSize),\n    [resolvedSize],\n  );\n  const classes = avatarRecipe({isGrouped: avatarGroup != null});\n  const initials = name != null ? getInitials(name) : '';\n  const showInitials = initials !== '';\n  const accessibleName = alt ?? (showInitials ? name : undefined) ?? 'Avatar';\n  const contentStyle = {\n    width: numericSize,\n    height: numericSize,\n  };\n  const fallbackStyle = {\n    fontSize: numericSize * INITIALS_FONT_SIZE_RATIO,\n  };\n  const statusStyle = {\n    bottom: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    right: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    transform: 'translate(50%, 50%)',\n  };\n\n  return (\n    <AvatarSizeContext value={numericSize}>\n      <div\n        aria-label={accessibleName}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        <div className={classes.content} style={contentStyle}>\n          <AvatarImage\n            classes={classes}\n            fallbackSrc={fallbackSrc}\n            key={`${src}\\0${fallbackSrc}`}\n            src={src}>\n            {showInitials ? (\n              <div className={classes.fallback} style={fallbackStyle}>\n                {initials}\n              </div>\n            ) : (\n              <div className={classes.fallback}>\n                <Icon\n                  icon={User}\n                  size={\n                    numericSize < 48 ? 'sm' : numericSize < 96 ? 'md' : 'lg'\n                  }\n                />\n              </div>\n            )}\n          </AvatarImage>\n        </div>\n        {isReactNode(status) ? (\n          <div className={classes.status} style={statusStyle}>\n            {status}\n          </div>\n        ) : null}\n      </div>\n    </AvatarSizeContext>\n  );\n}\n\nfunction AvatarImage({\n  children,\n  classes,\n  fallbackSrc,\n  src,\n}: {\n  children: ReactNode;\n  classes: {image?: string};\n  fallbackSrc?: string;\n  src?: string;\n}): React.JSX.Element {\n  const [imageError, setImageError] = useState(false);\n  const [fallbackError, setFallbackError] = useState(false);\n  const showImage = src != null && src !== '' && !imageError;\n  const showFallbackImage =\n    !showImage && fallbackSrc != null && fallbackSrc !== '' && !fallbackError;\n\n  if (showImage) {\n    return (\n      <img\n        alt=\"\"\n        className={classes.image}\n        onError={() => setImageError(true)}\n        src={src}\n      />\n    );\n  }\n\n  if (showFallbackImage) {\n    return (\n      <img\n        alt=\"\"\n        className={classes.image}\n        onError={() => setFallbackError(true)}\n        src={fallbackSrc}\n      />\n    );\n  }\n\n  return <>{children}</>;\n}\n\nAvatar.displayName = 'Avatar';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {useAvatarSize} from './AvatarSizeContext';\n\nexport type AvatarStatusDotVariant = 'success' | 'neutral' | 'error';\n\n/**\n * Size-aware status indicator intended for Avatar's `status` prop.\n */\nexport interface AvatarStatusDotProps {\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   * Optional icon rendered inside medium and large dots.\n   */\n  icon?: ReactNode;\n  /**\n   * Accessible label describing the status, such as \"Online\".\n   */\n  label: string;\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   * Semantic dot color. Default is `success`.\n   */\n  variant?: AvatarStatusDotVariant;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    borderStyle: 'solid',\n    borderColor: 'bg',\n  }),\n  success: css({\n    bg: 'presence.success',\n  }),\n  neutral: css({\n    bg: 'presence.neutral',\n  }),\n  error: css({\n    bg: 'presence.error',\n  }),\n  icon: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.onPrimary',\n    lineHeight: 0,\n    '& > svg': {\n      w: '100%',\n      h: '100%',\n    },\n  }),\n};\n\nconst variantClassName: Record<AvatarStatusDotVariant, string> = {\n  success: styles.success,\n  neutral: styles.neutral,\n  error: styles.error,\n};\n\nfunction resolveStatusDotSize(avatarSize: number): {\n  borderWidth: number;\n  dotSize: number;\n  iconSize: number;\n} {\n  if (avatarSize <= 36) {\n    return {borderWidth: 1, dotSize: 10, iconSize: 0};\n  }\n\n  if (avatarSize <= 72) {\n    return {borderWidth: 2, dotSize: 20, iconSize: 12};\n  }\n\n  return {borderWidth: 4, dotSize: 32, iconSize: 18};\n}\n\n/**\n * Size-aware status indicator dot rendered in the corner of an Avatar.\n */\nexport function AvatarStatusDot({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  label,\n  ref,\n  style,\n  variant = 'success',\n}: AvatarStatusDotProps): React.JSX.Element {\n  const avatarSize = useAvatarSize();\n  const {borderWidth, dotSize, iconSize} = resolveStatusDotSize(avatarSize);\n  const hasVisibleIcon = isReactNode(icon) && iconSize > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (isReactNode(icon) && iconSize === 0) {\n      console.warn(\n        'AvatarStatusDot: `icon` is not visible at avatar sizes 36px or ' +\n          'smaller. Use a larger avatar size or remove the `icon` prop.',\n      );\n    }\n  }\n\n  return (\n    <div\n      aria-label={label}\n      className={cx(styles.root, variantClassName[variant], className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"img\"\n      style={{width: dotSize, height: dotSize, borderWidth, ...style}}>\n      {hasVisibleIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className={styles.icon}\n          style={{width: iconSize, height: iconSize}}>\n          {icon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarStatusDot.displayName = 'AvatarStatusDot';\n"]}