silver-ui 0.6.0 → 0.7.2

package/dist/{chunk-UYZQGHFI.js.map → chunk-GQ73VKKN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Select/Select.recipe.ts","../src/components/Select/Select.tsx","../src/components/Select/SelectOption.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-UYZQGHFI.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const selectMenuRecipe = sva({\n  slots: [\n    'menu',\n    'search',\n    'option',\n    'optionContent',\n    'check',\n    'iconSlot',\n    'sectionHeading',\n    'divider',\n  ],\n  base: {\n    menu: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      maxH: '80',\n      overflowY: 'auto',\n      p: '1',\n    },\n    search: {\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: {\n        borderColor: 'primary',\n      },\n    },\n    option: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\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.5,\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      '&[data-highlighted]': {\n        bg: 'bg.subtle',\n      },\n      '&[data-selected]': {\n        fontWeight: 'medium',\n      },\n    },\n    optionContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '2',\n      minW: 0,\n    },\n    check: {\n      display: 'inline-flex',\n      color: 'primary',\n    },\n    iconSlot: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n    sectionHeading: {\n      px: '2',\n      py: '1',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n    },\n    divider: {\n      h: '1px',\n      bg: 'border',\n      my: '1',\n    },\n  },\n});\n\nexport type SelectMenuVariants = RecipeVariantProps<typeof selectMenuRecipe>;\n\nexport const selectTriggerRecipe = sva({\n  slots: ['wrapper', 'trigger', 'label'],\n  base: {\n    wrapper: {\n      cursor: 'pointer',\n    },\n    trigger: {\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: {\n        cursor: 'not-allowed',\n      },\n    },\n    label: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {wrapper: {cursor: 'not-allowed'}},\n      false: {},\n    },\n    isPlaceholder: {\n      true: {label: {color: 'fg.muted'}},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isPlaceholder: false,\n  },\n});\n\nexport type SelectTriggerVariants = RecipeVariantProps<\n  typeof selectTriggerRecipe\n>;\n\nexport const selectOptionItemRecipe = sva({\n  slots: ['root', 'icon'],\n  base: {\n    root: {\n      display: 'flex',\n      minW: 0,\n      p: 0,\n    },\n    icon: {\n      display: 'inline-flex',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n  },\n});\n\nexport type SelectOptionItemVariants = RecipeVariantProps<\n  typeof selectOptionItemRecipe\n>;\n","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 {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe} from 'components/Field/inputStyles';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {\n  selectMenuRecipe,\n  selectTriggerRecipe,\n} from 'components/Select/Select.recipe';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport {\n  renderSelectListboxOptions,\n  useSelectListbox,\n  type SelectListboxOptionData,\n} from 'internal/useSelectListbox';\n\nexport interface SelectOptionData 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 SelectDivider {\n  /**\n   * Discriminator identifying a divider entry.\n   */\n  type: 'divider';\n}\n\nexport interface SelectSection {\n  /**\n   * Options within this section.\n   */\n  options: ReadonlyArray<SelectOptionData>;\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 SelectOptionDefinition =\n  | SelectDivider\n  | SelectOptionData\n  | SelectSection\n  | string;\n\nexport type SelectProps = {\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 a value is 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 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   * Called when selection changes.\n   */\n  onChange: (value: string | null) => void;\n  /**\n   * Options to display.\n   */\n  options: ReadonlyArray<SelectOptionDefinition>;\n  /**\n   * Placeholder shown when no option is selected.\n   * @default 'Select...'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the combobox button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Custom render function for selectable options.\n   */\n  renderOption?: (option: SelectOptionData) => ReactNode;\n  /**\n   * Search input placeholder.\n   * @default 'Search...'\n   */\n  searchPlaceholder?: 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   * Selected option value.\n   */\n  value: string | null;\n} & FieldNecessity;\n\n/**\n * Single-select dropdown field.\n */\nexport function Select({\n  className,\n  'data-testid': dataTestId,\n  description,\n  hasClear = false,\n  hasSearch = false,\n  isDisabled = false,\n  isLabelHidden = false,\n  isLoading = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  onChange,\n  options,\n  placeholder = 'Select...',\n  ref,\n  renderOption: renderOptionProp,\n  searchPlaceholder = 'Search...',\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  value,\n}: SelectProps): React.JSX.Element {\n  const selectedValues = useMemo(\n    () => (value == null ? new Set<string>() : new Set([value])),\n    [value],\n  );\n\n  const commitOption = useCallback(\n    (option: SelectOptionData): boolean => {\n      if (option.isDisabled) {\n        return false;\n      }\n\n      onChange(option.value);\n      return true;\n    },\n    [onChange],\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  } = useSelectListbox({\n    description,\n    isDisabled,\n    isLoading,\n    isListboxClosedOnCommit: true,\n    isQueryClearedOnCommit: true,\n    onCommitOption: commitOption,\n    options,\n    selectedValues,\n    status,\n  });\n\n  const selectedOption = useMemo(\n    () => selectableOptions.find(option => option.value === value),\n    [selectableOptions, value],\n  );\n\n  const menuClasses = selectMenuRecipe();\n\n  const renderOption = useCallback(\n    (option: SelectOptionData): ReactNode => {\n      if (!filteredValues.has(option.value)) {\n        return null;\n      }\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={option.value === value || undefined}\n          className={menuClasses.option}\n          data-highlighted={option.value === highlightedValue ? '' : undefined}\n          data-selected={option.value === value ? '' : undefined}\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={option.value === highlightedValue ? 0 : -1}>\n          <span className={menuClasses.optionContent}>\n            {renderOptionProp == null ? (\n              <>\n                {option.icon != null ? (\n                  <span className={menuClasses.iconSlot}>\n                    <Icon color=\"secondary\" icon={option.icon} size=\"sm\" />\n                  </span>\n                ) : null}\n                {option.label}\n              </>\n            ) : (\n              renderOptionProp(option)\n            )}\n          </span>\n          {option.value === value ? (\n            <span className={menuClasses.check}>\n              <Icon color=\"accent\" icon={Check} size=\"sm\" />\n            </span>\n          ) : null}\n        </div>\n      );\n    },\n    [\n      filteredValues,\n      getOptionId,\n      handleOptionClick,\n      handleOptionMouseEnter,\n      highlightedValue,\n      menuClasses,\n      renderOptionProp,\n      value,\n    ],\n  );\n\n  const optionNodes = renderSelectListboxOptions({\n    dividerClassName: menuClasses.divider ?? '',\n    inputId,\n    options,\n    renderOption,\n    sectionHeadingClassName: menuClasses.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={menuClasses.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        className={menuClasses.menu}\n        id={listboxId}\n        role=\"listbox\">\n        {optionNodes}\n      </div>\n    </>\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n  const triggerClasses = selectTriggerRecipe({\n    isDisabled: isInteractionDisabled,\n    isPlaceholder: selectedOption == null,\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        triggerClasses.wrapper,\n      )}\n      onClick={() => {\n        if (!isInteractionDisabled) {\n          setIsOpen(currentIsOpen => !currentIsOpen);\n        }\n      }}\n      ref={triggerRef}>\n      {startIcon != null ? (\n        <span className={menuClasses.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={triggerClasses.trigger}\n        data-testid={dataTestId}\n        disabled={isInteractionDisabled}\n        id={inputId}\n        onKeyDown={handleKeyboardNavigation}\n        ref={ref}\n        role=\"combobox\"\n        type=\"button\">\n        <span className={triggerClasses.label}>\n          {selectedOption?.label ?? placeholder}\n        </span>\n      </button>\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      {hasClear && selectedOption != null && !isDisabled ? (\n        <Button\n          icon={X}\n          isIconOnly\n          label={`Clear ${label}`}\n          onClick={event => {\n            event.stopPropagation();\n            onChange(null);\n          }}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      ) : null}\n      <span className={menuClasses.iconSlot}>\n        <Icon icon={ChevronDown} size=\"sm\" />\n      </span>\n    </div>\n  );\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\nSelect.displayName = 'Select';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Item} from 'components/Item';\nimport {selectOptionItemRecipe} from 'components/Select/Select.recipe';\nimport {cx} from 'internal/cx';\n\nexport interface SelectOptionProps {\n  /**\n   * Additional CSS class names applied to the option layout.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the option layout.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content.\n   */\n  endContent?: ReactNode;\n  /**\n   * Icon displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Primary label.\n   */\n  label: ReactNode;\n  /**\n   * Ref forwarded to the layout root.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the layout root.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Helper layout for custom Select option rendering.\n */\nexport function SelectOption({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  label,\n  ref,\n  style,\n}: SelectOptionProps): React.JSX.Element {\n  const classes = selectOptionItemRecipe();\n\n  return (\n    <Item\n      as=\"span\"\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      label={label}\n      ref={ref}\n      startContent={\n        icon != null ? (\n          <span className={classes.icon}>\n            <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n          </span>\n        ) : null\n      }\n      style={style}\n    />\n  );\n}\n\nSelectOption.displayName = 'SelectOption';\n"]}
+{"version":3,"sources":["../src/components/Select/Select.recipe.ts","../src/components/Select/Select.tsx","../src/components/Select/SelectOption.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-GQ73VKKN.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const selectMenuRecipe = sva({\n  slots: [\n    'menu',\n    'search',\n    'option',\n    'optionContent',\n    'check',\n    'iconSlot',\n    'sectionHeading',\n    'divider',\n  ],\n  base: {\n    menu: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      maxH: '80',\n      overflowY: 'auto',\n      p: '1',\n    },\n    search: {\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: {\n        borderColor: 'primary',\n      },\n    },\n    option: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\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.5,\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      '&[data-highlighted]': {\n        bg: 'bg.subtle',\n      },\n      '&[data-selected]': {\n        fontWeight: 'medium',\n      },\n    },\n    optionContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '2',\n      minW: 0,\n    },\n    check: {\n      display: 'inline-flex',\n      color: 'primary',\n    },\n    iconSlot: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n    sectionHeading: {\n      px: '2',\n      py: '1',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n    },\n    divider: {\n      h: '1px',\n      bg: 'border',\n      my: '1',\n    },\n  },\n});\n\nexport type SelectMenuVariants = RecipeVariantProps<typeof selectMenuRecipe>;\n\nexport const selectTriggerRecipe = sva({\n  slots: ['wrapper', 'trigger', 'label'],\n  base: {\n    wrapper: {\n      cursor: 'pointer',\n    },\n    trigger: {\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: {\n        cursor: 'not-allowed',\n      },\n    },\n    label: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {wrapper: {cursor: 'not-allowed'}},\n      false: {},\n    },\n    isPlaceholder: {\n      true: {label: {color: 'fg.muted'}},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isPlaceholder: false,\n  },\n});\n\nexport type SelectTriggerVariants = RecipeVariantProps<\n  typeof selectTriggerRecipe\n>;\n\nexport const selectOptionItemRecipe = sva({\n  slots: ['root', 'icon'],\n  base: {\n    root: {\n      display: 'flex',\n      minW: 0,\n      p: 0,\n    },\n    icon: {\n      display: 'inline-flex',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n  },\n});\n\nexport type SelectOptionItemVariants = RecipeVariantProps<\n  typeof selectOptionItemRecipe\n>;\n","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 {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe} from 'components/Field/inputStyles';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {\n  selectMenuRecipe,\n  selectTriggerRecipe,\n} from 'components/Select/Select.recipe';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport {\n  renderSelectListboxOptions,\n  useSelectListbox,\n  type SelectListboxOptionData,\n} from 'internal/useSelectListbox';\n\nexport interface SelectOptionData 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 SelectDivider {\n  /**\n   * Discriminator identifying a divider entry.\n   */\n  type: 'divider';\n}\n\nexport interface SelectSection {\n  /**\n   * Options within this section.\n   */\n  options: ReadonlyArray<SelectOptionData>;\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 SelectOptionDefinition =\n  | SelectDivider\n  | SelectOptionData\n  | SelectSection\n  | string;\n\nexport type SelectProps = {\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 a value is 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 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   * Called when selection changes.\n   */\n  onChange: (value: string | null) => void;\n  /**\n   * Options to display.\n   */\n  options: ReadonlyArray<SelectOptionDefinition>;\n  /**\n   * Placeholder shown when no option is selected.\n   * @default 'Select...'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the combobox button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Custom render function for selectable options.\n   */\n  renderOption?: (option: SelectOptionData) => ReactNode;\n  /**\n   * Search input placeholder.\n   * @default 'Search...'\n   */\n  searchPlaceholder?: 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   * Selected option value.\n   */\n  value: string | null;\n} & FieldNecessity;\n\n/**\n * Single-select dropdown field.\n */\nexport function Select({\n  className,\n  'data-testid': dataTestId,\n  description,\n  hasClear = false,\n  hasSearch = false,\n  isDisabled = false,\n  isLabelHidden = false,\n  isLoading = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  onChange,\n  options,\n  placeholder = 'Select...',\n  ref,\n  renderOption: renderOptionProp,\n  searchPlaceholder = 'Search...',\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  value,\n}: SelectProps): React.JSX.Element {\n  const selectedValues = useMemo(\n    () => (value == null ? new Set<string>() : new Set([value])),\n    [value],\n  );\n\n  const commitOption = useCallback(\n    (option: SelectOptionData): boolean => {\n      if (option.isDisabled) {\n        return false;\n      }\n\n      onChange(option.value);\n      return true;\n    },\n    [onChange],\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  } = useSelectListbox({\n    description,\n    isDisabled,\n    isLoading,\n    isListboxClosedOnCommit: true,\n    isQueryClearedOnCommit: true,\n    onCommitOption: commitOption,\n    options,\n    selectedValues,\n    status,\n  });\n\n  const selectedOption = useMemo(\n    () => selectableOptions.find(option => option.value === value),\n    [selectableOptions, value],\n  );\n\n  const menuClasses = selectMenuRecipe();\n\n  const renderOption = useCallback(\n    (option: SelectOptionData): ReactNode => {\n      if (!filteredValues.has(option.value)) {\n        return null;\n      }\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={option.value === value || undefined}\n          className={menuClasses.option}\n          data-highlighted={option.value === highlightedValue ? '' : undefined}\n          data-selected={option.value === value ? '' : undefined}\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={option.value === highlightedValue ? 0 : -1}>\n          <span className={menuClasses.optionContent}>\n            {renderOptionProp == null ? (\n              <>\n                {option.icon != null ? (\n                  <span className={menuClasses.iconSlot}>\n                    <Icon color=\"secondary\" icon={option.icon} size=\"sm\" />\n                  </span>\n                ) : null}\n                {option.label}\n              </>\n            ) : (\n              renderOptionProp(option)\n            )}\n          </span>\n          {option.value === value ? (\n            <span className={menuClasses.check}>\n              <Icon color=\"accent\" icon={Check} size=\"sm\" />\n            </span>\n          ) : null}\n        </div>\n      );\n    },\n    [\n      filteredValues,\n      getOptionId,\n      handleOptionClick,\n      handleOptionMouseEnter,\n      highlightedValue,\n      menuClasses,\n      renderOptionProp,\n      value,\n    ],\n  );\n\n  const optionNodes = renderSelectListboxOptions({\n    dividerClassName: menuClasses.divider ?? '',\n    inputId,\n    options,\n    renderOption,\n    sectionHeadingClassName: menuClasses.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={menuClasses.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        className={menuClasses.menu}\n        id={listboxId}\n        role=\"listbox\">\n        {optionNodes}\n      </div>\n    </>\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n  const triggerClasses = selectTriggerRecipe({\n    isDisabled: isInteractionDisabled,\n    isPlaceholder: selectedOption == null,\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        triggerClasses.wrapper,\n      )}\n      onClick={() => {\n        if (!isInteractionDisabled) {\n          setIsOpen(currentIsOpen => !currentIsOpen);\n        }\n      }}\n      ref={triggerRef}>\n      {startIcon != null ? (\n        <span className={menuClasses.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={triggerClasses.trigger}\n        data-testid={dataTestId}\n        disabled={isInteractionDisabled}\n        id={inputId}\n        onKeyDown={handleKeyboardNavigation}\n        ref={ref}\n        role=\"combobox\"\n        type=\"button\">\n        <span className={triggerClasses.label}>\n          {selectedOption?.label ?? placeholder}\n        </span>\n      </button>\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      {hasClear && selectedOption != null && !isDisabled ? (\n        <Button\n          icon={X}\n          isIconOnly\n          label={`Clear ${label}`}\n          onClick={event => {\n            event.stopPropagation();\n            onChange(null);\n          }}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      ) : null}\n      <span className={menuClasses.iconSlot}>\n        <Icon icon={ChevronDown} size=\"sm\" />\n      </span>\n    </div>\n  );\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\nSelect.displayName = 'Select';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Item} from 'components/Item';\nimport {selectOptionItemRecipe} from 'components/Select/Select.recipe';\nimport {cx} from 'internal/cx';\n\nexport interface SelectOptionProps {\n  /**\n   * Additional CSS class names applied to the option layout.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the option layout.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content.\n   */\n  endContent?: ReactNode;\n  /**\n   * Icon displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Primary label.\n   */\n  label: ReactNode;\n  /**\n   * Ref forwarded to the layout root.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the layout root.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Helper layout for custom Select option rendering.\n */\nexport function SelectOption({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  label,\n  ref,\n  style,\n}: SelectOptionProps): React.JSX.Element {\n  const classes = selectOptionItemRecipe();\n\n  return (\n    <Item\n      as=\"span\"\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      label={label}\n      ref={ref}\n      startContent={\n        icon != null ? (\n          <span className={classes.icon}>\n            <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n          </span>\n        ) : null\n      }\n      style={style}\n    />\n  );\n}\n\nSelectOption.displayName = 'SelectOption';\n"]}

package/dist/{chunk-JHMUMJF3.js → chunk-GTZQT6MK.js}

@@ -1,6 +1,6 @@
-import { Button } from './chunk-HMJINNXZ.js';
+import { Button } from './chunk-EBV3EX3J.js';
 import { VisuallyHidden } from './chunk-V2V5TTTL.js';
-import { token } from './chunk-NXTDP6AX.js';
+import { token } from './chunk-5GSRIOXE.js';
 import { useLayer, useIsomorphicLayoutEffect } from './chunk-KEPCKSDE.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { css } from './chunk-OD4DHHZH.js';
@@ -377,5 +377,5 @@ function Popover({
 Popover.displayName = "Popover";
 
 export { Popover, usePopover };
-//# sourceMappingURL=chunk-JHMUMJF3.js.map
-//# sourceMappingURL=chunk-JHMUMJF3.js.map
+//# sourceMappingURL=chunk-GTZQT6MK.js.map
+//# sourceMappingURL=chunk-GTZQT6MK.js.map

package/dist/{chunk-JHMUMJF3.js.map → chunk-GTZQT6MK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/internal/useFocusTrap.ts","../src/components/Popover/usePopover.tsx","../src/components/Popover/Popover.tsx"],"names":["useRef","useCallback","useEffect","styles","jsx","jsxs"],"mappings":"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","file":"chunk-JHMUMJF3.js","sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\nexport interface UseFocusTrapOptions {\n  isActive: boolean;\n  onEscape?: () => void;\n}\n\nexport interface UseFocusTrapReturn<T extends HTMLElement = HTMLElement> {\n  containerRef: React.RefObject<T | null>;\n  focusFirst: () => void;\n}\n\nfunction getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  );\n}\n\nfunction focusFirstDescendant(container: HTMLElement): void {\n  getFocusableElements(container)[0]?.focus();\n}\n\nfunction focusLastDescendant(container: HTMLElement): void {\n  const elements = getFocusableElements(container);\n  elements.at(-1)?.focus();\n}\n\nexport function useFocusTrap<T extends HTMLElement = HTMLElement>({\n  isActive,\n  onEscape,\n}: UseFocusTrapOptions): UseFocusTrapReturn<T> {\n  const containerRef = useRef<T>(null);\n\n  const focusFirst = useCallback(() => {\n    if (containerRef.current != null) {\n      focusFirstDescendant(containerRef.current);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!isActive) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        onEscape?.();\n        return;\n      }\n\n      if (event.key !== 'Tab') {\n        return;\n      }\n\n      const focusable = getFocusableElements(container);\n      if (focusable.length === 0) {\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable.at(-1);\n      if (event.shiftKey && document.activeElement === first) {\n        event.preventDefault();\n        focusLastDescendant(container);\n      } else if (!event.shiftKey && document.activeElement === last) {\n        event.preventDefault();\n        focusFirstDescendant(container);\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isActive, onEscape]);\n\n  return {containerRef, focusFirst};\n}\n","import {X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {VisuallyHidden} from 'internal';\nimport {useFocusTrap} from 'internal/useFocusTrap';\nimport {useLayer, type ContextRenderProps} from 'internal/useLayer';\nimport {css} from 'styled-system/css';\n\nexport type {LayerAlignment, LayerPlacement} from 'internal/useLayer';\n\nexport interface UsePopoverOptions {\n  /**\n   * Accessible label for the close button rendered when `hasCloseButton` is\n   * `true`. Defaults to `'Close popover'`.\n   */\n  closeButtonLabel?: string;\n  /**\n   * When `true`, focus moves to the first focusable element inside the popover\n   * when it opens. Defaults to `true`.\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * When `true`, renders a visually hidden close button inside the popover so\n   * assistive technology users can dismiss it. Defaults to `true`.\n   */\n  hasCloseButton?: boolean;\n  /**\n   * When `true`, wraps the content in a styled surface (background, border,\n   * shadow). Set to `false` to render unstyled content. Defaults to `true`.\n   */\n  hasSurface?: boolean;\n  /**\n   * When `true`, the popover can be dismissed by clicking outside or pressing\n   * Escape. Defaults to `true`.\n   */\n  isDismissable?: boolean;\n  /**\n   * Accessible label applied to the popover content via `aria-label`.\n   */\n  label?: string;\n  /**\n   * Id applied to the underlying layer element. Falls back to a generated id.\n   * Supply this when another element needs a stable `aria-controls` reference\n   * to the popover.\n   */\n  layerId?: string;\n  /**\n   * Called after the popover is hidden, including via light dismiss.\n   */\n  onHide?: () => void;\n  /**\n   * Called after the popover is shown.\n   */\n  onShow?: () => void;\n  /**\n   * ARIA role for the popover content. Defaults to `'dialog'`; use `'menu'` for\n   * menu-style popovers.\n   */\n  role?: 'dialog' | 'menu';\n}\n\nexport interface UsePopoverReturn {\n  /**\n   * CSS anchor name tying the popover content to the trigger for positioning.\n   */\n  anchorId: string;\n  /**\n   * Ref attached to the popover content element.\n   */\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Hides the popover.\n   */\n  hide: () => void;\n  /**\n   * Id of the underlying layer element, matching `triggerProps['aria-controls']`.\n   */\n  id: string;\n  /**\n   * Whether the popover is currently open.\n   */\n  isOpen: boolean;\n  /**\n   * Renders the given children inside the popover layer.\n   */\n  render: (children: ReactNode, props?: ContextRenderProps) => ReactNode;\n  /**\n   * Shows the popover. Pass `isAutoFocusSkipped` to suppress moving focus into\n   * the content for this open.\n   */\n  show: (options?: {isAutoFocusSkipped?: boolean}) => void;\n  /**\n   * Toggles the popover between open and closed.\n   */\n  toggle: () => void;\n  /**\n   * ARIA props to spread onto the trigger element.\n   */\n  triggerProps: {\n    'aria-controls': string;\n    'aria-expanded': boolean;\n    'aria-haspopup': 'dialog' | 'menu';\n  };\n  /**\n   * Ref callback to attach to the trigger element for anchor positioning.\n   */\n  triggerRef: RefCallback<HTMLElement>;\n}\n\nconst styles = {\n  surface: css({\n    position: 'relative',\n    bg: 'bg',\n    borderRadius: 'md',\n    boxShadow: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n  }),\n} as const;\n\nexport function usePopover({\n  onShow,\n  onHide,\n  isDismissable = true,\n  hasAutoFocus = true,\n  hasSurface = true,\n  hasCloseButton = true,\n  closeButtonLabel = 'Close popover',\n  label,\n  role = 'dialog',\n  layerId,\n}: UsePopoverOptions = {}): UsePopoverReturn {\n  const skipAutoFocusRef = useRef(false);\n  // Guards against a light-dismiss close immediately re-opening the popover.\n  // When the trigger is clicked while the popover is open, the browser's native\n  // light dismiss closes it (firing `onHide`) *before* the trigger's own click\n  // handler runs `toggle()` — which would otherwise re-open it. The flag is\n  // cleared on the next animation frame: the browser never paints mid-gesture,\n  // so it is reliably still set when the spurious click arrives, yet cleared\n  // before any genuine later click.\n  const isDismissingRef = useRef(false);\n\n  const handleHide = useCallback(() => {\n    isDismissingRef.current = true;\n    requestAnimationFrame(() => {\n      isDismissingRef.current = false;\n    });\n    onHide?.();\n  }, [onHide]);\n\n  const layer = useLayer({\n    isDismissable,\n    id: layerId,\n    onShow,\n    onHide: handleHide,\n  });\n  const {containerRef: contentRef, focusFirst} = useFocusTrap<HTMLDivElement>({\n    isActive: layer.isOpen,\n    onEscape: layer.hide,\n  });\n\n  useEffect(() => {\n    if (!layer.isOpen) {\n      skipAutoFocusRef.current = false;\n      return;\n    }\n\n    if (hasAutoFocus && !skipAutoFocusRef.current) {\n      requestAnimationFrame(() => focusFirst());\n    }\n  }, [focusFirst, hasAutoFocus, layer.isOpen]);\n\n  const show = useCallback(\n    (options?: {isAutoFocusSkipped?: boolean}) => {\n      skipAutoFocusRef.current = options?.isAutoFocusSkipped ?? false;\n      layer.show();\n    },\n    [layer],\n  );\n\n  const toggle = useCallback(() => {\n    if (isDismissingRef.current) {\n      return;\n    }\n\n    if (layer.isOpen) {\n      layer.hide();\n      return;\n    }\n\n    show();\n  }, [layer, show]);\n\n  const render = useCallback(\n    (children: ReactNode, props?: ContextRenderProps): ReactNode => {\n      return layer.render(\n        <div\n          aria-label={label}\n          className={hasSurface ? styles.surface : undefined}\n          ref={contentRef}\n          role={role}>\n          {children}\n          {hasCloseButton ? (\n            <VisuallyHidden>\n              <Button\n                icon={X}\n                isIconOnly\n                label={closeButtonLabel}\n                onClick={layer.hide}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            </VisuallyHidden>\n          ) : null}\n        </div>,\n        {\n          ...props,\n          className: props?.className,\n        },\n      );\n    },\n    [\n      closeButtonLabel,\n      contentRef,\n      hasCloseButton,\n      hasSurface,\n      label,\n      layer,\n      role,\n    ],\n  );\n\n  const triggerProps = useMemo(\n    () => ({\n      'aria-controls': layer.id,\n      'aria-expanded': layer.isOpen,\n      'aria-haspopup': role,\n    }),\n    [layer.id, layer.isOpen, role],\n  );\n\n  return useMemo(\n    () => ({\n      anchorId: layer.anchorId,\n      contentRef,\n      hide: layer.hide,\n      id: layer.id,\n      isOpen: layer.isOpen,\n      render,\n      show,\n      toggle,\n      triggerProps,\n      triggerRef: layer.ref,\n    }),\n    [\n      contentRef,\n      layer.anchorId,\n      layer.hide,\n      layer.id,\n      layer.isOpen,\n      layer.ref,\n      render,\n      show,\n      toggle,\n      triggerProps,\n    ],\n  );\n}\n","import {\n  useCallback,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport {usePopover} from 'components/Popover/usePopover';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\nimport {useIsomorphicLayoutEffect} from 'internal/useIsomorphicLayoutEffect';\nimport type {LayerAlignment, LayerPlacement} from 'internal/useLayer';\nimport {css} from 'styled-system/css';\nimport {token} from 'styled-system/tokens';\n\nexport interface PopoverProps {\n  /**\n   * Alignment along the placement axis.\n   * @default 'start'\n   */\n  alignment?: LayerAlignment;\n  /**\n   * External trigger element. When provided without children, Popover attaches\n   * click and ARIA behavior directly to this element.\n   */\n  anchorRef?: RefObject<HTMLElement | null>;\n  /**\n   * Trigger content. Must contain a `<button>` or `[role=\"button\"]`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the popover content.\n   */\n  className?: string;\n  /**\n   * Label for the hidden close button.\n   * @default 'Close popover'\n   */\n  closeButtonLabel?: string;\n  /**\n   * Content displayed inside the popover dialog.\n   */\n  content: ReactNode;\n  /**\n   * Test ID applied to the popover content.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to focus the first focusable item after opening.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to include a keyboard-accessible close button.\n   * @default true\n   */\n  hasCloseButton?: boolean;\n  /**\n   * Id applied to the popover content element. Falls back to a generated id.\n   * Supply this when another element needs a stable `aria-controls` reference\n   * to the popover.\n   */\n  id?: string;\n  /**\n   * Whether clicking outside or pressing Escape closes the popover.\n   * @default true\n   */\n  isDismissable?: boolean;\n  /**\n   * Whether trigger interactions open the popover.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Controlled open state.\n   */\n  isOpen?: boolean;\n  /**\n   * Accessible label for the popover dialog.\n   */\n  label?: string;\n  /**\n   * Gap in pixels between the popover and its trigger along the inline axis\n   * (for `start`/`end` placements). Applied as a logical margin so it stays on\n   * the trigger-facing side even when the popover flips.\n   */\n  offsetX?: number;\n  /**\n   * Gap in pixels between the popover and its trigger along the block axis (for\n   * `above`/`below` placements). Applied as a logical margin so it stays on the\n   * trigger-facing side even when the popover flips.\n   */\n  offsetY?: number;\n  /**\n   * Callback fired when open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Inner padding of the popover content.\n   * @default 0\n   */\n  padding?: SpacingToken;\n  /**\n   * Position relative to the trigger.\n   * @default 'below'\n   */\n  placement?: LayerPlacement;\n  /**\n   * Ref forwarded to the popover content element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the floating content.\n   * @default 'dialog'\n   */\n  role?: 'dialog' | 'menu';\n  /**\n   * Inline styles applied to the popover content.\n   */\n  style?: CSSProperties;\n  /**\n   * Width of the popover content.\n   */\n  width?: number | string;\n}\n\nconst BUTTON_SELECTOR = 'button, [role=\"button\"]';\n\nconst styles = {\n  anchor: css({\n    display: 'inline-flex',\n  }),\n  content: css({}),\n  gap: {\n    above: css({mb: '1'}),\n    below: css({mt: '1'}),\n    start: css({mr: '1'}),\n    end: css({ml: '1'}),\n  },\n} as const;\n\nfunction findTriggerButton(element: HTMLElement): HTMLElement | null {\n  if (element.matches(BUTTON_SELECTOR)) {\n    return element;\n  }\n\n  return element.querySelector<HTMLElement>(BUTTON_SELECTOR);\n}\n\n/**\n * A click-triggered floating dialog anchored to a trigger element.\n */\nexport function Popover({\n  anchorRef,\n  children,\n  content,\n  placement = 'below',\n  alignment = 'start',\n  isOpen,\n  onOpenChange,\n  offsetX,\n  offsetY,\n  isEnabled = true,\n  width,\n  label,\n  hasCloseButton,\n  isDismissable,\n  closeButtonLabel,\n  padding,\n  ref,\n  hasAutoFocus,\n  className,\n  style,\n  role,\n  id,\n  'data-testid': dataTestId,\n}: PopoverProps): React.JSX.Element {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const isControlled = isOpen !== undefined;\n\n  const popover = usePopover({\n    closeButtonLabel,\n    hasAutoFocus,\n    hasCloseButton,\n    isDismissable,\n    label,\n    layerId: id,\n    onHide: () => onOpenChange?.(false),\n    onShow: () => onOpenChange?.(true),\n    role,\n  });\n\n  const handleTriggerClick = useCallback(() => {\n    if (!isEnabled) {\n      return;\n    }\n\n    popover.toggle();\n  }, [isEnabled, popover]);\n\n  const handleTriggerKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        handleTriggerClick();\n      }\n    },\n    [handleTriggerClick],\n  );\n\n  // ARIA and listeners are applied imperatively because the trigger button can\n  // be any element the consumer renders — nested anywhere inside `children`, or\n  // an entirely external element via `anchorRef` — so Popover cannot inject\n  // props through JSX. This is safe: React only reconciles attributes present\n  // in its own virtual DOM, so it never clobbers these imperatively-set ones on\n  // re-render. The only dynamic attribute, `aria-expanded`, stays in sync\n  // because `popover.triggerProps` is memoized on the open state, so this\n  // callback (and the effect below that re-runs it) re-applies the fresh value\n  // on every toggle. Keep `triggerProps` in the dep arrays or that sync breaks.\n  const attachTrigger = useCallback(\n    (button: HTMLElement) => {\n      button.setAttribute(\n        'aria-haspopup',\n        popover.triggerProps['aria-haspopup'],\n      );\n      button.setAttribute(\n        'aria-expanded',\n        String(popover.triggerProps['aria-expanded']),\n      );\n      button.setAttribute(\n        'aria-controls',\n        popover.triggerProps['aria-controls'],\n      );\n      button.addEventListener('click', handleTriggerClick);\n\n      const needsKeyDown =\n        button.tagName !== 'BUTTON' && button.getAttribute('role') === 'button';\n      if (needsKeyDown) {\n        button.addEventListener('keydown', handleTriggerKeyDown);\n      }\n\n      return () => {\n        button.removeAttribute('aria-haspopup');\n        button.removeAttribute('aria-expanded');\n        button.removeAttribute('aria-controls');\n        button.removeEventListener('click', handleTriggerClick);\n        if (needsKeyDown) {\n          button.removeEventListener('keydown', handleTriggerKeyDown);\n        }\n      };\n    },\n    [handleTriggerClick, handleTriggerKeyDown, popover.triggerProps],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const anchor = anchorRef?.current ?? wrapperRef.current;\n    if (anchor == null) {\n      return;\n    }\n\n    popover.triggerRef(anchor);\n    const trigger = findTriggerButton(anchor);\n    if (trigger == null || !isEnabled) {\n      return () => {\n        popover.triggerRef(null);\n      };\n    }\n\n    const detach = attachTrigger(trigger);\n    return () => {\n      popover.triggerRef(null);\n      detach();\n    };\n  }, [anchorRef, attachTrigger, isEnabled, popover]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!isControlled) {\n      return;\n    }\n\n    if (isOpen === true && !popover.isOpen) {\n      popover.show();\n    } else if (isOpen === false && popover.isOpen) {\n      popover.hide();\n    }\n  }, [isControlled, isOpen, popover]);\n\n  const widthStyle =\n    width == null\n      ? undefined\n      : {width: typeof width === 'number' ? `${width}px` : width};\n\n  const paddingStyle =\n    padding != null && padding !== 0\n      ? {padding: token(`spacing.${padding}`)}\n      : undefined;\n\n  const popoverContent = popover.render(\n    <div\n      className={cx(styles.content, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{...paddingStyle, ...widthStyle, ...style}}>\n      {content}\n    </div>,\n    {\n      placement,\n      alignment,\n      offsetX,\n      offsetY,\n      className: styles.gap[placement],\n      style: {minWidth: 'anchor-size(width)'},\n    },\n  );\n\n  if (anchorRef != null && !isReactNode(children)) {\n    return <>{popoverContent}</>;\n  }\n\n  return (\n    <>\n      <div className={styles.anchor} ref={wrapperRef}>\n        {children}\n      </div>\n      {popoverContent}\n    </>\n  );\n}\n\nPopover.displayName = 'Popover';\n"]}
+{"version":3,"sources":["../src/internal/useFocusTrap.ts","../src/components/Popover/usePopover.tsx","../src/components/Popover/Popover.tsx"],"names":["useRef","useCallback","useEffect","styles","jsx","jsxs"],"mappings":"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","file":"chunk-GTZQT6MK.js","sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\nexport interface UseFocusTrapOptions {\n  isActive: boolean;\n  onEscape?: () => void;\n}\n\nexport interface UseFocusTrapReturn<T extends HTMLElement = HTMLElement> {\n  containerRef: React.RefObject<T | null>;\n  focusFirst: () => void;\n}\n\nfunction getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  );\n}\n\nfunction focusFirstDescendant(container: HTMLElement): void {\n  getFocusableElements(container)[0]?.focus();\n}\n\nfunction focusLastDescendant(container: HTMLElement): void {\n  const elements = getFocusableElements(container);\n  elements.at(-1)?.focus();\n}\n\nexport function useFocusTrap<T extends HTMLElement = HTMLElement>({\n  isActive,\n  onEscape,\n}: UseFocusTrapOptions): UseFocusTrapReturn<T> {\n  const containerRef = useRef<T>(null);\n\n  const focusFirst = useCallback(() => {\n    if (containerRef.current != null) {\n      focusFirstDescendant(containerRef.current);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!isActive) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        onEscape?.();\n        return;\n      }\n\n      if (event.key !== 'Tab') {\n        return;\n      }\n\n      const focusable = getFocusableElements(container);\n      if (focusable.length === 0) {\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable.at(-1);\n      if (event.shiftKey && document.activeElement === first) {\n        event.preventDefault();\n        focusLastDescendant(container);\n      } else if (!event.shiftKey && document.activeElement === last) {\n        event.preventDefault();\n        focusFirstDescendant(container);\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isActive, onEscape]);\n\n  return {containerRef, focusFirst};\n}\n","import {X} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {VisuallyHidden} from 'internal';\nimport {useFocusTrap} from 'internal/useFocusTrap';\nimport {useLayer, type ContextRenderProps} from 'internal/useLayer';\nimport {css} from 'styled-system/css';\n\nexport type {LayerAlignment, LayerPlacement} from 'internal/useLayer';\n\nexport interface UsePopoverOptions {\n  /**\n   * Accessible label for the close button rendered when `hasCloseButton` is\n   * `true`. Defaults to `'Close popover'`.\n   */\n  closeButtonLabel?: string;\n  /**\n   * When `true`, focus moves to the first focusable element inside the popover\n   * when it opens. Defaults to `true`.\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * When `true`, renders a visually hidden close button inside the popover so\n   * assistive technology users can dismiss it. Defaults to `true`.\n   */\n  hasCloseButton?: boolean;\n  /**\n   * When `true`, wraps the content in a styled surface (background, border,\n   * shadow). Set to `false` to render unstyled content. Defaults to `true`.\n   */\n  hasSurface?: boolean;\n  /**\n   * When `true`, the popover can be dismissed by clicking outside or pressing\n   * Escape. Defaults to `true`.\n   */\n  isDismissable?: boolean;\n  /**\n   * Accessible label applied to the popover content via `aria-label`.\n   */\n  label?: string;\n  /**\n   * Id applied to the underlying layer element. Falls back to a generated id.\n   * Supply this when another element needs a stable `aria-controls` reference\n   * to the popover.\n   */\n  layerId?: string;\n  /**\n   * Called after the popover is hidden, including via light dismiss.\n   */\n  onHide?: () => void;\n  /**\n   * Called after the popover is shown.\n   */\n  onShow?: () => void;\n  /**\n   * ARIA role for the popover content. Defaults to `'dialog'`; use `'menu'` for\n   * menu-style popovers.\n   */\n  role?: 'dialog' | 'menu';\n}\n\nexport interface UsePopoverReturn {\n  /**\n   * CSS anchor name tying the popover content to the trigger for positioning.\n   */\n  anchorId: string;\n  /**\n   * Ref attached to the popover content element.\n   */\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Hides the popover.\n   */\n  hide: () => void;\n  /**\n   * Id of the underlying layer element, matching `triggerProps['aria-controls']`.\n   */\n  id: string;\n  /**\n   * Whether the popover is currently open.\n   */\n  isOpen: boolean;\n  /**\n   * Renders the given children inside the popover layer.\n   */\n  render: (children: ReactNode, props?: ContextRenderProps) => ReactNode;\n  /**\n   * Shows the popover. Pass `isAutoFocusSkipped` to suppress moving focus into\n   * the content for this open.\n   */\n  show: (options?: {isAutoFocusSkipped?: boolean}) => void;\n  /**\n   * Toggles the popover between open and closed.\n   */\n  toggle: () => void;\n  /**\n   * ARIA props to spread onto the trigger element.\n   */\n  triggerProps: {\n    'aria-controls': string;\n    'aria-expanded': boolean;\n    'aria-haspopup': 'dialog' | 'menu';\n  };\n  /**\n   * Ref callback to attach to the trigger element for anchor positioning.\n   */\n  triggerRef: RefCallback<HTMLElement>;\n}\n\nconst styles = {\n  surface: css({\n    position: 'relative',\n    bg: 'bg',\n    borderRadius: 'md',\n    boxShadow: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n  }),\n} as const;\n\nexport function usePopover({\n  onShow,\n  onHide,\n  isDismissable = true,\n  hasAutoFocus = true,\n  hasSurface = true,\n  hasCloseButton = true,\n  closeButtonLabel = 'Close popover',\n  label,\n  role = 'dialog',\n  layerId,\n}: UsePopoverOptions = {}): UsePopoverReturn {\n  const skipAutoFocusRef = useRef(false);\n  // Guards against a light-dismiss close immediately re-opening the popover.\n  // When the trigger is clicked while the popover is open, the browser's native\n  // light dismiss closes it (firing `onHide`) *before* the trigger's own click\n  // handler runs `toggle()` — which would otherwise re-open it. The flag is\n  // cleared on the next animation frame: the browser never paints mid-gesture,\n  // so it is reliably still set when the spurious click arrives, yet cleared\n  // before any genuine later click.\n  const isDismissingRef = useRef(false);\n\n  const handleHide = useCallback(() => {\n    isDismissingRef.current = true;\n    requestAnimationFrame(() => {\n      isDismissingRef.current = false;\n    });\n    onHide?.();\n  }, [onHide]);\n\n  const layer = useLayer({\n    isDismissable,\n    id: layerId,\n    onShow,\n    onHide: handleHide,\n  });\n  const {containerRef: contentRef, focusFirst} = useFocusTrap<HTMLDivElement>({\n    isActive: layer.isOpen,\n    onEscape: layer.hide,\n  });\n\n  useEffect(() => {\n    if (!layer.isOpen) {\n      skipAutoFocusRef.current = false;\n      return;\n    }\n\n    if (hasAutoFocus && !skipAutoFocusRef.current) {\n      requestAnimationFrame(() => focusFirst());\n    }\n  }, [focusFirst, hasAutoFocus, layer.isOpen]);\n\n  const show = useCallback(\n    (options?: {isAutoFocusSkipped?: boolean}) => {\n      skipAutoFocusRef.current = options?.isAutoFocusSkipped ?? false;\n      layer.show();\n    },\n    [layer],\n  );\n\n  const toggle = useCallback(() => {\n    if (isDismissingRef.current) {\n      return;\n    }\n\n    if (layer.isOpen) {\n      layer.hide();\n      return;\n    }\n\n    show();\n  }, [layer, show]);\n\n  const render = useCallback(\n    (children: ReactNode, props?: ContextRenderProps): ReactNode => {\n      return layer.render(\n        <div\n          aria-label={label}\n          className={hasSurface ? styles.surface : undefined}\n          ref={contentRef}\n          role={role}>\n          {children}\n          {hasCloseButton ? (\n            <VisuallyHidden>\n              <Button\n                icon={X}\n                isIconOnly\n                label={closeButtonLabel}\n                onClick={layer.hide}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            </VisuallyHidden>\n          ) : null}\n        </div>,\n        {\n          ...props,\n          className: props?.className,\n        },\n      );\n    },\n    [\n      closeButtonLabel,\n      contentRef,\n      hasCloseButton,\n      hasSurface,\n      label,\n      layer,\n      role,\n    ],\n  );\n\n  const triggerProps = useMemo(\n    () => ({\n      'aria-controls': layer.id,\n      'aria-expanded': layer.isOpen,\n      'aria-haspopup': role,\n    }),\n    [layer.id, layer.isOpen, role],\n  );\n\n  return useMemo(\n    () => ({\n      anchorId: layer.anchorId,\n      contentRef,\n      hide: layer.hide,\n      id: layer.id,\n      isOpen: layer.isOpen,\n      render,\n      show,\n      toggle,\n      triggerProps,\n      triggerRef: layer.ref,\n    }),\n    [\n      contentRef,\n      layer.anchorId,\n      layer.hide,\n      layer.id,\n      layer.isOpen,\n      layer.ref,\n      render,\n      show,\n      toggle,\n      triggerProps,\n    ],\n  );\n}\n","import {\n  useCallback,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport {usePopover} from 'components/Popover/usePopover';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\nimport {useIsomorphicLayoutEffect} from 'internal/useIsomorphicLayoutEffect';\nimport type {LayerAlignment, LayerPlacement} from 'internal/useLayer';\nimport {css} from 'styled-system/css';\nimport {token} from 'styled-system/tokens';\n\nexport interface PopoverProps {\n  /**\n   * Alignment along the placement axis.\n   * @default 'start'\n   */\n  alignment?: LayerAlignment;\n  /**\n   * External trigger element. When provided without children, Popover attaches\n   * click and ARIA behavior directly to this element.\n   */\n  anchorRef?: RefObject<HTMLElement | null>;\n  /**\n   * Trigger content. Must contain a `<button>` or `[role=\"button\"]`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the popover content.\n   */\n  className?: string;\n  /**\n   * Label for the hidden close button.\n   * @default 'Close popover'\n   */\n  closeButtonLabel?: string;\n  /**\n   * Content displayed inside the popover dialog.\n   */\n  content: ReactNode;\n  /**\n   * Test ID applied to the popover content.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to focus the first focusable item after opening.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to include a keyboard-accessible close button.\n   * @default true\n   */\n  hasCloseButton?: boolean;\n  /**\n   * Id applied to the popover content element. Falls back to a generated id.\n   * Supply this when another element needs a stable `aria-controls` reference\n   * to the popover.\n   */\n  id?: string;\n  /**\n   * Whether clicking outside or pressing Escape closes the popover.\n   * @default true\n   */\n  isDismissable?: boolean;\n  /**\n   * Whether trigger interactions open the popover.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Controlled open state.\n   */\n  isOpen?: boolean;\n  /**\n   * Accessible label for the popover dialog.\n   */\n  label?: string;\n  /**\n   * Gap in pixels between the popover and its trigger along the inline axis\n   * (for `start`/`end` placements). Applied as a logical margin so it stays on\n   * the trigger-facing side even when the popover flips.\n   */\n  offsetX?: number;\n  /**\n   * Gap in pixels between the popover and its trigger along the block axis (for\n   * `above`/`below` placements). Applied as a logical margin so it stays on the\n   * trigger-facing side even when the popover flips.\n   */\n  offsetY?: number;\n  /**\n   * Callback fired when open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Inner padding of the popover content.\n   * @default 0\n   */\n  padding?: SpacingToken;\n  /**\n   * Position relative to the trigger.\n   * @default 'below'\n   */\n  placement?: LayerPlacement;\n  /**\n   * Ref forwarded to the popover content element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the floating content.\n   * @default 'dialog'\n   */\n  role?: 'dialog' | 'menu';\n  /**\n   * Inline styles applied to the popover content.\n   */\n  style?: CSSProperties;\n  /**\n   * Width of the popover content.\n   */\n  width?: number | string;\n}\n\nconst BUTTON_SELECTOR = 'button, [role=\"button\"]';\n\nconst styles = {\n  anchor: css({\n    display: 'inline-flex',\n  }),\n  content: css({}),\n  gap: {\n    above: css({mb: '1'}),\n    below: css({mt: '1'}),\n    start: css({mr: '1'}),\n    end: css({ml: '1'}),\n  },\n} as const;\n\nfunction findTriggerButton(element: HTMLElement): HTMLElement | null {\n  if (element.matches(BUTTON_SELECTOR)) {\n    return element;\n  }\n\n  return element.querySelector<HTMLElement>(BUTTON_SELECTOR);\n}\n\n/**\n * A click-triggered floating dialog anchored to a trigger element.\n */\nexport function Popover({\n  anchorRef,\n  children,\n  content,\n  placement = 'below',\n  alignment = 'start',\n  isOpen,\n  onOpenChange,\n  offsetX,\n  offsetY,\n  isEnabled = true,\n  width,\n  label,\n  hasCloseButton,\n  isDismissable,\n  closeButtonLabel,\n  padding,\n  ref,\n  hasAutoFocus,\n  className,\n  style,\n  role,\n  id,\n  'data-testid': dataTestId,\n}: PopoverProps): React.JSX.Element {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const isControlled = isOpen !== undefined;\n\n  const popover = usePopover({\n    closeButtonLabel,\n    hasAutoFocus,\n    hasCloseButton,\n    isDismissable,\n    label,\n    layerId: id,\n    onHide: () => onOpenChange?.(false),\n    onShow: () => onOpenChange?.(true),\n    role,\n  });\n\n  const handleTriggerClick = useCallback(() => {\n    if (!isEnabled) {\n      return;\n    }\n\n    popover.toggle();\n  }, [isEnabled, popover]);\n\n  const handleTriggerKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        handleTriggerClick();\n      }\n    },\n    [handleTriggerClick],\n  );\n\n  // ARIA and listeners are applied imperatively because the trigger button can\n  // be any element the consumer renders — nested anywhere inside `children`, or\n  // an entirely external element via `anchorRef` — so Popover cannot inject\n  // props through JSX. This is safe: React only reconciles attributes present\n  // in its own virtual DOM, so it never clobbers these imperatively-set ones on\n  // re-render. The only dynamic attribute, `aria-expanded`, stays in sync\n  // because `popover.triggerProps` is memoized on the open state, so this\n  // callback (and the effect below that re-runs it) re-applies the fresh value\n  // on every toggle. Keep `triggerProps` in the dep arrays or that sync breaks.\n  const attachTrigger = useCallback(\n    (button: HTMLElement) => {\n      button.setAttribute(\n        'aria-haspopup',\n        popover.triggerProps['aria-haspopup'],\n      );\n      button.setAttribute(\n        'aria-expanded',\n        String(popover.triggerProps['aria-expanded']),\n      );\n      button.setAttribute(\n        'aria-controls',\n        popover.triggerProps['aria-controls'],\n      );\n      button.addEventListener('click', handleTriggerClick);\n\n      const needsKeyDown =\n        button.tagName !== 'BUTTON' && button.getAttribute('role') === 'button';\n      if (needsKeyDown) {\n        button.addEventListener('keydown', handleTriggerKeyDown);\n      }\n\n      return () => {\n        button.removeAttribute('aria-haspopup');\n        button.removeAttribute('aria-expanded');\n        button.removeAttribute('aria-controls');\n        button.removeEventListener('click', handleTriggerClick);\n        if (needsKeyDown) {\n          button.removeEventListener('keydown', handleTriggerKeyDown);\n        }\n      };\n    },\n    [handleTriggerClick, handleTriggerKeyDown, popover.triggerProps],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const anchor = anchorRef?.current ?? wrapperRef.current;\n    if (anchor == null) {\n      return;\n    }\n\n    popover.triggerRef(anchor);\n    const trigger = findTriggerButton(anchor);\n    if (trigger == null || !isEnabled) {\n      return () => {\n        popover.triggerRef(null);\n      };\n    }\n\n    const detach = attachTrigger(trigger);\n    return () => {\n      popover.triggerRef(null);\n      detach();\n    };\n  }, [anchorRef, attachTrigger, isEnabled, popover]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!isControlled) {\n      return;\n    }\n\n    if (isOpen === true && !popover.isOpen) {\n      popover.show();\n    } else if (isOpen === false && popover.isOpen) {\n      popover.hide();\n    }\n  }, [isControlled, isOpen, popover]);\n\n  const widthStyle =\n    width == null\n      ? undefined\n      : {width: typeof width === 'number' ? `${width}px` : width};\n\n  const paddingStyle =\n    padding != null && padding !== 0\n      ? {padding: token(`spacing.${padding}`)}\n      : undefined;\n\n  const popoverContent = popover.render(\n    <div\n      className={cx(styles.content, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{...paddingStyle, ...widthStyle, ...style}}>\n      {content}\n    </div>,\n    {\n      placement,\n      alignment,\n      offsetX,\n      offsetY,\n      className: styles.gap[placement],\n      style: {minWidth: 'anchor-size(width)'},\n    },\n  );\n\n  if (anchorRef != null && !isReactNode(children)) {\n    return <>{popoverContent}</>;\n  }\n\n  return (\n    <>\n      <div className={styles.anchor} ref={wrapperRef}>\n        {children}\n      </div>\n      {popoverContent}\n    </>\n  );\n}\n\nPopover.displayName = 'Popover';\n"]}

package/dist/{chunk-ZSB43DEI.js → chunk-HC57X3U4.js}

@@ -1,8 +1,8 @@
-import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
-import { getNecessity, Field } from './chunk-SEDUAMDW.js';
+import { inputStyles, inputRecipe } from './chunk-KB36TWOU.js';
+import { getNecessity, Field } from './chunk-USEA7DB5.js';
 import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-G6HS52US.js';
-import { Spinner } from './chunk-QHXI2QDK.js';
-import { Text } from './chunk-NXTDP6AX.js';
+import { Spinner } from './chunk-X2P5SPGB.js';
+import { Text } from './chunk-5GSRIOXE.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { css } from './chunk-OD4DHHZH.js';
@@ -148,5 +148,5 @@ function TextArea({
 TextArea.displayName = "TextArea";
 
 export { TextArea };
-//# sourceMappingURL=chunk-ZSB43DEI.js.map
-//# sourceMappingURL=chunk-ZSB43DEI.js.map
+//# sourceMappingURL=chunk-HC57X3U4.js.map
+//# sourceMappingURL=chunk-HC57X3U4.js.map

package/dist/{chunk-ZSB43DEI.js.map → chunk-HC57X3U4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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","file":"chunk-ZSB43DEI.js","sourcesContent":["import {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type ClipboardEvent,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type TextAreaProps = {\n  /**\n   * Additional CSS class names applied to the textarea wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the textarea element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the textarea on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether the browser spellcheck is enabled.\n   * @default true\n   */\n  hasSpellCheck?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the textarea 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 textarea 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 character count. Displays a counter when set.\n   */\n  maxLength?: number;\n  /**\n   * Called when the textarea loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when the textarea receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when content is pasted into the textarea.\n   */\n  onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the textarea element.\n   */\n  ref?: Ref<HTMLTextAreaElement>;\n  /**\n   * Number of visible text rows.\n   * @default 3\n   */\n  rows?: number;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the textarea.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the textarea.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the textarea wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled textarea value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    alignItems: 'flex-start',\n    py: '2',\n  }),\n  textarea: css({\n    resize: 'vertical',\n    minH: '20',\n  }),\n  counter: css({\n    alignSelf: 'flex-end',\n    mt: '1',\n  }),\n  counterOverLimit: css({\n    color: 'status.error.fg',\n  }),\n} as const;\n\n/**\n * Multi-line text input field with optional character counter.\n */\nexport function TextArea({\n  label,\n  value,\n  onChange,\n  rows = 3,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasSpellCheck = true,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  maxLength,\n  onPaste,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextAreaProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const counterID = maxLength != null ? `${inputId}-counter` : undefined;\n  const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);\n  const isOverLimit = maxLength != null && value.length > maxLength;\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      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <textarea\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || isOverLimit || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.textarea)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          maxLength={maxLength}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(event.target.value, event)}\n          onFocus={onFocus}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          ref={ref}\n          rows={rows}\n          spellCheck={hasSpellCheck}\n          value={value}\n        />\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n      {maxLength != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.counter,\n            isOverLimit ? styles.counterOverLimit : undefined,\n          )}\n          color=\"secondary\"\n          id={counterID}\n          type=\"supporting\">\n          {value.length}/{maxLength}\n        </Text>\n      ) : null}\n    </Field>\n  );\n}\n\nTextArea.displayName = 'TextArea';\n"]}
+{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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","file":"chunk-HC57X3U4.js","sourcesContent":["import {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type ClipboardEvent,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type TextAreaProps = {\n  /**\n   * Additional CSS class names applied to the textarea wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the textarea element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the textarea on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether the browser spellcheck is enabled.\n   * @default true\n   */\n  hasSpellCheck?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the textarea 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 textarea 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 character count. Displays a counter when set.\n   */\n  maxLength?: number;\n  /**\n   * Called when the textarea loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when the textarea receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when content is pasted into the textarea.\n   */\n  onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the textarea element.\n   */\n  ref?: Ref<HTMLTextAreaElement>;\n  /**\n   * Number of visible text rows.\n   * @default 3\n   */\n  rows?: number;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the textarea.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the textarea.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the textarea wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled textarea value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    alignItems: 'flex-start',\n    py: '2',\n  }),\n  textarea: css({\n    resize: 'vertical',\n    minH: '20',\n  }),\n  counter: css({\n    alignSelf: 'flex-end',\n    mt: '1',\n  }),\n  counterOverLimit: css({\n    color: 'status.error.fg',\n  }),\n} as const;\n\n/**\n * Multi-line text input field with optional character counter.\n */\nexport function TextArea({\n  label,\n  value,\n  onChange,\n  rows = 3,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasSpellCheck = true,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  maxLength,\n  onPaste,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextAreaProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const counterID = maxLength != null ? `${inputId}-counter` : undefined;\n  const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);\n  const isOverLimit = maxLength != null && value.length > maxLength;\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      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <textarea\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || isOverLimit || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.textarea)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          maxLength={maxLength}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(event.target.value, event)}\n          onFocus={onFocus}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          ref={ref}\n          rows={rows}\n          spellCheck={hasSpellCheck}\n          value={value}\n        />\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n      {maxLength != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.counter,\n            isOverLimit ? styles.counterOverLimit : undefined,\n          )}\n          color=\"secondary\"\n          id={counterID}\n          type=\"supporting\">\n          {value.length}/{maxLength}\n        </Text>\n      ) : null}\n    </Field>\n  );\n}\n\nTextArea.displayName = 'TextArea';\n"]}

package/dist/{chunk-WAWHHXSR.js → chunk-HEF53COU.js}

@@ -1,5 +1,5 @@
 import { VisuallyHidden } from './chunk-V2V5TTTL.js';
-import { Heading } from './chunk-NXTDP6AX.js';
+import { Heading } from './chunk-5GSRIOXE.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -162,5 +162,5 @@ function MetadataListItem({
 MetadataListItem.displayName = "MetadataListItem";
 
 export { MetadataList, MetadataListItem };
-//# sourceMappingURL=chunk-WAWHHXSR.js.map
-//# sourceMappingURL=chunk-WAWHHXSR.js.map
+//# sourceMappingURL=chunk-HEF53COU.js.map
+//# sourceMappingURL=chunk-HEF53COU.js.map

package/dist/{chunk-WAWHHXSR.js.map → chunk-HEF53COU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MetadataList/MetadataList.recipe.ts","../src/components/MetadataList/MetadataListContext.ts","../src/components/MetadataList/MetadataList.tsx","../src/components/MetadataList/MetadataListItem.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-WAWHHXSR.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const metadataListRecipe = sva({\n  slots: ['root', 'title', 'dl', 'item', 'label', 'value'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    title: {\n      mb: '3',\n    },\n    dl: {\n      m: 0,\n      p: 0,\n      display: 'grid',\n    },\n    label: {\n      color: 'fg.muted',\n      fontSize: 'md',\n      fontWeight: 'bold',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      m: 0,\n      minH: '6',\n    },\n    value: {\n      color: 'fg',\n      fontSize: 'md',\n      m: 0,\n      minH: '6',\n      overflowWrap: 'break-word',\n    },\n  },\n  variants: {\n    // Orientation of each label relative to its value. The parent sets the `dl`\n    // grid layout while each item sets its own wrapper display; both read the\n    // same value via MetadataListContext so the two stay in sync.\n    labelPosition: {\n      start: {\n        dl: {\n          gridTemplateColumns: 'auto 1fr',\n          rowGap: '3',\n          columnGap: '4',\n          alignItems: 'start',\n        },\n        item: {\n          display: 'contents',\n        },\n      },\n      top: {\n        dl: {\n          gridTemplateColumns: '1fr',\n          gap: '3',\n        },\n        item: {\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '0.5',\n        },\n      },\n    },\n    // Renders only the icon in the label slot (the label text is kept available\n    // to assistive technology via VisuallyHidden in MetadataListItem).\n    isIconOnly: {\n      true: {\n        label: {\n          paddingBlockStart: '2px',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    labelPosition: 'start',\n    isIconOnly: false,\n  },\n});\n\nexport type MetadataListVariants = RecipeVariantProps<\n  typeof metadataListRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport interface MetadataListContextValue {\n  labelPosition: 'start' | 'top';\n}\n\nexport const MetadataListContext =\n  createContext<MetadataListContextValue | null>(null);\n\nMetadataListContext.displayName = 'MetadataListContext';\n\nexport function useMetadataList(): MetadataListContextValue | null {\n  return use(MetadataListContext);\n}\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {metadataListRecipe} from 'components/MetadataList/MetadataList.recipe';\nimport {MetadataListContext} from 'components/MetadataList/MetadataListContext';\nimport {Heading} from 'components/Text';\nimport {cx} from 'internal/cx';\n\nexport type MetadataListLabelPosition = 'start' | 'top';\n\nexport interface MetadataListProps {\n  /**\n   * Metadata items to render inside the list.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Position of item labels relative to their values.\n   * @default 'start'\n   */\n  labelPosition?: MetadataListLabelPosition;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional title rendered above the list as a heading.\n   */\n  title?: string;\n}\n\n/**\n * Displays a list of label-value metadata pairs in configurable layouts.\n */\nexport function MetadataList({\n  children,\n  labelPosition = 'start',\n  title,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListProps): React.JSX.Element {\n  const titleId = useId();\n  const contextValue = useMemo(() => ({labelPosition}), [labelPosition]);\n  const styles = metadataListRecipe({labelPosition});\n\n  return (\n    <MetadataListContext value={contextValue}>\n      <div\n        className={cx(styles.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {title != null ? (\n          <Heading className={styles.title} id={titleId} level={5}>\n            {title}\n          </Heading>\n        ) : null}\n        <dl\n          aria-labelledby={title != null ? titleId : undefined}\n          className={styles.dl}>\n          {children}\n        </dl>\n      </div>\n    </MetadataListContext>\n  );\n}\n\nMetadataList.displayName = 'MetadataList';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {metadataListRecipe} from 'components/MetadataList/MetadataList.recipe';\nimport {useMetadataList} from 'components/MetadataList/MetadataListContext';\nimport {VisuallyHidden} from 'internal';\nimport {cx} from 'internal/cx';\n\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport interface MetadataListItemProps {\n  /**\n   * Value content rendered beside or below the label.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional icon rendered before the label text.\n   */\n  icon?: IconComponent;\n  /**\n   * Visually hides the label text, rendering only the icon while keeping the\n   * label available to assistive technology. Requires `icon`.\n   */\n  isIconOnly?: boolean;\n  /**\n   * Descriptive label for this metadata entry.\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\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport function MetadataListItem({\n  children,\n  icon,\n  isIconOnly = false,\n  label,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListItemProps): React.JSX.Element {\n  const context = useMetadataList();\n\n  if (context == null && process.env.NODE_ENV !== 'production') {\n    throw new Error('MetadataListItem must be rendered inside a MetadataList.');\n  }\n\n  const styles = metadataListRecipe({\n    labelPosition: context?.labelPosition,\n    isIconOnly,\n  });\n  const labelContent = (\n    <>\n      {icon != null ? <Icon color=\"secondary\" icon={icon} size=\"sm\" /> : null}\n      {isIconOnly ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </>\n  );\n\n  return (\n    <div\n      className={cx(styles.item, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <dt className={styles.label}>{labelContent}</dt>\n      <dd className={styles.value}>{children}</dd>\n    </div>\n  );\n}\n\nMetadataListItem.displayName = 'MetadataListItem';\n"]}
+{"version":3,"sources":["../src/components/MetadataList/MetadataList.recipe.ts","../src/components/MetadataList/MetadataListContext.ts","../src/components/MetadataList/MetadataList.tsx","../src/components/MetadataList/MetadataListItem.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-HEF53COU.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const metadataListRecipe = sva({\n  slots: ['root', 'title', 'dl', 'item', 'label', 'value'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    title: {\n      mb: '3',\n    },\n    dl: {\n      m: 0,\n      p: 0,\n      display: 'grid',\n    },\n    label: {\n      color: 'fg.muted',\n      fontSize: 'md',\n      fontWeight: 'bold',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      m: 0,\n      minH: '6',\n    },\n    value: {\n      color: 'fg',\n      fontSize: 'md',\n      m: 0,\n      minH: '6',\n      overflowWrap: 'break-word',\n    },\n  },\n  variants: {\n    // Orientation of each label relative to its value. The parent sets the `dl`\n    // grid layout while each item sets its own wrapper display; both read the\n    // same value via MetadataListContext so the two stay in sync.\n    labelPosition: {\n      start: {\n        dl: {\n          gridTemplateColumns: 'auto 1fr',\n          rowGap: '3',\n          columnGap: '4',\n          alignItems: 'start',\n        },\n        item: {\n          display: 'contents',\n        },\n      },\n      top: {\n        dl: {\n          gridTemplateColumns: '1fr',\n          gap: '3',\n        },\n        item: {\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '0.5',\n        },\n      },\n    },\n    // Renders only the icon in the label slot (the label text is kept available\n    // to assistive technology via VisuallyHidden in MetadataListItem).\n    isIconOnly: {\n      true: {\n        label: {\n          paddingBlockStart: '2px',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    labelPosition: 'start',\n    isIconOnly: false,\n  },\n});\n\nexport type MetadataListVariants = RecipeVariantProps<\n  typeof metadataListRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport interface MetadataListContextValue {\n  labelPosition: 'start' | 'top';\n}\n\nexport const MetadataListContext =\n  createContext<MetadataListContextValue | null>(null);\n\nMetadataListContext.displayName = 'MetadataListContext';\n\nexport function useMetadataList(): MetadataListContextValue | null {\n  return use(MetadataListContext);\n}\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {metadataListRecipe} from 'components/MetadataList/MetadataList.recipe';\nimport {MetadataListContext} from 'components/MetadataList/MetadataListContext';\nimport {Heading} from 'components/Text';\nimport {cx} from 'internal/cx';\n\nexport type MetadataListLabelPosition = 'start' | 'top';\n\nexport interface MetadataListProps {\n  /**\n   * Metadata items to render inside the list.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Position of item labels relative to their values.\n   * @default 'start'\n   */\n  labelPosition?: MetadataListLabelPosition;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional title rendered above the list as a heading.\n   */\n  title?: string;\n}\n\n/**\n * Displays a list of label-value metadata pairs in configurable layouts.\n */\nexport function MetadataList({\n  children,\n  labelPosition = 'start',\n  title,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListProps): React.JSX.Element {\n  const titleId = useId();\n  const contextValue = useMemo(() => ({labelPosition}), [labelPosition]);\n  const styles = metadataListRecipe({labelPosition});\n\n  return (\n    <MetadataListContext value={contextValue}>\n      <div\n        className={cx(styles.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {title != null ? (\n          <Heading className={styles.title} id={titleId} level={5}>\n            {title}\n          </Heading>\n        ) : null}\n        <dl\n          aria-labelledby={title != null ? titleId : undefined}\n          className={styles.dl}>\n          {children}\n        </dl>\n      </div>\n    </MetadataListContext>\n  );\n}\n\nMetadataList.displayName = 'MetadataList';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {metadataListRecipe} from 'components/MetadataList/MetadataList.recipe';\nimport {useMetadataList} from 'components/MetadataList/MetadataListContext';\nimport {VisuallyHidden} from 'internal';\nimport {cx} from 'internal/cx';\n\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport interface MetadataListItemProps {\n  /**\n   * Value content rendered beside or below the label.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional icon rendered before the label text.\n   */\n  icon?: IconComponent;\n  /**\n   * Visually hides the label text, rendering only the icon while keeping the\n   * label available to assistive technology. Requires `icon`.\n   */\n  isIconOnly?: boolean;\n  /**\n   * Descriptive label for this metadata entry.\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\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport function MetadataListItem({\n  children,\n  icon,\n  isIconOnly = false,\n  label,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListItemProps): React.JSX.Element {\n  const context = useMetadataList();\n\n  if (context == null && process.env.NODE_ENV !== 'production') {\n    throw new Error('MetadataListItem must be rendered inside a MetadataList.');\n  }\n\n  const styles = metadataListRecipe({\n    labelPosition: context?.labelPosition,\n    isIconOnly,\n  });\n  const labelContent = (\n    <>\n      {icon != null ? <Icon color=\"secondary\" icon={icon} size=\"sm\" /> : null}\n      {isIconOnly ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </>\n  );\n\n  return (\n    <div\n      className={cx(styles.item, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <dt className={styles.label}>{labelContent}</dt>\n      <dd className={styles.value}>{children}</dd>\n    </div>\n  );\n}\n\nMetadataListItem.displayName = 'MetadataListItem';\n"]}

package/dist/{chunk-7EE6DCRP.cjs → chunk-HENIVDYQ.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkINQ34SVW_cjs = require('./chunk-INQ34SVW.cjs');
+var chunkKLPVBJGZ_cjs = require('./chunk-KLPVBJGZ.cjs');
 var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
-var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkR3ZS6FU6_cjs = require('./chunk-R3ZS6FU6.cjs');
+var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
+var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkRAMDISDK_cjs = require('./chunk-RAMDISDK.cjs');
-var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
-var chunkGU65FGY6_cjs = require('./chunk-GU65FGY6.cjs');
+var chunkMYSLJWCW_cjs = require('./chunk-MYSLJWCW.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
+var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -56,9 +56,9 @@ function DateRangeInput({
   const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
   const [isOpen, setIsOpen] = react.useState(false);
   const displayValue = react.useMemo(() => formatRange(value), [value]);
-  const necessity = chunkR3ZS6FU6_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkR3ZS6FU6_cjs.Field,
+    chunkRX2FXCIH_cjs.Field,
     {
       className,
       description,
@@ -76,7 +76,7 @@ function DateRangeInput({
         "div",
         {
           className: chunkSPDVNY2Z_cjs.cx(
-            chunkVXBVSYPA_cjs.inputRecipe({
+            chunkVPHB56GK_cjs.inputRecipe({
               size,
               status: status?.type,
               isDisabled
@@ -85,10 +85,10 @@ function DateRangeInput({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRAMDISDK_cjs.Popover,
+              chunkMYSLJWCW_cjs.Popover,
               {
                 content: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkINQ34SVW_cjs.Calendar,
+                  chunkKLPVBJGZ_cjs.Calendar,
                   {
                     getIsDateDisabled,
                     max,
@@ -111,7 +111,7 @@ function DateRangeInput({
                 onOpenChange: setIsOpen,
                 padding: 3,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkVXOIOPGZ_cjs.Button,
+                  chunkWOVSJHY6_cjs.Button,
                   {
                     icon: lucideReact.CalendarIcon,
                     isDisabled,
@@ -133,7 +133,7 @@ function DateRangeInput({
                 "aria-haspopup": "dialog",
                 "aria-invalid": status?.type === "error" || void 0,
                 "aria-required": isRequired ?? void 0,
-                className: chunkVXBVSYPA_cjs.inputStyles.control,
+                className: chunkVPHB56GK_cjs.inputStyles.control,
                 "data-testid": dataTestId,
                 disabled: isDisabled,
                 id: inputId,
@@ -146,7 +146,7 @@ function DateRangeInput({
               }
             ),
             hasClear && value != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkVXOIOPGZ_cjs.Button,
+              chunkWOVSJHY6_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -156,8 +156,8 @@ function DateRangeInput({
                 variant: "ghost"
               }
             ) : null,
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGU65FGY6_cjs.Spinner, { size: "sm" }) : null,
-            status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+            status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVPHB56GK_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
           ]
         }
       )
@@ -167,5 +167,5 @@ function DateRangeInput({
 DateRangeInput.displayName = "DateRangeInput";
 
 exports.DateRangeInput = DateRangeInput;
-//# sourceMappingURL=chunk-7EE6DCRP.cjs.map
-//# sourceMappingURL=chunk-7EE6DCRP.cjs.map
+//# sourceMappingURL=chunk-HENIVDYQ.cjs.map
+//# sourceMappingURL=chunk-HENIVDYQ.cjs.map