silver-ui 0.1.1 → 0.3.0

package/dist/chunk-PTJ5YZFY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AutocompleteInput/AutocompleteInputItem.tsx","../src/components/AutocompleteInput/BaseAutocompleteInput.tsx","../src/components/AutocompleteInput/AutocompleteInput.tsx","../src/components/AutocompleteInput/types.ts"],"names":["css","jsx","Fragment","jsxs","cx","Icon","Text","styles","useId","useRef","useState","useCallback","useEffect","LoaderCircle","Check","mergeRefs","Spinner","Popover","getStatusMessageID","getDescribedBy","useMemo","getNecessity","Field","inputRecipe","inputStyles","Tag","Button","X"],"mappings":"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","file":"chunk-PTJ5YZFY.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Text} from '../Text';\nimport type {SearchableItem} from './types';\n\nexport interface AutocompleteInputItemProps<\n  T extends SearchableItem = SearchableItem,\n> {\n  /**\n   * Additional CSS class names applied to the item layout.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item layout.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Icon or avatar rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Search result item.\n   */\n  item: T;\n  /**\n   * Ref forwarded to the item layout.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the item layout.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    minW: 0,\n  }),\n  icon: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    color: 'fg.muted',\n  }),\n  text: css({\n    display: 'flex',\n    flexDirection: 'column',\n    minW: 0,\n  }),\n  disabled: css({opacity: 0.55}),\n} as const;\n\n/**\n * Default layout for AutocompleteInput and TagsInput result rows.\n */\nexport function AutocompleteInputItem<T extends SearchableItem>({\n  className,\n  'data-testid': dataTestId,\n  description,\n  icon,\n  item,\n  isDisabled = false,\n  ref,\n  style,\n}: AutocompleteInputItemProps<T>): React.JSX.Element {\n  if (item.element != null) {\n    return <>{item.element}</>;\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.root,\n        isDisabled ? styles.disabled : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon != null ? (\n        <span className={styles.icon}>\n          <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n        </span>\n      ) : null}\n      <span className={styles.text}>\n        <Text as=\"span\" color=\"inherit\" type=\"label\">\n          {item.label}\n        </Text>\n        {description != null ? (\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {description}\n          </Text>\n        ) : null}\n      </span>\n    </div>\n  );\n}\n\nAutocompleteInputItem.displayName = 'AutocompleteInputItem';\n","import {Check, LoaderCircle} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {Icon} from '../Icon';\nimport {Popover} from '../Popover';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\nimport {AutocompleteInputItem} from './AutocompleteInputItem';\nimport type {SearchableItem, SearchSource} from './types';\n\nexport interface BaseAutocompleteInputProps<T extends SearchableItem> {\n  /**\n   * Ref to the element the result popover should align to.\n   */\n  anchorRef?: RefObject<HTMLElement | null>;\n  /**\n   * IDs describing the input.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Additional CSS class names applied to the input.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Debounce delay in milliseconds before search runs.\n   * @default 150\n   */\n  debounceMs?: number;\n  /**\n   * Empty state text.\n   * @default 'No results found'\n   */\n  emptySearchResultsText?: string;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show bootstrap results on focus before typing.\n   * @default false\n   */\n  hasEntriesOnFocus?: boolean;\n  /**\n   * Optional ID for the input.\n   */\n  inputId?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Maximum number of menu items.\n   * @default 10\n   */\n  maxMenuItems?: number;\n  /**\n   * Called when a result is selected.\n   */\n  onChange: (item: T | null) => void;\n  /**\n   * Keyboard handler invoked before internal navigation.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the result popover opens or closes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Called when the query changes.\n   */\n  onQueryChange?: (query: string) => void;\n  /**\n   * Placeholder text.\n   * @default 'Search...'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Custom result renderer.\n   */\n  renderItem?: (item: T) => ReactNode;\n  /**\n   * Search source.\n   */\n  searchSource: SearchSource<T>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Inline styles applied to the input.\n   */\n  style?: CSSProperties;\n  /**\n   * Selected item.\n   */\n  value: T | null;\n}\n\nconst styles = {\n  input: css({\n    display: 'block',\n    flex: 1,\n    minW: '15',\n    borderWidth: 0,\n    p: 0,\n    fontFamily: 'body',\n    fontSize: 'md',\n    lineHeight: 'normal',\n    color: 'fg',\n    bg: 'transparent',\n    outline: 'none',\n    _placeholder: {color: 'fg.muted'},\n    _disabled: {cursor: 'not-allowed'},\n  }),\n  menu: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    maxH: '80',\n    overflowY: 'auto',\n    p: '1',\n  }),\n  option: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '2',\n    w: 'full',\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  }),\n  optionHighlighted: css({bg: 'bg.subtle'}),\n  optionSelected: css({fontWeight: 'medium'}),\n  optionSize: {\n    sm: css({px: '2', py: '1'}),\n    md: css({px: '2', py: '2'}),\n    lg: css({px: '3', py: '2.5'}),\n  } satisfies Record<'sm' | 'md' | 'lg', string>,\n  check: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    color: 'primary',\n  }),\n  loading: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    p: '2',\n    color: 'fg.muted',\n    '& > svg': {\n      animation: 'spin 0.8s linear infinite',\n    },\n    '@media (prefers-reduced-motion: reduce)': {\n      '& > svg': {animation: 'none'},\n    },\n  }),\n  empty: css({\n    p: '3',\n    textAlign: 'center',\n  }),\n} as const;\n\n/**\n * Internal combobox engine used by AutocompleteInput and TagsInput.\n */\nexport function BaseAutocompleteInput<T extends SearchableItem>({\n  anchorRef,\n  ariaDescribedBy,\n  className,\n  'data-testid': dataTestId,\n  debounceMs = 150,\n  emptySearchResultsText = 'No results found',\n  hasAutoFocus = false,\n  hasEntriesOnFocus = false,\n  inputId,\n  isDisabled = false,\n  maxMenuItems = 10,\n  onChange,\n  onKeyDown,\n  onOpenChange,\n  onQueryChange,\n  placeholder = 'Search...',\n  ref,\n  renderItem,\n  searchSource,\n  size = 'md',\n  style,\n  value,\n}: BaseAutocompleteInputProps<T>): React.JSX.Element {\n  const generatedId = useId();\n  const listboxId = useId();\n  const resolvedInputId = inputId ?? generatedId;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fallbackAnchorRef = useRef<HTMLInputElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const generationRef = useRef(0);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<T[]>([]);\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const [isLoading, setIsLoading] = useState(false);\n  const [hasSearched, setHasSearched] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const pointerActiveRef = useRef(false);\n  const selectingRef = useRef(false);\n\n  const setOpen = useCallback(\n    (isNextOpen: boolean) => {\n      setIsOpen(isNextOpen);\n      onOpenChange?.(isNextOpen);\n      if (!isNextOpen) {\n        searchSource.cancel?.();\n        setHighlightedIndex(-1);\n      }\n    },\n    [onOpenChange, searchSource],\n  );\n\n  const showMenu = useCallback(() => {\n    if (pointerActiveRef.current) {\n      document.addEventListener(\n        'click',\n        () => requestAnimationFrame(() => setOpen(true)),\n        {once: true},\n      );\n    } else {\n      setOpen(true);\n    }\n  }, [setOpen]);\n\n  const runSearch = useCallback(\n    async (nextQuery: string, kind: 'bootstrap' | 'search') => {\n      const generation = ++generationRef.current;\n      searchSource.cancel?.();\n      setIsLoading(true);\n      setHasSearched(true);\n\n      try {\n        const nextResults =\n          kind === 'bootstrap'\n            ? await searchSource.bootstrap()\n            : await searchSource.search(nextQuery);\n        if (generationRef.current !== generation) {\n          return;\n        }\n        const limitedResults = nextResults.slice(0, maxMenuItems);\n        setResults(limitedResults);\n        setHighlightedIndex(limitedResults.length > 0 ? 0 : -1);\n        if (limitedResults.length > 0 || nextQuery !== '') {\n          showMenu();\n        } else {\n          setOpen(false);\n        }\n      } catch {\n        if (generationRef.current === generation) {\n          setResults([]);\n          setHighlightedIndex(-1);\n          setOpen(false);\n        }\n      } finally {\n        if (generationRef.current === generation) {\n          setIsLoading(false);\n        }\n      }\n    },\n    [maxMenuItems, searchSource, setOpen, showMenu],\n  );\n\n  const updateQuery = useCallback(\n    (nextQuery: string) => {\n      setQuery(nextQuery);\n      onQueryChange?.(nextQuery);\n\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      if (nextQuery === '' && !hasEntriesOnFocus) {\n        generationRef.current++;\n        searchSource.cancel?.();\n        setResults([]);\n        setHasSearched(false);\n        setIsLoading(false);\n        setOpen(false);\n        return;\n      }\n\n      const searchKind = nextQuery === '' ? 'bootstrap' : 'search';\n      if (debounceMs <= 0) {\n        void runSearch(nextQuery, searchKind);\n        return;\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        void runSearch(nextQuery, searchKind);\n      }, debounceMs);\n    },\n    [\n      debounceMs,\n      hasEntriesOnFocus,\n      onQueryChange,\n      runSearch,\n      searchSource,\n      setOpen,\n    ],\n  );\n\n  const selectItem = useCallback(\n    (item: T) => {\n      generationRef.current++;\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n      searchSource.cancel?.();\n      setQuery('');\n      setResults([]);\n      setHasSearched(false);\n      setIsLoading(false);\n      onChange(item);\n      selectingRef.current = true;\n      inputRef.current?.focus();\n      selectingRef.current = false;\n      if (hasEntriesOnFocus) {\n        void runSearch('', 'bootstrap');\n      } else {\n        setOpen(false);\n      }\n    },\n    [hasEntriesOnFocus, onChange, runSearch, searchSource, setOpen],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n      searchSource.cancel?.();\n    };\n  }, [searchSource]);\n\n  const menu = (\n    <div\n      aria-label=\"Search results\"\n      className={styles.menu}\n      id={listboxId}\n      role=\"listbox\">\n      {isLoading ? (\n        <div className={styles.loading} role=\"status\">\n          <Icon icon={LoaderCircle} size=\"sm\" />\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            Loading\n          </Text>\n        </div>\n      ) : results.length === 0 && hasSearched ? (\n        <div className={styles.empty}>\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {emptySearchResultsText}\n          </Text>\n        </div>\n      ) : (\n        results.map((item, index) => {\n          const isSelected = value?.id === item.id;\n          return (\n            <button\n              aria-selected={isSelected}\n              className={cx(\n                styles.option,\n                styles.optionSize[size],\n                index === highlightedIndex\n                  ? styles.optionHighlighted\n                  : undefined,\n                isSelected ? styles.optionSelected : undefined,\n              )}\n              id={`${listboxId}-option-${index}`}\n              key={item.id}\n              onClick={() => selectItem(item)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              role=\"option\"\n              type=\"button\">\n              {renderItem == null ? (\n                <AutocompleteInputItem item={item} />\n              ) : (\n                renderItem(item)\n              )}\n              {isSelected ? (\n                <span className={styles.check}>\n                  <Icon color=\"accent\" icon={Check} size=\"sm\" />\n                </span>\n              ) : null}\n            </button>\n          );\n        })\n      )}\n    </div>\n  );\n\n  return (\n    <>\n      <input\n        aria-activedescendant={\n          isOpen && highlightedIndex >= 0\n            ? `${listboxId}-option-${highlightedIndex}`\n            : undefined\n        }\n        aria-autocomplete=\"list\"\n        aria-controls={listboxId}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={isOpen}\n        autoComplete=\"off\"\n        // eslint-disable-next-line jsx-a11y-x/no-autofocus\n        autoFocus={hasAutoFocus}\n        className={cx(styles.input, className)}\n        data-autofocus={hasAutoFocus || undefined}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={resolvedInputId}\n        onChange={event => updateQuery(event.target.value)}\n        onFocus={() => {\n          if (selectingRef.current) {\n            return;\n          }\n          if (hasEntriesOnFocus && query === '' && results.length === 0) {\n            void runSearch('', 'bootstrap');\n          } else if (results.length > 0) {\n            showMenu();\n          }\n        }}\n        onKeyDown={event => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented) {\n            return;\n          }\n\n          if (event.key === 'ArrowDown') {\n            event.preventDefault();\n            if (!isOpen) {\n              if (results.length > 0) {\n                showMenu();\n              } else if (hasEntriesOnFocus) {\n                void runSearch('', 'bootstrap');\n              }\n              return;\n            }\n            setHighlightedIndex(index =>\n              results.length === 0 ? -1 : (index + 1) % results.length,\n            );\n          } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            setHighlightedIndex(index =>\n              results.length === 0\n                ? -1\n                : (index - 1 + results.length) % results.length,\n            );\n          } else if (\n            event.key === 'Enter' &&\n            isOpen &&\n            highlightedIndex >= 0 &&\n            highlightedIndex < results.length\n          ) {\n            event.preventDefault();\n            selectItem(results[highlightedIndex]);\n          } else if (event.key === 'Escape' && isOpen) {\n            event.preventDefault();\n            setOpen(false);\n          }\n        }}\n        onPointerDown={() => {\n          pointerActiveRef.current = true;\n          document.addEventListener(\n            'click',\n            () => {\n              pointerActiveRef.current = false;\n            },\n            {once: true},\n          );\n        }}\n        placeholder={placeholder}\n        ref={mergeRefs(ref, inputRef, fallbackAnchorRef)}\n        role=\"combobox\"\n        style={style}\n        type=\"text\"\n        value={query}\n      />\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      <Popover\n        anchorRef={anchorRef ?? fallbackAnchorRef}\n        content={menu}\n        hasAutoFocus={false}\n        hasCloseButton={false}\n        isOpen={isOpen}\n        onOpenChange={setOpen}\n      />\n    </>\n  );\n}\n\nBaseAutocompleteInput.displayName = 'BaseAutocompleteInput';\n","import {X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {inputRecipe, inputStyles} from '../Field/inputStyles';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Tag} from '../Tag';\nimport {BaseAutocompleteInput} from './BaseAutocompleteInput';\nimport type {SearchableItem, SearchSource} from './types';\n\nexport type AutocompleteInputProps<T extends SearchableItem = SearchableItem> =\n  {\n    /**\n     * Additional CSS class names applied to the input wrapper.\n     */\n    className?: string;\n    /**\n     * Test ID applied to the input wrapper.\n     */\n    'data-testid'?: string;\n    /**\n     * Debounce delay in milliseconds before search runs.\n     * @default 150\n     */\n    debounceMs?: number;\n    /**\n     * Supporting text rendered below the label.\n     */\n    description?: ReactNode;\n    /**\n     * Empty state text.\n     * @default 'No results found'\n     */\n    emptySearchResultsText?: string;\n    /**\n     * Whether to focus the input on mount.\n     * @default false\n     */\n    hasAutoFocus?: boolean;\n    /**\n     * Whether to show a clear button when a value is selected.\n     * @default true\n     */\n    hasClear?: boolean;\n    /**\n     * Whether to show bootstrap results on focus before typing.\n     * @default false\n     */\n    hasEntriesOnFocus?: boolean;\n    /**\n     * Whether the input 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     * Field label.\n     */\n    label: string;\n    /**\n     * Icon shown before the label.\n     */\n    labelIcon?: IconComponent;\n    /**\n     * Tooltip content shown next to the label.\n     */\n    labelTooltip?: ReactNode;\n    /**\n     * Maximum number of menu items.\n     * @default 10\n     */\n    maxMenuItems?: number;\n    /**\n     * Called when selection changes.\n     */\n    onChange: (item: T | null) => void;\n    /**\n     * Called when the result popover opens or closes.\n     */\n    onOpenChange?: (isOpen: boolean) => void;\n    /**\n     * Called when the query changes.\n     */\n    onQueryChange?: (query: string) => void;\n    /**\n     * Placeholder text.\n     */\n    placeholder?: string;\n    /**\n     * Ref forwarded to the field root.\n     */\n    ref?: Ref<HTMLDivElement>;\n    /**\n     * Custom result renderer.\n     */\n    renderItem?: (item: T) => ReactNode;\n    /**\n     * Search source.\n     */\n    searchSource: SearchSource<T>;\n    /**\n     * Visual size.\n     * @default 'md'\n     */\n    size?: InputSize;\n    /**\n     * Icon shown before the input.\n     */\n    startIcon?: IconComponent;\n    /**\n     * Validation status displayed below the selector.\n     */\n    status?: InputStatus;\n    /**\n     * Inline styles applied to the input wrapper.\n     */\n    style?: CSSProperties;\n    /**\n     * Selected item.\n     */\n    value: T | null;\n  } & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    cursor: 'text',\n    flexWrap: 'wrap',\n  }),\n  tag: css({\n    my: '-1',\n    ms: '-1',\n  }),\n  inputHidden: css({\n    position: 'absolute',\n    opacity: 0,\n    w: 0,\n    minW: 0,\n    flexBasis: 0,\n  }),\n  clearButton: css({\n    ms: 'auto',\n  }),\n} as const;\n\n/**\n * Search-as-you-type field for selecting a single item from a search source.\n */\nexport function AutocompleteInput<T extends SearchableItem>({\n  className,\n  'data-testid': dataTestId,\n  debounceMs,\n  description,\n  emptySearchResultsText,\n  hasAutoFocus = false,\n  hasClear = true,\n  hasEntriesOnFocus = false,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  maxMenuItems,\n  onChange,\n  onOpenChange,\n  onQueryChange,\n  placeholder,\n  ref,\n  renderItem,\n  searchSource,\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  value,\n}: AutocompleteInputProps<T>): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isEditing, setIsEditing] = useState(false);\n  const showTag = value != null && !isEditing;\n  const fieldStatus = useMemo(\n    () =>\n      status == null ? undefined : {...status, messageID: statusMessageID},\n    [status, statusMessageID],\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={fieldStatus}\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        data-testid={dataTestId}\n        ref={wrapperRef}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        {showTag ? (\n          <Tag\n            className={styles.tag}\n            isDisabled={isDisabled}\n            label={value.label}\n            onClick={() => {\n              setIsEditing(true);\n              requestAnimationFrame(() => inputRef.current?.focus());\n            }}\n            size={size}\n          />\n        ) : null}\n        <BaseAutocompleteInput\n          anchorRef={wrapperRef}\n          ariaDescribedBy={describedBy}\n          className={showTag ? styles.inputHidden : undefined}\n          debounceMs={debounceMs}\n          emptySearchResultsText={emptySearchResultsText}\n          hasAutoFocus={hasAutoFocus}\n          hasEntriesOnFocus={hasEntriesOnFocus}\n          inputId={inputId}\n          isDisabled={isDisabled}\n          maxMenuItems={maxMenuItems}\n          onChange={item => {\n            setIsEditing(false);\n            onChange(item);\n          }}\n          onOpenChange={onOpenChange}\n          onQueryChange={onQueryChange}\n          placeholder={showTag ? undefined : placeholder}\n          ref={inputRef}\n          renderItem={renderItem}\n          searchSource={searchSource}\n          size={size}\n          value={value}\n        />\n        {hasClear && value != null && !isDisabled ? (\n          <Button\n            className={styles.clearButton}\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              setIsEditing(false);\n              onChange(null);\n              inputRef.current?.focus();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nAutocompleteInput.displayName = 'AutocompleteInput';\n","import type {ReactNode} from 'react';\n\nexport interface SearchableItem<TAuxiliaryData = unknown> {\n  /**\n   * Custom data associated with the item.\n   */\n  auxiliaryData?: TAuxiliaryData;\n  /**\n   * Optional pre-rendered item content.\n   */\n  element?: ReactNode;\n  /**\n   * Stable unique identifier.\n   */\n  id: string;\n  /**\n   * Display text.\n   */\n  label: string;\n}\n\nexport interface SearchSource<T extends SearchableItem = SearchableItem> {\n  /**\n   * Return initial items, usually recent or common selections.\n   */\n  bootstrap(): Promise<T[]> | T[];\n  /**\n   * Optional cancellation for in-flight async searches.\n   */\n  cancel?(): void;\n  /**\n   * Return items matching the query.\n   */\n  search(query: string): Promise<T[]> | T[];\n}\n\nexport interface CreateStaticSourceOptions<\n  T extends SearchableItem = SearchableItem,\n> {\n  /**\n   * Extra searchable terms for each item.\n   */\n  keywords?: (item: T) => string[];\n}\n\nexport function createStaticSource<T extends SearchableItem>(\n  items: T[],\n  options?: CreateStaticSourceOptions<T>,\n): SearchSource<T> {\n  return {\n    bootstrap: () => items,\n    search(query) {\n      const normalizedQuery = query.trim().toLowerCase();\n      if (normalizedQuery === '') {\n        return items;\n      }\n\n      return items.filter(item => {\n        if (item.label.toLowerCase().includes(normalizedQuery)) {\n          return true;\n        }\n        return (\n          options\n            ?.keywords?.(item)\n            .some(keyword => keyword.toLowerCase().includes(normalizedQuery)) ??\n          false\n        );\n      });\n    },\n  };\n}\n"]}

package/dist/{chunk-YT3UWEVY.js → chunk-PUVBNGCF.js}

@@ -1,4 +1,4 @@
-import { cva } from './chunk-NAELQLZN.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -16,12 +16,19 @@ var cardRecipe = cva({
         bg: "bg",
         borderColor: "border"
       },
+      section: {
+        bg: "bg",
+        borderRadius: 0,
+        borderWidth: 0
+      },
       transparent: {
         bg: "transparent"
       },
       muted: {
         bg: "bg.subtle"
-      },
+      }
+    },
+    color: {
       blue: { bg: "surface.blue" },
       cyan: { bg: "surface.cyan" },
       gray: { bg: "surface.gray" },
@@ -33,18 +40,20 @@ var cardRecipe = cva({
       teal: { bg: "surface.teal" },
       yellow: { bg: "surface.yellow" }
     },
+    // Each padding value also exposes `--card-padding` so descendants (e.g. a
+    // full-bleed Divider) can offset the card's padding to reach its edges.
     padding: {
-      0: { p: "0" },
-      0.5: { p: "0.5" },
-      1: { p: "1" },
-      1.5: { p: "1.5" },
-      2: { p: "2" },
-      3: { p: "3" },
-      4: { p: "4" },
-      5: { p: "5" },
-      6: { p: "6" },
-      8: { p: "8" },
-      10: { p: "10" }
+      0: { p: "0", "--card-padding": "token(spacing.0)" },
+      0.5: { p: "0.5", "--card-padding": "token(spacing.0.5)" },
+      1: { p: "1", "--card-padding": "token(spacing.1)" },
+      1.5: { p: "1.5", "--card-padding": "token(spacing.1.5)" },
+      2: { p: "2", "--card-padding": "token(spacing.2)" },
+      3: { p: "3", "--card-padding": "token(spacing.3)" },
+      4: { p: "4", "--card-padding": "token(spacing.4)" },
+      5: { p: "5", "--card-padding": "token(spacing.5)" },
+      6: { p: "6", "--card-padding": "token(spacing.6)" },
+      8: { p: "8", "--card-padding": "token(spacing.8)" },
+      10: { p: "10", "--card-padding": "token(spacing.10)" }
     }
   },
   defaultVariants: {
@@ -55,6 +64,7 @@ var cardRecipe = cva({
 function Card({
   children,
   className,
+  color,
   "data-testid": dataTestId,
   padding = 0,
   ref,
@@ -66,7 +76,7 @@ function Card({
     "div",
     {
       ...htmlProps,
-      className: cx(cardRecipe({ variant, padding }), className),
+      className: cx(cardRecipe({ variant, color, padding }), className),
       "data-testid": dataTestId,
       ref,
       style,
@@ -76,6 +86,6 @@ function Card({
 }
 Card.displayName = "Card";
 
-export { Card, cardRecipe };
-//# sourceMappingURL=chunk-YT3UWEVY.js.map
-//# sourceMappingURL=chunk-YT3UWEVY.js.map
+export { Card };
+//# sourceMappingURL=chunk-PUVBNGCF.js.map
+//# sourceMappingURL=chunk-PUVBNGCF.js.map

package/dist/chunk-PUVBNGCF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.recipe.ts","../src/components/Card/Card.tsx"],"names":[],"mappings":"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","file":"chunk-PUVBNGCF.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const cardRecipe = cva({\n  base: {\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n  },\n  variants: {\n    variant: {\n      default: {\n        bg: 'bg',\n        borderColor: 'border',\n      },\n      section: {\n        bg: 'bg',\n        borderRadius: 0,\n        borderWidth: 0,\n      },\n      transparent: {\n        bg: 'transparent',\n      },\n      muted: {\n        bg: 'bg.subtle',\n      },\n    },\n    color: {\n      blue: {bg: 'surface.blue'},\n      cyan: {bg: 'surface.cyan'},\n      gray: {bg: 'surface.gray'},\n      green: {bg: 'surface.green'},\n      orange: {bg: 'surface.orange'},\n      pink: {bg: 'surface.pink'},\n      purple: {bg: 'surface.purple'},\n      red: {bg: 'surface.red'},\n      teal: {bg: 'surface.teal'},\n      yellow: {bg: 'surface.yellow'},\n    },\n    // Each padding value also exposes `--card-padding` so descendants (e.g. a\n    // full-bleed Divider) can offset the card's padding to reach its edges.\n    padding: {\n      0: {p: '0', '--card-padding': 'token(spacing.0)'},\n      0.5: {p: '0.5', '--card-padding': 'token(spacing.0.5)'},\n      1: {p: '1', '--card-padding': 'token(spacing.1)'},\n      1.5: {p: '1.5', '--card-padding': 'token(spacing.1.5)'},\n      2: {p: '2', '--card-padding': 'token(spacing.2)'},\n      3: {p: '3', '--card-padding': 'token(spacing.3)'},\n      4: {p: '4', '--card-padding': 'token(spacing.4)'},\n      5: {p: '5', '--card-padding': 'token(spacing.5)'},\n      6: {p: '6', '--card-padding': 'token(spacing.6)'},\n      8: {p: '8', '--card-padding': 'token(spacing.8)'},\n      10: {p: '10', '--card-padding': 'token(spacing.10)'},\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 0,\n  },\n});\n\nexport type CardVariants = RecipeVariantProps<typeof cardRecipe>;\n","import type {ComponentPropsWithRef} from 'react';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {cardRecipe} from './Card.recipe';\n\nexport type CardColor =\n  | 'blue'\n  | 'cyan'\n  | 'gray'\n  | 'green'\n  | 'orange'\n  | 'pink'\n  | 'purple'\n  | 'red'\n  | 'teal'\n  | 'yellow';\n\nexport type CardVariant = 'default' | 'section' | 'transparent' | 'muted';\n\n/**\n * Rounded container surface for grouping related content.\n */\nexport interface CardProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Decorative surface color. When set, overrides the variant's default\n   * background with the corresponding surface color token.\n   */\n  color?: CardColor;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Inner padding step.\n   * @default 0\n   */\n  padding?: SpacingToken;\n  /**\n   * Visual style variant.\n   *\n   * - `default` — bordered, rounded container with `bg` background.\n   * - `section` — flat container with no border or border-radius, for use\n   *   inside a larger container.\n   * - `transparent` — no background.\n   * - `muted` — subtle background, no visible border.\n   * @default 'default'\n   */\n  variant?: CardVariant;\n}\n\n/**\n * Rounded container surface for grouping related content.\n */\nexport function Card({\n  children,\n  className,\n  color,\n  'data-testid': dataTestId,\n  padding = 0,\n  ref,\n  style,\n  variant = 'default',\n  ...htmlProps\n}: CardProps): React.JSX.Element {\n  return (\n    <div\n      {...htmlProps}\n      className={cx(cardRecipe({variant, color, padding}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {children}\n    </div>\n  );\n}\n\nCard.displayName = 'Card';\n"]}

package/dist/chunk-PXIWITSS.js

@@ -0,0 +1,414 @@
+import { Card } from './chunk-PUVBNGCF.js';
+import { Divider } from './chunk-UY3MYNI6.js';
+import { Button } from './chunk-HLN3JQYD.js';
+import { token } from './chunk-J2FCNWYM.js';
+import { sva } from './chunk-EHCAF6D3.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { Check, Copy } from 'lucide-react';
+import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/CodeBlock/CodeBlock.recipe.ts
+var codeBlockRecipe = sva({
+  slots: [
+    "root",
+    "header",
+    "headerTitle",
+    "scroll",
+    "body",
+    "gutter",
+    "gutterLine",
+    "pre",
+    "code",
+    "line",
+    "copyButtonFloating",
+    "inlineCode",
+    "inlineDivider"
+  ],
+  base: {
+    root: {
+      color: "fg",
+      overflow: "hidden"
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: "3",
+      px: "4",
+      py: "2",
+      borderBlockEndWidth: "default",
+      borderBlockEndStyle: "solid",
+      borderBlockEndColor: "border"
+    },
+    headerTitle: {
+      minW: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      color: "fg.muted",
+      fontFamily: "mono",
+      fontSize: "xs",
+      fontWeight: "medium"
+    },
+    scroll: {
+      overflow: "auto"
+    },
+    body: {
+      display: "flex",
+      minW: "fit-content"
+    },
+    gutter: {
+      flexShrink: 0,
+      py: "3",
+      ps: "4",
+      pe: "3",
+      borderInlineEndWidth: "default",
+      borderInlineEndStyle: "solid",
+      borderInlineEndColor: "border",
+      color: "fg.muted",
+      textAlign: "end",
+      userSelect: "none"
+    },
+    gutterLine: {
+      fontFamily: "mono",
+      lineHeight: "1.5rem"
+    },
+    pre: {
+      m: 0,
+      flex: 1,
+      minW: 0
+    },
+    code: {
+      display: "flex",
+      flexDirection: "column",
+      color: "fg",
+      fontFamily: "mono",
+      tabSize: 2,
+      whiteSpace: "pre",
+      wordBreak: "normal",
+      overflowWrap: "normal"
+    },
+    line: {
+      display: "block",
+      minH: "1.5rem",
+      "&[data-highlighted]": {
+        bg: "bg.selected",
+        mx: "calc(var(--cb-padding) * -1)",
+        px: "var(--cb-padding)"
+      }
+    },
+    copyButtonFloating: {
+      position: "absolute",
+      top: "3",
+      right: "3",
+      zIndex: 1,
+      // On hover-capable devices, hide until the block is hovered/focused (the
+      // root reveals it via [data-cb-copy]). On touch devices it stays visible.
+      "@media (hover: hover)": {
+        opacity: 0,
+        pointerEvents: "none",
+        transitionProperty: "opacity",
+        transitionDuration: "fast",
+        transitionTimingFunction: "default",
+        "@media (prefers-reduced-motion: reduce)": {
+          transitionDuration: "0s"
+        }
+      }
+    },
+    inlineCode: {
+      minW: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "pre",
+      fontFamily: "mono"
+    },
+    inlineDivider: {
+      alignSelf: "stretch",
+      ms: "1.5"
+    }
+  },
+  variants: {
+    container: {
+      card: {
+        root: {
+          position: "relative",
+          isolation: "isolate",
+          display: "flex",
+          flexDirection: "column",
+          borderRadius: "md",
+          "&:hover [data-cb-copy], &:focus-within [data-cb-copy]": {
+            opacity: 1,
+            pointerEvents: "auto"
+          }
+        }
+      },
+      section: {
+        root: {
+          position: "relative",
+          isolation: "isolate",
+          display: "flex",
+          flexDirection: "column",
+          "&:hover [data-cb-copy], &:focus-within [data-cb-copy]": {
+            opacity: 1,
+            pointerEvents: "auto"
+          }
+        }
+      },
+      inline: {
+        root: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "1",
+          maxWidth: "100%",
+          ps: "2.5"
+        }
+      }
+    },
+    size: {
+      sm: {
+        code: { fontSize: "xs", lineHeight: "1.5rem" },
+        gutter: { fontSize: "xs", lineHeight: "1.5rem" },
+        inlineCode: { fontSize: "xs", lineHeight: "1.5rem" }
+      },
+      md: {
+        code: { fontSize: "sm", lineHeight: "1.5rem" },
+        gutter: { fontSize: "sm", lineHeight: "1.5rem" },
+        inlineCode: { fontSize: "sm", lineHeight: "1.5rem" }
+      }
+    },
+    isWrapped: {
+      true: {
+        code: {
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word",
+          overflowWrap: "anywhere"
+        }
+      }
+    },
+    hasFloatingCopy: {
+      true: {
+        code: { pe: "12" }
+      }
+    }
+  },
+  defaultVariants: {
+    container: "card",
+    size: "md",
+    isWrapped: false,
+    hasFloatingCopy: false
+  }
+});
+function getLines(code) {
+  const lines = code.split("\n");
+  if (lines.length > 1 && lines[lines.length - 1] === "") {
+    lines.pop();
+  }
+  return lines;
+}
+function getLineEntries(code) {
+  return getLines(code).map((text, index) => ({
+    lineNumber: index + 1,
+    text
+  }));
+}
+function getRegionLabel({
+  label,
+  title
+}) {
+  if (label != null) {
+    return label;
+  }
+  if (title != null && title.length > 0) {
+    return `${title} code block`;
+  }
+  return "Code block";
+}
+function CodeBlock({
+  className,
+  code,
+  container = "card",
+  "data-testid": dataTestId,
+  hasCopyButton = true,
+  hasLineNumbers = false,
+  highlightLines,
+  isWrapped = false,
+  label,
+  maxHeight,
+  onCopy,
+  padding = 4,
+  ref,
+  size = "md",
+  style,
+  title,
+  width = "fit-content"
+}) {
+  const [copied, setCopied] = useState(false);
+  const copiedResetTimeoutRef = useRef(null);
+  const lines = useMemo(() => getLineEntries(code), [code]);
+  const highlightLineKey = highlightLines?.join(",");
+  const highlightedLines = useMemo(
+    () => highlightLineKey == null || highlightLineKey.length === 0 ? null : new Set(highlightLineKey.split(",").map(Number)),
+    [highlightLineKey]
+  );
+  const isInline = container === "inline";
+  const showHeader = !isInline && title != null;
+  const regionLabel = getRegionLabel({ label, title });
+  const classes = codeBlockRecipe({
+    container,
+    size,
+    isWrapped,
+    hasFloatingCopy: !showHeader && hasCopyButton
+  });
+  useEffect(() => {
+    return () => {
+      if (copiedResetTimeoutRef.current != null) {
+        window.clearTimeout(copiedResetTimeoutRef.current);
+      }
+    };
+  }, []);
+  const handleCopy = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      onCopy?.();
+      if (copiedResetTimeoutRef.current != null) {
+        window.clearTimeout(copiedResetTimeoutRef.current);
+      }
+      copiedResetTimeoutRef.current = window.setTimeout(() => {
+        setCopied(false);
+        copiedResetTimeoutRef.current = null;
+      }, 2e3);
+    } catch {
+    }
+  }, [code, onCopy]);
+  const paddingToken = token(`spacing.${padding}`);
+  const codeStyle = {
+    ["--cb-padding"]: paddingToken,
+    padding: paddingToken
+  };
+  const rootStyle = isInline ? { ...style } : {
+    width,
+    minWidth: width === "fit-content" ? "min(100%, 400px)" : void 0,
+    maxWidth: width === "fit-content" ? "100%" : void 0,
+    ...style
+  };
+  const scrollStyle = maxHeight == null ? void 0 : {
+    maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
+  };
+  const scrollRegionProps = {
+    "aria-label": `${regionLabel} scroll area`,
+    role: "region",
+    tabIndex: 0
+  };
+  const copyLabel = copied ? "Copied" : "Copy code";
+  const copyButton = hasCopyButton ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: copied ? Check : Copy,
+      isIconOnly: true,
+      label: copyLabel,
+      onClick: () => {
+        void handleCopy();
+      },
+      size: "sm",
+      tooltip: copyLabel,
+      variant: "ghost"
+    }
+  ) : null;
+  if (isInline) {
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        "aria-label": regionLabel,
+        className: cx(classes.root, className),
+        "data-container": container,
+        "data-size": size,
+        "data-testid": dataTestId,
+        padding: 1,
+        ref,
+        role: "group",
+        style: rootStyle,
+        children: [
+          /* @__PURE__ */ jsx(
+            "code",
+            {
+              className: classes.inlineCode,
+              "data-testid": dataTestId == null ? void 0 : `${dataTestId}-code`,
+              children: code
+            }
+          ),
+          copyButton != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Divider,
+              {
+                className: classes.inlineDivider,
+                height: "auto",
+                isFullBleed: true,
+                orientation: "vertical"
+              }
+            ),
+            copyButton
+          ] }) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      "aria-label": regionLabel,
+      className: cx(classes.root, className),
+      "data-container": container,
+      "data-size": size,
+      "data-testid": dataTestId,
+      ref,
+      role: "region",
+      style: rootStyle,
+      variant: container === "section" ? "section" : "default",
+      children: [
+        showHeader ? /* @__PURE__ */ jsxs("div", { className: classes.header, children: [
+          /* @__PURE__ */ jsx("div", { className: classes.headerTitle, children: title }),
+          copyButton
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...scrollRegionProps,
+            className: classes.scroll,
+            "data-testid": dataTestId == null ? void 0 : `${dataTestId}-scroll`,
+            style: scrollStyle,
+            children: /* @__PURE__ */ jsxs("div", { className: classes.body, children: [
+              hasLineNumbers ? /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: classes.gutter, children: lines.map((line) => /* @__PURE__ */ jsx("div", { className: classes.gutterLine, children: line.lineNumber }, line.lineNumber)) }) : null,
+              /* @__PURE__ */ jsx("pre", { className: classes.pre, children: /* @__PURE__ */ jsx(
+                "code",
+                {
+                  className: classes.code,
+                  "data-testid": dataTestId == null ? void 0 : `${dataTestId}-code`,
+                  "data-wrapped": isWrapped ? "" : void 0,
+                  style: codeStyle,
+                  children: lines.map((line) => /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: classes.line,
+                      "data-highlighted": highlightedLines?.has(line.lineNumber) ? "" : void 0,
+                      "data-line": line.lineNumber,
+                      children: line.text.length === 0 ? "\u200B" : line.text
+                    },
+                    line.lineNumber
+                  ))
+                }
+              ) })
+            ] })
+          }
+        ),
+        !showHeader && copyButton != null ? /* @__PURE__ */ jsx("div", { className: classes.copyButtonFloating, "data-cb-copy": "", children: copyButton }) : null
+      ]
+    }
+  );
+}
+CodeBlock.displayName = "CodeBlock";
+
+export { CodeBlock };
+//# sourceMappingURL=chunk-PXIWITSS.js.map
+//# sourceMappingURL=chunk-PXIWITSS.js.map