@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.2

package/dist/FilterBar-jBz6yaNu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterBar-jBz6yaNu.cjs","names":["BracesIcon","useFilterBarContext","usePortalContainer","useRef","useState","useIsApplePlatform","useMemo","findGroup","useCallback","parseFieldValue","useValueStep","matchesQueryFilter","_Fragment","ComboboxPrimitive","alwaysHighlightProps","cn","comboboxTriggerClass","inputFocusBorderWithin","ListFilterIcon","passwordManagerOptOutProps","unstyledFormElementStyle","FLOATING_POSITION_METHOD","comboboxStyles","FilterBarOptionList","FilterBarFieldLabel","FilterBarOptionLabel","Txt","Button","Kbd","useFilterBarContext","useFilterBarContext","cn","useRef","Fragment","isFilterBarGroup","FilterBarChip","Button","PlusIcon","FolderPlusIcon","Trash2Icon","countLeaves","FolderIcon","Txt","useFilterBarContext","useState","useRef","countLeaves","Popover","cn","chipClass","PopoverTrigger","editableSegmentClass","BracesIcon","Txt","removeSegmentClass","XIcon","PopoverContent","FILTER_BAR_SCOPE_ATTR","Button","useFilterBarContext","ClearFiltersButton","useFilterBarContext","FILTER_BAR_SCOPE_ATTR","cn","VisuallyHidden","FilterBarProvider","isFilterBarGroup","Fragment","FilterBarChip","_Fragment","FilterBarTimeRange"],"sources":["../src/ds/components/FilterBar/filter-bar-input.tsx","../src/ds/components/FilterBar/use-settle-on-leave.ts","../src/ds/components/FilterBar/filter-bar-group-editor.tsx","../src/ds/components/FilterBar/filter-bar-advanced-chip.tsx","../src/ds/components/FilterBar/filter-bar-clear.tsx","../src/ds/components/FilterBar/filter-bar.tsx","../src/ds/components/FilterBar/default-operators.ts"],"sourcesContent":["import type { BaseUIEvent } from '@base-ui/react/types';\nimport { BracesIcon, ListFilterIcon } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport { flushSync } from 'react-dom';\nimport { FILTER_BAR_CONTROL_SIZE, FilterBarFieldLabel, alwaysHighlightProps } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { FilterBarOptionLabel, FilterBarOptionList } from './filter-bar-option-list';\nimport { findGroup } from './filter-bar-tree';\nimport { matchesQueryFilter } from './match-query';\nimport type { FilterBarDraft, FilterBarField, FilterBarOperator, FilterBarOption, FilterBarValue } from './types';\nimport { parseFieldValue } from './types';\nimport { useValueStep } from './use-value-step';\nimport { Button } from '@/ds/components/Button/Button';\nimport { ComboboxPrimitive, comboboxStyles } from '@/ds/components/Combobox';\nimport { comboboxTriggerClass } from '@/ds/components/Combobox/combobox-styles';\nimport { Kbd } from '@/ds/components/Kbd/kbd';\nimport { Txt } from '@/ds/components/Txt';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { inputFocusBorderWithin, unstyledFormElementStyle } from '@/ds/primitives/form-element';\nimport { MENU_SIDE_OFFSET } from '@/ds/primitives/menu-item';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { useIsApplePlatform } from '@/hooks/use-keyboard-shortcut-label';\nimport { cn } from '@/lib/utils';\n\ntype Step = 'field' | 'operator' | 'value';\n\ntype Item = FilterBarField | FilterBarOperator | FilterBarOption;\n\nconst getItemLabel = (item: Item) => ('label' in item && item.label ? item.label : 'value' in item ? item.value : '');\n\nconst EMPTY_ITEMS: readonly Item[] = [];\n/** Pinned last entry of the field list that spawns an advanced filter (an `or` group) instead of a filter. */\nconst ADVANCED_FIELD_ID = '__filter-bar-advanced__';\nconst ADVANCED_FIELD: FilterBarField = {\n  id: ADVANCED_FIELD_ID,\n  label: 'Advanced filter…',\n  icon: BracesIcon,\n  operators: [],\n};\n\nexport type FilterBarInputProps = {\n  placeholder?: string;\n  className?: string;\n  'aria-label'?: string;\n  /**\n   * Group this instance commits into; omit for the bar's own input. Only the instance whose\n   * `groupId` matches the provider's `inputTarget` renders, so a single input is ever mounted.\n   */\n  groupId?: string;\n  /** Called when Escape is pressed on an empty query inside a group, after the input hands back to the bar. */\n  onLeave?: () => void;\n};\n\n/**\n * Typeahead entry point: type to pick a field, then an operator, then a value.\n * Focus never leaves the input; the popup is driven with the arrow keys.\n */\nexport function FilterBarInput(props: FilterBarInputProps) {\n  const ctx = useFilterBarContext();\n  if (ctx.inputTarget !== props.groupId) return null;\n  return <FilterBarInputImpl {...props} />;\n}\n\nfunction FilterBarInputImpl({\n  placeholder = 'Filter',\n  className,\n  'aria-label': ariaLabel = 'Add filter',\n  groupId,\n  onLeave,\n}: FilterBarInputProps) {\n  const ctx = useFilterBarContext();\n  const container = usePortalContainer();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [highlighted, setHighlighted] = useState<Item | null>(null);\n  const [emptyForStepChange, setEmptyForStepChange] = useState(false);\n  const modEnterLabel = useIsApplePlatform() ? '⌘↵' : 'Ctrl ↵';\n\n  // The draft lives in the provider so the chip list can render it; the step follows from it.\n  const { draft, setDraft: setDraftState, commitDraft } = ctx;\n  const step: Step = !draft ? 'field' : !draft.operatorId ? 'operator' : 'value';\n  const field = draft ? ctx.getField(draft.fieldId) : undefined;\n  const fieldOperators = useMemo(() => (field ? ctx.getFieldOperators(field) : []), [ctx, field]);\n  const operator = draft?.operatorId\n    ? (fieldOperators.find(o => o.id === draft.operatorId) ?? ctx.getOperator(draft.operatorId))\n    : undefined;\n  // The advanced option lives in the bar only; inside a popover, nesting is the editor's `+ Group`.\n  const offerAdvanced = ctx.groupsEnabled && groupId === undefined;\n  const visibleFields = useMemo(() => {\n    const fields = ctx.fields.filter(f => !f.hidden);\n    return offerAdvanced ? [...fields, ADVANCED_FIELD] : fields;\n  }, [ctx.fields, offerAdvanced]);\n  const targetGroup = groupId ? findGroup(ctx.expression, groupId) : undefined;\n\n  // A group's input mounts on demand (see `openGroupInput`) and takes focus itself.\n  useEffect(() => {\n    if (groupId) inputRef.current?.focus();\n  }, [groupId]);\n\n  // Base UI owns the highlight index and keeps it when the list content changes, so a row\n  // reached with ArrowDown would carry over into the step that follows. An empty list committed\n  // first drops that index, and `autoHighlight` re-anchors on the first row of the new step.\n  const withHighlightReset = useCallback((change: () => void) => {\n    flushSync(() => setEmptyForStepChange(true));\n    change();\n    setEmptyForStepChange(false);\n  }, []);\n\n  const setDraft = useCallback(\n    (next: Omit<FilterBarDraft, 'id' | 'from'> | null) => withHighlightReset(() => setDraftState(next)),\n    [withHighlightReset, setDraftState],\n  );\n\n  const reset = useCallback(() => {\n    setDraftState(null);\n    setQuery('');\n  }, [setDraftState]);\n\n  const close = useCallback(() => {\n    setOpen(false);\n    reset();\n  }, [reset]);\n\n  const commit = useCallback(\n    (fieldId: string, operatorId: string, value: FilterBarValue) => {\n      withHighlightReset(() => commitDraft({ fieldId, operatorId }, value));\n      setQuery('');\n      inputRef.current?.focus();\n    },\n    [withHighlightReset, commitDraft],\n  );\n\n  const selectOperator = useCallback(\n    (fieldId: string, next: FilterBarOperator) => {\n      if (next.arity === 'none') {\n        commit(fieldId, next.id, '');\n        return;\n      }\n      setDraft({ fieldId, operatorId: next.id });\n      setQuery('');\n    },\n    [commit, setDraft],\n  );\n\n  const selectField = useCallback(\n    (next: FilterBarField) => {\n      if (next.id === ADVANCED_FIELD_ID) {\n        // `or` is the useful default: an `and` group is indistinguishable from the root.\n        const id = ctx.addGroup(undefined, 'or');\n        ctx.setOpenGroup(id);\n        ctx.openGroupInput(id);\n        setQuery('');\n        setOpen(false);\n        return;\n      }\n      const [only, ...rest] = ctx.getFieldOperators(next);\n      // Free-text entry with text already typed: that text is the value, so neither the\n      // operator nor the value step has anything left to ask.\n      if (next.search && only && query.trim() !== '') {\n        commit(next.id, only.id, parseFieldValue(next.type, query));\n        return;\n      }\n      // A single allowed operator is implied: skip straight to the value step.\n      if (only && rest.length === 0) {\n        selectOperator(next.id, only);\n        return;\n      }\n      setDraft({ fieldId: next.id });\n      setQuery('');\n    },\n    [ctx, commit, query, selectOperator, setDraft],\n  );\n\n  const valueStep = useValueStep({\n    field,\n    operator,\n    query,\n    enabled: open && step === 'value',\n    setQuery,\n    onCommit: value => {\n      if (draft?.operatorId) commit(draft.fieldId, draft.operatorId, value);\n    },\n  });\n\n  // Leaving a group's input hands the target back to the bar; empty groups are pruned when the\n  // popover closes, never here.\n  const leaveGroup = useCallback(() => {\n    if (!groupId) return false;\n    ctx.openGroupInput(undefined);\n    onLeave?.();\n    return true;\n  }, [ctx, groupId, onLeave]);\n\n  const stepBack = useCallback(() => {\n    if (step === 'value' && draft) {\n      // Back to the field step when the operator was implied (single operator).\n      const skipOperator = field ? fieldOperators.length === 1 : false;\n      setDraft(skipOperator ? null : { fieldId: draft.fieldId });\n    } else if (step === 'operator') setDraft(null);\n    else if (!leaveGroup()) setOpen(false);\n    setQuery('');\n  }, [step, draft, field, fieldOperators, setDraft, leaveGroup]);\n\n  // Selection is routed per step and never kept by Base UI (`value` stays null).\n  const handleSelect = (item: Item) => {\n    if (step === 'field') selectField(item as FilterBarField);\n    else if (step === 'operator' && draft) selectOperator(draft.fieldId, item as FilterBarOperator);\n    else valueStep.handleSelect(item as FilterBarOption);\n  };\n\n  // App-level keys run before Base UI's own input handling.\n  const handleKeyDown = (event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      // Consumed here: an enclosing popover (advanced filter) must not close on it.\n      event.stopPropagation();\n      event.preventBaseUIHandler();\n      stepBack();\n      return;\n    }\n    if (!open && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      setOpen(true);\n      return;\n    }\n    if (query === '') {\n      if (event.key === 'Backspace') {\n        event.preventDefault();\n        event.preventBaseUIHandler();\n        if (step !== 'field') stepBack();\n        else if (targetGroup) {\n          // Inside a group: eat its last chip, or drop the group once it is empty.\n          const last = targetGroup.nodes.findLast(node => !ctx.leaving.has(node.id));\n          if (last) ctx.removeItem(last.id);\n          else leaveGroup();\n        } else {\n          // Chips still animating out are already gone from the value: skip them.\n          const last = ctx.items.findLast(item => !ctx.leaving.has(item.id));\n          if (last) ctx.removeItem(last.id);\n        }\n        return;\n      }\n      if (event.key === 'ArrowLeft' && step === 'field') {\n        if (ctx.focusChip(ctx.items.length - 1, -1, 'remove')) event.preventDefault();\n        return;\n      }\n    }\n    if (!open) return;\n\n    if (event.key === 'Tab' && highlighted && step !== 'value' && (step === 'operator' || query !== '')) {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      handleSelect(highlighted);\n      return;\n    }\n    if (step === 'value') {\n      const highlightedOption = valueStep.hasSuggestions ? (highlighted as FilterBarOption | null) : null;\n      const handled = valueStep.handleKeyDown(event, highlightedOption);\n      // Base UI closes on Enter when nothing is highlighted (form submission); the draft must stay open.\n      if (handled || (event.key === 'Enter' && highlightedOption === null)) event.preventBaseUIHandler();\n    }\n  };\n\n  const optionsForStep: Record<Step, readonly Item[]> = {\n    field: visibleFields,\n    operator: fieldOperators,\n    value: valueStep.options,\n  };\n  const items: readonly Item[] = emptyForStepChange ? EMPTY_ITEMS : optionsForStep[step];\n\n  // A search field is the way out for text that names no field, so it survives the field\n  // step's own filtering whatever was typed; every other item matches on its label.\n  const filterItem = useCallback(\n    (item: Item, text: string, itemToString?: (item: Item) => string) =>\n      ('search' in item && item.search === true) || matchesQueryFilter(item, text, itemToString),\n    [],\n  );\n\n  const inputPlaceholder =\n    step === 'field'\n      ? placeholder\n      : step === 'operator'\n        ? 'Operator'\n        : valueStep.hasSuggestions && valueStep.allowFreeText\n          ? 'Search or type a value'\n          : field?.type === 'number'\n            ? 'Number'\n            : 'Value';\n\n  return (\n    <>\n      <ComboboxPrimitive.Root<Item>\n        items={items}\n        itemToStringLabel={getItemLabel}\n        // The value step is already filtered (locally or server-side) by useValueSuggestions.\n        filter={step === 'value' ? null : filterItem}\n        value={null}\n        onValueChange={(item, details) => {\n          // Never let Base UI keep the selection, fill the input or close: each step routes it.\n          details.cancel();\n          if (item) handleSelect(item);\n        }}\n        inputValue={query}\n        onInputValueChange={(next, details) => {\n          if (details.reason !== 'input-change') return;\n          setQuery(next);\n          if (!open) setOpen(true);\n        }}\n        onItemHighlighted={item => setHighlighted(item ?? null)}\n        open={open}\n        onOpenChange={(next, details) => {\n          // Escape is handled by the input (it steps back rather than closing).\n          if (!next && details.reason === 'escape-key') return;\n          // The input is the anchor, not a trigger: clicking it must keep the draft open.\n          if (\n            !next &&\n            details.reason === 'outside-press' &&\n            details.event.target instanceof Node &&\n            inputRef.current?.contains(details.event.target)\n          ) {\n            return;\n          }\n          if (next) setOpen(true);\n          else close();\n        }}\n        {...alwaysHighlightProps}\n        modal={false}\n      >\n        <div\n          ref={anchorRef}\n          data-slot=\"filter-bar-input-trigger\"\n          className={cn(\n            // Same trigger recipe as every other DS Combobox (fill, radius, `[&>svg]` icon sizing\n            // and the Button icon offset); the bar itself has no chrome. Focus lives on the\n            // nested input, so the recipe's `focus-visible` border becomes `focus-within`.\n            comboboxTriggerClass({ variant: 'default', size: FILTER_BAR_CONTROL_SIZE }),\n            'w-auto cursor-text',\n            'focus-within:bg-fill-hover',\n            inputFocusBorderWithin,\n            step === 'field' ? 'min-w-40' : 'min-w-28',\n            className,\n          )}\n        >\n          <ListFilterIcon aria-hidden className=\"shrink-0\" />\n          <ComboboxPrimitive.Input\n            ref={el => {\n              inputRef.current = el;\n              ctx.registerInput(el);\n            }}\n            aria-label={ariaLabel}\n            spellCheck={false}\n            {...passwordManagerOptOutProps}\n            data-slot=\"filter-bar-input\"\n            data-step={step}\n            data-target={targetGroup?.id}\n            inputMode={step === 'value' && field?.type === 'number' ? 'decimal' : undefined}\n            placeholder={inputPlaceholder}\n            className={cn(\n              unstyledFormElementStyle,\n              'min-w-0 flex-1 bg-transparent',\n              'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal focus:placeholder:opacity-70',\n            )}\n            onFocus={() => setOpen(true)}\n            onKeyDown={handleKeyDown}\n          />\n        </div>\n        <ComboboxPrimitive.Portal container={container}>\n          <ComboboxPrimitive.Positioner\n            // Base UI anchors to the input, which starts after the filter icon; align with the pill instead.\n            anchor={anchorRef}\n            align=\"start\"\n            sideOffset={MENU_SIDE_OFFSET}\n            positionMethod={FLOATING_POSITION_METHOD}\n            className={comboboxStyles.positioner}\n          >\n            <ComboboxPrimitive.Popup // Match the pill, with the DS Combobox's 11rem floor (replaces the menu's anchor-width minimum).\n              className={cn(comboboxStyles.popup, 'w-(--anchor-width) min-w-44')}\n              data-slot=\"filter-bar-editor\"\n            >\n              {step === 'field' && (\n                <FilterBarOptionList<FilterBarField>\n                  aria-label=\"Fields\"\n                  getKey={f => f.id}\n                  renderOption={f => (\n                    <>\n                      <FilterBarFieldLabel field={f} />\n                      {f.search && query !== '' && (\n                        <span className=\"min-w-0 truncate text-muted-foreground\">\n                          {ctx.getFieldOperators(f)[0]?.label} \"{query}\"\n                        </span>\n                      )}\n                    </>\n                  )}\n                  emptyText=\"No matching field.\"\n                />\n              )}\n              {step === 'operator' && (\n                <FilterBarOptionList<FilterBarOperator>\n                  aria-label=\"Operators\"\n                  getKey={o => o.id}\n                  renderOption={o => o.label}\n                  emptyText=\"No matching operator.\"\n                />\n              )}\n              {step === 'value' && valueStep.hasOptions && (\n                <FilterBarOptionList<FilterBarOption>\n                  aria-label=\"Values\"\n                  aria-multiselectable={valueStep.isMany || undefined}\n                  getKey={o => o.value}\n                  renderOption={option => <FilterBarOptionLabel option={option} />}\n                  isSelected={o => valueStep.isMany && valueStep.selected.includes(o.value)}\n                  isLoading={valueStep.isLoading}\n                  error={valueStep.error}\n                  emptyText={\n                    valueStep.allowFreeText ? 'No suggestions. Press Enter to use your text.' : 'No matching value.'\n                  }\n                />\n              )}\n              {step === 'value' && !valueStep.hasSuggestions && (\n                <div className=\"flex items-center justify-between gap-2 py-1 pr-1 pl-[.9em]\">\n                  <Txt variant=\"caption\" tone=\"muted\">\n                    Type a value\n                  </Txt>\n                  <Button\n                    size=\"sm\"\n                    variant=\"default\"\n                    disabled={!valueStep.canCommitQuery}\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.submitFreeText()}\n                  >\n                    Apply\n                    <Kbd size=\"xs\">↵</Kbd>\n                  </Button>\n                </div>\n              )}\n              {step === 'value' && valueStep.isMany && (\n                <div className=\"flex items-center justify-end gap-1 border-t border-border p-1\">\n                  <Button\n                    size=\"sm\"\n                    variant=\"default\"\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.commitDone()}\n                  >\n                    Done\n                    <Kbd size=\"xs\">{modEnterLabel}</Kbd>\n                  </Button>\n                </div>\n              )}\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n    </>\n  );\n}\n","import { useEffect } from 'react';\nimport { useFilterBarContext } from './filter-bar-context';\n\n/** Keeps a leaving node in the DOM until its exit animation has played, then releases it. */\nexport function useSettleOnLeave(id: string, leaving: boolean, rootRef: React.RefObject<HTMLElement | null>) {\n  const { settleRemove } = useFilterBarContext();\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!leaving || !root) return;\n    const animations = typeof root.getAnimations === 'function' ? root.getAnimations({ subtree: true }) : [];\n    if (animations.length === 0) {\n      settleRemove(id);\n      return;\n    }\n    let cancelled = false;\n    Promise.all(animations.map(animation => animation.finished))\n      .then(() => {\n        if (!cancelled) settleRemove(id);\n      })\n      .catch(() => {});\n    return () => {\n      cancelled = true;\n    };\n  }, [leaving, id, settleRemove, rootRef]);\n}\n","import { FolderIcon, FolderPlusIcon, PlusIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useEffect, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { FilterBarChip } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { FilterBarInput } from './filter-bar-input';\nimport { countLeaves } from './filter-bar-tree';\nimport type { FilterBarGroup, FilterBarLogic } from './types';\nimport { isFilterBarGroup } from './types';\nimport { useSettleOnLeave } from './use-settle-on-leave';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst connectorClass =\n  'flex h-control-sm w-14 shrink-0 items-center justify-center rounded-md text-column tracking-wide text-muted-foreground uppercase';\n\nexport type FilterBarLogicToggleProps = {\n  groupId: string;\n  logic: FilterBarLogic;\n  className?: string;\n};\n\n/** `and` / `or` connector in front of a row; every connector of a group shares its logic. */\nexport function FilterBarLogicToggle({ groupId, logic, className }: FilterBarLogicToggleProps) {\n  const ctx = useFilterBarContext();\n  const next: FilterBarLogic = logic === 'and' ? 'or' : 'and';\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"filter-bar-logic\"\n      data-logic={logic}\n      aria-label={`Joined with ${logic}, switch to ${next}`}\n      title={`Switch to ${next}`}\n      className={cn(\n        connectorClass,\n        'filter-bar-logic cursor-pointer border border-border bg-fill-subtle outline-none',\n        'hover:bg-fill-hover hover:text-foreground focus-visible:bg-fill-hover focus-visible:text-foreground',\n        className,\n      )}\n      onClick={() => ctx.setLogic(groupId, next)}\n    >\n      {logic}\n    </button>\n  );\n}\n\n/** Segmented `and | or` control shown in a nested group's header. */\nfunction FilterBarLogicSwitch({ groupId, logic }: { groupId: string; logic: FilterBarLogic }) {\n  const ctx = useFilterBarContext();\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label=\"Group logic\"\n      className=\"flex h-control-sm items-center gap-0.5 rounded-md border border-border bg-fill-subtle p-0.5\"\n    >\n      {(['and', 'or'] as const).map(value => (\n        <button\n          key={value}\n          type=\"button\"\n          role=\"radio\"\n          aria-checked={logic === value}\n          aria-label={`Join with ${value}`}\n          className={cn(\n            'h-full cursor-pointer rounded-sm px-1.5 text-column tracking-wide uppercase outline-none',\n            'focus-visible:bg-fill-hover',\n            logic === value ? 'bg-fill-hover text-foreground' : 'text-muted-foreground hover:text-foreground',\n          )}\n          onClick={() => logic !== value && ctx.setLogic(groupId, value)}\n        >\n          {value}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport type FilterBarGroupEditorProps = {\n  group: FilterBarGroup;\n  /** Nesting level of `group` (root-level group = 1). */\n  depth: number;\n  /** Drops this group; rendered as a trailing `Clear all` in the footer. */\n  onRemove?: () => void;\n  removeLabel?: string;\n  className?: string;\n};\n\n/**\n * Recursive rule builder shown in an advanced-filter popover. Rows are laid out as\n * `connector | condition`: the first row reads `where`, the following ones carry the\n * group's `and` / `or` toggle. Nested groups render as bordered cards with their own\n * header (logic switch + remove) and footer. The shared typeahead input renders as the\n * last row of the group it is pointed at.\n */\nexport function FilterBarGroupEditor({\n  group,\n  depth,\n  onRemove,\n  removeLabel = 'Remove group',\n  className,\n}: FilterBarGroupEditorProps) {\n  const ctx = useFilterBarContext();\n  const addFilterRef = useRef<HTMLButtonElement>(null);\n  const focusAddFilter = useRef(false);\n  const targeted = ctx.inputTarget === group.id;\n  const canNest = depth < ctx.maxDepth;\n\n  // `+ Condition` is hidden while the input is open; focus it once it remounts.\n  useEffect(() => {\n    if (targeted || !focusAddFilter.current) return;\n    focusAddFilter.current = false;\n    addFilterRef.current?.focus();\n  }, [targeted]);\n\n  const rows: ReactNode[] = [];\n  const connector = (key: string) =>\n    rows.length === 0 ? (\n      <span key={`${key}:where`} className={connectorClass}>\n        where\n      </span>\n    ) : (\n      <FilterBarLogicToggle key={`${key}:logic`} groupId={group.id} logic={group.logic} />\n    );\n  for (const node of group.nodes) {\n    rows.push(\n      <Fragment key={node.id}>\n        {connector(node.id)}\n        {isFilterBarGroup(node) ? (\n          <NestedGroupCard group={node} depth={depth + 1} />\n        ) : (\n          <FilterBarChip item={node} className=\"w-fit\" />\n        )}\n      </Fragment>,\n    );\n  }\n  if (ctx.draft && ctx.draft.groupId === group.id) {\n    const { id, fieldId, operatorId = '' } = ctx.draft;\n    rows.push(\n      <Fragment key={id}>\n        {connector(id)}\n        <FilterBarChip draft item={{ id, fieldId, operatorId, value: '' }} className=\"w-fit\" />\n      </Fragment>,\n    );\n  }\n  if (targeted) {\n    rows.push(\n      <Fragment key=\"input\">\n        {connector('input')}\n        <FilterBarInput\n          groupId={group.id}\n          placeholder=\"Add condition\"\n          onLeave={() => {\n            focusAddFilter.current = true;\n          }}\n        />\n      </Fragment>,\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"filter-bar-group-editor\"\n      data-depth={depth}\n      role=\"group\"\n      aria-label={`Conditions joined with ${group.logic}`}\n      className={cn('flex min-w-0 flex-col', className)}\n    >\n      {rows.length > 0 && (\n        <div className=\"grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-2 gap-y-1.5 p-2\">{rows}</div>\n      )}\n      <div\n        data-slot=\"filter-bar-editor-actions\"\n        className={cn('flex w-full items-center gap-1 p-1', rows.length > 0 && 'border-t border-border')}\n      >\n        {!targeted && (\n          <Button\n            ref={addFilterRef}\n            variant=\"ghost\"\n            size=\"sm\"\n            icon={<PlusIcon />}\n            onClick={() => ctx.openGroupInput(group.id)}\n          >\n            Condition\n          </Button>\n        )}\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          icon={<FolderPlusIcon />}\n          className=\"text-muted-foreground\"\n          tooltip={canNest ? undefined : `Groups can nest ${ctx.maxDepth} levels deep`}\n          disabled={!canNest}\n          onClick={() => ctx.addGroup(group.id, group.logic === 'and' ? 'or' : 'and')}\n        >\n          Group\n        </Button>\n        {onRemove && (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            icon={<Trash2Icon />}\n            className=\"ml-auto text-muted-foreground\"\n            aria-label={removeLabel}\n            onClick={onRemove}\n          >\n            Clear all\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction NestedGroupCard({ group, depth }: { group: FilterBarGroup; depth: number }) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const leaving = ctx.leaving.has(group.id);\n  useSettleOnLeave(group.id, leaving, rootRef);\n  const count = countLeaves(group);\n\n  return (\n    <div\n      ref={rootRef}\n      data-slot=\"filter-bar-editor-nested\"\n      data-leaving={leaving || undefined}\n      aria-hidden={leaving || undefined}\n      className={cn(\n        'filter-bar-editor-nested w-full overflow-hidden rounded-lg border border-border',\n        leaving && 'pointer-events-none',\n      )}\n    >\n      <div className=\"flex items-center gap-2 border-b border-border px-2 py-1\">\n        <FolderIcon className=\"size-3.5 text-muted-foreground\" />\n        <Txt as=\"span\" variant=\"label\" tone=\"ink\">\n          Group\n        </Txt>\n        <Txt as=\"span\" variant=\"label\" tone=\"muted\">\n          {count} {count === 1 ? 'condition' : 'conditions'}\n        </Txt>\n        <div className=\"ml-auto flex items-center gap-1\">\n          <FilterBarLogicSwitch groupId={group.id} logic={group.logic} />\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            tooltip=\"Remove group\"\n            disabled={leaving}\n            onClick={() => ctx.removeGroup(group.id)}\n          >\n            <Trash2Icon />\n          </Button>\n        </div>\n      </div>\n      <FilterBarGroupEditor group={group} depth={depth} />\n    </div>\n  );\n}\n","import { BracesIcon, XIcon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport { chipClass, editableSegmentClass, removeSegmentClass } from './filter-bar-chip';\nimport { FILTER_BAR_SCOPE_ATTR, useFilterBarContext } from './filter-bar-context';\nimport { FilterBarGroupEditor } from './filter-bar-group-editor';\nimport { countLeaves } from './filter-bar-tree';\nimport type { FilterBarGroup } from './types';\nimport { useSettleOnLeave } from './use-settle-on-leave';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type FilterBarAdvancedChipProps = {\n  group: FilterBarGroup;\n  className?: string;\n};\n\n/**\n * A root-level group rendered as one \"Advanced filter\" chip. Its popover hosts the\n * recursive rule builder; the chip's remove button drops the whole subtree.\n */\nexport function FilterBarAdvancedChip({ group, className }: FilterBarAdvancedChipProps) {\n  const ctx = useFilterBarContext();\n  const [initial] = useState(() => !ctx.mounted);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const leaving = ctx.leaving.has(group.id);\n  const open = ctx.openGroupId === group.id;\n  const count = countLeaves(group);\n  // Position in the flattened item list: navigation from the chip continues from its first leaf.\n  const firstLeafIndex = ctx.items.findIndex(item => isUnder(group, item.id));\n  const index = firstLeafIndex === -1 ? ctx.items.length : firstLeafIndex;\n  useSettleOnLeave(group.id, leaving, rootRef);\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (leaving) return;\n    const segments = Array.from(rootRef.current?.querySelectorAll<HTMLElement>('[data-filter-bar-segment]') ?? []);\n    const current = segments.findIndex(el => el === event.target);\n    if (current === -1) return;\n    switch (event.key) {\n      case 'ArrowRight': {\n        event.preventDefault();\n        const next = segments[current + 1];\n        if (next) next.focus();\n        else if (!ctx.focusChip(index + count, 1, 'field')) ctx.focusInput();\n        return;\n      }\n      case 'ArrowLeft': {\n        event.preventDefault();\n        const prev = segments[current - 1];\n        if (prev) prev.focus();\n        else ctx.focusChip(index - 1, -1, 'remove');\n        return;\n      }\n      case 'Delete':\n      case 'Backspace':\n        event.preventDefault();\n        remove();\n        break;\n      default:\n    }\n  };\n\n  const remove = () => {\n    ctx.removeGroup(group.id);\n    ctx.focusAfterRemove(index);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={next => ctx.setOpenGroup(next ? group.id : null)}>\n      <div\n        ref={rootRef}\n        role=\"group\"\n        aria-label={`Advanced filter, ${count} ${count === 1 ? 'condition' : 'conditions'}`}\n        aria-hidden={leaving || undefined}\n        data-slot=\"filter-bar-advanced\"\n        data-initial={initial || undefined}\n        data-leaving={leaving || undefined}\n        className={cn('filter-bar-advanced', chipClass, leaving && 'pointer-events-none', className)}\n        onKeyDown={handleKeyDown}\n      >\n        <PopoverTrigger\n          ref={el => {\n            triggerRef.current = el;\n            ctx.registerSegment(group.id, 'field', leaving ? null : el);\n          }}\n          render={<button type=\"button\" />}\n          data-filter-bar-segment=\"field\"\n          className={editableSegmentClass}\n          title=\"Edit advanced filter\"\n        >\n          <BracesIcon aria-hidden />\n          <span className=\"truncate\">Advanced filter</span>\n          {count > 0 && (\n            <Txt as=\"span\" variant=\"column\" tone=\"muted\" aria-hidden>\n              {count}\n            </Txt>\n          )}\n        </PopoverTrigger>\n        {leaving ? (\n          <span aria-hidden className={removeSegmentClass}>\n            <XIcon />\n          </span>\n        ) : (\n          <button\n            type=\"button\"\n            ref={el => ctx.registerSegment(group.id, 'remove', el)}\n            data-filter-bar-segment=\"remove\"\n            aria-label=\"Remove advanced filter\"\n            title=\"Remove advanced filter\"\n            className={removeSegmentClass}\n            onClick={remove}\n          >\n            <XIcon />\n          </button>\n        )}\n      </div>\n      <PopoverContent\n        align=\"start\"\n        className=\"w-[min(92vw,44rem)] p-0\"\n        {...{ [FILTER_BAR_SCOPE_ATTR]: 'advanced' }}\n        finalFocus={triggerRef}\n      >\n        <div className=\"flex items-center gap-2 border-b border-border px-3 py-2\">\n          <BracesIcon className=\"size-3.5 text-muted-foreground\" />\n          <Txt as=\"span\" variant=\"label\" tone=\"ink\">\n            Advanced filter\n          </Txt>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"rounded-md bg-fill-subtle px-1.5\">\n            {count}\n          </Txt>\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            className=\"ml-auto\"\n            tooltip=\"Close\"\n            onClick={() => ctx.setOpenGroup(null)}\n          >\n            <XIcon />\n          </Button>\n        </div>\n        <FilterBarGroupEditor\n          group={group}\n          depth={1}\n          removeLabel=\"Remove advanced filter\"\n          onRemove={() => {\n            ctx.setOpenGroup(null);\n            remove();\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nconst isUnder = (group: FilterBarGroup, itemId: string): boolean =>\n  group.nodes.some(node => (node.id === itemId ? true : 'kind' in node && isUnder(node, itemId)));\n","import { useFilterBarContext } from './filter-bar-context';\nimport { ClearFiltersButton } from '@/ds/components/ClearFiltersButton/clear-filters-button';\n\n/** Removes every removable filter. Rendered by FilterBar at its trailing edge; hidden while nothing can be removed. */\nexport function FilterBarClear({ label }: { label: string }) {\n  const ctx = useFilterBarContext();\n  if (!ctx.hasRemovableItems) return null;\n  return (\n    <ClearFiltersButton\n      label={label}\n      onClick={event => {\n        event.stopPropagation();\n        ctx.clear();\n        ctx.focusInput();\n      }}\n    />\n  );\n}\n","import { Fragment } from 'react';\nimport type { ReactNode } from 'react';\nimport { FilterBarAdvancedChip } from './filter-bar-advanced-chip';\nimport { FilterBarChip } from './filter-bar-chip';\nimport { FilterBarClear } from './filter-bar-clear';\nimport { FILTER_BAR_SCOPE_ATTR, FilterBarProvider, useFilterBarContext } from './filter-bar-context';\nimport { FilterBarInput } from './filter-bar-input';\nimport { FilterBarTimeRange } from './filter-bar-time-range';\nimport { isFilterBarGroup } from './types';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem, FilterBarOperator } from './types';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\ntype FilterBarValueProps =\n  | {\n      /** Flat list of filters, implicitly joined with `and`. Advanced filters are never offered. */\n      value: FilterBarItem[];\n      onValueChange: (items: FilterBarItem[]) => void;\n    }\n  | {\n      /**\n       * Tree of filters and groups. Root nodes are joined with `and`; each root group renders\n       * as one \"Advanced filter\" chip whose popover edits the nested `and` / `or` logic.\n       */\n      value: FilterBarExpression;\n      onValueChange: (expression: FilterBarExpression) => void;\n    };\n\nexport type FilterBarProps = FilterBarValueProps & {\n  fields: FilterBarField[];\n  operators: FilterBarOperator[];\n  /**\n   * Id given to a newly added item. Defaults to a random id. Consumers that rebuild `value` from\n   * their own store (URL, query params…) should return the id they will rebuild it with, so the\n   * draft chip and the committed chip are the same element.\n   */\n  createItemId?: (fieldId: string) => string;\n  /** How deep advanced-filter groups may nest (root-level group = 1). Defaults to 3. */\n  maxDepth?: number;\n  'aria-label'?: string;\n  /**\n   * Text shown in a value list when the field's `suggestions` resolver rejects, for example\n   * to explain a server limit. Return `undefined` to keep the default \"Couldn't load values.\".\n   */\n  describeSuggestionsError?: (error: unknown) => string | undefined;\n  /** Accessible label of the trailing \"remove every filter\" button. */\n  clearLabel?: string;\n  className?: string;\n  children: ReactNode;\n};\n\nfunction FilterBarSurface({\n  className,\n  clearLabel,\n  children,\n}: {\n  className?: string;\n  clearLabel: string;\n  children: ReactNode;\n}) {\n  const ctx = useFilterBarContext();\n  return (\n    <div\n      role=\"group\"\n      aria-label={ctx.ariaLabel}\n      data-slot=\"filter-bar\"\n      {...{ [FILTER_BAR_SCOPE_ATTR]: 'bar' }}\n      className={cn(\n        // No chrome of its own: chips and the typeahead input sit directly on the parent surface.\n        // Layout: chips, input, then Clear right beside the input — all in one wrapping row so\n        // Clear never drifts to the far edge of a wide container.\n        'flex w-full flex-wrap items-center gap-1.5',\n        className,\n      )}\n    >\n      {children}\n      <span className=\"flex shrink-0 items-center empty:hidden\">\n        <FilterBarClear label={clearLabel} />\n      </span>\n      <VisuallyHidden aria-live=\"polite\">{ctx.announcement}</VisuallyHidden>\n    </div>\n  );\n}\n\n/**\n * Braintrust-style filter bar: `field → operator → value` filters built from a\n * single typeahead input, rendered as inline editable chips. Domain-agnostic —\n * fields, operators and values are plain strings supplied by the consumer.\n *\n * Pass a `FilterBarExpression` as `value` to enable Linear-style advanced filters:\n * the input offers \"Advanced filter…\", which adds one chip whose popover hosts a\n * recursive rule builder (`and` / `or` connectors, nested groups). The bar itself\n * stays flat. A flat `FilterBarItem[]` stays flat.\n *\n * @example\n * <FilterBar value={items} onValueChange={setItems} fields={fields} operators={DEFAULT_FILTER_OPERATORS}>\n *   <FilterBar.Chips />\n *   <FilterBar.Input />\n * </FilterBar>\n */\nexport function FilterBar({\n  fields,\n  operators,\n  value,\n  onValueChange,\n  createItemId,\n  maxDepth,\n  'aria-label': ariaLabel = 'Filters',\n  describeSuggestionsError,\n  clearLabel = 'Clear filters',\n  className,\n  children,\n}: FilterBarProps) {\n  return (\n    <FilterBarProvider\n      fields={fields}\n      operators={operators}\n      value={value}\n      onValueChange={onValueChange}\n      createItemId={createItemId}\n      maxDepth={maxDepth}\n      ariaLabel={ariaLabel}\n      describeSuggestionsError={describeSuggestionsError}\n    >\n      <FilterBarSurface className={className} clearLabel={clearLabel}>\n        {children}\n      </FilterBarSurface>\n    </FilterBarProvider>\n  );\n}\n\n/**\n * Default layout: one editable chip per root item, one \"Advanced filter\" chip per root\n * group, in order, then the chip of the filter being built in the bar's input (which\n * becomes the last item's chip once committed).\n */\nexport function FilterBarChips({ renderChip = defaultRenderChip }: FilterBarChipsProps) {\n  const ctx = useFilterBarContext();\n  // One keyed array: the draft chip and the item it becomes share a key, so React\n  // keeps the element across the commit instead of mounting a new chip.\n  const chips: ReactNode[] = [];\n  for (const node of ctx.expression.nodes) {\n    const chip = isFilterBarGroup(node) ? <FilterBarAdvancedChip group={node} /> : renderChip(node);\n    if (chip !== null) chips.push(<Fragment key={node.id}>{chip}</Fragment>);\n  }\n  if (ctx.draft && !ctx.draft.groupId) {\n    // `FilterBarChip` needs a full item; the draft's missing parts are blank until picked.\n    const { id, fieldId, operatorId = '' } = ctx.draft;\n    chips.push(\n      <Fragment key={id}>\n        <FilterBarChip draft item={{ id, fieldId, operatorId, value: '' }} />\n      </Fragment>,\n    );\n  }\n  return <>{chips}</>;\n}\n\nexport type FilterBarChipsProps = {\n  /**\n   * Chip for an item; return `null` to render none (e.g. an item only held in the\n   * value for scoping). Defaults to a plain editable `FilterBar.Chip`.\n   */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\nconst defaultRenderChip = (item: FilterBarItem) => <FilterBarChip item={item} />;\n\nFilterBar.Chips = FilterBarChips;\nFilterBar.Chip = FilterBarChip;\nFilterBar.AdvancedChip = FilterBarAdvancedChip;\nFilterBar.Input = FilterBarInput;\nFilterBar.TimeRange = FilterBarTimeRange;\n","import type { FilterBarOperator } from './types';\n\n/** Opt-in starter set. Pure data: the component attaches no semantics to ids. */\nexport const DEFAULT_FILTER_OPERATORS: FilterBarOperator[] = [\n  { id: 'is', label: 'is', widensTo: 'in' },\n  { id: 'is-not', label: 'is not' },\n  { id: 'contains', label: 'contains' },\n  { id: 'not-contains', label: 'does not contain' },\n  { id: 'starts-with', label: 'starts with' },\n  { id: 'gt', label: '>' },\n  { id: 'lt', label: '<' },\n  { id: 'gte', label: '>=' },\n  { id: 'lte', label: '<=' },\n  { id: 'is-empty', label: 'is empty', arity: 'none' },\n  { id: 'is-not-empty', label: 'is not empty', arity: 'none' },\n  { id: 'in', label: 'in', arity: 'many' },\n];\n"],"mappings":"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"}

package/dist/MetricsCard-DojbLiEx.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricsCard-DojbLiEx.cjs","names":["cn","cn","Button","cn","GripVerticalIcon","cn","Txt","cn","_Fragment","Skeleton","cn","Spinner","cn","Txt","Card","cn","cn","DropdownMenu","cn","ChevronDownIcon","cn","cn","cn","SkeletonText","MetricsKpiCard"],"sources":["../src/ds/components/MetricsCard/metrics-card-actions.tsx","../src/ds/components/MetricsCard/metrics-card-content.tsx","../src/ds/components/MetricsCard/metrics-card-drag-handle.tsx","../src/ds/components/MetricsCard/metrics-card-error.tsx","../src/ds/components/MetricsCard/metrics-card-headline.tsx","../src/ds/components/MetricsCard/metrics-card-loading.tsx","../src/ds/components/MetricsCard/metrics-card-no-data.tsx","../src/ds/components/MetricsCard/metrics-card-root.tsx","../src/ds/components/MetricsCard/metrics-card-title.tsx","../src/ds/components/MetricsCard/metrics-card-title-menu.tsx","../src/ds/components/MetricsCard/metrics-card-toolbar.tsx","../src/ds/components/MetricsCard/metrics-card-top-bar.tsx","../src/ds/components/MetricsCard/metrics-card-total.tsx","../src/ds/components/MetricsCard/metrics-card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\n/** Container for icon buttons / small actions in the top bar of a MetricsCard,\n *  placed between the title and `Total` (which always renders last). Small (28px) buttons sit\n *  centered on the 20px title line without making the top bar taller. */\nexport function MetricsCardActions({\n  children,\n  reveal = 'always',\n  className,\n}: {\n  children: ReactNode;\n  /**\n   * `hover`: the actions appear while the card is hovered or one of them has focus, so a page\n   * of cards doesn't read as a page of buttons.\n   */\n  reveal?: 'always' | 'hover';\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        '-my-1 flex shrink-0 items-center gap-1 self-start',\n        reveal === 'hover' &&\n          'opacity-0 transition-opacity duration-150 group-hover/metrics-card:opacity-100 focus-within:opacity-100',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\n/**\n * Scrolls sideways only (wide tables). Vertical overflow is hidden: a chart filling a card with a\n * fractional height rounds 1px past it, which otherwise turns the content into a scroll box.\n * Tables inside a card drop the last row's border: the card edge already closes them.\n */\nexport function MetricsCardContent({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div className={cn('overflow-x-auto overflow-y-hidden [&_tbody>tr:last-child]:border-b-0', className)}>\n      {children}\n    </div>\n  );\n}\n","import { GripVerticalIcon } from 'lucide-react';\nimport type { DragEventHandler } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\n/** What a host's layout hands a card so it can be dragged, e.g. to rearrange a dashboard. */\nexport type MetricsCardDragHandleProps = {\n  /** What dragging does, e.g. \"Move widget\". */\n  'aria-label': string;\n  draggable?: boolean;\n  onDragStart?: DragEventHandler<HTMLElement>;\n  onDragEnd?: DragEventHandler<HTMLElement>;\n  className?: string;\n};\n\n/** The grip a card is dragged by, left of its title. Its negative margin keeps the top bar's height. */\nexport function MetricsCardDragHandle({ className, ...props }: MetricsCardDragHandleProps) {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      className={cn('-my-1 shrink-0 cursor-grab active:cursor-grabbing', className)}\n      {...props}\n    >\n      <GripVerticalIcon />\n    </Button>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardError({\n  message = 'Failed to load data',\n  className,\n}: {\n  message?: string;\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-col items-center justify-center gap-3', className)}>\n      <Txt variant=\"caption\" className=\"text-destructive-foreground\">\n        {message}\n      </Txt>\n    </div>\n  );\n}\n","import { Skeleton } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/**\n * The header of a card with one large chart (an explorer, a detail page): the label over a large\n * value, the change against the previous period beside it. Cards in a grid use the compact title\n * and `MetricsCard.Total` instead. A skeleton while loading, at the value's own trimmed height.\n */\nexport function MetricsCardHeadline({\n  label,\n  value,\n  change,\n  isLoading = false,\n  className,\n}: {\n  label: string;\n  value: string;\n  /** E.g. \"+71.4%\"; shown as \"+71.4% vs previous\". */\n  change?: string;\n  isLoading?: boolean;\n  className?: string;\n}) {\n  return (\n    <div className={cn('grid gap-1.5', className)}>\n      <h3 className=\"text-body-sm text-muted-foreground\">{label}</h3>\n      <span className=\"flex items-baseline gap-2\">\n        <span\n          className={cn(\n            'text-title text-foreground tabular-nums [text-box:trim-both_cap_alphabetic]',\n            isLoading && 'relative min-w-24',\n          )}\n        >\n          {isLoading ? (\n            // Hidden text keeps the value's trimmed height, so the row (and the actions centred on\n            // it) doesn't move when the value arrives; the bar covers it.\n            <>\n              <span className=\"invisible\">0</span>\n              <Skeleton className=\"absolute inset-0\" />\n            </>\n          ) : (\n            value\n          )}\n        </span>\n        {!isLoading &&\n          change && (\n            // Trimmed like the value, so its line box doesn't make the row taller than while loading.\n            <span className=\"text-body-sm text-muted-foreground tabular-nums [text-box:trim-both_cap_alphabetic]\">\n              {change} vs previous\n            </span>\n          )}\n      </span>\n    </div>\n  );\n}\n","import { Spinner } from '@/ds/components/Spinner/spinner';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardLoading({ className }: { className?: string }) {\n  return (\n    <div className={cn('flex items-center justify-center', className)}>\n      <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardNoData({ message = 'No data yet', className }: { message?: string; className?: string }) {\n  return (\n    <div className={cn('flex h-full items-center justify-center', className)}>\n      <Txt tone=\"faint\">{message}</Txt>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Card } from '@/ds/components/Card';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardRoot({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <Card\n      className={cn(\n        'group/metrics-card grid min-h-72 min-w-80 flex-1 grid-rows-[auto_1fr] gap-4 px-4 py-3 2xl:min-w-120 md:min-w-88 lg:min-w-sm xl:min-w-104',\n        className,\n      )}\n    >\n      {children}\n    </Card>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsCardTitle({\n  children,\n  className,\n  as: Tag = 'h3',\n}: {\n  children: string;\n  className?: string;\n  as?: 'h2' | 'h3' | 'h4';\n}) {\n  return <Tag className={cn('text-body font-medium text-foreground', className)}>{children}</Tag>;\n}\n","import { ChevronDownIcon } from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { DropdownMenuRadioOption } from '@/ds/components/DropdownMenu';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardTitleMenuProps<V extends string> = {\n  /** The card title for the picked view (e.g. \"Spend by model\"). */\n  title: string;\n  value: V;\n  onValueChange: (value: V) => void;\n  /** The views (e.g. \"By model\", \"By provider\"). */\n  options: readonly DropdownMenuRadioOption<V>[];\n  className?: string;\n};\n\n/**\n * A card title that switches the card's view, as on Vercel's usage cards: the title is the\n * trigger, with a chevron. The hover fill bleeds past the text so the title stays aligned.\n * Wrapped, so the top bar stretches the wrapper rather than the button, and the menu's open-state\n * nodes next to the trigger don't become the top bar's first child.\n */\nexport function MetricsCardTitleMenu<V extends string>({\n  title,\n  value,\n  onValueChange,\n  options,\n  className,\n}: MetricsCardTitleMenuProps<V>) {\n  return (\n    <div className=\"flex min-w-0\">\n      <DropdownMenu>\n        <DropdownMenu.Trigger\n          render={\n            <button\n              type=\"button\"\n              className={cn(\n                '-mx-1.5 -my-0.5 flex items-center gap-1 self-start rounded-md px-1.5 py-0.5 text-left text-body font-medium text-foreground hover:bg-fill-subtle',\n                className,\n              )}\n            />\n          }\n        >\n          {title}\n          <ChevronDownIcon className=\"size-3.5 text-muted-foreground\" />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\">\n          <DropdownMenu.RadioOptions options={options} value={value} onValueChange={onValueChange} closeOnSelect />\n        </DropdownMenu.Content>\n      </DropdownMenu>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\n/**\n * One row under the top bar for a card's controls: a legend, list column headers.\n * The first child sits on the left, the last on the right; either side may be omitted. When\n * both don't fit (a narrow card), the right side wraps to its own line, still on the right. At least 24px\n * tall, so toolbars line up across cards in the same row.\n */\nexport function MetricsCardToolbar({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div\n      className={cn(\n        'flex min-h-6 min-w-0 flex-wrap items-center justify-between gap-x-4 gap-y-2 [&>*:first-child]:min-w-0 [&>*:last-child:not(:first-child)]:ml-auto',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardTopBar({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div className={cn('flex items-start gap-4 [&>:first-child]:min-w-0 [&>:first-child]:flex-1', className)}>\n      {children}\n    </div>\n  );\n}\n","import { SkeletonText } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/** One of several totals in a card that charts a few series, marked with its series' color. */\nexport type MetricsCardTotalPart = { label: string; value: string; color: string };\n\n/**\n * A card's total, right of the title in the same type (14px, medium). Always the top\n * bar's last item. A skeleton while loading, in the value's own line box. A card charting a\n * few series of different things (resources, threads) can give one total each, each after a\n * marker in its series' color, like the legend.\n */\nexport function MetricsCardTotal({\n  value,\n  isLoading = false,\n  className,\n}: {\n  value: string | readonly MetricsCardTotalPart[];\n  isLoading?: boolean;\n  className?: string;\n}) {\n  return (\n    <span className={cn('order-last shrink-0 text-body font-medium text-foreground tabular-nums', className)}>\n      <TotalValue value={value} isLoading={isLoading} />\n    </span>\n  );\n}\n\nfunction TotalValue({ value, isLoading }: { value: string | readonly MetricsCardTotalPart[]; isLoading: boolean }) {\n  if (isLoading) return <SkeletonText line=\"text-body\" className=\"h-4 w-14\" />;\n  if (typeof value === 'string') return value;\n  return (\n    <span className=\"inline-flex items-center gap-3\">\n      {value.map(part => (\n        <span key={part.label} className=\"inline-flex items-center gap-1.5\">\n          <span aria-hidden className=\"size-2 shrink-0 rounded-[2px]\" style={{ backgroundColor: part.color }} />\n          {/* The marker is decorative; screen readers hear which total this is. */}\n          <span className=\"sr-only\">{part.label} </span>\n          {part.value}\n        </span>\n      ))}\n    </span>\n  );\n}\n","import { MetricsCardActions } from './metrics-card-actions';\nimport { MetricsCardContent } from './metrics-card-content';\nimport { MetricsCardDragHandle } from './metrics-card-drag-handle';\nimport { MetricsCardError } from './metrics-card-error';\nimport { MetricsCardHeadline } from './metrics-card-headline';\nimport { MetricsCardLoading } from './metrics-card-loading';\nimport { MetricsCardNoData } from './metrics-card-no-data';\nimport { MetricsCardRoot } from './metrics-card-root';\nimport { MetricsCardTitle } from './metrics-card-title';\nimport { MetricsCardTitleMenu } from './metrics-card-title-menu';\nimport { MetricsCardToolbar } from './metrics-card-toolbar';\nimport { MetricsCardTopBar } from './metrics-card-top-bar';\nimport { MetricsCardTotal } from './metrics-card-total';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\n\nexport const MetricsCard = Object.assign(MetricsCardRoot, {\n  Root: MetricsCardRoot,\n  Kpi: MetricsKpiCard,\n  TopBar: MetricsCardTopBar,\n  Toolbar: MetricsCardToolbar,\n  Actions: MetricsCardActions,\n  DragHandle: MetricsCardDragHandle,\n  Title: MetricsCardTitle,\n  TitleMenu: MetricsCardTitleMenu,\n  Total: MetricsCardTotal,\n  Headline: MetricsCardHeadline,\n  Loading: MetricsCardLoading,\n  Error: MetricsCardError,\n  Content: MetricsCardContent,\n  NoData: MetricsCardNoData,\n});\n"],"mappings":"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"}

package/dist/MetricsCard-kAqSCPPe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricsCard-kAqSCPPe.js","names":["_Fragment"],"sources":["../src/ds/components/MetricsCard/metrics-card-actions.tsx","../src/ds/components/MetricsCard/metrics-card-content.tsx","../src/ds/components/MetricsCard/metrics-card-drag-handle.tsx","../src/ds/components/MetricsCard/metrics-card-error.tsx","../src/ds/components/MetricsCard/metrics-card-headline.tsx","../src/ds/components/MetricsCard/metrics-card-loading.tsx","../src/ds/components/MetricsCard/metrics-card-no-data.tsx","../src/ds/components/MetricsCard/metrics-card-root.tsx","../src/ds/components/MetricsCard/metrics-card-title.tsx","../src/ds/components/MetricsCard/metrics-card-title-menu.tsx","../src/ds/components/MetricsCard/metrics-card-toolbar.tsx","../src/ds/components/MetricsCard/metrics-card-top-bar.tsx","../src/ds/components/MetricsCard/metrics-card-total.tsx","../src/ds/components/MetricsCard/metrics-card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\n/** Container for icon buttons / small actions in the top bar of a MetricsCard,\n *  placed between the title and `Total` (which always renders last). Small (28px) buttons sit\n *  centered on the 20px title line without making the top bar taller. */\nexport function MetricsCardActions({\n  children,\n  reveal = 'always',\n  className,\n}: {\n  children: ReactNode;\n  /**\n   * `hover`: the actions appear while the card is hovered or one of them has focus, so a page\n   * of cards doesn't read as a page of buttons.\n   */\n  reveal?: 'always' | 'hover';\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        '-my-1 flex shrink-0 items-center gap-1 self-start',\n        reveal === 'hover' &&\n          'opacity-0 transition-opacity duration-150 group-hover/metrics-card:opacity-100 focus-within:opacity-100',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\n/**\n * Scrolls sideways only (wide tables). Vertical overflow is hidden: a chart filling a card with a\n * fractional height rounds 1px past it, which otherwise turns the content into a scroll box.\n * Tables inside a card drop the last row's border: the card edge already closes them.\n */\nexport function MetricsCardContent({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div className={cn('overflow-x-auto overflow-y-hidden [&_tbody>tr:last-child]:border-b-0', className)}>\n      {children}\n    </div>\n  );\n}\n","import { GripVerticalIcon } from 'lucide-react';\nimport type { DragEventHandler } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\n/** What a host's layout hands a card so it can be dragged, e.g. to rearrange a dashboard. */\nexport type MetricsCardDragHandleProps = {\n  /** What dragging does, e.g. \"Move widget\". */\n  'aria-label': string;\n  draggable?: boolean;\n  onDragStart?: DragEventHandler<HTMLElement>;\n  onDragEnd?: DragEventHandler<HTMLElement>;\n  className?: string;\n};\n\n/** The grip a card is dragged by, left of its title. Its negative margin keeps the top bar's height. */\nexport function MetricsCardDragHandle({ className, ...props }: MetricsCardDragHandleProps) {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      className={cn('-my-1 shrink-0 cursor-grab active:cursor-grabbing', className)}\n      {...props}\n    >\n      <GripVerticalIcon />\n    </Button>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardError({\n  message = 'Failed to load data',\n  className,\n}: {\n  message?: string;\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-col items-center justify-center gap-3', className)}>\n      <Txt variant=\"caption\" className=\"text-destructive-foreground\">\n        {message}\n      </Txt>\n    </div>\n  );\n}\n","import { Skeleton } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/**\n * The header of a card with one large chart (an explorer, a detail page): the label over a large\n * value, the change against the previous period beside it. Cards in a grid use the compact title\n * and `MetricsCard.Total` instead. A skeleton while loading, at the value's own trimmed height.\n */\nexport function MetricsCardHeadline({\n  label,\n  value,\n  change,\n  isLoading = false,\n  className,\n}: {\n  label: string;\n  value: string;\n  /** E.g. \"+71.4%\"; shown as \"+71.4% vs previous\". */\n  change?: string;\n  isLoading?: boolean;\n  className?: string;\n}) {\n  return (\n    <div className={cn('grid gap-1.5', className)}>\n      <h3 className=\"text-body-sm text-muted-foreground\">{label}</h3>\n      <span className=\"flex items-baseline gap-2\">\n        <span\n          className={cn(\n            'text-title text-foreground tabular-nums [text-box:trim-both_cap_alphabetic]',\n            isLoading && 'relative min-w-24',\n          )}\n        >\n          {isLoading ? (\n            // Hidden text keeps the value's trimmed height, so the row (and the actions centred on\n            // it) doesn't move when the value arrives; the bar covers it.\n            <>\n              <span className=\"invisible\">0</span>\n              <Skeleton className=\"absolute inset-0\" />\n            </>\n          ) : (\n            value\n          )}\n        </span>\n        {!isLoading &&\n          change && (\n            // Trimmed like the value, so its line box doesn't make the row taller than while loading.\n            <span className=\"text-body-sm text-muted-foreground tabular-nums [text-box:trim-both_cap_alphabetic]\">\n              {change} vs previous\n            </span>\n          )}\n      </span>\n    </div>\n  );\n}\n","import { Spinner } from '@/ds/components/Spinner/spinner';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardLoading({ className }: { className?: string }) {\n  return (\n    <div className={cn('flex items-center justify-center', className)}>\n      <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardNoData({ message = 'No data yet', className }: { message?: string; className?: string }) {\n  return (\n    <div className={cn('flex h-full items-center justify-center', className)}>\n      <Txt tone=\"faint\">{message}</Txt>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Card } from '@/ds/components/Card';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardRoot({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <Card\n      className={cn(\n        'group/metrics-card grid min-h-72 min-w-80 flex-1 grid-rows-[auto_1fr] gap-4 px-4 py-3 2xl:min-w-120 md:min-w-88 lg:min-w-sm xl:min-w-104',\n        className,\n      )}\n    >\n      {children}\n    </Card>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsCardTitle({\n  children,\n  className,\n  as: Tag = 'h3',\n}: {\n  children: string;\n  className?: string;\n  as?: 'h2' | 'h3' | 'h4';\n}) {\n  return <Tag className={cn('text-body font-medium text-foreground', className)}>{children}</Tag>;\n}\n","import { ChevronDownIcon } from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { DropdownMenuRadioOption } from '@/ds/components/DropdownMenu';\nimport { cn } from '@/lib/utils';\n\nexport type MetricsCardTitleMenuProps<V extends string> = {\n  /** The card title for the picked view (e.g. \"Spend by model\"). */\n  title: string;\n  value: V;\n  onValueChange: (value: V) => void;\n  /** The views (e.g. \"By model\", \"By provider\"). */\n  options: readonly DropdownMenuRadioOption<V>[];\n  className?: string;\n};\n\n/**\n * A card title that switches the card's view, as on Vercel's usage cards: the title is the\n * trigger, with a chevron. The hover fill bleeds past the text so the title stays aligned.\n * Wrapped, so the top bar stretches the wrapper rather than the button, and the menu's open-state\n * nodes next to the trigger don't become the top bar's first child.\n */\nexport function MetricsCardTitleMenu<V extends string>({\n  title,\n  value,\n  onValueChange,\n  options,\n  className,\n}: MetricsCardTitleMenuProps<V>) {\n  return (\n    <div className=\"flex min-w-0\">\n      <DropdownMenu>\n        <DropdownMenu.Trigger\n          render={\n            <button\n              type=\"button\"\n              className={cn(\n                '-mx-1.5 -my-0.5 flex items-center gap-1 self-start rounded-md px-1.5 py-0.5 text-left text-body font-medium text-foreground hover:bg-fill-subtle',\n                className,\n              )}\n            />\n          }\n        >\n          {title}\n          <ChevronDownIcon className=\"size-3.5 text-muted-foreground\" />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\">\n          <DropdownMenu.RadioOptions options={options} value={value} onValueChange={onValueChange} closeOnSelect />\n        </DropdownMenu.Content>\n      </DropdownMenu>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\n/**\n * One row under the top bar for a card's controls: a legend, list column headers.\n * The first child sits on the left, the last on the right; either side may be omitted. When\n * both don't fit (a narrow card), the right side wraps to its own line, still on the right. At least 24px\n * tall, so toolbars line up across cards in the same row.\n */\nexport function MetricsCardToolbar({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div\n      className={cn(\n        'flex min-h-6 min-w-0 flex-wrap items-center justify-between gap-x-4 gap-y-2 [&>*:first-child]:min-w-0 [&>*:last-child:not(:first-child)]:ml-auto',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardTopBar({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div className={cn('flex items-start gap-4 [&>:first-child]:min-w-0 [&>:first-child]:flex-1', className)}>\n      {children}\n    </div>\n  );\n}\n","import { SkeletonText } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/** One of several totals in a card that charts a few series, marked with its series' color. */\nexport type MetricsCardTotalPart = { label: string; value: string; color: string };\n\n/**\n * A card's total, right of the title in the same type (14px, medium). Always the top\n * bar's last item. A skeleton while loading, in the value's own line box. A card charting a\n * few series of different things (resources, threads) can give one total each, each after a\n * marker in its series' color, like the legend.\n */\nexport function MetricsCardTotal({\n  value,\n  isLoading = false,\n  className,\n}: {\n  value: string | readonly MetricsCardTotalPart[];\n  isLoading?: boolean;\n  className?: string;\n}) {\n  return (\n    <span className={cn('order-last shrink-0 text-body font-medium text-foreground tabular-nums', className)}>\n      <TotalValue value={value} isLoading={isLoading} />\n    </span>\n  );\n}\n\nfunction TotalValue({ value, isLoading }: { value: string | readonly MetricsCardTotalPart[]; isLoading: boolean }) {\n  if (isLoading) return <SkeletonText line=\"text-body\" className=\"h-4 w-14\" />;\n  if (typeof value === 'string') return value;\n  return (\n    <span className=\"inline-flex items-center gap-3\">\n      {value.map(part => (\n        <span key={part.label} className=\"inline-flex items-center gap-1.5\">\n          <span aria-hidden className=\"size-2 shrink-0 rounded-[2px]\" style={{ backgroundColor: part.color }} />\n          {/* The marker is decorative; screen readers hear which total this is. */}\n          <span className=\"sr-only\">{part.label} </span>\n          {part.value}\n        </span>\n      ))}\n    </span>\n  );\n}\n","import { MetricsCardActions } from './metrics-card-actions';\nimport { MetricsCardContent } from './metrics-card-content';\nimport { MetricsCardDragHandle } from './metrics-card-drag-handle';\nimport { MetricsCardError } from './metrics-card-error';\nimport { MetricsCardHeadline } from './metrics-card-headline';\nimport { MetricsCardLoading } from './metrics-card-loading';\nimport { MetricsCardNoData } from './metrics-card-no-data';\nimport { MetricsCardRoot } from './metrics-card-root';\nimport { MetricsCardTitle } from './metrics-card-title';\nimport { MetricsCardTitleMenu } from './metrics-card-title-menu';\nimport { MetricsCardToolbar } from './metrics-card-toolbar';\nimport { MetricsCardTopBar } from './metrics-card-top-bar';\nimport { MetricsCardTotal } from './metrics-card-total';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\n\nexport const MetricsCard = Object.assign(MetricsCardRoot, {\n  Root: MetricsCardRoot,\n  Kpi: MetricsKpiCard,\n  TopBar: MetricsCardTopBar,\n  Toolbar: MetricsCardToolbar,\n  Actions: MetricsCardActions,\n  DragHandle: MetricsCardDragHandle,\n  Title: MetricsCardTitle,\n  TitleMenu: MetricsCardTitleMenu,\n  Total: MetricsCardTotal,\n  Headline: MetricsCardHeadline,\n  Loading: MetricsCardLoading,\n  Error: MetricsCardError,\n  Content: MetricsCardContent,\n  NoData: MetricsCardNoData,\n});\n"],"mappings":"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"}

package/dist/Tree-Caz4FTCU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree-Caz4FTCU.cjs","names":["React","React","cn","transitions","React","cn","Collapsible","React","CollapsibleContent","cn","React","cn","transitions","CollapsibleTrigger","DisclosureChevron","React","cn","React","Folder","File","cn","transitions","passwordManagerOptOutProps","React","cn","React","cn"],"sources":["../src/ds/components/Tree/tree-context.tsx","../src/ds/components/Tree/tree-file.tsx","../src/ds/components/Tree/tree-folder.tsx","../src/ds/components/Tree/tree-folder-content.tsx","../src/ds/components/Tree/tree-folder-trigger.tsx","../src/ds/components/Tree/tree-icon.tsx","../src/ds/components/Tree/tree-input.tsx","../src/ds/components/Tree/tree-label.tsx","../src/ds/components/Tree/tree-root.tsx","../src/ds/components/Tree/tree.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport * as React from 'react';\n\nexport interface TreeContextValue {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  focusItem?: (item: HTMLElement, options?: { focus?: boolean }) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n  return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue | null {\n  return React.useContext(TreeContext);\n}\n\nexport interface TreeFolderContextValue {\n  isFocused: boolean;\n  isOpen: boolean;\n}\n\nconst TreeFolderContext = React.createContext<TreeFolderContextValue | null>(null);\n\nexport function TreeFolderProvider({ children, value }: { children: React.ReactNode; value: TreeFolderContextValue }) {\n  return <TreeFolderContext.Provider value={value}>{children}</TreeFolderContext.Provider>;\n}\n\nexport function useTreeFolderContext(): TreeFolderContextValue | null {\n  return React.useContext(TreeFolderContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n  return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n  return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n  const treeCtx = useTreeContext();\n  const depth = useTreeDepth();\n  const isSelected = id != null && treeCtx?.selectedId === id;\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget);\n    if (id != null && treeCtx?.onSelect) {\n      treeCtx.onSelect(id);\n    }\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if ((e.key === 'Enter' || e.key === ' ') && id != null && treeCtx?.onSelect) {\n      e.preventDefault();\n      treeCtx.onSelect(id);\n    }\n  };\n\n  return (\n    <li\n      ref={ref}\n      role=\"treeitem\"\n      aria-level={depth + 1}\n      aria-selected={isSelected || undefined}\n      data-tree-item-kind=\"file\"\n      data-tree-item-id={id}\n      tabIndex={-1}\n      className={cn(\n        'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n        transitions.colors,\n        'outline-hidden hover:bg-fill-subtle focus-visible:bg-fill-subtle focus-visible:text-foreground focus-visible:outline-hidden',\n        isSelected && 'bg-fill-hover text-foreground',\n        className,\n      )}\n      // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n      style={{ paddingLeft: depth * 12 + 18 }}\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </li>\n  );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { TreeFolderProvider, useTreeContext, useTreeDepth } from './tree-context';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n  id?: string;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n  ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {\n    const treeCtx = useTreeContext();\n    const depth = useTreeDepth();\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const isOpen = open ?? internalOpen;\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        setInternalOpen(nextOpen);\n        onOpenChange?.(nextOpen);\n      },\n      [onOpenChange],\n    );\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLLIElement>) => {\n        if (e.target !== e.currentTarget) {\n          setIsFocused(false);\n          return;\n        }\n\n        setIsFocused(true);\n        treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n      },\n      [treeCtx],\n    );\n\n    const handleBlur = React.useCallback(() => {\n      setIsFocused(false);\n    }, []);\n\n    const folderContextValue = React.useMemo(() => ({ isFocused, isOpen }), [isFocused, isOpen]);\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-expanded={isOpen}\n        aria-level={depth + 1}\n        data-tree-item-kind=\"folder\"\n        data-tree-item-id={id}\n        tabIndex={-1}\n        className={cn('flex flex-col outline-hidden', className)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        <TreeFolderProvider value={folderContextValue}>\n          <Collapsible open={isOpen} onOpenChange={handleOpenChange}>\n            {children}\n          </Collapsible>\n        </TreeFolderProvider>\n      </li>\n    );\n  },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n  ({ className, children }, ref) => {\n    const depth = useTreeDepth();\n\n    return (\n      <CollapsibleContent ref={ref} fill className={cn(className)}>\n        <TreeDepthProvider depth={depth + 1}>\n          <ul role=\"group\" className=\"flex flex-col\">\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </CollapsibleContent>\n    );\n  },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth, useTreeFolderContext } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n  className?: string;\n  children: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n  ({ className, children, actions }, ref) => {\n    const treeCtx = useTreeContext();\n    const folderCtx = useTreeFolderContext();\n    const depth = useTreeDepth();\n\n    const focusFolderItem = React.useCallback(\n      (target: HTMLElement, options?: { focus?: boolean }) => {\n        const item = target.closest<HTMLElement>('[data-tree-item-kind=\"folder\"]');\n        if (item) {\n          treeCtx?.focusItem?.(item, options);\n        }\n      },\n      [treeCtx],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-tree-folder-row=\"true\"\n        className={cn(\n          'group flex h-7 w-full min-w-0 items-center rounded-sm hover:bg-fill-subtle',\n          transitions.colors,\n          folderCtx?.isFocused && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <CollapsibleTrigger\n          data-tree-folder-trigger=\"true\"\n          tabIndex={-1}\n          className=\"flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:outline-hidden\"\n          style={{ paddingLeft: depth * 12 }}\n          onMouseDown={e => {\n            e.preventDefault();\n            focusFolderItem(e.currentTarget);\n          }}\n          onFocus={e => {\n            focusFolderItem(e.currentTarget, { focus: false });\n          }}\n        >\n          <DisclosureChevron direction=\"right\" open={folderCtx?.isOpen} className=\"size-3 text-muted-foreground\" />\n          {children}\n        </CollapsibleTrigger>\n        {actions && (\n          <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n            {actions}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n    {children}\n  </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n  type: 'file' | 'folder';\n  onSubmit: (name: string) => void;\n  onCancel?: () => void;\n  defaultValue?: string;\n  placeholder?: string;\n  autoFocus?: boolean;\n  className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n  ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n    const depth = useTreeDepth();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const submittedRef = React.useRef(false);\n\n    const handleSubmit = React.useCallback(\n      (value: string) => {\n        if (submittedRef.current) return;\n        const trimmed = value.trim();\n        if (trimmed) {\n          submittedRef.current = true;\n          onSubmit(trimmed);\n        } else {\n          onCancel?.();\n        }\n      },\n      [onSubmit, onCancel],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          handleSubmit(e.currentTarget.value);\n        } else if (e.key === 'Escape') {\n          e.preventDefault();\n          onCancel?.();\n        }\n      },\n      [handleSubmit, onCancel],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        handleSubmit(e.currentTarget.value);\n      },\n      [handleSubmit],\n    );\n\n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.currentTarget.select();\n    }, []);\n\n    const Icon = type === 'folder' ? Folder : File;\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        data-tree-item-kind=\"input\"\n        className={cn(\n          'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n          transitions.colors,\n          'focus-within:bg-fill-subtle focus-within:text-foreground focus-within:outline-hidden',\n          className,\n        )}\n        style={{ paddingLeft: depth * 12 + 18 }}\n      >\n        <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n          <Icon className=\"text-muted-foreground\" />\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          {...passwordManagerOptOutProps}\n          className=\"min-w-0 flex-1 border-none bg-transparent text-caption text-foreground outline-hidden placeholder:text-muted-foreground\"\n        />\n      </li>\n    );\n  },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('truncate text-foreground', className)}>\n    {children}\n  </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { useIsomorphicLayoutEffect } from '@/hooks/use-isomorphic-layout-effect';\nimport { cn } from '@/lib/utils';\n\nconst TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind=\"folder\"], [data-tree-item-kind=\"file\"]';\nconst TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger=\"true\"]';\n\nexport interface TreeRootProps {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n\nfunction getTreeItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(\n    item => item.getAttribute('role') === 'treeitem',\n  );\n}\n\nfunction setTabStops(items: HTMLElement[], focusableItem: HTMLElement) {\n  for (const item of items) {\n    item.tabIndex = item === focusableItem ? 0 : -1;\n  }\n}\n\nfunction syncTreeItemSetMetadata(root: HTMLElement) {\n  const groups = [root, ...Array.from(root.querySelectorAll<HTMLElement>('[role=\"group\"]'))];\n\n  for (const group of groups) {\n    const items = Array.from(group.children).filter(\n      (child): child is HTMLElement =>\n        child instanceof HTMLElement &&\n        child.getAttribute('role') === 'treeitem' &&\n        child.hasAttribute('data-tree-item-kind'),\n    );\n\n    items.forEach((item, index) => {\n      item.setAttribute('aria-posinset', String(index + 1));\n      item.setAttribute('aria-setsize', String(items.length));\n    });\n  }\n}\n\nfunction findSelectedItem(items: HTMLElement[], selectedId: string | undefined): HTMLElement | null {\n  if (!selectedId) return null;\n  return items.find(item => item.dataset.treeItemId === selectedId) ?? null;\n}\n\nfunction getActiveTreeItem(root: HTMLElement, items: HTMLElement[]): HTMLElement | null {\n  const activeElement = root.ownerDocument.activeElement;\n  if (!(activeElement instanceof HTMLElement) || !root.contains(activeElement)) return null;\n\n  const activeItem = activeElement.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return activeItem && items.includes(activeItem) ? activeItem : null;\n}\n\nfunction getClosestTreeItem(root: HTMLElement, target: EventTarget | null): HTMLElement | null {\n  if (!(target instanceof HTMLElement) || !root.contains(target)) return null;\n  const item = target.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return item?.getAttribute('role') === 'treeitem' ? item : null;\n}\n\nfunction focusTreeItem(root: HTMLElement, item: HTMLElement, options: { focus?: boolean } = {}) {\n  const items = getTreeItems(root);\n  if (!items.includes(item)) return;\n\n  setTabStops(items, item);\n  if (options.focus !== false) {\n    item.focus();\n  }\n}\n\nfunction syncTreeTabStops(root: HTMLElement, selectedId: string | undefined) {\n  const items = getTreeItems(root);\n  syncTreeItemSetMetadata(root);\n\n  const firstItem = items[0];\n  if (!firstItem) return;\n\n  const activeItem = getActiveTreeItem(root, items);\n  const selectedItem = findSelectedItem(items, selectedId);\n  setTabStops(items, activeItem ?? selectedItem ?? firstItem);\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.dataset.treeFolderTrigger === 'true') return false;\n  if (target.isContentEditable) return true;\n\n  return !!target.closest('input, textarea, select, button, [contenteditable=\"true\"]');\n}\n\nfunction getFolderTrigger(item: HTMLElement): HTMLButtonElement | null {\n  return item.querySelector<HTMLButtonElement>(TREE_FOLDER_TRIGGER_SELECTOR);\n}\n\nfunction getParentTreeItem(item: HTMLElement): HTMLElement | null {\n  const parentGroup = item.parentElement?.closest('[role=\"group\"]');\n  return parentGroup?.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;\n}\n\nfunction activateTreeItem(item: HTMLElement) {\n  const trigger = getFolderTrigger(item);\n  if (trigger) {\n    trigger.click();\n  } else {\n    item.click();\n  }\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n  ({ selectedId, onSelect, className, children }, ref) => {\n    const rootRef = React.useRef<HTMLUListElement | null>(null);\n\n    const handleRootRef = React.useCallback(\n      (node: HTMLUListElement | null) => {\n        rootRef.current = node;\n        assignRef(ref, node);\n      },\n      [ref],\n    );\n\n    const focusItem = React.useCallback((item: HTMLElement, options?: { focus?: boolean }) => {\n      const root = rootRef.current;\n      if (!root) return;\n      focusTreeItem(root, item, options);\n    }, []);\n\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.defaultPrevented || isEditableTarget(event.target)) return;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const items = getTreeItems(root);\n      const currentItem =\n        getClosestTreeItem(root, event.target) ??\n        getActiveTreeItem(root, items) ??\n        items.find(item => item.tabIndex === 0);\n      if (!currentItem) return;\n\n      const currentIndex = items.indexOf(currentItem);\n      if (currentIndex < 0) return;\n\n      let nextItem: HTMLElement | null = null;\n      let handled = true;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          break;\n        case 'ArrowUp':\n          nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;\n          break;\n        case 'Home':\n          nextItem = items[0] ?? null;\n          break;\n        case 'End':\n          nextItem = items[items.length - 1] ?? null;\n          break;\n        case 'ArrowRight': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') !== 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          }\n          break;\n        }\n        case 'ArrowLeft': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') === 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = getParentTreeItem(currentItem);\n          }\n          break;\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar':\n          activateTreeItem(currentItem);\n          nextItem = currentItem;\n          break;\n        default:\n          handled = false;\n      }\n\n      if (!handled) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (nextItem) {\n        focusTreeItem(root, nextItem);\n      }\n    }, []);\n\n    useIsomorphicLayoutEffect(() => {\n      const root = rootRef.current;\n      if (!root) return;\n      syncTreeTabStops(root, selectedId);\n    }, [children, selectedId]);\n\n    React.useEffect(() => {\n      const root = rootRef.current;\n      if (!root || typeof MutationObserver === 'undefined') return;\n\n      const observer = new MutationObserver(() => {\n        syncTreeTabStops(root, selectedId);\n      });\n      observer.observe(root, { childList: true, subtree: true });\n\n      return () => {\n        observer.disconnect();\n      };\n    }, [selectedId]);\n\n    const contextValue = React.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);\n\n    return (\n      <TreeProvider value={contextValue}>\n        <TreeDepthProvider depth={0}>\n          <ul\n            ref={handleRootRef}\n            role=\"tree\"\n            className={cn('flex flex-col text-caption', className)}\n            onKeyDown={handleKeyDown}\n          >\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </TreeProvider>\n    );\n  },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n  Folder: TreeFolder,\n  FolderTrigger: TreeFolderTrigger,\n  FolderContent: TreeFolderContent,\n  File: TreeFile,\n  Icon: TreeIcon,\n  Label: TreeLabel,\n  Input: TreeInput,\n});\n"],"mappings":"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"}

package/dist/Tree-od43gLMO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree-od43gLMO.js","names":["React","React","React","React","React","React","React","React","React"],"sources":["../src/ds/components/Tree/tree-context.tsx","../src/ds/components/Tree/tree-file.tsx","../src/ds/components/Tree/tree-folder.tsx","../src/ds/components/Tree/tree-folder-content.tsx","../src/ds/components/Tree/tree-folder-trigger.tsx","../src/ds/components/Tree/tree-icon.tsx","../src/ds/components/Tree/tree-input.tsx","../src/ds/components/Tree/tree-label.tsx","../src/ds/components/Tree/tree-root.tsx","../src/ds/components/Tree/tree.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport * as React from 'react';\n\nexport interface TreeContextValue {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  focusItem?: (item: HTMLElement, options?: { focus?: boolean }) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n  return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue | null {\n  return React.useContext(TreeContext);\n}\n\nexport interface TreeFolderContextValue {\n  isFocused: boolean;\n  isOpen: boolean;\n}\n\nconst TreeFolderContext = React.createContext<TreeFolderContextValue | null>(null);\n\nexport function TreeFolderProvider({ children, value }: { children: React.ReactNode; value: TreeFolderContextValue }) {\n  return <TreeFolderContext.Provider value={value}>{children}</TreeFolderContext.Provider>;\n}\n\nexport function useTreeFolderContext(): TreeFolderContextValue | null {\n  return React.useContext(TreeFolderContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n  return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n  return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n  const treeCtx = useTreeContext();\n  const depth = useTreeDepth();\n  const isSelected = id != null && treeCtx?.selectedId === id;\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget);\n    if (id != null && treeCtx?.onSelect) {\n      treeCtx.onSelect(id);\n    }\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if ((e.key === 'Enter' || e.key === ' ') && id != null && treeCtx?.onSelect) {\n      e.preventDefault();\n      treeCtx.onSelect(id);\n    }\n  };\n\n  return (\n    <li\n      ref={ref}\n      role=\"treeitem\"\n      aria-level={depth + 1}\n      aria-selected={isSelected || undefined}\n      data-tree-item-kind=\"file\"\n      data-tree-item-id={id}\n      tabIndex={-1}\n      className={cn(\n        'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n        transitions.colors,\n        'outline-hidden hover:bg-fill-subtle focus-visible:bg-fill-subtle focus-visible:text-foreground focus-visible:outline-hidden',\n        isSelected && 'bg-fill-hover text-foreground',\n        className,\n      )}\n      // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n      style={{ paddingLeft: depth * 12 + 18 }}\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </li>\n  );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { TreeFolderProvider, useTreeContext, useTreeDepth } from './tree-context';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n  id?: string;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n  ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {\n    const treeCtx = useTreeContext();\n    const depth = useTreeDepth();\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const isOpen = open ?? internalOpen;\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        setInternalOpen(nextOpen);\n        onOpenChange?.(nextOpen);\n      },\n      [onOpenChange],\n    );\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLLIElement>) => {\n        if (e.target !== e.currentTarget) {\n          setIsFocused(false);\n          return;\n        }\n\n        setIsFocused(true);\n        treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n      },\n      [treeCtx],\n    );\n\n    const handleBlur = React.useCallback(() => {\n      setIsFocused(false);\n    }, []);\n\n    const folderContextValue = React.useMemo(() => ({ isFocused, isOpen }), [isFocused, isOpen]);\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-expanded={isOpen}\n        aria-level={depth + 1}\n        data-tree-item-kind=\"folder\"\n        data-tree-item-id={id}\n        tabIndex={-1}\n        className={cn('flex flex-col outline-hidden', className)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        <TreeFolderProvider value={folderContextValue}>\n          <Collapsible open={isOpen} onOpenChange={handleOpenChange}>\n            {children}\n          </Collapsible>\n        </TreeFolderProvider>\n      </li>\n    );\n  },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n  ({ className, children }, ref) => {\n    const depth = useTreeDepth();\n\n    return (\n      <CollapsibleContent ref={ref} fill className={cn(className)}>\n        <TreeDepthProvider depth={depth + 1}>\n          <ul role=\"group\" className=\"flex flex-col\">\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </CollapsibleContent>\n    );\n  },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth, useTreeFolderContext } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n  className?: string;\n  children: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n  ({ className, children, actions }, ref) => {\n    const treeCtx = useTreeContext();\n    const folderCtx = useTreeFolderContext();\n    const depth = useTreeDepth();\n\n    const focusFolderItem = React.useCallback(\n      (target: HTMLElement, options?: { focus?: boolean }) => {\n        const item = target.closest<HTMLElement>('[data-tree-item-kind=\"folder\"]');\n        if (item) {\n          treeCtx?.focusItem?.(item, options);\n        }\n      },\n      [treeCtx],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-tree-folder-row=\"true\"\n        className={cn(\n          'group flex h-7 w-full min-w-0 items-center rounded-sm hover:bg-fill-subtle',\n          transitions.colors,\n          folderCtx?.isFocused && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <CollapsibleTrigger\n          data-tree-folder-trigger=\"true\"\n          tabIndex={-1}\n          className=\"flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:outline-hidden\"\n          style={{ paddingLeft: depth * 12 }}\n          onMouseDown={e => {\n            e.preventDefault();\n            focusFolderItem(e.currentTarget);\n          }}\n          onFocus={e => {\n            focusFolderItem(e.currentTarget, { focus: false });\n          }}\n        >\n          <DisclosureChevron direction=\"right\" open={folderCtx?.isOpen} className=\"size-3 text-muted-foreground\" />\n          {children}\n        </CollapsibleTrigger>\n        {actions && (\n          <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n            {actions}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n    {children}\n  </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n  type: 'file' | 'folder';\n  onSubmit: (name: string) => void;\n  onCancel?: () => void;\n  defaultValue?: string;\n  placeholder?: string;\n  autoFocus?: boolean;\n  className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n  ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n    const depth = useTreeDepth();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const submittedRef = React.useRef(false);\n\n    const handleSubmit = React.useCallback(\n      (value: string) => {\n        if (submittedRef.current) return;\n        const trimmed = value.trim();\n        if (trimmed) {\n          submittedRef.current = true;\n          onSubmit(trimmed);\n        } else {\n          onCancel?.();\n        }\n      },\n      [onSubmit, onCancel],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          handleSubmit(e.currentTarget.value);\n        } else if (e.key === 'Escape') {\n          e.preventDefault();\n          onCancel?.();\n        }\n      },\n      [handleSubmit, onCancel],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        handleSubmit(e.currentTarget.value);\n      },\n      [handleSubmit],\n    );\n\n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.currentTarget.select();\n    }, []);\n\n    const Icon = type === 'folder' ? Folder : File;\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        data-tree-item-kind=\"input\"\n        className={cn(\n          'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n          transitions.colors,\n          'focus-within:bg-fill-subtle focus-within:text-foreground focus-within:outline-hidden',\n          className,\n        )}\n        style={{ paddingLeft: depth * 12 + 18 }}\n      >\n        <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n          <Icon className=\"text-muted-foreground\" />\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          {...passwordManagerOptOutProps}\n          className=\"min-w-0 flex-1 border-none bg-transparent text-caption text-foreground outline-hidden placeholder:text-muted-foreground\"\n        />\n      </li>\n    );\n  },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('truncate text-foreground', className)}>\n    {children}\n  </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { useIsomorphicLayoutEffect } from '@/hooks/use-isomorphic-layout-effect';\nimport { cn } from '@/lib/utils';\n\nconst TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind=\"folder\"], [data-tree-item-kind=\"file\"]';\nconst TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger=\"true\"]';\n\nexport interface TreeRootProps {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n\nfunction getTreeItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(\n    item => item.getAttribute('role') === 'treeitem',\n  );\n}\n\nfunction setTabStops(items: HTMLElement[], focusableItem: HTMLElement) {\n  for (const item of items) {\n    item.tabIndex = item === focusableItem ? 0 : -1;\n  }\n}\n\nfunction syncTreeItemSetMetadata(root: HTMLElement) {\n  const groups = [root, ...Array.from(root.querySelectorAll<HTMLElement>('[role=\"group\"]'))];\n\n  for (const group of groups) {\n    const items = Array.from(group.children).filter(\n      (child): child is HTMLElement =>\n        child instanceof HTMLElement &&\n        child.getAttribute('role') === 'treeitem' &&\n        child.hasAttribute('data-tree-item-kind'),\n    );\n\n    items.forEach((item, index) => {\n      item.setAttribute('aria-posinset', String(index + 1));\n      item.setAttribute('aria-setsize', String(items.length));\n    });\n  }\n}\n\nfunction findSelectedItem(items: HTMLElement[], selectedId: string | undefined): HTMLElement | null {\n  if (!selectedId) return null;\n  return items.find(item => item.dataset.treeItemId === selectedId) ?? null;\n}\n\nfunction getActiveTreeItem(root: HTMLElement, items: HTMLElement[]): HTMLElement | null {\n  const activeElement = root.ownerDocument.activeElement;\n  if (!(activeElement instanceof HTMLElement) || !root.contains(activeElement)) return null;\n\n  const activeItem = activeElement.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return activeItem && items.includes(activeItem) ? activeItem : null;\n}\n\nfunction getClosestTreeItem(root: HTMLElement, target: EventTarget | null): HTMLElement | null {\n  if (!(target instanceof HTMLElement) || !root.contains(target)) return null;\n  const item = target.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return item?.getAttribute('role') === 'treeitem' ? item : null;\n}\n\nfunction focusTreeItem(root: HTMLElement, item: HTMLElement, options: { focus?: boolean } = {}) {\n  const items = getTreeItems(root);\n  if (!items.includes(item)) return;\n\n  setTabStops(items, item);\n  if (options.focus !== false) {\n    item.focus();\n  }\n}\n\nfunction syncTreeTabStops(root: HTMLElement, selectedId: string | undefined) {\n  const items = getTreeItems(root);\n  syncTreeItemSetMetadata(root);\n\n  const firstItem = items[0];\n  if (!firstItem) return;\n\n  const activeItem = getActiveTreeItem(root, items);\n  const selectedItem = findSelectedItem(items, selectedId);\n  setTabStops(items, activeItem ?? selectedItem ?? firstItem);\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.dataset.treeFolderTrigger === 'true') return false;\n  if (target.isContentEditable) return true;\n\n  return !!target.closest('input, textarea, select, button, [contenteditable=\"true\"]');\n}\n\nfunction getFolderTrigger(item: HTMLElement): HTMLButtonElement | null {\n  return item.querySelector<HTMLButtonElement>(TREE_FOLDER_TRIGGER_SELECTOR);\n}\n\nfunction getParentTreeItem(item: HTMLElement): HTMLElement | null {\n  const parentGroup = item.parentElement?.closest('[role=\"group\"]');\n  return parentGroup?.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;\n}\n\nfunction activateTreeItem(item: HTMLElement) {\n  const trigger = getFolderTrigger(item);\n  if (trigger) {\n    trigger.click();\n  } else {\n    item.click();\n  }\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n  ({ selectedId, onSelect, className, children }, ref) => {\n    const rootRef = React.useRef<HTMLUListElement | null>(null);\n\n    const handleRootRef = React.useCallback(\n      (node: HTMLUListElement | null) => {\n        rootRef.current = node;\n        assignRef(ref, node);\n      },\n      [ref],\n    );\n\n    const focusItem = React.useCallback((item: HTMLElement, options?: { focus?: boolean }) => {\n      const root = rootRef.current;\n      if (!root) return;\n      focusTreeItem(root, item, options);\n    }, []);\n\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.defaultPrevented || isEditableTarget(event.target)) return;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const items = getTreeItems(root);\n      const currentItem =\n        getClosestTreeItem(root, event.target) ??\n        getActiveTreeItem(root, items) ??\n        items.find(item => item.tabIndex === 0);\n      if (!currentItem) return;\n\n      const currentIndex = items.indexOf(currentItem);\n      if (currentIndex < 0) return;\n\n      let nextItem: HTMLElement | null = null;\n      let handled = true;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          break;\n        case 'ArrowUp':\n          nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;\n          break;\n        case 'Home':\n          nextItem = items[0] ?? null;\n          break;\n        case 'End':\n          nextItem = items[items.length - 1] ?? null;\n          break;\n        case 'ArrowRight': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') !== 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          }\n          break;\n        }\n        case 'ArrowLeft': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') === 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = getParentTreeItem(currentItem);\n          }\n          break;\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar':\n          activateTreeItem(currentItem);\n          nextItem = currentItem;\n          break;\n        default:\n          handled = false;\n      }\n\n      if (!handled) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (nextItem) {\n        focusTreeItem(root, nextItem);\n      }\n    }, []);\n\n    useIsomorphicLayoutEffect(() => {\n      const root = rootRef.current;\n      if (!root) return;\n      syncTreeTabStops(root, selectedId);\n    }, [children, selectedId]);\n\n    React.useEffect(() => {\n      const root = rootRef.current;\n      if (!root || typeof MutationObserver === 'undefined') return;\n\n      const observer = new MutationObserver(() => {\n        syncTreeTabStops(root, selectedId);\n      });\n      observer.observe(root, { childList: true, subtree: true });\n\n      return () => {\n        observer.disconnect();\n      };\n    }, [selectedId]);\n\n    const contextValue = React.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);\n\n    return (\n      <TreeProvider value={contextValue}>\n        <TreeDepthProvider depth={0}>\n          <ul\n            ref={handleRootRef}\n            role=\"tree\"\n            className={cn('flex flex-col text-caption', className)}\n            onKeyDown={handleKeyDown}\n          >\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </TreeProvider>\n    );\n  },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n  Folder: TreeFolder,\n  FolderTrigger: TreeFolderTrigger,\n  FolderContent: TreeFolderContent,\n  File: TreeFile,\n  Icon: TreeIcon,\n  Label: TreeLabel,\n  Input: TreeInput,\n});\n"],"mappings":"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"}

package/dist/combobox-parts-BeNqgCbj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-parts-BeNqgCbj.cjs","names":["cn","buttonVariants","isIconButtonSize","controlTriggerOpenState","fieldTriggerErrorBorder","cva","menuItemClass","menuPopupClass","menuPositionerClass","menuSearchClasses","menuEmptyClass","menuItemCheckClass","BaseCombobox","cn","ChevronDown","isIconButtonSize","_Fragment","ButtonIcon","ButtonChevron","X","passwordManagerOptOutProps","Search","usePopupAnchor","usePortalContainer","FLOATING_POSITION_METHOD","ScrollArea","ScrollAreaViewport","Check","menuLabelClass","menuSeparatorClass","React"],"sources":["../src/ds/components/Combobox/combobox-styles.ts","../src/ds/components/Combobox/combobox-parts.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { buttonVariants, isIconButtonSize } from '../Button/Button';\nimport type { ButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport type { ControlTriggerVisualVariant } from '@/ds/primitives/control-size';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSearchClasses,\n  menuEmptyClass,\n} from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n/**\n * A combobox is a form field, so it reuses the Button's size/shape recipe,\n * mirroring `SelectTrigger`: `default` (the Input's overlay surface — the\n * default here too) and `ghost` (borderless, for breadcrumbs/inline pickers). Only the high-emphasis `primary`\n * look is intentionally NOT offered (a field is not a call-to-action).\n */\nexport type ComboboxVisualVariant = ControlTriggerVisualVariant;\nexport type ComboboxLegacyVariant = 'link';\nexport type ComboboxVariant = ComboboxVisualVariant | ComboboxLegacyVariant;\n\nfunction normalizeComboboxVariant(variant: ComboboxVariant): ComboboxVisualVariant {\n  return variant === 'link' ? 'ghost' : variant;\n}\n\n/**\n * Single source of truth for both the single- and multi-select combobox\n * triggers. A combobox = a button + a trailing chevron, so it reuses the Button\n * recipe (variant colors, size = height/text/padding/radius, unified border\n * focus, disabled) and layers only the combobox-specific extras — exactly like\n * `SelectTrigger`.\n */\nexport function comboboxTriggerClass({\n  variant,\n  size,\n  className,\n}: {\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  className?: string;\n}): string {\n  const visualVariant = normalizeComboboxVariant(variant);\n\n  return cn(\n    buttonVariants({ variant: visualVariant, size }),\n    visualVariant === 'default' && fieldTriggerStyle,\n    // Fill the field and push the value left / chevron right (Button's base\n    // centers its content with `justify-center`). Icon sizes are a fixed square\n    // showing only the chevron, so they keep Button's centering.\n    !isIconButtonSize(size) && cn(fieldTriggerWidthStyle, 'justify-between'),\n    // Read as \"active\" while the popup is open, per variant (see map above).\n    controlTriggerOpenState[visualVariant],\n    'data-[placeholder]:text-muted-foreground',\n    fieldTriggerErrorBorder,\n    className,\n  );\n}\n\n/** Options are shared menu items, which already grow to fit a second line. */\nexport const comboboxItemClass = cva(menuItemClass, {\n  variants: {\n    multiple: {\n      false: '',\n      true: '',\n    },\n  },\n  defaultVariants: {\n    multiple: false,\n  },\n});\n\n/** Fixed popup widths a call site can pick; without one the popup takes the trigger's width. Never narrower than the trigger or wider than the screen. */\nexport type ComboboxPopupWidth = 'sm' | 'md' | 'lg' | 'xl';\n\nexport const comboboxPopupWidthClass: Record<ComboboxPopupWidth, string> = {\n  sm: 'w-48',\n  md: 'w-64',\n  lg: 'w-80',\n  xl: 'w-96',\n};\n\nexport const comboboxStyles = {\n  /** @deprecated A `Field` lays out the combobox and its error. */\n  root: 'flex flex-col gap-1.5',\n\n  /** Chevron icon in trigger — decorative icon token shared by every field. */\n\n  /** Placeholder text color */\n  placeholder: 'text-muted-foreground',\n\n  /**\n   * Popup container — shared menu popup, but the search row sits edge-to-edge\n   * above the list, so padding/scrolling move to the list itself.\n   */\n  popup: cn(menuPopupClass, 'max-h-none overflow-hidden p-0'),\n\n  /** Positioner */\n  positioner: cn(menuPositionerClass, 'pointer-events-auto'),\n\n  /** Search input container — borderless top section, hairline divider below. */\n  searchContainer: menuSearchClasses.container,\n\n  /** Search icon */\n  searchIcon: menuSearchClasses.icon,\n\n  /** Search input */\n  searchInput: cn(menuSearchClasses.input, 'disabled:cursor-not-allowed disabled:opacity-50'),\n\n  /** Empty state */\n  empty: cn(menuEmptyClass, 'empty:hidden'),\n\n  /** Options list */\n  // `empty:p-0` — Empty renders outside the List, so an empty List must not leave its padding behind.\n  list: 'p-1 empty:p-0',\n\n  /** Scroll container around the List. */\n  listScroller: 'max-h-dropdown overflow-y-auto overflow-x-hidden',\n\n  /** Option item base — rounded-lg sits concentrically inside rounded-xl + p-1. */\n  item: comboboxItemClass({ multiple: false }),\n\n  /** An item's content beside its check: start slot, text, end slot. */\n  itemContent: 'flex min-w-0 flex-1 items-center gap-2',\n\n  /** Multi-select item — same item rhythm with a right-aligned selected check. */\n  itemMulti: comboboxItemClass({ multiple: true }),\n\n  /** Right-aligned slot grouping end content + selection check. */\n  itemRightSlot: 'ml-auto flex items-center gap-2 shrink-0',\n\n  /** Check indicator container — inline, shown only when item is selected. */\n  checkContainer: cn(menuItemCheckClass, 'ml-0'),\n\n  /** Check icon (single select) */\n  checkIcon: 'size-full',\n\n  /** Option label/description wrapper */\n  optionText: 'flex flex-col gap-0.5 min-w-0',\n\n  /** Option label: wraps (ids break anywhere) and clamps at two lines, so a long label stays readable without growing the row. */\n  optionLabel: 'line-clamp-2 whitespace-normal wrap-anywhere',\n\n  /** Option description: same two-line clamp as the label. */\n  optionDescription: 'text-caption text-muted-foreground line-clamp-2 whitespace-normal wrap-anywhere',\n\n  /** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */\n  optionEnd: 'ml-auto flex items-center shrink-0',\n\n  /** @deprecated A `FieldError` colors the error. */\n  error: 'text-body-sm text-destructive-foreground',\n} as const;\n","// Composable Combobox parts: shadcn's structure and names (https://ui.shadcn.com/docs/components/combobox),\n// built on Base UI like theirs, styled with our design system. The root is `ComboboxRoot` because\n// `Combobox` is the options-driven component in combobox.tsx.\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronDown, Search, X } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxItemClass, comboboxStyles, comboboxTriggerClass } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { ButtonChevron, ButtonIcon, isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize, TextButtonSize } from '@/ds/components/Button/Button';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { menuLabelClass, menuSeparatorClass } from '@/ds/primitives/menu-item';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { usePopupAnchor } from '@/ds/primitives/popup-anchor';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport type { PortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n/**\n * Root. Same props as Base UI's `Combobox.Root` (`items`, `value`, `onValueChange`, `multiple`,\n * `autoHighlight`, `filter`, ...). Pick one of three shapes:\n * - Search in the field: `ComboboxInput` + `ComboboxContent`.\n * - Multiple, chips in the field: `ComboboxChips` (chips + `ComboboxChipsInput`) + `ComboboxContent`.\n * - Compact trigger, search in the popup: `ComboboxTrigger` + `ComboboxContent` starting with\n *   `ComboboxSearch`. For small triggers (an icon, a ghost button in a toolbar).\n */\nfunction ComboboxRoot<Value, Multiple extends boolean | undefined = false>(\n  props: BaseCombobox.Root.Props<Value, Multiple>,\n) {\n  return <BaseCombobox.Root {...props} />;\n}\n\n/**\n * The field surface: today's trigger look, focus shown while the input inside has focus. The\n * chevron ends every field, at the same padding as today's Combobox trigger.\n */\nconst fieldClass = (size: TextButtonSize = 'md') =>\n  cn(\n    comboboxTriggerClass({ variant: 'default', size }),\n    'cursor-text gap-2 focus-within:[--surface-rim:var(--field-rim-focus)]',\n    // Disabled like other form elements (muted text, not-allowed cursor), keyed off the input.\n    'has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-field-disabled has-[input:disabled]:[&_*]:cursor-not-allowed has-[input:disabled]:[&_*]:text-muted-foreground',\n    // The input inside carries `aria-invalid`; the field shows it like other invalid fields.\n    'has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive-indicator)] has-[[aria-invalid=true]]:[--field-rim:var(--destructive-indicator)]',\n  );\n\n/**\n * Text starts 0.9em in (the Button recipe's padding, shared with Select and today's Combobox).\n * The chevron is a 22px circle; its arrow's ink sits 6.33px inside the circle's edge (3px circle\n * inset + 3.33px icon inset), so the end padding puts that ink 0.9em from the end, like the text.\n */\nconst fieldPx = '0.9em';\n\n/** Inline so it wins over the Button recipe's `px` (same layer, later in the sheet). */\nconst fieldStyle: React.CSSProperties = {\n  paddingInlineStart: fieldPx,\n  paddingInlineEnd: `calc(${fieldPx} - 6.33px)`,\n};\n\n/**\n * Chips sit 4px from the field's edge on top, bottom and left: 3px visible inside the 1px rim,\n * the same 3px as the gap between chips. A chip is the field height minus that padding (22px).\n */\nconst chipsFieldStyle: React.CSSProperties = {\n  // Longhands only: a `padding` shorthand here would also reset the chevron's end padding.\n  paddingBlock: '4px',\n  paddingInlineStart: '4px',\n  paddingInlineEnd: fieldStyle.paddingInlineEnd,\n};\n\n// `w-0` + `flex-1`: an input's default width (about 20 characters) would otherwise set the field's\n// minimum width, so it couldn't shrink into a narrow column.\nconst inputClass =\n  'h-full w-0 min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground';\n\n/** Caret at the end of the value instead of selecting it, the way a text field behaves. */\nfunction moveCaretToEnd(event: React.FocusEvent<HTMLInputElement>) {\n  const input = event.currentTarget;\n  // Deferred one frame so it runs after the click places the caret; clicking the label lands here too.\n  requestAnimationFrame(() => input.setSelectionRange(input.value.length, input.value.length));\n}\n\n/**\n * The selected value, for a compact `ComboboxTrigger` or a custom display. `children` can be a\n * function of the value; `placeholder` shows while nothing is selected.\n */\nfunction ComboboxValue(props: BaseCombobox.Value.Props) {\n  return <BaseCombobox.Value data-slot=\"combobox-value\" {...props} />;\n}\n\n/** The round chevron button that ends ComboboxInput and ComboboxChips. */\nfunction ComboboxFieldTrigger() {\n  return (\n    <BaseCombobox.Trigger\n      data-slot=\"combobox-field-trigger\"\n      aria-label=\"Show options\"\n      // A round button target: the circle fills on hover, the chevron keeps its color.\n      className=\"flex size-5.5 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground not-data-disabled:hover:bg-fill\"\n    >\n      {/* Sized like Select's chevron: outside the icon rung, so it keeps Lucide's default stroke\n          (1.33px at 16px) instead of the rung's 1px. */}\n      <ChevronDown className=\"size-4\" />\n    </BaseCombobox.Trigger>\n  );\n}\n\ntype ComboboxTriggerProps = Omit<BaseCombobox.Trigger.Props, 'className'> & {\n  className?: string;\n  /** The Button-recipe look, like Select: `default` (field surface), `outline` or `ghost`. */\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) show only `icon` (or the chevron); `children` stay as accessible text. */\n  size?: ButtonSize;\n  /** Shown before the value, or alone at icon sizes (e.g. a filter icon), replacing the chevron there. */\n  icon?: React.ReactNode;\n  showChevron?: boolean;\n};\n\n/**\n * A compact trigger that opens the list, with the search inside the popup (`ComboboxSearch`). For\n * small triggers such as an icon or a ghost button; a form field uses ComboboxInput instead.\n * `children` is what the trigger shows, usually `<ComboboxValue placeholder=\"…\" />`.\n */\nfunction ComboboxTrigger({\n  className,\n  children,\n  variant = 'default',\n  size = 'md',\n  icon,\n  showChevron = !(icon && isIconButtonSize(size)),\n  ...props\n}: ComboboxTriggerProps) {\n  const iconOnly = isIconButtonSize(size);\n  return (\n    <BaseCombobox.Trigger\n      data-slot=\"combobox-trigger\"\n      data-shape={iconOnly ? 'icon' : undefined}\n      className={comboboxTriggerClass({ variant, size, className })}\n      {...props}\n    >\n      {isIconButtonSize(size) ? (\n        <>\n          {icon}\n          <span className=\"sr-only\">{children}</span>\n        </>\n      ) : (\n        <>\n          {icon && <ButtonIcon size={size}>{icon}</ButtonIcon>}\n          <span className=\"min-w-0 flex-1 truncate text-left\">{children}</span>\n        </>\n      )}\n      {showChevron && <ButtonChevron size={size} />}\n    </BaseCombobox.Trigger>\n  );\n}\n\n/** An × that clears the value. ComboboxInput renders it with `showClear`. */\nfunction ComboboxClear({ className, ...props }: BaseCombobox.Clear.Props) {\n  return (\n    <BaseCombobox.Clear\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:text-foreground',\n        className,\n      )}\n      {...props}\n    >\n      <X className=\"size-3.5\" />\n    </BaseCombobox.Clear>\n  );\n}\n\ntype ComboboxInputProps = Omit<BaseCombobox.Input.Props, 'size'> & {\n  /** The field height, from the control sizes. `md` by default. */\n  size?: TextButtonSize;\n  /** Shown before the text, e.g. the selected item's icon. */\n  start?: React.ReactNode;\n  /** The chevron button at the end. On by default. */\n  showTrigger?: boolean;\n  /** An × before the chevron that clears the value. */\n  showClear?: boolean;\n};\n\n/**\n * The field you type in to filter, showing the selected value while it's closed. `children` render\n * inside the field before the chevron (e.g. a muted \"4 items\" detail). The list opens at the\n * field's width. Inside a `Field`, the label and errors link to it.\n */\nfunction ComboboxInput({\n  className,\n  children,\n  showTrigger = true,\n  showClear = false,\n  size,\n  start,\n  onFocus,\n  ...props\n}: ComboboxInputProps) {\n  return (\n    <BaseCombobox.InputGroup data-slot=\"combobox-input\" className={cn(fieldClass(size), className)} style={fieldStyle}>\n      {start ? <span className=\"flex shrink-0 items-center\">{start}</span> : null}\n      <BaseCombobox.Input\n        onFocus={event => {\n          moveCaretToEnd(event);\n          onFocus?.(event);\n        }}\n        className={inputClass}\n        {...passwordManagerOptOutProps}\n        {...props}\n      />\n      {children ? <span className=\"flex shrink-0 items-center gap-2 text-muted-foreground\">{children}</span> : null}\n      {showClear ? <ComboboxClear /> : null}\n      {showTrigger ? <ComboboxFieldTrigger /> : null}\n    </BaseCombobox.InputGroup>\n  );\n}\n\n/**\n * The search row at the top of the popup, for a compact `ComboboxTrigger`. The same row as today's\n * Combobox: a search icon, a borderless input and a hairline under it.\n */\nfunction ComboboxSearch({ className, ...props }: BaseCombobox.Input.Props) {\n  return (\n    <div data-slot=\"combobox-search\" className={comboboxStyles.searchContainer}>\n      <Search className={comboboxStyles.searchIcon} />\n      <BaseCombobox.Input\n        className={cn(comboboxStyles.searchInput, className)}\n        {...passwordManagerOptOutProps}\n        {...props}\n      />\n    </div>\n  );\n}\n\ntype ComboboxContentProps = BaseCombobox.Popup.Props &\n  Pick<BaseCombobox.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {\n    /** Where the popup portals to. Defaults to the nearest dialog or drawer, so it stays interactive there. */\n    container?: PortalContainer;\n  };\n\n/**\n * The popup. Under a field (ComboboxInput or ComboboxChips) it opens at the field's width; under a\n * compact ComboboxTrigger it takes the trigger's width, at least 11rem. Either way the width never\n * follows the filtered items, so it holds still while you type. (`Combobox`'s `popupWidth` picks a\n * fixed, wider width for long options instead.)\n */\nfunction ComboboxContent({\n  className,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'start',\n  alignOffset = 0,\n  anchor,\n  container,\n  ...props\n}: ComboboxContentProps) {\n  const popupAnchor = usePopupAnchor();\n  const resolvedContainer = usePortalContainer(container);\n  return (\n    <BaseCombobox.Portal container={resolvedContainer}>\n      <BaseCombobox.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        // Base UI anchors to the field (the InputGroup of ComboboxInput or ComboboxChips), or to the\n        // trigger when the input is in the popup; a crumb switcher anchors to the whole crumb.\n        anchor={anchor ?? popupAnchor}\n        positionMethod={FLOATING_POSITION_METHOD}\n        className={comboboxStyles.positioner}\n      >\n        <BaseCombobox.Popup\n          data-slot=\"combobox-content\"\n          // With the popup's `min-w-[max(11rem,var(--anchor-width))]`: the anchor's width, at least 11rem.\n          className={cn(comboboxStyles.popup, 'w-(--anchor-width)', className)}\n          {...props}\n        />\n      </BaseCombobox.Positioner>\n    </BaseCombobox.Portal>\n  );\n}\n\n/** The scrolling list. Children: a render function per item (or per group), like Base UI's List. */\nfunction ComboboxList({ className, ...props }: BaseCombobox.List.Props) {\n  return (\n    <ScrollArea maxHeight=\"var(--spacing-dropdown)\">\n      <ScrollAreaViewport className=\"scroll-py-8\">\n        <BaseCombobox.List data-slot=\"combobox-list\" className={cn(comboboxStyles.list, className)} {...props} />\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n\n/** One option. A check shows on the right while it's selected. */\nfunction ComboboxItem({ className, children, ref, ...props }: BaseCombobox.Item.Props) {\n  return (\n    <BaseCombobox.Item ref={ref} data-slot=\"combobox-item\" className={cn(comboboxItemClass({}), className)} {...props}>\n      <span className={comboboxStyles.itemContent}>{children}</span>\n      <span className={comboboxStyles.checkContainer}>\n        <BaseCombobox.ItemIndicator>\n          <Check className={comboboxStyles.checkIcon} />\n        </BaseCombobox.ItemIndicator>\n      </span>\n    </BaseCombobox.Item>\n  );\n}\n\n/** Title over a description inside an item (shadcn's Item / ItemTitle / ItemDescription). */\nfunction ComboboxItemContent({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span data-slot=\"combobox-item-content\" className={cn('flex min-w-0 flex-col gap-0.5', className)} {...props} />\n  );\n}\n\nfunction ComboboxItemTitle({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"combobox-item-title\" className={cn('truncate', className)} {...props} />;\n}\n\n/** Muted, up to two lines. */\nfunction ComboboxItemDescription({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"combobox-item-description\"\n      // `whitespace-normal`: the item recipe's `[&>span]:truncate` makes its content `nowrap`, which\n      // would cut the description off mid-word on one line instead of clamping it at two.\n      className={cn('line-clamp-2 text-caption whitespace-normal text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\n/** Muted text at the end of an item, e.g. its kind (\"Agent\"). */\nfunction ComboboxItemEnd({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"combobox-item-end\"\n      className={cn('ml-auto shrink-0 text-caption text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\n/** A section of items. Pass the section's `items`; render them with ComboboxCollection. */\nfunction ComboboxGroup(props: BaseCombobox.Group.Props) {\n  return <BaseCombobox.Group data-slot=\"combobox-group\" {...props} />;\n}\n\n/** A group's heading, styled like menu section labels. */\nfunction ComboboxLabel({ className, ...props }: BaseCombobox.GroupLabel.Props) {\n  return <BaseCombobox.GroupLabel data-slot=\"combobox-label\" className={cn(menuLabelClass, className)} {...props} />;\n}\n\n/** Renders a group's filtered items, one render function call per item. */\nfunction ComboboxCollection(props: BaseCombobox.Collection.Props) {\n  return <BaseCombobox.Collection data-slot=\"combobox-collection\" {...props} />;\n}\n\n/** Shows its children only when the filter matches nothing. */\nfunction ComboboxEmpty({ className, ...props }: BaseCombobox.Empty.Props) {\n  return <BaseCombobox.Empty data-slot=\"combobox-empty\" className={cn(comboboxStyles.empty, className)} {...props} />;\n}\n\nfunction ComboboxSeparator({ className, ...props }: BaseCombobox.Separator.Props) {\n  return (\n    <BaseCombobox.Separator data-slot=\"combobox-separator\" className={cn(menuSeparatorClass, className)} {...props} />\n  );\n}\n\n/**\n * Multi-select field: chips for the picked items, then ComboboxChipsInput. The chips and input wrap\n * inside their own area so the chevron keeps its place on the first row. While the field is one\n * line it keeps the pill shape of every other field; once chips wrap it takes the Textarea corner.\n */\nfunction ComboboxChips({ className, children, 'aria-label': ariaLabel, ...props }: BaseCombobox.InputGroup.Props) {\n  // On the inner chips area, so a caller's `ref` reaches the field without merging refs.\n  const chipsRef = React.useRef<HTMLDivElement>(null);\n  const [multiline, setMultiline] = React.useState(false);\n\n  React.useLayoutEffect(() => {\n    const field = chipsRef.current?.parentElement;\n    // No observer (e.g. jsdom in tests): the field keeps its one-row shape.\n    if (!field || typeof ResizeObserver === 'undefined') return;\n    // One row is the control height (the field's `min-height`); anything taller means the chips wrapped.\n    // The 1px slack absorbs subpixel rounding.\n    const rowHeight = parseFloat(getComputedStyle(field).minHeight) || 0;\n    const observer = new ResizeObserver(() => setMultiline(field.offsetHeight > rowHeight + 1));\n    observer.observe(field);\n    return () => observer.disconnect();\n  }, []);\n\n  // Chips inside an InputGroup, like Base UI's multi-select example: the popup anchors to the group.\n  return (\n    <BaseCombobox.InputGroup\n      data-slot=\"combobox-chips\"\n      data-multiline={multiline ? '' : undefined}\n      style={chipsFieldStyle}\n      className={cn(\n        fieldClass(),\n        'h-auto min-h-control-md items-start data-multiline:rounded-xl',\n        // The chips field keeps its resting look: no open tint, no placeholder color. InputGroup sets those\n        // attributes, which the trigger recipe styles.\n        'data-[placeholder]:text-foreground data-[popup-open]:[--surface-tint:transparent]',\n        className,\n      )}\n      {...props}\n    >\n      {/* The label names the chips toolbar, as it did when Chips was the outer element. */}\n      <BaseCombobox.Chips ref={chipsRef} aria-label={ariaLabel} className=\"flex min-w-0 flex-1 flex-wrap gap-[3px]\">\n        {children}\n      </BaseCombobox.Chips>\n      {/* Same height as a chip, so the chevron centers on the first row. */}\n      <span className=\"flex h-5.5 shrink-0 items-center\">\n        <ComboboxFieldTrigger />\n      </span>\n    </BaseCombobox.InputGroup>\n  );\n}\n\n/** One picked item inside ComboboxChips. The × (or Backspace in the input) removes it. */\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: BaseCombobox.Chip.Props & { showRemove?: boolean }) {\n  return (\n    <BaseCombobox.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        // 8px from the left edge to the text, 6px from the text to the ×'s ink, 8px from the ink to\n        // the right edge. Text in the controls' role (`text-label`), like the field value.\n        'flex h-5.5 items-center rounded-full bg-fill pl-2 text-label text-foreground',\n        !showRemove && 'pr-2',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove ? (\n        <BaseCombobox.ChipRemove\n          data-slot=\"combobox-chip-remove\"\n          aria-label={typeof children === 'string' ? `Remove ${children}` : 'Remove'}\n          // The whole right end is the hit area: full height, from the gap to the chip's edge. The ×'s\n          // ink sits 2.5px inside its 12px icon, so 3.5px / 5.5px padding put it 6px / 8px out.\n          className=\"flex h-full cursor-pointer items-center rounded-r-full pr-[5.5px] pl-[3.5px] text-muted-foreground not-data-disabled:hover:text-foreground\"\n        >\n          {/* Inline so the button's color wins over the field's `[&_svg]` icon colors. */}\n          <X className=\"size-3\" style={{ color: 'inherit' }} />\n        </BaseCombobox.ChipRemove>\n      ) : null}\n    </BaseCombobox.Chip>\n  );\n}\n\n/** The text input after the chips in ComboboxChips. */\nfunction ComboboxChipsInput({ className, onFocus, ...props }: BaseCombobox.Input.Props) {\n  return (\n    <BaseCombobox.Input\n      data-slot=\"combobox-chip-input\"\n      onFocus={event => {\n        moveCaretToEnd(event);\n        onFocus?.(event);\n      }}\n      className={cn(\n        inputClass,\n        // Text lines up with other fields' text when there are no chips; 4px after a chip otherwise.\n        // Not `first:`: Base UI inserts a hidden Dismiss element before the input while open.\n        'h-5.5 w-0 min-w-12 flex-1 pl-[calc(0.9em_-_4px)] [[data-slot=combobox-chip]~&]:pl-1',\n        className,\n      )}\n      {...passwordManagerOptOutProps}\n      {...props}\n    />\n  );\n}\n\nexport type { ComboboxTriggerProps, ComboboxInputProps, ComboboxContentProps };\n\nexport {\n  ComboboxRoot,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxSearch,\n  ComboboxValue,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxItemContent,\n  ComboboxItemTitle,\n  ComboboxItemDescription,\n  ComboboxItemEnd,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n};\n"],"mappings":"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"}