@alfadocs/ui-kit-debug 0.17.1 → 0.17.2

package/dist/_chunks/combobox-Da9eq00i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-Da9eq00i.js","sources":["../../src/components/combobox/combobox.agent.ts","../../src/components/combobox/combobox.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ComboboxHandle } from './combobox';\n\nexport const comboboxAgent: AgentAdapter<ComboboxHandle> = {\n  id: 'combobox',\n  capabilities: ['select_single', 'pick', 'filter', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string | null',\n      description:\n        'Currently-selected option value, or null when nothing is selected.',\n      read: (handle) => handle.getValue(),\n    },\n    query: {\n      type: 'string',\n      description: 'Current filter query in the combobox input.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the option list is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'read',\n      argsType: '{ value: string | null }',\n      description: 'Set the selected value programmatically.',\n      invoke: (handle, args: { value: string | null }) => {\n        handle.setValue(args.value);\n      },\n    },\n    apply_filter: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      description: 'Set the filter query for the option list.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    clear_selection: {\n      safety: 'read',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'combobox' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each option emits its value as data-option-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command, defaultFilter, useCommandState } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { groupOptions } from '../_shared/group-options';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\nimport { useAgentRegistration } from '../../agent';\nimport { comboboxAgent } from './combobox.agent';\n\nexport type ComboboxOption<T extends string = string> = OptionShape<T>;\n\n// Curated agent-readiness handle — see combobox.agent.ts.\nexport interface ComboboxHandle {\n  getValue: () => string | null;\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  setValue: (value: string | null) => void;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface ComboboxProps<T extends string = string> {\n  options: ComboboxOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  filter?: (value: string, search: string) => number;\n  allowCreate?: boolean;\n  onCreate?: (value: string) => void;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  emptyMessage?: ReactNode;\n  'aria-label'?: string;\n  className?: string;\n}\n\nconst comboboxInputVariants = cva(\n  [\n    'ds:peer ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:outline-none ds:border-0',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full',\n    INPUT_SURFACE_CHROME,\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_PADDING_X.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_PADDING_X.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_PADDING_X.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst comboboxContentVariants = cva(\n  [\n    'ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-[var(--radix-popover-trigger-width)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst comboboxItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[highlighted]:border-s-2 ds:data-[highlighted]:border-s-primary',\n    'ds:aria-selected:bg-muted',\n    'ds:aria-disabled:pointer-events-none ds:aria-disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst comboboxGroupHeadingClasses = [\n  'ds:ps-3 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n].join(' ');\n\nconst comboboxListClasses =\n  'ds:max-h-[18rem] ds:overflow-y-auto ds:p-[var(--spacing-xs)]';\n\nconst comboboxEmptyClasses =\n  'ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground';\n\nconst iconSizeBySize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\ninterface CreateRowProps {\n  search: string;\n  label: string;\n  iconClass: string;\n  size: 'sm' | 'md' | 'lg';\n  onSelect: (value: string) => void;\n}\n\nfunction ComboboxCreateRow({\n  search,\n  label,\n  iconClass,\n  size,\n  onSelect,\n}: CreateRowProps): ReactElement | null {\n  // Only surface the create row when no existing item matches the query.\n  const filteredCount = useCommandState((state) => state.filtered.count);\n  if (filteredCount > 0) return null;\n  return (\n    <Command.Item\n      value={`__combobox-create__${search}`}\n      keywords={[]}\n      forceMount\n      onSelect={() => onSelect(search)}\n      className={comboboxItemVariants({ size })}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n      />\n      <span className=\"ds:flex-1 ds:truncate\">{label}</span>\n    </Command.Item>\n  );\n}\n\nconst ComboboxImpl = forwardRef<HTMLInputElement, ComboboxProps>(\n  function Combobox(\n    {\n      options,\n      value,\n      defaultValue,\n      onValueChange,\n      placeholder,\n      clearable = false,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      size = 'md',\n      tone = 'default',\n      filter: externalFilter,\n      allowCreate = false,\n      onCreate,\n      open: openProp,\n      onOpenChange,\n      emptyMessage,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const [currentValueRaw, setComboboxValue] = useControllableState<string>({\n      value,\n      defaultValue: defaultValue ?? '',\n      onChange: onValueChange as ((next: string) => void) | undefined,\n    });\n    const currentValue = currentValueRaw ?? '';\n\n    const selectedOption = useMemo(\n      () => options.find((o) => o.value === currentValue),\n      [options, currentValue],\n    );\n    const selectedLabel = selectedOption?.label ?? '';\n\n    const [search, setSearch] = useState<string>(selectedLabel);\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isOpenControlled = openProp !== undefined;\n    const open = isOpenControlled ? openProp : internalOpen;\n    const composingRef = useRef(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    useLayoutEffect(() => {\n      inputRef.current?.setAttribute('aria-expanded', String(open));\n    });\n\n    useEffect(() => {\n      if (!open) {\n        setSearch(selectedLabel);\n      }\n    }, [selectedLabel, open]);\n\n    const inputId = id ?? (inFormField ? ctx.id : undefined);\n    const effectiveDisabled =\n      (inFormField ? ctx.disabled : false) || Boolean(disabled);\n    const effectiveReadOnly = Boolean(readOnly);\n    const effectiveRequired =\n      (inFormField ? ctx.required : false) || Boolean(required);\n    const effectiveInvalid = inFormField ? ctx.invalid : false;\n    const effectiveTone = effectiveInvalid ? 'error' : tone;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.combobox.placeholder', 'Search…');\n\n    const filterFn = useMemo(\n      () => (candidate: string, searchStr: string, keywords?: string[]) => {\n        if (composingRef.current) return 1;\n        const normalizedCandidate = normalizeDiacritics(candidate);\n        const normalizedSearch = normalizeDiacritics(searchStr);\n        const normalizedKeywords = keywords?.map(normalizeDiacritics);\n        if (externalFilter) {\n          return externalFilter(normalizedCandidate, normalizedSearch);\n        }\n        return defaultFilter(\n          normalizedCandidate,\n          normalizedSearch,\n          normalizedKeywords,\n        );\n      },\n      [externalFilter],\n    );\n\n    const commit = (next: string) => {\n      setComboboxValue(next);\n    };\n\n    const setOpen = (next: boolean) => {\n      if (!isOpenControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    };\n\n    const handleSelect = (optValue: string) => {\n      const option = options.find((o) => o.value === optValue);\n      commit(optValue);\n      setSearch(option?.label ?? '');\n      setOpen(false);\n    };\n\n    const handleCreate = (nextValue: string) => {\n      onCreate?.(nextValue);\n      setOpen(false);\n    };\n\n    const handleSearchChange = (next: string) => {\n      if (effectiveReadOnly) return;\n      setSearch(next);\n      if (!open && next.length > 0 && !composingRef.current) {\n        setOpen(true);\n      }\n    };\n\n    const handleFocus = () => {\n      if (!effectiveDisabled && !effectiveReadOnly) setOpen(true);\n    };\n\n    const handleCompositionStart = () => {\n      composingRef.current = true;\n    };\n\n    const handleCompositionEnd = () => {\n      composingRef.current = false;\n      if (effectiveReadOnly) return;\n      const next = inputRef.current?.value ?? '';\n      setSearch(next);\n      if (next.length > 0) setOpen(true);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) return;\n      if (event.key === 'Escape' && open) {\n        event.preventDefault();\n        setOpen(false);\n        setSearch(selectedLabel);\n      }\n    };\n\n    const handleClear = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      commit('');\n      setSearch('');\n      setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleOpenChange = (next: boolean) => {\n      if (effectiveReadOnly && next) return;\n      setOpen(next);\n      if (!next) setSearch(selectedLabel);\n    };\n\n    // Agent handle — refs mirror state for fresh reads.\n    const valueRef = useRef<string>(currentValue);\n    useEffect(() => {\n      valueRef.current = currentValue;\n    }, [currentValue]);\n    const searchRef = useRef<string>(search);\n    useEffect(() => {\n      searchRef.current = search;\n    }, [search]);\n    const openRef = useRef<boolean>(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const setOpenStable = useCallback(\n      (next: boolean) => {\n        if (!isOpenControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n      },\n      [isOpenControlled, onOpenChange],\n    );\n\n    const agentHandle = useMemo<ComboboxHandle>(\n      () => ({\n        getValue: () => valueRef.current || null,\n        getQuery: () => searchRef.current,\n        getIsOpen: () => openRef.current,\n        setValue: (next) => {\n          const v = next ?? '';\n          setComboboxValue(v);\n          const opt = options.find((o) => o.value === v);\n          setSearch(opt?.label ?? '');\n        },\n        setQuery: (query) => {\n          setSearch(query);\n        },\n        clear: () => {\n          setComboboxValue('');\n          setSearch('');\n        },\n        open: () => setOpenStable(true),\n        close: () => setOpenStable(false),\n      }),\n      [setComboboxValue, options, setOpenStable],\n    );\n    useAgentRegistration(comboboxAgent, agentHandle, id);\n\n    const showClear =\n      clearable &&\n      Boolean(currentValue) &&\n      !effectiveDisabled &&\n      !effectiveReadOnly;\n\n    const groups = groupOptions(options);\n    const iconClass = iconSizeBySize[size];\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange}>\n        <Command\n          filter={filterFn}\n          shouldFilter\n          loop\n          // cmdk hardcodes `aria-labelledby` on its input to its own hidden\n          // `<label cmdk-label>` element. The label's contents come from the\n          // Command Root's `label` (or `aria-label`) prop. If we leave it\n          // empty, the input has an aria-labelledby pointer to a blank\n          // element and axe's `label-title-only` rule fires. Fall back to\n          // the placeholder so the input always has an accessible name —\n          // when wrapped in a FormField the visible label still associates\n          // via the FormField `<label htmlFor>`.\n          label={ariaLabel ?? resolvedPlaceholder}\n          className=\"ds:w-full\"\n        >\n          <Popover.Anchor asChild>\n            <div\n              ref={anchorRef}\n              className={comboboxWrapperVariants({\n                size,\n                tone: effectiveTone,\n                className,\n              })}\n              data-component=\"combobox\"\n              data-component-id={id}\n            >\n              <Command.Input\n                ref={composeRefs(ref, inputRef)}\n                value={search}\n                onValueChange={handleSearchChange}\n                id={inputId}\n                name={name}\n                placeholder={resolvedPlaceholder}\n                disabled={effectiveDisabled}\n                readOnly={effectiveReadOnly}\n                required={effectiveRequired}\n                // Note: cmdk's CommandInput hardcodes `aria-labelledby` to\n                // its own hidden cmdk-label after spreading user props, so\n                // we can't override it from here. We funnel the accessible\n                // name through the Command Root's `label` prop above.\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                onCompositionStart={handleCompositionStart}\n                onCompositionEnd={handleCompositionEnd}\n                className={comboboxInputVariants({ size })}\n              />\n              {showClear ? (\n                <button\n                  type=\"button\"\n                  aria-label={t('inputs.combobox.clear', 'Clear selection')}\n                  onClick={handleClear}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                    'ds:text-muted-foreground ds:hover:text-foreground',\n                    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                    'ds:size-4',\n                  ].join(' ')}\n                >\n                  <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                </button>\n              ) : null}\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal forceMount>\n            <Popover.Content\n              // `forceMount` keeps the listbox in the DOM while the popover\n              // is closed so the input's cmdk-set `aria-controls` always\n              // points at a real id (axe's aria-valid-attr-value rule).\n              // The CSS visibility / pointer-events is gated by data-state.\n              forceMount\n              hidden={!open}\n              // Radix Popover.Content carries `role=\"dialog\"`; axe's\n              // `aria-dialog-name` rule requires a name. Surface the\n              // surrounding combobox label so the popover is named after\n              // the field it serves (or fall back to the i18n default).\n              aria-label={\n                ariaLabel ?? t('inputs.combobox.popupLabel', 'Options')\n              }\n              onOpenAutoFocus={(event) => event.preventDefault()}\n              onCloseAutoFocus={(event) => event.preventDefault()}\n              onInteractOutside={(event) => {\n                const target = event.target as Node | null;\n                if (target && anchorRef.current?.contains(target)) {\n                  event.preventDefault();\n                }\n              }}\n              sideOffset={4}\n              align=\"start\"\n              className={comboboxContentVariants()}\n            >\n              <Command.List className={comboboxListClasses}>\n                <Command.Empty className={comboboxEmptyClasses}>\n                  {emptyMessage ??\n                    t('inputs.combobox.empty', 'No results found')}\n                </Command.Empty>\n                {groups.map(({ group, items }, groupIndex) => {\n                  const body = items.map((option) => {\n                    const isSelected = option.value === currentValue;\n                    return (\n                      <Command.Item\n                        key={option.value}\n                        value={option.value}\n                        keywords={[option.label]}\n                        disabled={option.disabled}\n                        onSelect={handleSelect}\n                        className={comboboxItemVariants({ size })}\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className={`ds:inline-flex ds:items-center ds:justify-center ${iconClass}`}\n                        >\n                          {isSelected ? <Check className={iconClass} /> : null}\n                        </span>\n                        <span className=\"ds:flex-1 ds:truncate\">\n                          {option.label}\n                        </span>\n                        {option.description ? (\n                          <span className=\"type-meta ds:text-muted-foreground\">\n                            {option.description}\n                          </span>\n                        ) : null}\n                      </Command.Item>\n                    );\n                  });\n                  if (!group) {\n                    return (\n                      <Command.Group key={`group-${groupIndex}`}>\n                        {body}\n                      </Command.Group>\n                    );\n                  }\n                  return (\n                    <Command.Group\n                      key={`group-${group}`}\n                      heading={\n                        <span className={comboboxGroupHeadingClasses}>\n                          {group}\n                        </span>\n                      }\n                    >\n                      {body}\n                    </Command.Group>\n                  );\n                })}\n                {allowCreate && search.length > 0 ? (\n                  <ComboboxCreateRow\n                    search={search}\n                    label={t('inputs.combobox.create', 'Create \"{{value}}\"', {\n                      value: search,\n                    })}\n                    iconClass={iconClass}\n                    size={size}\n                    onSelect={handleCreate}\n                  />\n                ) : null}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Command>\n      </Popover.Root>\n    );\n  },\n);\nComboboxImpl.displayName = 'Combobox';\n\ninterface ComboboxComponent {\n  <T extends string = string>(\n    props: ComboboxProps<T> & { ref?: Ref<HTMLInputElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\n// forwardRef erases component-level generics, so we re-widen via a callable\n// interface to preserve the `<T extends string>` signature at the call site.\nexport const Combobox = ComboboxImpl as unknown as ComboboxComponent;\n\nexport {\n  comboboxInputVariants,\n  comboboxWrapperVariants,\n  comboboxContentVariants,\n  comboboxItemVariants,\n};\n"],"names":["comboboxAgent","handle","args","comboboxInputVariants","cva","comboboxWrapperVariants","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","INPUT_SURFACE_TONE","comboboxContentVariants","comboboxItemVariants","comboboxGroupHeadingClasses","comboboxListClasses","comboboxEmptyClasses","iconSizeBySize","ComboboxCreateRow","search","label","iconClass","size","onSelect","useCommandState","state","jsxs","Command","jsx","ComboboxImpl","forwardRef","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","readOnly","required","name","id","tone","externalFilter","allowCreate","onCreate","openProp","onOpenChange","emptyMessage","className","ariaLabel","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","currentValueRaw","setComboboxValue","useControllableState","currentValue","selectedOption","useMemo","o","selectedLabel","setSearch","useState","internalOpen","setInternalOpen","isOpenControlled","open","composingRef","useRef","inputRef","anchorRef","useLayoutEffect","_a","useEffect","inputId","effectiveDisabled","effectiveReadOnly","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","filterFn","candidate","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","commit","next","setOpen","handleSelect","optValue","option","handleCreate","nextValue","handleSearchChange","handleFocus","handleCompositionStart","handleCompositionEnd","handleKeyDown","event","handleClear","handleOpenChange","valueRef","searchRef","openRef","setOpenStable","useCallback","agentHandle","v","opt","query","useAgentRegistration","showClear","groups","groupOptions","Popover","composeRefs","X","target","group","items","groupIndex","body","isSelected","Check","Combobox"],"mappings":"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"}

package/dist/_chunks/{copy-field-BCHAZ8QV.js → copy-field-BAF4mt9h.js}

@@ -1,49 +1,12 @@
-import { jsxs as P, jsx as p } from "react/jsx-runtime";
-import { useRef as m, useEffect as V, useState as A, useCallback as y, forwardRef as _, useMemo as H } from "react";
-import { c as x } from "./index-D2ZczOXr.js";
-import { useTranslation as O } from "react-i18next";
-import { B as W } from "./button-DD_0Xdmr.js";
-import { u as q } from "./registry-C9nwlNyL.js";
-import { C as D } from "./check-DPdL_Sm7.js";
-import { C as G } from "./copy-B00HK7tj.js";
-const J = typeof navigator < "u" && typeof navigator.clipboard < "u" && typeof navigator.clipboard.writeText == "function";
-function Q(t = {}) {
-  const { resetAfterMs: e = 2e3, writer: s } = t, o = m(s);
-  V(() => {
-    o.current = s;
-  }, [s]);
-  const [C, i] = A("idle"), [T, u] = A(null), n = m(null), a = y(() => {
-    n.current !== null && (clearTimeout(n.current), n.current = null);
-  }, []), d = y(() => {
-    a(), i("idle"), u(null);
-  }, [a]), z = y(
-    async (c) => {
-      a();
-      const h = o.current;
-      let l = !1;
-      if (h)
-        try {
-          l = await h(c);
-        } catch {
-          l = !1;
-        }
-      else {
-        if (!(J || typeof navigator < "u" && typeof navigator.clipboard < "u" && typeof navigator.clipboard.writeText == "function"))
-          return i("error"), u(null), !1;
-        try {
-          await navigator.clipboard.writeText(c), l = !0;
-        } catch {
-          l = !1;
-        }
-      }
-      return l ? (i("copied"), u(c), e > 0 && (n.current = setTimeout(() => {
-        n.current = null, i("idle");
-      }, e)), !0) : (i("error"), u(null), !1);
-    },
-    [a, e]
-  );
-  return V(() => a, [a]), { status: C, copiedValue: T, copy: z, reset: d };
-}
+import { jsxs as M, jsx as a } from "react/jsx-runtime";
+import { forwardRef as P, useRef as v, useState as E, useEffect as H, useCallback as z, useMemo as O } from "react";
+import { c as u } from "./index-D2ZczOXr.js";
+import { useTranslation as _ } from "react-i18next";
+import { B as q } from "./button-DD_0Xdmr.js";
+import { u as D } from "./use-copy-to-clipboard-Cyfc_dlv.js";
+import { u as G } from "./registry-C9nwlNyL.js";
+import { C as J } from "./check-DPdL_Sm7.js";
+import { C as Q } from "./copy-B00HK7tj.js";
 const U = {
   id: "copy-field",
   capabilities: [],
@@ -52,13 +15,13 @@ const U = {
       type: "string",
       descriptionKey: "ui.agent.copyField.state.value",
       description: "The value displayed in the read-only field.",
-      read: (t) => t.getValue()
+      read: (e) => e.getValue()
     },
     copied: {
       type: "boolean",
       descriptionKey: "ui.agent.copyField.state.copied",
       description: "True for the brief window after a successful copy.",
-      read: (t) => t.isCopied()
+      read: (e) => e.isCopied()
     }
   },
   actions: {
@@ -66,7 +29,7 @@ const U = {
       safety: "write",
       descriptionKey: "ui.agent.copyField.actions.copy",
       description: "Programmatically trigger the clipboard write.",
-      invoke: (t) => t.copy()
+      invoke: (e) => e.copy()
     }
   },
   domHooks: {
@@ -82,25 +45,25 @@ const U = {
     }
   }
 };
-async function X(t) {
+async function W(e) {
   var o;
   if (typeof navigator < "u" && ((o = navigator.clipboard) != null && o.writeText))
     try {
-      return await navigator.clipboard.writeText(t), !0;
+      return await navigator.clipboard.writeText(e), !0;
     } catch {
     }
   if (typeof document > "u") return !1;
-  const e = document.createElement("textarea");
-  e.value = t, e.setAttribute("readonly", ""), e.style.position = "absolute", e.style.setProperty("inset-inline-start", "-9999px"), document.body.appendChild(e), e.select();
-  let s = !1;
+  const s = document.createElement("textarea");
+  s.value = e, s.setAttribute("readonly", ""), s.style.position = "absolute", s.style.setProperty("inset-inline-start", "-9999px"), document.body.appendChild(s), s.select();
+  let i = !1;
   try {
-    s = document.execCommand("copy");
+    i = document.execCommand("copy");
   } catch {
-    s = !1;
+    i = !1;
   }
-  return document.body.removeChild(e), s;
+  return document.body.removeChild(s), i;
 }
-const Y = x(
+const X = u(
   [
     "ds:inline-flex ds:items-stretch ds:w-full",
     "ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground",
@@ -126,7 +89,7 @@ const Y = x(
     },
     defaultVariants: { size: "md", disabled: !1 }
   }
-), Z = x(
+), Y = u(
   [
     "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none",
     "ds:text-foreground",
@@ -172,7 +135,7 @@ const Y = x(
       hasStartIcon: !1
     }
   }
-), $ = x(
+), Z = u(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
     "ds:text-muted-foreground",
@@ -188,111 +151,111 @@ const Y = x(
     },
     defaultVariants: { size: "md" }
   }
-), ee = x(
+), $ = u(
   [
     "ds:shrink-0 ds:rounded-none",
     "ds:focus-visible:outline-none",
     "ds:h-full",
     "ds:gap-[var(--spacing-xs)]"
   ].join(" ")
-), te = _(
+), ee = P(
   ({
-    value: t,
-    size: e = "md",
-    intent: s = "default",
+    value: e,
+    size: s = "md",
+    intent: i = "default",
     startIcon: o,
-    wrap: C = !1,
-    copyLabel: i,
-    copiedLabel: T,
-    copiedDuration: u = 2e3,
-    ariaLabel: n,
-    onCopy: a,
-    disabled: d = !1,
-    className: z,
-    id: c,
-    ...h
-  }, l) => {
-    const { t: r } = O(), g = m(t);
-    g.current = t;
-    const v = m(a);
-    v.current = a;
-    const { status: w, copy: I } = Q({
-      resetAfterMs: u,
-      writer: X
-    }), f = w === "copied", R = m(!1);
-    R.current = f;
-    const [B, F] = A("");
-    V(() => {
-      F(w === "copied" ? r("copyField.copySuccess") : w === "error" ? r("copyField.copyFailed") : "");
-    }, [w, r]);
-    const b = y(async () => {
-      var j;
-      if (d) return !1;
-      const L = await I(g.current);
-      return L && ((j = v.current) == null || j.call(v, g.current)), L;
-    }, [d, I]), N = y(() => {
-      b();
-    }, [b]), K = H(
+    wrap: F = !1,
+    copyLabel: T,
+    copiedLabel: k,
+    copiedDuration: S = 2e3,
+    ariaLabel: I,
+    onCopy: g,
+    disabled: r = !1,
+    className: V,
+    id: f,
+    ...j
+  }, N) => {
+    const { t } = _(), d = v(e);
+    d.current = e;
+    const c = v(g);
+    c.current = g;
+    const { status: l, copy: w } = D({
+      resetAfterMs: S,
+      writer: W
+    }), n = l === "copied", b = v(!1);
+    b.current = n;
+    const [A, m] = E("");
+    H(() => {
+      m(l === "copied" ? t("copyField.copySuccess") : l === "error" ? t("copyField.copyFailed") : "");
+    }, [l, t]);
+    const p = z(async () => {
+      var C;
+      if (r) return !1;
+      const x = await w(d.current);
+      return x && ((C = c.current) == null || C.call(c, d.current)), x;
+    }, [r, w]), R = z(() => {
+      p();
+    }, [p]), B = O(
       () => ({
-        getValue: () => g.current,
-        copy: () => b(),
-        isCopied: () => R.current
+        getValue: () => d.current,
+        copy: () => p(),
+        isCopied: () => b.current
       }),
-      [b]
+      [p]
     );
-    q(U, K, c);
-    const M = n ?? r("copyField.valueLabel"), S = i ?? r("copyField.copy"), k = T ?? r("copyField.copied"), E = f ? typeof k == "string" ? k : r("copyField.copied") : typeof S == "string" ? S : r("copyField.copy");
-    return /* @__PURE__ */ P(
+    G(U, B, f);
+    const L = I ?? t("copyField.valueLabel"), y = T ?? t("copyField.copy"), h = k ?? t("copyField.copied"), K = n ? typeof h == "string" ? h : t("copyField.copied") : typeof y == "string" ? y : t("copyField.copy");
+    return /* @__PURE__ */ M(
       "div",
       {
-        ref: l,
-        className: Y({ size: e, disabled: d, className: z }),
+        ref: N,
+        className: X({ size: s, disabled: r, className: V }),
         "data-component": "copy-field",
-        "data-component-id": c,
-        "data-copied": f ? "true" : void 0,
-        ...h,
+        "data-component-id": f,
+        "data-copied": n ? "true" : void 0,
+        ...j,
         children: [
-          o ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: $({ size: e }), children: o }) : null,
-          /* @__PURE__ */ p(
+          o ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: Z({ size: s }), children: o }) : null,
+          /* @__PURE__ */ a(
             "input",
             {
-              id: c,
+              id: f,
               type: "text",
               readOnly: !0,
-              value: t,
-              disabled: d,
-              "aria-label": M,
-              className: Z({
-                intent: s,
-                size: e,
-                wrap: C,
+              value: e,
+              disabled: r,
+              "aria-label": L,
+              className: Y({
+                intent: i,
+                size: s,
+                wrap: F,
                 hasStartIcon: !!o
               })
             }
           ),
-          /* @__PURE__ */ p(
-            W,
+          /* @__PURE__ */ a(
+            q,
             {
               type: "button",
               intent: "ghost",
-              size: e,
-              onClick: N,
-              disabled: d,
-              "aria-label": E,
-              className: ee(),
-              startIcon: f ? /* @__PURE__ */ p(D, { "aria-hidden": "true" }) : /* @__PURE__ */ p(G, { "aria-hidden": "true" }),
-              children: /* @__PURE__ */ p("span", { className: "type-label", children: f ? k : S })
+              size: s,
+              onClick: R,
+              disabled: r,
+              "aria-label": K,
+              className: $(),
+              startIcon: n ? /* @__PURE__ */ a(J, { "aria-hidden": "true" }) : /* @__PURE__ */ a(Q, { "aria-hidden": "true" }),
+              children: /* @__PURE__ */ a("span", { className: "type-label", children: n ? h : y })
             }
           ),
-          /* @__PURE__ */ p("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: B })
+          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: A })
         ]
       }
     );
   }
 );
-te.displayName = "CopyField";
+ee.displayName = "CopyField";
 export {
-  te as C,
+  ee as C,
   U as c
 };
-//# sourceMappingURL=copy-field-BCHAZ8QV.js.map
+//# sourceMappingURL=copy-field-BAF4mt9h.js.map

package/dist/_chunks/copy-field-BAF4mt9h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field-BAF4mt9h.js","sources":["../../src/components/copy-field/copy-field.agent.ts","../../src/components/copy-field/copy-field.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CopyField.                                             */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\n/**\n * Imperative handle for CopyField — agents can read the value and trigger a\n * programmatic copy. State stays scoped to identifiers + transient UI state;\n * never PHI (per PRS §Security).\n */\nexport interface CopyFieldHandle {\n  /** Returns the read-only value currently displayed. */\n  getValue: () => string;\n  /** Triggers the clipboard write side-effect. */\n  copy: () => Promise<boolean>;\n  /** Returns true for the brief window after a successful copy. */\n  isCopied: () => boolean;\n}\n\nexport const copyFieldAgent: AgentAdapter<CopyFieldHandle> = {\n  id: 'copy-field',\n  capabilities: [],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.copyField.state.value',\n      description: 'The value displayed in the read-only field.',\n      read: (handle) => handle.getValue(),\n    },\n    copied: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.copyField.state.copied',\n      description: 'True for the brief window after a successful copy.',\n      read: (handle) => handle.isCopied(),\n    },\n  },\n  actions: {\n    copy: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.copyField.actions.copy',\n      description: 'Programmatically trigger the clipboard write.',\n      invoke: (handle) => handle.copy(),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'copy-field',\n      description:\n        'Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop, when provided.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { useAgentRegistration } from '../../agent';\nimport { useCopyToClipboard } from '../../hooks/use-copy-to-clipboard';\nimport { copyFieldAgent, type CopyFieldHandle } from './copy-field.agent';\n\n/* ------------------------------------------------------------------ */\n/* Clipboard helper                                                    */\n/*                                                                     */\n/* `navigator.clipboard.writeText` is the modern path. The fallback   */\n/* covers older browsers and insecure contexts via a synthesised      */\n/* textarea + `document.execCommand('copy')`. The off-screen position */\n/* uses imperative DOM `.style` assignments — those are NOT JSX inline */\n/* styles and don't violate constraint §3.                            */\n/* ------------------------------------------------------------------ */\n\nasync function copyToClipboard(text: string): Promise<boolean> {\n  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n    try {\n      await navigator.clipboard.writeText(text);\n      return true;\n    } catch {\n      // fall through to legacy path\n    }\n  }\n  if (typeof document === 'undefined') return false;\n  const textarea = document.createElement('textarea');\n  textarea.value = text;\n  textarea.setAttribute('readonly', '');\n  // Imperative DOM style — not a JSX inline-style violation. We use\n  // `setProperty('inset-inline-start', …)` so the hidden textarea stays\n  // logically off-screen in both LTR and RTL contexts.\n  textarea.style.position = 'absolute';\n  textarea.style.setProperty('inset-inline-start', '-9999px');\n  document.body.appendChild(textarea);\n  textarea.select();\n  let ok = false;\n  try {\n    ok = document.execCommand('copy');\n  } catch {\n    ok = false;\n  }\n  document.body.removeChild(textarea);\n  return ok;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — outer wrapper                                                 */\n/*                                                                     */\n/* Mirrors the shared input-surface chrome (border + halo shadow) so   */\n/* CopyField sits inline next to TextInput / Combobox in forms without */\n/* visual drift. Logical paddings only. `ds:focus-within` paints the   */\n/* ring when the trailing button or the embedded input receives focus. */\n/* ------------------------------------------------------------------ */\n\nconst fieldVariants = cva(\n  [\n    'ds:inline-flex ds:items-stretch ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground',\n    'ds:border ds:border-border',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[var(--font-size-lg)]',\n      },\n      disabled: {\n        true: 'ds:opacity-50 ds:cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: { size: 'md', disabled: false },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — value <input> styling                                         */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none',\n    'ds:text-foreground',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      intent: {\n        default: '',\n        // `--primary` is calibrated for foreground use (violet-500 light,\n        // magenta-500 dark) — both pass AA against their input backgrounds.\n        primary: 'ds:text-primary ds:font-medium',\n      },\n      size: {\n        sm: 'ds:text-[var(--font-size-sm)]',\n        md: 'ds:text-[var(--font-size-base)]',\n        lg: 'ds:text-[var(--font-size-lg)]',\n      },\n      wrap: {\n        true: 'ds:[overflow-wrap:anywhere] ds:whitespace-normal',\n        false: 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap',\n      },\n      hasStartIcon: {\n        true: '',\n        false: '',\n      },\n    },\n    // Explicit pairs decide the leading padding — single ps-* per cell, so\n    // there's no fight between size + hasStartIcon under Tailwind's flat\n    // utility precedence.\n    compoundVariants: [\n      { size: 'sm', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'md', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'lg', hasStartIcon: false, class: 'ds:ps-[var(--spacing-md)]' },\n      { size: 'sm', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'md', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'lg', hasStartIcon: true, class: 'ds:ps-[var(--spacing-sm)]' },\n    ],\n    defaultVariants: {\n      intent: 'default',\n      size: 'md',\n      wrap: false,\n      hasStartIcon: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Leading icon slot                                                   */\n/* ------------------------------------------------------------------ */\n\nconst startIconVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:text-muted-foreground',\n    'ds:[&_svg]:size-4',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)]',\n        md: 'ds:ps-[var(--spacing-sm)]',\n        lg: 'ds:ps-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Trailing button wrapper                                             */\n/*                                                                     */\n/* The button visually attaches to the field by removing its own focus */\n/* ring (the wrapper paints `focus-within`) and rounding only the       */\n/* trailing inline-end corners.                                         */\n/* ------------------------------------------------------------------ */\n\nconst copyButtonVariants = cva(\n  [\n    'ds:shrink-0 ds:rounded-none',\n    'ds:focus-visible:outline-none',\n    'ds:h-full',\n    'ds:gap-[var(--spacing-xs)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\ntype FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\ntype ValueIntent = NonNullable<VariantProps<typeof valueVariants>['intent']>;\n\nexport interface CopyFieldProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'onCopy'\n> {\n  /** The value displayed in the read-only field and copied on click. */\n  value: string;\n  /** Field height + padding. Mirrors TextInput sizes. */\n  size?: FieldSize;\n  /**\n   * `primary` tints the value text with `--primary` — matches the\n   * link-style emphasis used by the telehealth showSession page.\n   */\n  intent?: ValueIntent;\n  /**\n   * Leading icon slot, decorative. Use `lucide-react` icons like\n   * `<Link2 />` for a URL, `<KeyRound />` for a token.\n   */\n  startIcon?: ReactNode;\n  /**\n   * `false` (default) truncates long values with ellipsis on a single\n   * line. `true` allows wrap with `overflow-wrap: anywhere`.\n   */\n  wrap?: boolean;\n  /** Override the default 'Copy' button label. */\n  copyLabel?: ReactNode;\n  /** Override the default 'Copied' success-state label. */\n  copiedLabel?: ReactNode;\n  /** Milliseconds before the button reverts to its default state. Default 2000. */\n  copiedDuration?: number;\n  /** ARIA label for the read-only textbox. Defaults to the i18n key. */\n  ariaLabel?: string;\n  /** Fires once after a successful clipboard write. */\n  onCopy?: (value: string) => void;\n  /** Greys both the field and the button; the button doesn't fire onCopy. */\n  disabled?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CopyField                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const CopyField = forwardRef<HTMLDivElement, CopyFieldProps>(\n  (\n    {\n      value,\n      size = 'md',\n      intent = 'default',\n      startIcon,\n      wrap = false,\n      copyLabel,\n      copiedLabel,\n      copiedDuration = 2000,\n      ariaLabel,\n      onCopy,\n      disabled = false,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const valueRef = useRef(value);\n    valueRef.current = value;\n    const onCopyRef = useRef(onCopy);\n    onCopyRef.current = onCopy;\n\n    // Drive status + auto-reset from the shared hook. The custom `writer`\n    // preserves CopyField's legacy `document.execCommand('copy')` fallback\n    // for non-HTTPS / older-browser contexts.\n    const { status, copy } = useCopyToClipboard({\n      resetAfterMs: copiedDuration,\n      writer: copyToClipboard,\n    });\n    const copied = status === 'copied';\n    const copiedRef = useRef(false);\n    copiedRef.current = copied;\n\n    // i18n-aware live-region text mirrors the hook status — `copied` →\n    // success message, `error` → failure message, `idle` → clear.\n    const [liveRegionText, setLiveRegionText] = useState('');\n    useEffect(() => {\n      if (status === 'copied') {\n        setLiveRegionText(t('copyField.copySuccess'));\n      } else if (status === 'error') {\n        setLiveRegionText(t('copyField.copyFailed'));\n      } else {\n        setLiveRegionText('');\n      }\n    }, [status, t]);\n\n    const handleCopy = useCallback(async (): Promise<boolean> => {\n      if (disabled) return false;\n      const ok = await copy(valueRef.current);\n      if (ok) onCopyRef.current?.(valueRef.current);\n      return ok;\n    }, [disabled, copy]);\n\n    const handleButtonClick = useCallback(() => {\n      void handleCopy();\n    }, [handleCopy]);\n\n    /* -------------------------------------------------------------- */\n    /* Agent handle — read value + trigger copy + check transient state */\n    /* -------------------------------------------------------------- */\n\n    const agentHandle = useMemo<CopyFieldHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        copy: () => handleCopy(),\n        isCopied: () => copiedRef.current,\n      }),\n      [handleCopy],\n    );\n    useAgentRegistration(copyFieldAgent, agentHandle, id);\n\n    const resolvedAriaLabel = ariaLabel ?? t('copyField.valueLabel');\n    const resolvedCopyText = copyLabel ?? t('copyField.copy');\n    const resolvedCopiedText = copiedLabel ?? t('copyField.copied');\n    // `aria-label` must be a string; when the consumer passes a non-string\n    // ReactNode for copyLabel / copiedLabel we fall back to the translated\n    // default so AT users still hear a coherent name.\n    const buttonAccessibleLabel = copied\n      ? typeof resolvedCopiedText === 'string'\n        ? resolvedCopiedText\n        : t('copyField.copied')\n      : typeof resolvedCopyText === 'string'\n        ? resolvedCopyText\n        : t('copyField.copy');\n\n    return (\n      <div\n        ref={ref}\n        className={fieldVariants({ size, disabled, className })}\n        data-component=\"copy-field\"\n        data-component-id={id}\n        data-copied={copied ? 'true' : undefined}\n        {...rest}\n      >\n        {startIcon ? (\n          <span aria-hidden=\"true\" className={startIconVariants({ size })}>\n            {startIcon}\n          </span>\n        ) : null}\n        <input\n          id={id}\n          type=\"text\"\n          readOnly\n          value={value}\n          disabled={disabled}\n          aria-label={resolvedAriaLabel}\n          className={valueVariants({\n            intent,\n            size,\n            wrap,\n            hasStartIcon: Boolean(startIcon),\n          })}\n        />\n        <Button\n          type=\"button\"\n          intent=\"ghost\"\n          size={size}\n          onClick={handleButtonClick}\n          disabled={disabled}\n          aria-label={buttonAccessibleLabel}\n          className={copyButtonVariants()}\n          startIcon={\n            copied ? <Check aria-hidden=\"true\" /> : <Copy aria-hidden=\"true\" />\n          }\n        >\n          <span className=\"type-label\">\n            {copied ? resolvedCopiedText : resolvedCopyText}\n          </span>\n        </Button>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {liveRegionText}\n        </span>\n      </div>\n    );\n  },\n);\n\nCopyField.displayName = 'CopyField';\n"],"names":["copyFieldAgent","handle","copyToClipboard","text","_a","textarea","ok","fieldVariants","cva","valueVariants","startIconVariants","copyButtonVariants","CopyField","forwardRef","value","size","intent","startIcon","wrap","copyLabel","copiedLabel","copiedDuration","ariaLabel","onCopy","disabled","className","id","rest","ref","useTranslation","valueRef","useRef","onCopyRef","status","copy","useCopyToClipboard","copied","copiedRef","liveRegionText","setLiveRegionText","useState","useEffect","handleCopy","useCallback","handleButtonClick","agentHandle","useMemo","useAgentRegistration","resolvedAriaLabel","resolvedCopyText","resolvedCopiedText","buttonAccessibleLabel","jsxs","jsx","Button","Check","Copy"],"mappings":"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"}