@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/components/FilterBar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.es.js","sources":["../../src/ds/components/FilterBar/filter-bar-clear.tsx","../../src/ds/components/FilterBar/filter-bar-draft-chip.tsx","../../src/ds/components/FilterBar/filter-bar-input.tsx","../../src/ds/components/FilterBar/filter-bar.tsx","../../src/ds/components/FilterBar/default-operators.ts"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { Button } from '@/ds/components/Button/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    <Button\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      aria-label={label}\n      tooltip={label}\n      onClick={event => {\n        event.stopPropagation();\n        ctx.clear();\n        ctx.focusInput();\n      }}\n    >\n      <XIcon />\n    </Button>\n  );\n}\n","import { FilterBarFieldLabel, fieldSegmentAccentStyle, segmentClass } from './filter-bar-chip';\nimport type { FilterBarField, FilterBarOperator } from './types';\nimport { cn } from '@/lib/utils';\n\nexport type FilterBarDraftChipProps = {\n  field: FilterBarField | undefined;\n  operator: FilterBarOperator | undefined;\n};\n\n/**\n * The in-progress filter, accumulated inline next to the input as its segments\n * get picked (`Status` → `Status · is`). Purely presentational: the input owns\n * the draft and handles stepping back (Escape / Backspace).\n */\nexport function FilterBarDraftChip({ field, operator }: FilterBarDraftChipProps) {\n  if (!field) return null;\n  return (\n    <div\n      aria-hidden\n      data-slot=\"filter-bar-draft-chip\"\n      className={cn(\n        'flex max-w-full items-stretch divide-x divide-border1 rounded-lg border border-border1 bg-surface5 text-neutral5',\n        'rounded-r-none',\n      )}\n    >\n      <span className={cn(segmentClass, 'text-neutral6 last:rounded-r-none')} style={fieldSegmentAccentStyle(field)}>\n        <FilterBarFieldLabel field={field} />\n      </span>\n      {operator && <span className={cn(segmentClass, 'last:rounded-r-none')}>{operator.label}</span>}\n    </div>\n  );\n}\n","import type { BaseUIEvent } from '@base-ui/react/types';\nimport { Search } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport { FilterBarFieldLabel } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { FilterBarDraftChip } from './filter-bar-draft-chip';\nimport { FilterBarOptionList } from './filter-bar-option-list';\nimport { matchesQueryFilter } from './match-query';\nimport type { FilterBarField, FilterBarOperator, FilterBarOption, FilterBarValue } from './types';\nimport { useValueStep } from './use-value-step';\nimport { Button } from '@/ds/components/Button/Button';\nimport { ComboboxPrimitive, comboboxStyles } from '@/ds/components/Combobox';\nimport { Kbd } from '@/ds/components/Kbd/kbd';\nimport { Txt } from '@/ds/components/Txt';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { unstyledFormElementStyle } from '@/ds/primitives/form-element';\nimport { MENU_SIDE_OFFSET } from '@/ds/primitives/menu-item';\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 Draft = {\n  step: Step;\n  fieldId?: string;\n  operatorId?: string;\n};\n\ntype Item = FilterBarField | FilterBarOperator | FilterBarOption;\n\nconst INITIAL_DRAFT: Draft = { step: 'field' };\n\nconst getItemLabel = (item: Item) => ('label' in item && item.label ? item.label : 'value' in item ? item.value : '');\n\nexport type FilterBarInputProps = {\n  placeholder?: string;\n  className?: string;\n  'aria-label'?: string;\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({\n  placeholder = 'Filter…',\n  className,\n  'aria-label': ariaLabel = 'Add filter',\n}: FilterBarInputProps) {\n  const ctx = useFilterBarContext();\n  const container = usePortalContainer();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [draft, setDraft] = useState<Draft>(INITIAL_DRAFT);\n  const [highlighted, setHighlighted] = useState<Item | null>(null);\n  const modEnterLabel = useIsApplePlatform() ? '⌘↵' : 'Ctrl ↵';\n\n  const field = draft.fieldId ? ctx.getField(draft.fieldId) : undefined;\n  const operator = draft.operatorId ? ctx.getOperator(draft.operatorId) : undefined;\n  const fieldOperators = useMemo(() => (field ? ctx.getFieldOperators(field) : []), [ctx, field]);\n  const visibleFields = useMemo(() => ctx.fields.filter(f => !f.hidden), [ctx.fields]);\n\n  const reset = useCallback(() => {\n    setDraft(INITIAL_DRAFT);\n    setQuery('');\n  }, []);\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      ctx.addItem({ fieldId, operatorId, value });\n      reset();\n      inputRef.current?.focus();\n    },\n    [ctx, reset],\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({ step: 'value', fieldId, operatorId: next.id });\n      setQuery('');\n    },\n    [commit],\n  );\n\n  const selectField = useCallback(\n    (next: FilterBarField) => {\n      // A single allowed operator is implied: skip straight to the value step.\n      const [only, ...rest] = ctx.getFieldOperators(next);\n      if (only && rest.length === 0) {\n        selectOperator(next.id, only);\n        return;\n      }\n      setDraft({ step: 'operator', fieldId: next.id });\n      setQuery('');\n    },\n    [ctx, selectOperator],\n  );\n\n  const valueStep = useValueStep({\n    field,\n    operator,\n    query,\n    enabled: open && draft.step === 'value',\n    onCommit: value => {\n      if (draft.fieldId && draft.operatorId) commit(draft.fieldId, draft.operatorId, value);\n    },\n  });\n\n  const stepBack = useCallback(() => {\n    if (draft.step === 'value') {\n      // Back to the field step when the operator was implied (single operator).\n      const skipOperator = field ? fieldOperators.length === 1 : false;\n      setDraft(skipOperator ? INITIAL_DRAFT : { step: 'operator', fieldId: draft.fieldId });\n    } else if (draft.step === 'operator') setDraft(INITIAL_DRAFT);\n    else setOpen(false);\n    setQuery('');\n  }, [draft, field, fieldOperators]);\n\n  // Selection is routed per step and never kept by Base UI (`value` stays null).\n  const handleSelect = (item: Item) => {\n    if (draft.step === 'field') selectField(item as FilterBarField);\n    else if (draft.step === 'operator' && draft.fieldId) 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      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 (draft.step !== 'field') stepBack();\n        else {\n          const last = ctx.items[ctx.items.length - 1];\n          if (last) ctx.removeItem(last.id);\n        }\n        return;\n      }\n      if (event.key === 'ArrowLeft' && draft.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 && draft.step !== 'value' && (draft.step === 'operator' || query !== '')) {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      handleSelect(highlighted);\n      return;\n    }\n    if (draft.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 items: readonly Item[] =\n    draft.step === 'field' ? visibleFields : draft.step === 'operator' ? fieldOperators : valueStep.options;\n\n  const searchPlaceholder =\n    draft.step === 'field' ? 'Search fields…' : draft.step === 'operator' ? 'Search operators…' : 'Search values…';\n\n  const inputPlaceholder =\n    draft.step === 'field'\n      ? placeholder\n      : draft.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      <FilterBarDraftChip field={field} operator={fieldOperators.length === 1 ? undefined : operator} />\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={draft.step === 'value' ? null : matchesQueryFilter}\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        // ComboboxRoot's typings narrow `autoHighlight` to boolean, but the runtime (shared with\n        // AutocompleteRoot) supports 'always': highlight the first item as soon as the list opens.\n        autoHighlight={'always' as unknown as boolean}\n        modal={false}\n      >\n        <ComboboxPrimitive.Input\n          ref={el => {\n            inputRef.current = el;\n            ctx.registerInput(el);\n          }}\n          aria-label={ariaLabel}\n          spellCheck={false}\n          data-slot=\"filter-bar-input\"\n          data-step={draft.step}\n          inputMode={draft.step === 'value' && field?.type === 'number' ? 'decimal' : undefined}\n          placeholder={inputPlaceholder}\n          className={cn(\n            // Naked control inside the styled FilterBar surface — same baseline as the DS Input `unstyled` variant.\n            unstyledFormElementStyle,\n            'flex-1 px-1 text-ui-smd leading-ui-sm text-neutral6',\n            'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal focus:placeholder:opacity-70',\n            draft.step === 'field' ? 'min-w-32' : 'min-w-24 pl-0',\n            className,\n          )}\n          onFocus={() => setOpen(true)}\n          onKeyDown={handleKeyDown}\n        />\n        <ComboboxPrimitive.Portal container={container}>\n          <ComboboxPrimitive.Positioner\n            align=\"start\"\n            sideOffset={MENU_SIDE_OFFSET}\n            positionMethod={FLOATING_POSITION_METHOD}\n            className={comboboxStyles.positioner}\n          >\n            <ComboboxPrimitive.Popup // The input stretches across the bar, so drop the anchor-width floor: size to content.\n              className={cn(comboboxStyles.popup, 'min-w-56')}\n              data-slot=\"filter-bar-editor\"\n            >\n              {(draft.step !== 'value' || valueStep.hasSuggestions) && (\n                // Search row mirroring the bar input, so the popup reads as a searchable combobox.\n                // The bar input stays the only real input: focus and keyboard navigation never move.\n                <div\n                  className={cn(comboboxStyles.searchContainer, 'cursor-text')}\n                  data-slot=\"filter-bar-search\"\n                  onMouseDown={e => e.preventDefault()}\n                  onClick={() => inputRef.current?.focus()}\n                >\n                  <Search className={comboboxStyles.searchIcon} />\n                  <span\n                    className={cn(\n                      comboboxStyles.searchInput,\n                      'flex items-center truncate',\n                      query === '' && comboboxStyles.placeholder,\n                    )}\n                  >\n                    {query === '' ? searchPlaceholder : query}\n                  </span>\n                </div>\n              )}\n              {draft.step === 'field' && (\n                <FilterBarOptionList<FilterBarField>\n                  aria-label=\"Fields\"\n                  getKey={f => f.id}\n                  renderOption={f => <FilterBarFieldLabel field={f} />}\n                  emptyText=\"No matching field.\"\n                />\n              )}\n              {draft.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              {draft.step === 'value' && valueStep.hasSuggestions && (\n                <FilterBarOptionList<FilterBarOption>\n                  aria-label=\"Values\"\n                  aria-multiselectable={valueStep.isMany || undefined}\n                  getKey={o => o.value}\n                  renderOption={o => o.label ?? o.value}\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              {draft.step === 'value' && !valueStep.hasSuggestions && (\n                <div className=\"flex items-center justify-between gap-2 py-1 pr-1 pl-[.9em]\">\n                  <Txt variant=\"ui-sm\" className=\"text-neutral3\">\n                    Type a value\n                  </Txt>\n                  <Button\n                    size=\"xs\"\n                    variant=\"default\"\n                    disabled={!valueStep.canCommitQuery}\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.commitFreeText()}\n                  >\n                    Apply\n                    <Kbd size=\"xs\">↵</Kbd>\n                  </Button>\n                </div>\n              )}\n              {draft.step === 'value' && valueStep.isMany && (\n                <div className=\"border-border1 flex items-center justify-end gap-1 border-t p-1\">\n                  <Button\n                    size=\"xs\"\n                    variant=\"default\"\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.commitSelection() || valueStep.commitFreeText()}\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 { ListFilterIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FilterBarChip } from './filter-bar-chip';\nimport { FilterBarClear } from './filter-bar-clear';\nimport { FilterBarProvider, useFilterBarContext } from './filter-bar-context';\nimport { FilterBarInput } from './filter-bar-input';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from './types';\nimport { inputFocusBorderWithin, inputHoverBorderWithin } from '@/ds/primitives/form-element';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type FilterBarProps = {\n  fields: FilterBarField[];\n  operators: FilterBarOperator[];\n  value: FilterBarItem[];\n  onValueChange: (items: FilterBarItem[]) => void;\n  'aria-label'?: string;\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      className={cn(\n        // Same surface/hover/focus recipe as InputGroup (wrapper whose focus lives on the nested input).\n        // Layout: leading icon | wrapping chip list | Clear. Icon and Clear stay pinned to the\n        // first line; only the list wraps.\n        'flex w-full items-start gap-0.5 rounded-2xl border border-border1 bg-surface-overlay-soft p-0.5',\n        'cursor-text transition-all duration-normal ease-out-custom',\n        'hover:bg-surface-overlay-strong',\n        inputHoverBorderWithin,\n        'outline-hidden focus-within:bg-surface-overlay-strong focus-within:outline-hidden',\n        inputFocusBorderWithin,\n        className,\n      )}\n      onClick={ctx.focusInput}\n    >\n      <span className=\"flex shrink-0 items-center py-1 pr-1 pl-1.5\">\n        <ListFilterIcon aria-hidden className=\"text-neutral3 size-3\" />\n      </span>\n      <div data-slot=\"filter-bar-list\" className=\"flex min-w-0 flex-1 flex-wrap items-center gap-0.5\">\n        {children}\n      </div>\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 * @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  'aria-label': ariaLabel = 'Filters',\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      ariaLabel={ariaLabel}\n    >\n      <FilterBarSurface className={className} clearLabel={clearLabel}>\n        {children}\n      </FilterBarSurface>\n    </FilterBarProvider>\n  );\n}\n\n/** Default layout: one editable chip per item, in order. */\nexport function FilterBarChips() {\n  const ctx = useFilterBarContext();\n  return (\n    <>\n      {ctx.items.map(item => (\n        <FilterBarChip key={item.id} item={item} />\n      ))}\n    </>\n  );\n}\n\nFilterBar.Chips = FilterBarChips;\nFilterBar.Chip = FilterBarChip;\nFilterBar.Input = FilterBarInput;\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' },\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"],"names":["ComboboxPrimitive"],"mappings":"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"}
+{"version":3,"file":"FilterBar.es.js","sources":["../../src/ds/components/FilterBar/filter-bar-clear.tsx","../../src/ds/components/FilterBar/filter-bar-input.tsx","../../src/ds/components/FilterBar/filter-bar.tsx","../../src/ds/components/FilterBar/default-operators.ts"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { Button } from '@/ds/components/Button/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    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      aria-label={label}\n      tooltip={label}\n      onClick={event => {\n        event.stopPropagation();\n        ctx.clear();\n        ctx.focusInput();\n      }}\n    >\n      <XIcon />\n    </Button>\n  );\n}\n","import type { BaseUIEvent } from '@base-ui/react/types';\nimport { ListFilterIcon, Search } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE, FilterBarFieldLabel } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { FilterBarOptionList } from './filter-bar-option-list';\nimport { matchesQueryFilter } from './match-query';\nimport type { FilterBarField, FilterBarOperator, FilterBarOption, FilterBarValue } 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 { 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\nexport type FilterBarInputProps = {\n  placeholder?: string;\n  className?: string;\n  'aria-label'?: string;\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({\n  placeholder = 'Filter…',\n  className,\n  'aria-label': ariaLabel = 'Add filter',\n}: FilterBarInputProps) {\n  const ctx = useFilterBarContext();\n  const container = usePortalContainer();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [highlighted, setHighlighted] = useState<Item | null>(null);\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, commitDraft } = ctx;\n  const step: Step = !draft ? 'field' : !draft.operatorId ? 'operator' : 'value';\n  const field = draft ? ctx.getField(draft.fieldId) : undefined;\n  const operator = draft?.operatorId ? ctx.getOperator(draft.operatorId) : undefined;\n  const fieldOperators = useMemo(() => (field ? ctx.getFieldOperators(field) : []), [ctx, field]);\n  const visibleFields = useMemo(() => ctx.fields.filter(f => !f.hidden), [ctx.fields]);\n\n  const reset = useCallback(() => {\n    setDraft(null);\n    setQuery('');\n  }, [setDraft]);\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      commitDraft({ fieldId, operatorId }, value);\n      setQuery('');\n      inputRef.current?.focus();\n    },\n    [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      // A single allowed operator is implied: skip straight to the value step.\n      const [only, ...rest] = ctx.getFieldOperators(next);\n      if (only && rest.length === 0) {\n        selectOperator(next.id, only);\n        return;\n      }\n      setDraft({ fieldId: next.id });\n      setQuery('');\n    },\n    [ctx, selectOperator, setDraft],\n  );\n\n  const valueStep = useValueStep({\n    field,\n    operator,\n    query,\n    enabled: open && step === 'value',\n    onCommit: value => {\n      if (draft?.operatorId) commit(draft.fieldId, draft.operatorId, value);\n    },\n  });\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 setOpen(false);\n    setQuery('');\n  }, [step, draft, field, fieldOperators, setDraft]);\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      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 {\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 items: readonly Item[] =\n    step === 'field' ? visibleFields : step === 'operator' ? fieldOperators : valueStep.options;\n\n  const searchPlaceholder =\n    step === 'field' ? 'Search fields…' : step === 'operator' ? 'Search operators…' : 'Search values…';\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 : matchesQueryFilter}\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        // ComboboxRoot's typings narrow `autoHighlight` to boolean, but the runtime (shared with\n        // AutocompleteRoot) supports 'always': highlight the first item as soon as the list opens.\n        autoHighlight={'always' as unknown as boolean}\n        modal={false}\n      >\n        <div\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=\"text-muted-foreground -ml-[.3em] 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            data-slot=\"filter-bar-input\"\n            data-step={step}\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            align=\"start\"\n            sideOffset={MENU_SIDE_OFFSET}\n            positionMethod={FLOATING_POSITION_METHOD}\n            className={comboboxStyles.positioner}\n          >\n            <ComboboxPrimitive.Popup // The input stretches across the bar, so drop the anchor-width floor: size to content.\n              className={cn(comboboxStyles.popup, 'min-w-56')}\n              data-slot=\"filter-bar-editor\"\n            >\n              {(step !== 'value' || valueStep.hasSuggestions) && (\n                // Search row mirroring the bar input, so the popup reads as a searchable combobox.\n                // The bar input stays the only real input: focus and keyboard navigation never move.\n                <div\n                  className={cn(comboboxStyles.searchContainer, 'cursor-text')}\n                  data-slot=\"filter-bar-search\"\n                  onMouseDown={e => e.preventDefault()}\n                  onClick={() => inputRef.current?.focus()}\n                >\n                  <Search className={comboboxStyles.searchIcon} />\n                  <span\n                    className={cn(\n                      comboboxStyles.searchInput,\n                      'flex items-center truncate',\n                      query === '' && comboboxStyles.placeholder,\n                    )}\n                  >\n                    {query === '' ? searchPlaceholder : query}\n                  </span>\n                </div>\n              )}\n              {step === 'field' && (\n                <FilterBarOptionList<FilterBarField>\n                  aria-label=\"Fields\"\n                  getKey={f => f.id}\n                  renderOption={f => <FilterBarFieldLabel field={f} />}\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.hasSuggestions && (\n                <FilterBarOptionList<FilterBarOption>\n                  aria-label=\"Values\"\n                  aria-multiselectable={valueStep.isMany || undefined}\n                  getKey={o => o.value}\n                  renderOption={o => o.label ?? o.value}\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.commitFreeText()}\n                  >\n                    Apply\n                    <Kbd size=\"xs\">↵</Kbd>\n                  </Button>\n                </div>\n              )}\n              {step === 'value' && valueStep.isMany && (\n                <div className=\"border-border flex items-center justify-end gap-1 border-t p-1\">\n                  <Button\n                    size=\"sm\"\n                    variant=\"default\"\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.commitSelection() || valueStep.commitFreeText()}\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 { Fragment } from 'react';\nimport type { ReactNode } from 'react';\nimport { FilterBarChip } from './filter-bar-chip';\nimport { FilterBarClear } from './filter-bar-clear';\nimport { FilterBarProvider, useFilterBarContext } from './filter-bar-context';\nimport { FilterBarInput } from './filter-bar-input';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from './types';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type FilterBarProps = {\n  fields: FilterBarField[];\n  operators: FilterBarOperator[];\n  value: FilterBarItem[];\n  onValueChange: (items: FilterBarItem[]) => void;\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  'aria-label'?: string;\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      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',\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 * @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  'aria-label': ariaLabel = 'Filters',\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      ariaLabel={ariaLabel}\n    >\n      <FilterBarSurface className={className} clearLabel={clearLabel}>\n        {children}\n      </FilterBarSurface>\n    </FilterBarProvider>\n  );\n}\n\n/**\n * Default layout: one editable chip per item, in order, then the chip of the filter\n * being built in the input (which 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 = ctx.items.map(item => <Fragment key={item.id}>{renderChip(item)}</Fragment>);\n  if (ctx.draft) {\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.Input = FilterBarInput;\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' },\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"],"names":["ComboboxPrimitive","Fragment"],"mappings":"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"}

package/dist/components/FormFieldBlocks.cjs.js

@@ -2,13 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const fieldBlock = require('../field-block-An2PO2_X.cjs');
+const fieldBlock = require('../field-block-Dy1IaWbv.cjs');
 const fieldErrorId = require('../field-error-id-B3Z2Zu5y.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
-const textFieldBlock = require('../text-field-block-hN70Jj6a.cjs');
-const searchFieldBlock = require('../search-field-block-jfMFV7AD.cjs');
-const selectFieldBlock = require('../select-field-block-BAZKc6ck.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
+const textFieldBlock = require('../text-field-block-BLpLWmu8.cjs');
+const textarea = require('../textarea-5b6XcMrq.cjs');
+const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
+const searchFieldBlock = require('../search-field-block-D0PUUCAE.cjs');
+const selectFieldBlock = require('../select-field-block-W2u2WmN3.cjs');
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-6", className), children });
@@ -36,10 +38,55 @@ const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {
   Column: FieldBlocksLayoutColumn
 });
 
+function TextareaFieldBlock({
+  name,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  size = "md",
+  testId,
+  className,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) {
+  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId.fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          textarea.Textarea,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            size,
+            "data-testid": testId,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
 exports.FieldBlock = fieldBlock.FieldBlock;
 exports.fieldErrorId = fieldErrorId.fieldErrorId;
 exports.TextFieldBlock = textFieldBlock.TextFieldBlock;
 exports.SearchFieldBlock = searchFieldBlock.SearchFieldBlock;
 exports.SelectFieldBlock = selectFieldBlock.SelectFieldBlock;
 exports.FieldBlocksLayout = FieldBlocksLayout;
+exports.TextareaFieldBlock = TextareaFieldBlock;
 //# sourceMappingURL=FormFieldBlocks.cjs.js.map

package/dist/components/FormFieldBlocks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":["cn","jsx"],"mappings":";;;;;;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;;;;;;"}
+{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<TextareaProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: TextareaProps['size'];\n  };\n\nexport function TextareaFieldBlock({\n  name,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextareaFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Textarea\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            size={size}\n            data-testid={testId}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["cn","jsx","fieldErrorId","FieldBlock","VisuallyHidden","jsxs","Textarea"],"mappings":"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"}

package/dist/components/FormFieldBlocks.es.js

@@ -1,10 +1,12 @@
-export { F as FieldBlock } from '../field-block-CQkD13nw.js';
-export { f as fieldErrorId } from '../field-error-id-D3yg1nBh.js';
-import { jsx } from 'react/jsx-runtime';
-import { c as cn } from '../cn-C6s2yXwM.js';
-export { T as TextFieldBlock } from '../text-field-block-aRttm8yP.js';
-export { S as SearchFieldBlock } from '../search-field-block-zF_99MJ5.js';
-export { S as SelectFieldBlock } from '../select-field-block-BEs3cCRJ.js';
+import { F as FieldBlock } from '../field-block-DWkbNcsV.js';
+import { f as fieldErrorId } from '../field-error-id-D3yg1nBh.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as cn } from '../cn-65Adrsfj.js';
+export { T as TextFieldBlock } from '../text-field-block--EUJKlY_.js';
+import { T as Textarea } from '../textarea-DdnzLrI9.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+export { S as SearchFieldBlock } from '../search-field-block-B5vUVTpl.js';
+export { S as SelectFieldBlock } from '../select-field-block-Bu7UXI2H.js';
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });
@@ -32,5 +34,49 @@ const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {
   Column: FieldBlocksLayoutColumn
 });
 
-export { FieldBlocksLayout };
+function TextareaFieldBlock({
+  name,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  error,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  size = "md",
+  testId,
+  className,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) {
+  const describedBy = [ariaDescribedBy, errorMsg ? fieldErrorId(name) : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, disabled, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxs(FieldBlock.Column, { className: "gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: `input-${name}`,
+            name,
+            disabled,
+            required,
+            size,
+            "data-testid": testId,
+            error: error || Boolean(errorMsg),
+            "aria-describedby": describedBy,
+            ...props
+          }
+        ),
+        helpText || errorMsg ? /* @__PURE__ */ jsx(FieldBlock.Message, { name, helpText, errorMsg }) : null
+      ] })
+    ] })
+  ] });
+}
+
+export { FieldBlock, FieldBlocksLayout, TextareaFieldBlock, fieldErrorId };
 //# sourceMappingURL=FormFieldBlocks.es.js.map

package/dist/components/FormFieldBlocks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBlocks.es.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":[],"mappings":";;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;"}
+{"version":3,"file":"FormFieldBlocks.es.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<TextareaProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: TextareaProps['size'];\n  };\n\nexport function TextareaFieldBlock({\n  name,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextareaFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Textarea\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            size={size}\n            data-testid={testId}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;ACgBM,SAAS,kBAAA,CAAmB;AAAA,EACjC,IAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA,EAAoB,eAAA;AAAA,EACpB,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,WAAA,GACJ,CAAC,eAAA,EAAiB,QAAA,GAAW,aAAa,IAAI,CAAA,GAAI,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAE5F,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/Header.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-C7rZCmrg.cjs');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const Txt = require('../Txt-B4-2nLaI.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const Header = ({ children, border = true, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -13,7 +13,7 @@ const Header = ({ children, border = true, className }) => {
       className: utils_cn.cn(
         "z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2",
         {
-          "border-b border-border1": border
+          "border-b border-border": border
         },
         className
       ),
@@ -22,7 +22,7 @@ const Header = ({ children, border = true, className }) => {
   );
 };
 const HeaderTitle = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h1", variant: "ui-md", className: "text-neutral6 flex items-center gap-2", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h1", variant: "body", tone: "ink", className: "flex items-center gap-2", children });
 };
 const HeaderAction = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center gap-3", children });

package/dist/components/Header.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs.js","sources":["../../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          'border-b border-border1': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"ui-md\" className=\"text-neutral6 flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":["jsx","cn","Txt"],"mappings":";;;;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA,UACE,yBAAA,EAA2B;AAAA,SAC7B;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACED,cAAA,CAACE,WAAI,EAAA,EAAG,IAAA,EAAK,SAAQ,OAAA,EAAQ,SAAA,EAAU,yCACpC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAOF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;;;;"}
+{"version":3,"file":"Header.cjs.js","sources":["../../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          'border-b border-border': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":["jsx","cn","Txt"],"mappings":";;;;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACEA,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA,UACE,wBAAA,EAA0B;AAAA,SAC5B;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACED,cAAA,CAACE,OAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAOF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;;;;"}

package/dist/components/Header.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-hyo2FKuO.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { T as Txt } from '../Txt-DTh3Pa_a.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const Header = ({ children, border = true, className }) => {
   return /* @__PURE__ */ jsx(
@@ -9,7 +9,7 @@ const Header = ({ children, border = true, className }) => {
       className: cn(
         "z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2",
         {
-          "border-b border-border1": border
+          "border-b border-border": border
         },
         className
       ),
@@ -18,7 +18,7 @@ const Header = ({ children, border = true, className }) => {
   );
 };
 const HeaderTitle = ({ children }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "h1", variant: "ui-md", className: "text-neutral6 flex items-center gap-2", children });
+  return /* @__PURE__ */ jsx(Txt, { as: "h1", variant: "body", tone: "ink", className: "flex items-center gap-2", children });
 };
 const HeaderAction = ({ children }) => {
   return /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-3", children });

package/dist/components/Header.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.es.js","sources":["../../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          'border-b border-border1': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"ui-md\" className=\"text-neutral6 flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA,UACE,yBAAA,EAA2B;AAAA,SAC7B;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,IAAA,EAAK,SAAQ,OAAA,EAAQ,SAAA,EAAU,yCACpC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;"}
+{"version":3,"file":"Header.es.js","sources":["../../src/ds/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Txt } from '../Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface HeaderProps {\n  children?: React.ReactNode;\n  border?: boolean;\n  className?: string;\n}\n\nexport const Header = ({ children, border = true, className }: HeaderProps) => {\n  return (\n    <header\n      className={cn(\n        'z-50 flex h-header-default w-full items-center gap-2 bg-transparent px-2',\n        {\n          'border-b border-border': border,\n        },\n        className,\n      )}\n    >\n      {children}\n    </header>\n  );\n};\n\nexport const HeaderTitle = ({ children }: HeaderProps) => {\n  return (\n    <Txt as=\"h1\" variant=\"body\" tone=\"ink\" className=\"flex items-center gap-2\">\n      {children}\n    </Txt>\n  );\n};\n\nexport const HeaderAction = ({ children }: HeaderProps) => {\n  return <div className=\"ml-auto flex items-center gap-3\">{children}</div>;\n};\n\nexport const HeaderGroup = ({ children }: HeaderProps) => {\n  return <div className=\"flex items-center gap-2\">{children}</div>;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,SAAS,CAAC,EAAE,UAAU,MAAA,GAAS,IAAA,EAAM,WAAU,KAAmB;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,0EAAA;AAAA,QACA;AAAA,UACE,wBAAA,EAA0B;AAAA,SAC5B;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,QAAO,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yBAAA,EAC9C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAmB;AACzD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAS,CAAA;AACpE;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,QAAA,EAAS,KAAmB;AACxD,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS,CAAA;AAC5D;;;;"}

package/dist/components/HorizontalBars.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const horizontalBars = require('../horizontal-bars-D1992rbt.cjs');
+const horizontalBars = require('../horizontal-bars-nyWGmQ7g.cjs');
 
 
 

package/dist/components/HorizontalBars.es.js

@@ -1,2 +1,2 @@
-export { H as HorizontalBars } from '../horizontal-bars-lhqUch51.js';
+export { H as HorizontalBars } from '../horizontal-bars-CksEKcCE.js';
 //# sourceMappingURL=HorizontalBars.es.js.map

package/dist/components/HoverCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const hoverCard = require('../hover-card-BSj1EgQs.cjs');
+const hoverCard = require('../hover-card-DdHnkGcs.cjs');
 
 
 

package/dist/components/HoverCard.es.js

@@ -1,2 +1,2 @@
-export { H as HoverCard, a as HoverCardContent, b as HoverCardTrigger } from '../hover-card-Cmh0QRP8.js';
+export { H as HoverCard, a as HoverCardContent, b as HoverCardTrigger } from '../hover-card-Ch5smNcf.js';
 //# sourceMappingURL=HoverCard.es.js.map

package/dist/components/Input.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const input = require('../input-XEcMP_LL.cjs');
+const input = require('../input-CDLMprJS.cjs');
 
 
 

package/dist/components/Input.es.js

@@ -1,2 +1,2 @@
-export { I as Input } from '../input-kU7nI6V5.js';
+export { I as Input } from '../input-B1RysHyq.js';
 //# sourceMappingURL=Input.es.js.map

package/dist/components/InputGroup.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const inputGroup = require('../input-group-D_1g2L_v.cjs');
+const inputGroup = require('../input-group-CvWwK1Vz.cjs');
 
 
 

package/dist/components/InputGroup.es.js

@@ -1,2 +1,2 @@
-export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea } from '../input-group-rn0r72y5.js';
+export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea } from '../input-group-BEdHivvy.js';
 //# sourceMappingURL=InputGroup.es.js.map

package/dist/components/IntegrationDialog.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Badge = require('../Badge-RWi6V_JT.cjs');
-const dialog = require('../dialog-B3DNnoZ3.cjs');
-const searchFieldBlock = require('../search-field-block-jfMFV7AD.cjs');
+const Badge = require('../Badge-BEeYtjmv.cjs');
+const dialog = require('../dialog-Dm33cZqt.cjs');
+const searchFieldBlock = require('../search-field-block-D0PUUCAE.cjs');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function matches(item, query) {
   return `${item.name} ${item.id} ${item.badge ?? ""}`.toLowerCase().includes(query);
@@ -73,7 +73,6 @@ function IntegrationDialogContent({
         value: query,
         onChange: (event) => setQuery(event.target.value),
         onReset: () => setQuery(""),
-        variant: "outline",
         size: "md"
       }
     ) }),
@@ -85,18 +84,18 @@ function IntegrationDialogContent({
           disabled: item.disabled,
           onClick: () => onSelect(item),
           className: utils_cn.cn(
-            "flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border1 px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-surface3 disabled:pointer-events-none disabled:opacity-50",
+            "flex w-full cursor-pointer items-center gap-3 rounded-2xl border border-border px-4 py-3 text-left transition-colors duration-normal ease-out-custom hover:bg-fill-subtle disabled:pointer-events-none disabled:opacity-50",
             primitives_formElement.controlFocusBorderVisible
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral4 grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4", children: item.logo ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BlocksIcon, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-md leading-ui-md text-neutral6 min-w-0 truncate font-medium", children: item.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground grid size-8 shrink-0 place-items-center [&>img]:size-full [&>img]:object-contain [&>svg]:size-4", children: item.logo ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BlocksIcon, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-subheading text-foreground min-w-0 truncate", children: item.name }),
             item.badge ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "sm", children: item.badge }) : null,
-            item.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm leading-ui-sm text-neutral3 ml-auto shrink-0", children: item.meta }) : null
+            item.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground ml-auto shrink-0", children: item.meta }) : null
           ]
         }
       ) }, item.id);
-    }) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "text-ui-sm text-neutral3 py-8 text-center", children: emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : "No integrations are available.") }) })
+    }) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "text-caption text-muted-foreground py-8 text-center", children: emptyMessage ?? (normalizedQuery ? `No integrations match “${query}”.` : "No integrations are available.") }) })
   ] });
 }
 IntegrationDialog.Trigger = dialog.DialogTrigger;