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

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyFilter.cjs.js","sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { MENU_SIDE_OFFSET, menuEmptyClass, menuItemClass, menuItemTrailingIconClass } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI), so the highlight rides on `:focus`.\nconst filterItemFocusClass = 'focus:bg-neutral6/5 focus:text-neutral6';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add Filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\" size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className=\"text-neutral3 hover:text-neutral6 transition-colors\"\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"text-neutral3 size-4 shrink-0\" />\n              <span className=\"text-ui-sm text-neutral3\">{`${selectedField.label} · is`}</span>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              {visibleFields.length > 0 ? (\n                visibleFields.map(f => {\n                  const used = singleUseFieldIds.has(f.id);\n                  if (f.kind === 'pick-multi') {\n                    return (\n                      <PickMultiMenuItem\n                        key={f.id}\n                        field={f}\n                        tokens={tokens}\n                        onChange={replacePickMultiToken}\n                        open={openPickMultiFieldId === f.id}\n                        onToggle={togglePickMulti}\n                        onClose={closePickMulti}\n                      />\n                    );\n                  }\n                  return (\n                    <button\n                      key={f.id}\n                      type=\"button\"\n                      role=\"menuitem\"\n                      data-filter-item=\"\"\n                      className={cn(menuItemClass, 'group', filterItemFocusClass)}\n                      disabled={used}\n                      onClick={() => {\n                        setError(undefined);\n                        if (f.kind === 'text') {\n                          onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                          onStartTextFilter?.(f.id);\n                          skipCloseFocusRef.current = true;\n                          setOpen(false);\n                          return;\n                        }\n                        setFieldId(f.id);\n                      }}\n                    >\n                      <span className=\"truncate\">{f.label}</span>\n                      {used ? (\n                        <span className=\"text-neutral3 ml-auto\">In use</span>\n                      ) : (\n                        <span\n                          className={cn(\n                            menuItemTrailingIconClass,\n                            'text-neutral3 opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100',\n                          )}\n                        >\n                          <PlusIcon />\n                        </span>\n                      )}\n                    </button>\n                  );\n                })\n              ) : (\n                <div className={menuEmptyClass}>No matching property.</div>\n              )}\n            </div>\n          )}\n\n          {selectedField && (\n            <Combobox\n              multiple\n              options={selectedField.options ?? []}\n              value={multiValue}\n              onValueChange={v => {\n                setMultiValue(v);\n                setError(undefined);\n              }}\n              placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n              searchPlaceholder={`Search ${selectedField.label.toLowerCase()}...`}\n              emptyText={selectedField.emptyText ?? 'No option found.'}\n              size=\"md\"\n            />\n          )}\n\n          {error && <div className=\"text-ui-sm text-red-500\">{error}</div>}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} variant=\"outline\" size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          data-filter-item=\"\"\n          className={cn(menuItemClass, filterItemFocusClass)}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-neutral3\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-neutral3')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["useMemo","useState","useRef","useCallback","useEffect","fieldId","jsxs","Popover","jsx","PopoverTrigger","Button","ListFilterPlusIcon","PopoverContent","MENU_SIDE_OFFSET","cn","ArrowLeftIcon","FilterIcon","menuItemClass","menuItemTrailingIconClass","PlusIcon","menuEmptyClass","Combobox","X","ListFilterPlus","ChevronRightIcon","PickMultiPanel"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAM,oBAAA,GAAuB,yCAAA;AAgCtB,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,KAAA,GAAQ,YAAA;AAAA,EACR,QAAA;AAAA,EACA,IAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,aAAA,GAAgBA,cAAQ,MAAM;AAClC,IAAA,IAAI,CAAC,cAAA,IAAkB,cAAA,CAAe,MAAA,KAAW,GAAG,OAAO,MAAA;AAC3D,IAAA,MAAM,MAAA,GAAS,IAAI,GAAA,CAAI,cAAc,CAAA;AACrC,IAAA,OAAO,MAAA,CAAO,OAAO,CAAA,CAAA,KAAK,CAAC,OAAO,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA;AAAA,EAC7C,CAAA,EAAG,CAAC,MAAA,EAAQ,cAAc,CAAC,CAAA;AAC3B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,cAAA,EAA6B;AAC3D,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,cAAA,CAAmB,EAAE,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,cAAA,EAA6B;AAIvD,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAIA,cAAA,EAA6B;AAKrF,EAAA,MAAM,iBAAA,GAAoBC,aAAO,KAAK,CAAA;AAEtC,EAAA,MAAM,eAAA,GAAkBC,iBAAA,CAAY,CAAC,EAAA,KAAe;AAClD,IAAA,uBAAA,CAAwB,CAAA,OAAA,KAAY,OAAA,KAAY,EAAA,GAAK,MAAA,GAAY,EAAG,CAAA;AAAA,EACtE,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,iBAAiBA,iBAAA,CAAY,MAAM,wBAAwB,MAAS,CAAA,EAAG,EAAE,CAAA;AAE/E,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM,uBAAA,CAAwB,MAAS,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,aAAA,GAAgBJ,aAAA,CAAQ,MAAM,aAAA,CAAc,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,EAAA,KAAO,OAAO,CAAA,EAAG,CAAC,aAAA,EAAe,OAAO,CAAC,CAAA;AAGvG,EAAA,MAAM,iBAAA,GAAoBA,cAAQ,MAAM;AACtC,IAAA,MAAM,GAAA,uBAAU,GAAA,EAAY;AAC5B,IAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AAC1B,MAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,MAAA,IAAI,SAAS,KAAA,CAAM,IAAA,KAAS,cAAc,GAAA,CAAI,GAAA,CAAI,MAAM,OAAO,CAAA;AAAA,IACjE;AACA,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAEnB,EAAA,MAAM,KAAA,GAAQG,kBAAY,MAAM;AAC9B,IAAA,UAAA,CAAW,MAAS,CAAA;AACpB,IAAA,aAAA,CAAc,EAAE,CAAA;AAChB,IAAA,QAAA,CAAS,MAAS,CAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAM,KAAA,EAAM;AAAA,EACnB,CAAA,EAAG,CAAC,IAAA,EAAM,KAAK,CAAC,CAAA;AAQhB,EAAA,MAAM,qBAAA,GAAwBD,iBAAA;AAAA,IAC5B,CAACE,UAAiB,KAAA,KAA6B;AAC7C,MAAA,MAAM,gBAAgB,MAAA,CAAO,SAAA,CAAU,CAAA,CAAA,KAAK,CAAA,CAAE,YAAYA,QAAO,CAAA;AAEjE,MAAA,IAAI,MAAM,OAAA,CAAQ,KAAK,CAAA,IAAK,KAAA,CAAM,WAAW,CAAA,EAAG;AAC9C,QAAA,IAAI,kBAAkB,EAAA,EAAI;AAC1B,QAAA,cAAA,CAAe,OAAO,MAAA,CAAO,CAAC,GAAG,CAAA,KAAM,CAAA,KAAM,aAAa,CAAC,CAAA;AAC3D,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,kBAAkB,EAAA,EAAI;AACxB,QAAA,cAAA,CAAe,CAAC,GAAG,MAAA,EAAQ,EAAE,SAAAA,QAAAA,EAAS,KAAA,EAAO,CAAC,CAAA;AAC9C,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAA,GAAa,CAAC,GAAG,MAAM,CAAA;AAC7B,MAAA,UAAA,CAAW,aAAa,CAAA,GAAI,EAAE,OAAA,EAAAA,UAAS,KAAA,EAAM;AAC7C,MAAA,cAAA,CAAe,UAAU,CAAA;AAAA,IAC3B,CAAA;AAAA,IACA,CAAC,gBAAgB,MAAM;AAAA,GACzB;AAEA,EAAA,MAAM,MAAA,GAASF,kBAAY,MAAM;AAC/B,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,QAAA,CAAS,0BAA0B,CAAA;AACnC,MAAA;AAAA,IACF;AACA,IAAA,IAAI,iBAAA,CAAkB,GAAA,CAAI,aAAA,CAAc,EAAE,CAAA,EAAG;AAC3C,MAAA,QAAA,CAAS,CAAA,oBAAA,EAAuB,aAAA,CAAc,KAAK,CAAA,8BAAA,CAAgC,CAAA;AACnF,MAAA;AAAA,IACF;AACA,IAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG;AAC3B,MAAA,QAAA,CAAS,CAAA,oBAAA,EAAuB,aAAA,CAAc,KAAA,CAAM,WAAA,EAAa,CAAA,OAAA,CAAS,CAAA;AAC1E,MAAA;AAAA,IACF;AACA,IAAA,cAAA,CAAe,CAAC,GAAG,MAAA,EAAQ,EAAE,OAAA,EAAS,cAAc,EAAA,EAAI,KAAA,EAAO,UAAA,EAAY,CAAC,CAAA;AAC5E,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,GAAG,CAAC,UAAA,EAAY,gBAAgB,aAAA,EAAe,iBAAA,EAAmB,MAAM,CAAC,CAAA;AAEzE,EAAA,uBACEG,eAAA,CAACC,eAAA,EAAA,EAAQ,IAAA,EAAY,YAAA,EAAc,OAAA,EACjC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAAD,cAAA,CAACE,iBAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAY,QAAA,EAAoB,IAAA,kBAAMF,cAAA,CAACG,8BAAA,EAAA,EAAmB,CAAA,EACjF,iBACH,CAAA,EACF,CAAA;AAAA,oBACAH,cAAA;AAAA,MAACI,sBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,KAAA;AAAA,QACN,UAAA,EAAYC,oCAAA;AAAA,QACZ,SAAA,EAAWC,WAAA,CAAG,MAAA,EAAQ,aAAA,GAAgB,QAAQ,KAAK,CAAA;AAAA,QACnD,YAAA,EAAc,KAAA;AAAA,QACd,YAAY,MAAM;AAChB,UAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,YAAA,iBAAA,CAAkB,OAAA,GAAU,KAAA;AAC5B,YAAA,OAAO,KAAA;AAAA,UACT;AACA,UAAA,OAAO,IAAA;AAAA,QACT,CAAA;AAAA,QAEA,0CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,MAAA,EAAQ,aAAA,IAAiB,OAAO,CAAA,EAChD,QAAA,EAAA;AAAA,UAAA,aAAA,oBACCR,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,4BAAAE,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,YAAA,EAAW,oBAAA;AAAA,gBACX,SAAA,EAAU,qDAAA;AAAA,gBACV,OAAA,EAAS,KAAA;AAAA,gBAET,QAAA,kBAAAA,cAAA,CAACO,yBAAA,EAAA,EAAc,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA,aACpC;AAAA,4BACAP,cAAA,CAACQ,sBAAA,EAAA,EAAW,SAAA,EAAU,+BAAA,EAAgC,CAAA;AAAA,2CACrD,MAAA,EAAA,EAAK,SAAA,EAAU,4BAA4B,QAAA,EAAA,CAAA,EAAG,aAAA,CAAc,KAAK,CAAA,KAAA,CAAA,EAAQ;AAAA,WAAA,EAC5E,CAAA;AAAA,UAGD,CAAC,aAAA,oBACAR,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,MAAA;AAAA,cACL,SAAA,EAAU,6BAAA;AAAA,cACV,WAAW,CAAA,CAAA,KAAK;AACd,gBAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,CAAA,CAAE,GAAA,KAAQ,SAAA,IAAa,CAAA,CAAE,GAAA,KAAQ,MAAA,IAAU,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AACzF,gBAAA,MAAM,UAAU,KAAA,CAAM,IAAA;AAAA,kBACpB,CAAA,CAAE,aAAA,CAAc,gBAAA,CAAoC,oCAAoC;AAAA,iBAC1F;AACA,gBAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AAC1B,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,gBAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,SAAA,CAAU,CAAA,CAAA,KAAK,MAAM,MAAM,CAAA;AACnD,gBAAA,IAAI,IAAA;AACJ,gBAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ,IAAA,GAAO,CAAA;AAAA,qBAAA,IACpB,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO,IAAA,GAAO,QAAQ,MAAA,GAAS,CAAA;AAAA,qBAAA,IACzC,CAAA,CAAE,QAAQ,WAAA,EAAa,IAAA,GAAO,UAAU,CAAA,GAAI,CAAA,GAAA,CAAK,OAAA,GAAU,CAAA,IAAK,OAAA,CAAQ,MAAA;AAAA,4BACrE,OAAA,IAAW,CAAA,GAAI,OAAA,CAAQ,MAAA,GAAS,IAAI,OAAA,GAAU,CAAA;AAC1D,gBAAA,OAAA,CAAQ,IAAI,GAAG,KAAA,EAAM;AAAA,cACvB,CAAA;AAAA,cAEC,QAAA,EAAA,aAAA,CAAc,MAAA,GAAS,CAAA,GACtB,aAAA,CAAc,IAAI,CAAA,CAAA,KAAK;AACrB,gBAAA,MAAM,IAAA,GAAO,iBAAA,CAAkB,GAAA,CAAI,CAAA,CAAE,EAAE,CAAA;AACvC,gBAAA,IAAI,CAAA,CAAE,SAAS,YAAA,EAAc;AAC3B,kBAAA,uBACEA,cAAA;AAAA,oBAAC,iBAAA;AAAA,oBAAA;AAAA,sBAEC,KAAA,EAAO,CAAA;AAAA,sBACP,MAAA;AAAA,sBACA,QAAA,EAAU,qBAAA;AAAA,sBACV,IAAA,EAAM,yBAAyB,CAAA,CAAE,EAAA;AAAA,sBACjC,QAAA,EAAU,eAAA;AAAA,sBACV,OAAA,EAAS;AAAA,qBAAA;AAAA,oBANJ,CAAA,CAAE;AAAA,mBAOT;AAAA,gBAEJ;AACA,gBAAA,uBACEF,eAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBAEC,IAAA,EAAK,QAAA;AAAA,oBACL,IAAA,EAAK,UAAA;AAAA,oBACL,kBAAA,EAAiB,EAAA;AAAA,oBACjB,SAAA,EAAWQ,WAAA,CAAGG,iCAAA,EAAe,OAAA,EAAS,oBAAoB,CAAA;AAAA,oBAC1D,QAAA,EAAU,IAAA;AAAA,oBACV,SAAS,MAAM;AACb,sBAAA,QAAA,CAAS,MAAS,CAAA;AAClB,sBAAA,IAAI,CAAA,CAAE,SAAS,MAAA,EAAQ;AACrB,wBAAA,cAAA,CAAe,CAAC,GAAG,MAAA,EAAQ,EAAE,OAAA,EAAS,EAAE,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,CAAC,CAAA;AACxD,wBAAA,iBAAA,GAAoB,EAAE,EAAE,CAAA;AACxB,wBAAA,iBAAA,CAAkB,OAAA,GAAU,IAAA;AAC5B,wBAAA,OAAA,CAAQ,KAAK,CAAA;AACb,wBAAA;AAAA,sBACF;AACA,sBAAA,UAAA,CAAW,EAAE,EAAE,CAAA;AAAA,oBACjB,CAAA;AAAA,oBAEA,QAAA,EAAA;AAAA,sCAAAT,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM,CAAA;AAAA,sBACnC,uBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,oBAAM,CAAA,mBAE9CA,cAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAWM,WAAA;AAAA,4BACTI,6CAAA;AAAA,4BACA;AAAA,2BACF;AAAA,0BAEA,yCAACC,oBAAA,EAAA,EAAS;AAAA;AAAA;AACZ;AAAA,mBAAA;AAAA,kBA7BG,CAAA,CAAE;AAAA,iBA+BT;AAAA,cAEJ,CAAC,CAAA,mBAEDX,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWY,oCAAgB,QAAA,EAAA,uBAAA,EAAqB;AAAA;AAAA,WAEzD;AAAA,UAGD,aAAA,oBACCZ,cAAA;AAAA,YAACa,iBAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAQ,IAAA;AAAA,cACR,OAAA,EAAS,aAAA,CAAc,OAAA,IAAW,EAAC;AAAA,cACnC,KAAA,EAAO,UAAA;AAAA,cACP,eAAe,CAAA,CAAA,KAAK;AAClB,gBAAA,aAAA,CAAc,CAAC,CAAA;AACf,gBAAA,QAAA,CAAS,MAAS,CAAA;AAAA,cACpB,CAAA;AAAA,cACA,WAAA,EAAa,aAAA,CAAc,WAAA,IAAe,CAAA,OAAA,EAAU,cAAc,KAAK,CAAA,CAAA;AAAA,cACvE,iBAAA,EAAmB,CAAA,OAAA,EAAU,aAAA,CAAc,KAAA,CAAM,aAAa,CAAA,GAAA,CAAA;AAAA,cAC9D,SAAA,EAAW,cAAc,SAAA,IAAa,kBAAA;AAAA,cACtC,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGD,KAAA,oBAASb,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAA2B,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAEzD,aAAA,oBACCF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAA,EACb,QAAA,EAAA;AAAA,4BAAAE,cAAA,CAACE,aAAA,EAAA,EAAO,IAAA,kBAAMF,cAAA,CAACc,aAAA,EAAA,EAAE,GAAI,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,GAAG,QAAA,EAAA,QAAA,EAE9E,CAAA;AAAA,4BACAd,cAAA,CAACE,aAAA,EAAA,EAAO,IAAA,kBAAMF,cAAA,CAACe,0BAAA,EAAA,EAAe,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAA,YAAA,EAE/E;AAAA,WAAA,EACF;AAAA,SAAA,EAEJ;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAoBA,SAAS,iBAAA,CAAkB,EAAE,KAAA,EAAO,MAAA,EAAQ,UAAU,IAAA,EAAM,QAAA,EAAU,SAAQ,EAA2B;AACvG,EAAA,MAAM,UAAA,GAAarB,aAAuB,IAAI,CAAA;AAE9C,EAAA,uBACEI,eAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,cAAc,CAAA,IAAA,KAAQ;AACpB,QAAA,IAAI,IAAA,EAAM,QAAA,CAAS,KAAA,CAAM,EAAE,CAAA;AAAA,aACtB,OAAA,EAAQ;AAAA,MACf,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAH,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,UAAA;AAAA,YACL,kBAAA,EAAiB,EAAA;AAAA,YACjB,SAAA,EAAWQ,WAAA,CAAGG,iCAAA,EAAe,oBAAoB,CAAA;AAAA,YACjD,WAAW,CAAA,CAAA,KAAK;AACd,cAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,YAAA,IAAgB,CAAA,CAAE,QAAQ,WAAA,EAAa;AACrD,cAAA,IAAI,CAAC,IAAA,EAAM,QAAA,CAAS,KAAA,CAAM,EAAE,CAAA;AAC5B,cAAA,CAAA,CAAE,cAAA,EAAe;AACjB,cAAA,qBAAA,CAAsB,MAAM;AAC1B,gBAAA,MAAM,KAAA,GAAQ,WAAW,OAAA,EAAS,aAAA;AAAA,kBAChC;AAAA,iBACF;AACA,gBAAA,KAAA,EAAO,KAAA,EAAM;AAAA,cACf,CAAC,CAAA;AAAA,YACH,CAAA;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,IAAA,oBAAQT,cAAA,CAACgB,4BAAA,EAAA,EAAiB,SAAA,EAAU,eAAA,EAAgB,CAAA;AAAA,8BACrDhB,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,gBAAM,KAAA,EAAM,CAAA;AAAA,cACvC,CAAC,IAAA,oBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWM,WAAA,CAAGI,6CAAA,EAA2B,eAAe,CAAA,EAC5D,QAAA,kBAAAV,cAAA,CAACgB,4BAAA,EAAA,EAAiB,CAAA,EACpB;AAAA;AAAA;AAAA,SAEJ,EACF,CAAA;AAAA,wBACAhB,cAAA;AAAA,UAACI,sBAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,OAAA;AAAA,YACL,KAAA,EAAM,OAAA;AAAA,YACN,UAAA,EAAYC,oCAAA;AAAA,YACZ,SAAA,EAAU,UAAA;AAAA,YACV,YAAA,EAAc,KAAA;AAAA,YACd,WAAW,CAAA,CAAA,KAAK;AACd,cAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,CAAA,CAAE,GAAA,KAAQ,SAAA,IAAa,CAAA,CAAE,GAAA,KAAQ,MAAA,IAAU,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AACzF,cAAA,MAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,gBAClB,CAAA,CAAE,aAAA,CAAc,gBAAA,CAA8B,wCAAwC;AAAA,eACxF;AACA,cAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACxB,cAAA,CAAA,CAAE,cAAA,EAAe;AACjB,cAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,cAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,cAAA,MAAM,OAAA,GAAU,KAAA,CAAM,SAAA,CAAU,CAAA,EAAA,KAAM,OAAO,MAAM,CAAA;AACnD,cAAA,IAAI,IAAA;AACJ,cAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ,IAAA,GAAO,CAAA;AAAA,mBAAA,IACpB,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO,IAAA,GAAO,MAAM,MAAA,GAAS,CAAA;AAAA,mBAAA,IACvC,CAAA,CAAE,QAAQ,WAAA,EAAa,IAAA,GAAO,UAAU,CAAA,GAAI,CAAA,GAAA,CAAK,OAAA,GAAU,CAAA,IAAK,KAAA,CAAM,MAAA;AAAA,0BACnE,OAAA,IAAW,CAAA,GAAI,KAAA,CAAM,MAAA,GAAS,IAAI,OAAA,GAAU,CAAA;AACxD,cAAA,KAAA,CAAM,IAAI,GAAG,KAAA,EAAM;AAAA,YACrB,CAAA;AAAA,YACA,uBAAA,EAAqB,IAAA;AAAA,YAErB,QAAA,kBAAAL,cAAA,CAACiB,oCAAA,EAAA,EAAe,KAAA,EAAc,MAAA,EAAgB,QAAA,EAAoB;AAAA;AAAA;AACpE;AAAA;AAAA,GACF;AAEJ;;;;;;;"}
+{"version":3,"file":"PropertyFilter.cjs.js","sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { MENU_SIDE_OFFSET, menuEmptyClass, menuItemClass, menuItemTrailingIconClass } from '@/ds/primitives/menu-item';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI), so the highlight rides on `:focus`.\nconst filterItemFocusClass = 'focus:bg-fill-subtle focus:text-foreground';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add Filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\" size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className={cn(quietTextHover, controlStateColorTransition)}\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"text-muted-foreground size-4 shrink-0\" />\n              <span className=\"text-caption text-muted-foreground\">{`${selectedField.label} · is`}</span>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              {visibleFields.length > 0 ? (\n                visibleFields.map(f => {\n                  const used = singleUseFieldIds.has(f.id);\n                  if (f.kind === 'pick-multi') {\n                    return (\n                      <PickMultiMenuItem\n                        key={f.id}\n                        field={f}\n                        tokens={tokens}\n                        onChange={replacePickMultiToken}\n                        open={openPickMultiFieldId === f.id}\n                        onToggle={togglePickMulti}\n                        onClose={closePickMulti}\n                      />\n                    );\n                  }\n                  return (\n                    <button\n                      key={f.id}\n                      type=\"button\"\n                      role=\"menuitem\"\n                      data-filter-item=\"\"\n                      className={cn(menuItemClass, 'group', filterItemFocusClass)}\n                      disabled={used}\n                      onClick={() => {\n                        setError(undefined);\n                        if (f.kind === 'text') {\n                          onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                          onStartTextFilter?.(f.id);\n                          skipCloseFocusRef.current = true;\n                          setOpen(false);\n                          return;\n                        }\n                        setFieldId(f.id);\n                      }}\n                    >\n                      <span className=\"truncate\">{f.label}</span>\n                      {used ? (\n                        <span className=\"text-muted-foreground ml-auto\">In use</span>\n                      ) : (\n                        <span\n                          className={cn(\n                            menuItemTrailingIconClass,\n                            'text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100',\n                          )}\n                        >\n                          <PlusIcon />\n                        </span>\n                      )}\n                    </button>\n                  );\n                })\n              ) : (\n                <div className={menuEmptyClass}>No matching property.</div>\n              )}\n            </div>\n          )}\n\n          {selectedField && (\n            <Combobox\n              multiple\n              options={selectedField.options ?? []}\n              value={multiValue}\n              onValueChange={v => {\n                setMultiValue(v);\n                setError(undefined);\n              }}\n              placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n              searchPlaceholder={`Search ${selectedField.label.toLowerCase()}...`}\n              emptyText={selectedField.emptyText ?? 'No option found.'}\n              size=\"md\"\n              name={`property-filter-${selectedField.id}`}\n              aria-label={selectedField.label}\n              error={error}\n            />\n          )}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} variant=\"outline\" size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          data-filter-item=\"\"\n          className={cn(menuItemClass, filterItemFocusClass)}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-muted-foreground\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-muted-foreground')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["useMemo","useState","useRef","useCallback","useEffect","fieldId","jsxs","Popover","jsx","PopoverTrigger","Button","ListFilterPlusIcon","PopoverContent","MENU_SIDE_OFFSET","cn","quietTextHover","controlStateColorTransition","ArrowLeftIcon","FilterIcon","menuItemClass","menuItemTrailingIconClass","PlusIcon","menuEmptyClass","Combobox","X","ListFilterPlus","ChevronRightIcon","PickMultiPanel"],"mappings":"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"}

package/dist/components/PropertyFilter.es.js

@@ -1,15 +1,17 @@
-import { b as PickMultiPanel } from '../property-filter-applied-CZu-Jwsx.js';
-export { a as PropertyFilterActions, P as PropertyFilterApplied } from '../property-filter-applied-CZu-Jwsx.js';
+import { b as PickMultiPanel } from '../property-filter-applied-BBiUbtr0.js';
+export { a as PropertyFilterActions, P as PropertyFilterApplied } from '../property-filter-applied-BBiUbtr0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterPlusIcon, ArrowLeftIcon, FilterIcon, PlusIcon, X, ListFilterPlus, ChevronRightIcon } from 'lucide-react';
 import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
-import { B as Button } from '../Button-DS6O6fvU.js';
-import { C as Combobox } from '../combobox-CQ2Ri2LC.js';
-import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-lj-OpKKH.js';
+import { B as Button } from '../Button-cWcBEd-G.js';
+import { C as Combobox } from '../combobox-D7xJFZuO.js';
+import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
 import { MENU_SIDE_OFFSET, menuItemTrailingIconClass, menuItemClass, menuEmptyClass } from '../primitives/menu-item.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { controlStateColorTransition } from '../primitives/transitions.es.js';
+import { quietTextHover } from '../primitives/typography.es.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
-const filterItemFocusClass = "focus:bg-neutral6/5 focus:text-neutral6";
+const filterItemFocusClass = "focus:bg-fill-subtle focus:text-foreground";
 function PropertyFilterCreator({
   fields,
   tokens,
@@ -112,13 +114,13 @@ function PropertyFilterCreator({
               {
                 type: "button",
                 "aria-label": "Back to properties",
-                className: "text-neutral3 hover:text-neutral6 transition-colors",
+                className: cn(quietTextHover, controlStateColorTransition),
                 onClick: reset,
                 children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ jsx(FilterIcon, { className: "text-neutral3 size-4 shrink-0" }),
-            /* @__PURE__ */ jsx("span", { className: "text-ui-sm text-neutral3", children: `${selectedField.label} · is` })
+            /* @__PURE__ */ jsx(FilterIcon, { className: "text-muted-foreground size-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: `${selectedField.label} · is` })
           ] }),
           !selectedField && /* @__PURE__ */ jsx(
             "div",
@@ -178,12 +180,12 @@ function PropertyFilterCreator({
                     },
                     children: [
                       /* @__PURE__ */ jsx("span", { className: "truncate", children: f.label }),
-                      used ? /* @__PURE__ */ jsx("span", { className: "text-neutral3 ml-auto", children: "In use" }) : /* @__PURE__ */ jsx(
+                      used ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-auto", children: "In use" }) : /* @__PURE__ */ jsx(
                         "span",
                         {
                           className: cn(
                             menuItemTrailingIconClass,
-                            "text-neutral3 opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100"
+                            "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100"
                           ),
                           children: /* @__PURE__ */ jsx(PlusIcon, {})
                         }
@@ -208,10 +210,12 @@ function PropertyFilterCreator({
               placeholder: selectedField.placeholder ?? `Choose ${selectedField.label}`,
               searchPlaceholder: `Search ${selectedField.label.toLowerCase()}...`,
               emptyText: selectedField.emptyText ?? "No option found.",
-              size: "md"
+              size: "md",
+              name: `property-filter-${selectedField.id}`,
+              "aria-label": selectedField.label,
+              error
             }
           ),
-          error && /* @__PURE__ */ jsx("div", { className: "text-ui-sm text-red-500", children: error }),
           selectedField && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
             /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(X, {}), variant: "ghost", size: "md", onClick: () => setOpen(false), children: "Cancel" }),
             /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(ListFilterPlus, {}), variant: "outline", size: "md", onClick: commit, children: "Add filter" })
@@ -251,9 +255,9 @@ function PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose })
               });
             },
             children: [
-              open && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "text-neutral3" }),
+              open && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "text-muted-foreground" }),
               /* @__PURE__ */ jsx("span", { className: "truncate", children: field.label }),
-              !open && /* @__PURE__ */ jsx("span", { className: cn(menuItemTrailingIconClass, "text-neutral3"), children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
+              !open && /* @__PURE__ */ jsx("span", { className: cn(menuItemTrailingIconClass, "text-muted-foreground"), children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
             ]
           }
         ) }),

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyFilter.es.js","sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { MENU_SIDE_OFFSET, menuEmptyClass, menuItemClass, menuItemTrailingIconClass } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI), so the highlight rides on `:focus`.\nconst filterItemFocusClass = 'focus:bg-neutral6/5 focus:text-neutral6';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add Filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\" size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className=\"text-neutral3 hover:text-neutral6 transition-colors\"\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"text-neutral3 size-4 shrink-0\" />\n              <span className=\"text-ui-sm text-neutral3\">{`${selectedField.label} · is`}</span>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              {visibleFields.length > 0 ? (\n                visibleFields.map(f => {\n                  const used = singleUseFieldIds.has(f.id);\n                  if (f.kind === 'pick-multi') {\n                    return (\n                      <PickMultiMenuItem\n                        key={f.id}\n                        field={f}\n                        tokens={tokens}\n                        onChange={replacePickMultiToken}\n                        open={openPickMultiFieldId === f.id}\n                        onToggle={togglePickMulti}\n                        onClose={closePickMulti}\n                      />\n                    );\n                  }\n                  return (\n                    <button\n                      key={f.id}\n                      type=\"button\"\n                      role=\"menuitem\"\n                      data-filter-item=\"\"\n                      className={cn(menuItemClass, 'group', filterItemFocusClass)}\n                      disabled={used}\n                      onClick={() => {\n                        setError(undefined);\n                        if (f.kind === 'text') {\n                          onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                          onStartTextFilter?.(f.id);\n                          skipCloseFocusRef.current = true;\n                          setOpen(false);\n                          return;\n                        }\n                        setFieldId(f.id);\n                      }}\n                    >\n                      <span className=\"truncate\">{f.label}</span>\n                      {used ? (\n                        <span className=\"text-neutral3 ml-auto\">In use</span>\n                      ) : (\n                        <span\n                          className={cn(\n                            menuItemTrailingIconClass,\n                            'text-neutral3 opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100',\n                          )}\n                        >\n                          <PlusIcon />\n                        </span>\n                      )}\n                    </button>\n                  );\n                })\n              ) : (\n                <div className={menuEmptyClass}>No matching property.</div>\n              )}\n            </div>\n          )}\n\n          {selectedField && (\n            <Combobox\n              multiple\n              options={selectedField.options ?? []}\n              value={multiValue}\n              onValueChange={v => {\n                setMultiValue(v);\n                setError(undefined);\n              }}\n              placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n              searchPlaceholder={`Search ${selectedField.label.toLowerCase()}...`}\n              emptyText={selectedField.emptyText ?? 'No option found.'}\n              size=\"md\"\n            />\n          )}\n\n          {error && <div className=\"text-ui-sm text-red-500\">{error}</div>}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} variant=\"outline\" size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          data-filter-item=\"\"\n          className={cn(menuItemClass, filterItemFocusClass)}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-neutral3\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-neutral3')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["fieldId"],"mappings":";;;;;;;;;;;AAoBA,MAAM,oBAAA,GAAuB,yCAAA;AAgCtB,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,KAAA,GAAQ,YAAA;AAAA,EACR,QAAA;AAAA,EACA,IAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,IAAI,CAAC,cAAA,IAAkB,cAAA,CAAe,MAAA,KAAW,GAAG,OAAO,MAAA;AAC3D,IAAA,MAAM,MAAA,GAAS,IAAI,GAAA,CAAI,cAAc,CAAA;AACrC,IAAA,OAAO,MAAA,CAAO,OAAO,CAAA,CAAA,KAAK,CAAC,OAAO,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA;AAAA,EAC7C,CAAA,EAAG,CAAC,MAAA,EAAQ,cAAc,CAAC,CAAA;AAC3B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,EAA6B;AAC3D,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,CAAmB,EAAE,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,EAA6B;AAIvD,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,QAAA,EAA6B;AAKrF,EAAA,MAAM,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAEtC,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,CAAC,EAAA,KAAe;AAClD,IAAA,uBAAA,CAAwB,CAAA,OAAA,KAAY,OAAA,KAAY,EAAA,GAAK,MAAA,GAAY,EAAG,CAAA;AAAA,EACtE,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,iBAAiB,WAAA,CAAY,MAAM,wBAAwB,MAAS,CAAA,EAAG,EAAE,CAAA;AAE/E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM,uBAAA,CAAwB,MAAS,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,aAAA,GAAgB,OAAA,CAAQ,MAAM,aAAA,CAAc,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,EAAA,KAAO,OAAO,CAAA,EAAG,CAAC,aAAA,EAAe,OAAO,CAAC,CAAA;AAGvG,EAAA,MAAM,iBAAA,GAAoB,QAAQ,MAAM;AACtC,IAAA,MAAM,GAAA,uBAAU,GAAA,EAAY;AAC5B,IAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AAC1B,MAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,MAAA,IAAI,SAAS,KAAA,CAAM,IAAA,KAAS,cAAc,GAAA,CAAI,GAAA,CAAI,MAAM,OAAO,CAAA;AAAA,IACjE;AACA,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAEnB,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,UAAA,CAAW,MAAS,CAAA;AACpB,IAAA,aAAA,CAAc,EAAE,CAAA;AAChB,IAAA,QAAA,CAAS,MAAS,CAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAM,KAAA,EAAM;AAAA,EACnB,CAAA,EAAG,CAAC,IAAA,EAAM,KAAK,CAAC,CAAA;AAQhB,EAAA,MAAM,qBAAA,GAAwB,WAAA;AAAA,IAC5B,CAACA,UAAiB,KAAA,KAA6B;AAC7C,MAAA,MAAM,gBAAgB,MAAA,CAAO,SAAA,CAAU,CAAA,CAAA,KAAK,CAAA,CAAE,YAAYA,QAAO,CAAA;AAEjE,MAAA,IAAI,MAAM,OAAA,CAAQ,KAAK,CAAA,IAAK,KAAA,CAAM,WAAW,CAAA,EAAG;AAC9C,QAAA,IAAI,kBAAkB,EAAA,EAAI;AAC1B,QAAA,cAAA,CAAe,OAAO,MAAA,CAAO,CAAC,GAAG,CAAA,KAAM,CAAA,KAAM,aAAa,CAAC,CAAA;AAC3D,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,kBAAkB,EAAA,EAAI;AACxB,QAAA,cAAA,CAAe,CAAC,GAAG,MAAA,EAAQ,EAAE,SAAAA,QAAAA,EAAS,KAAA,EAAO,CAAC,CAAA;AAC9C,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAA,GAAa,CAAC,GAAG,MAAM,CAAA;AAC7B,MAAA,UAAA,CAAW,aAAa,CAAA,GAAI,EAAE,OAAA,EAAAA,UAAS,KAAA,EAAM;AAC7C,MAAA,cAAA,CAAe,UAAU,CAAA;AAAA,IAC3B,CAAA;AAAA,IACA,CAAC,gBAAgB,MAAM;AAAA,GACzB;AAEA,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,QAAA,CAAS,0BAA0B,CAAA;AACnC,MAAA;AAAA,IACF;AACA,IAAA,IAAI,iBAAA,CAAkB,GAAA,CAAI,aAAA,CAAc,EAAE,CAAA,EAAG;AAC3C,MAAA,QAAA,CAAS,CAAA,oBAAA,EAAuB,aAAA,CAAc,KAAK,CAAA,8BAAA,CAAgC,CAAA;AACnF,MAAA;AAAA,IACF;AACA,IAAA,IAAI,UAAA,CAAW,WAAW,CAAA,EAAG;AAC3B,MAAA,QAAA,CAAS,CAAA,oBAAA,EAAuB,aAAA,CAAc,KAAA,CAAM,WAAA,EAAa,CAAA,OAAA,CAAS,CAAA;AAC1E,MAAA;AAAA,IACF;AACA,IAAA,cAAA,CAAe,CAAC,GAAG,MAAA,EAAQ,EAAE,OAAA,EAAS,cAAc,EAAA,EAAI,KAAA,EAAO,UAAA,EAAY,CAAC,CAAA;AAC5E,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,GAAG,CAAC,UAAA,EAAY,gBAAgB,aAAA,EAAe,iBAAA,EAAmB,MAAM,CAAC,CAAA;AAEzE,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAY,YAAA,EAAc,OAAA,EACjC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,UAAO,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAY,QAAA,EAAoB,IAAA,kBAAM,GAAA,CAAC,kBAAA,EAAA,EAAmB,CAAA,EACjF,iBACH,CAAA,EACF,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,KAAA;AAAA,QACN,UAAA,EAAY,gBAAA;AAAA,QACZ,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,aAAA,GAAgB,QAAQ,KAAK,CAAA;AAAA,QACnD,YAAA,EAAc,KAAA;AAAA,QACd,YAAY,MAAM;AAChB,UAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,YAAA,iBAAA,CAAkB,OAAA,GAAU,KAAA;AAC5B,YAAA,OAAO,KAAA;AAAA,UACT;AACA,UAAA,OAAO,IAAA;AAAA,QACT,CAAA;AAAA,QAEA,+BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,MAAA,EAAQ,aAAA,IAAiB,OAAO,CAAA,EAChD,QAAA,EAAA;AAAA,UAAA,aAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,YAAA,EAAW,oBAAA;AAAA,gBACX,SAAA,EAAU,qDAAA;AAAA,gBACV,OAAA,EAAS,KAAA;AAAA,gBAET,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA,aACpC;AAAA,4BACA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,+BAAA,EAAgC,CAAA;AAAA,gCACrD,MAAA,EAAA,EAAK,SAAA,EAAU,4BAA4B,QAAA,EAAA,CAAA,EAAG,aAAA,CAAc,KAAK,CAAA,KAAA,CAAA,EAAQ;AAAA,WAAA,EAC5E,CAAA;AAAA,UAGD,CAAC,aAAA,oBACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,MAAA;AAAA,cACL,SAAA,EAAU,6BAAA;AAAA,cACV,WAAW,CAAA,CAAA,KAAK;AACd,gBAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,CAAA,CAAE,GAAA,KAAQ,SAAA,IAAa,CAAA,CAAE,GAAA,KAAQ,MAAA,IAAU,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AACzF,gBAAA,MAAM,UAAU,KAAA,CAAM,IAAA;AAAA,kBACpB,CAAA,CAAE,aAAA,CAAc,gBAAA,CAAoC,oCAAoC;AAAA,iBAC1F;AACA,gBAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AAC1B,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,gBAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,SAAA,CAAU,CAAA,CAAA,KAAK,MAAM,MAAM,CAAA;AACnD,gBAAA,IAAI,IAAA;AACJ,gBAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ,IAAA,GAAO,CAAA;AAAA,qBAAA,IACpB,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO,IAAA,GAAO,QAAQ,MAAA,GAAS,CAAA;AAAA,qBAAA,IACzC,CAAA,CAAE,QAAQ,WAAA,EAAa,IAAA,GAAO,UAAU,CAAA,GAAI,CAAA,GAAA,CAAK,OAAA,GAAU,CAAA,IAAK,OAAA,CAAQ,MAAA;AAAA,4BACrE,OAAA,IAAW,CAAA,GAAI,OAAA,CAAQ,MAAA,GAAS,IAAI,OAAA,GAAU,CAAA;AAC1D,gBAAA,OAAA,CAAQ,IAAI,GAAG,KAAA,EAAM;AAAA,cACvB,CAAA;AAAA,cAEC,QAAA,EAAA,aAAA,CAAc,MAAA,GAAS,CAAA,GACtB,aAAA,CAAc,IAAI,CAAA,CAAA,KAAK;AACrB,gBAAA,MAAM,IAAA,GAAO,iBAAA,CAAkB,GAAA,CAAI,CAAA,CAAE,EAAE,CAAA;AACvC,gBAAA,IAAI,CAAA,CAAE,SAAS,YAAA,EAAc;AAC3B,kBAAA,uBACE,GAAA;AAAA,oBAAC,iBAAA;AAAA,oBAAA;AAAA,sBAEC,KAAA,EAAO,CAAA;AAAA,sBACP,MAAA;AAAA,sBACA,QAAA,EAAU,qBAAA;AAAA,sBACV,IAAA,EAAM,yBAAyB,CAAA,CAAE,EAAA;AAAA,sBACjC,QAAA,EAAU,eAAA;AAAA,sBACV,OAAA,EAAS;AAAA,qBAAA;AAAA,oBANJ,CAAA,CAAE;AAAA,mBAOT;AAAA,gBAEJ;AACA,gBAAA,uBACE,IAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBAEC,IAAA,EAAK,QAAA;AAAA,oBACL,IAAA,EAAK,UAAA;AAAA,oBACL,kBAAA,EAAiB,EAAA;AAAA,oBACjB,SAAA,EAAW,EAAA,CAAG,aAAA,EAAe,OAAA,EAAS,oBAAoB,CAAA;AAAA,oBAC1D,QAAA,EAAU,IAAA;AAAA,oBACV,SAAS,MAAM;AACb,sBAAA,QAAA,CAAS,MAAS,CAAA;AAClB,sBAAA,IAAI,CAAA,CAAE,SAAS,MAAA,EAAQ;AACrB,wBAAA,cAAA,CAAe,CAAC,GAAG,MAAA,EAAQ,EAAE,OAAA,EAAS,EAAE,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,CAAC,CAAA;AACxD,wBAAA,iBAAA,GAAoB,EAAE,EAAE,CAAA;AACxB,wBAAA,iBAAA,CAAkB,OAAA,GAAU,IAAA;AAC5B,wBAAA,OAAA,CAAQ,KAAK,CAAA;AACb,wBAAA;AAAA,sBACF;AACA,sBAAA,UAAA,CAAW,EAAE,EAAE,CAAA;AAAA,oBACjB,CAAA;AAAA,oBAEA,QAAA,EAAA;AAAA,sCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM,CAAA;AAAA,sBACnC,uBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,oBAAM,CAAA,mBAE9C,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAW,EAAA;AAAA,4BACT,yBAAA;AAAA,4BACA;AAAA,2BACF;AAAA,0BAEA,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA;AACZ;AAAA,mBAAA;AAAA,kBA7BG,CAAA,CAAE;AAAA,iBA+BT;AAAA,cAEJ,CAAC,CAAA,mBAED,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,gBAAgB,QAAA,EAAA,uBAAA,EAAqB;AAAA;AAAA,WAEzD;AAAA,UAGD,aAAA,oBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAQ,IAAA;AAAA,cACR,OAAA,EAAS,aAAA,CAAc,OAAA,IAAW,EAAC;AAAA,cACnC,KAAA,EAAO,UAAA;AAAA,cACP,eAAe,CAAA,CAAA,KAAK;AAClB,gBAAA,aAAA,CAAc,CAAC,CAAA;AACf,gBAAA,QAAA,CAAS,MAAS,CAAA;AAAA,cACpB,CAAA;AAAA,cACA,WAAA,EAAa,aAAA,CAAc,WAAA,IAAe,CAAA,OAAA,EAAU,cAAc,KAAK,CAAA,CAAA;AAAA,cACvE,iBAAA,EAAmB,CAAA,OAAA,EAAU,aAAA,CAAc,KAAA,CAAM,aAAa,CAAA,GAAA,CAAA;AAAA,cAC9D,SAAA,EAAW,cAAc,SAAA,IAAa,kBAAA;AAAA,cACtC,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGD,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAA2B,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAEzD,aAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,CAAA,EAAA,EAAE,GAAI,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,GAAG,QAAA,EAAA,QAAA,EAE9E,CAAA;AAAA,4BACA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAA,YAAA,EAE/E;AAAA,WAAA,EACF;AAAA,SAAA,EAEJ;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAoBA,SAAS,iBAAA,CAAkB,EAAE,KAAA,EAAO,MAAA,EAAQ,UAAU,IAAA,EAAM,QAAA,EAAU,SAAQ,EAA2B;AACvG,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAE9C,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,cAAc,CAAA,IAAA,KAAQ;AACpB,QAAA,IAAI,IAAA,EAAM,QAAA,CAAS,KAAA,CAAM,EAAE,CAAA;AAAA,aACtB,OAAA,EAAQ;AAAA,MACf,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,UAAA;AAAA,YACL,kBAAA,EAAiB,EAAA;AAAA,YACjB,SAAA,EAAW,EAAA,CAAG,aAAA,EAAe,oBAAoB,CAAA;AAAA,YACjD,WAAW,CAAA,CAAA,KAAK;AACd,cAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,YAAA,IAAgB,CAAA,CAAE,QAAQ,WAAA,EAAa;AACrD,cAAA,IAAI,CAAC,IAAA,EAAM,QAAA,CAAS,KAAA,CAAM,EAAE,CAAA;AAC5B,cAAA,CAAA,CAAE,cAAA,EAAe;AACjB,cAAA,qBAAA,CAAsB,MAAM;AAC1B,gBAAA,MAAM,KAAA,GAAQ,WAAW,OAAA,EAAS,aAAA;AAAA,kBAChC;AAAA,iBACF;AACA,gBAAA,KAAA,EAAO,KAAA,EAAM;AAAA,cACf,CAAC,CAAA;AAAA,YACH,CAAA;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,IAAA,oBAAQ,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,eAAA,EAAgB,CAAA;AAAA,8BACrD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,gBAAM,KAAA,EAAM,CAAA;AAAA,cACvC,CAAC,IAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,eAAe,CAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,EACpB;AAAA;AAAA;AAAA,SAEJ,EACF,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,OAAA;AAAA,YACL,KAAA,EAAM,OAAA;AAAA,YACN,UAAA,EAAY,gBAAA;AAAA,YACZ,SAAA,EAAU,UAAA;AAAA,YACV,YAAA,EAAc,KAAA;AAAA,YACd,WAAW,CAAA,CAAA,KAAK;AACd,cAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,CAAA,CAAE,GAAA,KAAQ,SAAA,IAAa,CAAA,CAAE,GAAA,KAAQ,MAAA,IAAU,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AACzF,cAAA,MAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,gBAClB,CAAA,CAAE,aAAA,CAAc,gBAAA,CAA8B,wCAAwC;AAAA,eACxF;AACA,cAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACxB,cAAA,CAAA,CAAE,cAAA,EAAe;AACjB,cAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,cAAA,MAAM,SAAS,QAAA,CAAS,aAAA;AACxB,cAAA,MAAM,OAAA,GAAU,KAAA,CAAM,SAAA,CAAU,CAAA,EAAA,KAAM,OAAO,MAAM,CAAA;AACnD,cAAA,IAAI,IAAA;AACJ,cAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ,IAAA,GAAO,CAAA;AAAA,mBAAA,IACpB,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO,IAAA,GAAO,MAAM,MAAA,GAAS,CAAA;AAAA,mBAAA,IACvC,CAAA,CAAE,QAAQ,WAAA,EAAa,IAAA,GAAO,UAAU,CAAA,GAAI,CAAA,GAAA,CAAK,OAAA,GAAU,CAAA,IAAK,KAAA,CAAM,MAAA;AAAA,0BACnE,OAAA,IAAW,CAAA,GAAI,KAAA,CAAM,MAAA,GAAS,IAAI,OAAA,GAAU,CAAA;AACxD,cAAA,KAAA,CAAM,IAAI,GAAG,KAAA,EAAM;AAAA,YACrB,CAAA;AAAA,YACA,uBAAA,EAAqB,IAAA;AAAA,YAErB,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAc,MAAA,EAAgB,QAAA,EAAoB;AAAA;AAAA;AACpE;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"PropertyFilter.es.js","sources":["../../src/ds/components/PropertyFilter/property-filter-creator.tsx"],"sourcesContent":["import {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  FilterIcon,\n  ListFilterPlusIcon,\n  PlusIcon,\n  ListFilterPlus,\n  X,\n} from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { PickMultiPanel } from './pick-multi-panel';\nimport type { PropertyFilterField, PropertyFilterToken } from './types';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover/popover';\nimport { MENU_SIDE_OFFSET, menuEmptyClass, menuItemClass, menuItemTrailingIconClass } from '@/ds/primitives/menu-item';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\n// Plain <button>s navigated with roving focus (not Base UI), so the highlight rides on `:focus`.\nconst filterItemFocusClass = 'focus:bg-fill-subtle focus:text-foreground';\n\nexport type PropertyFilterCreatorProps = {\n  fields: PropertyFilterField[];\n  tokens: PropertyFilterToken[];\n  onTokensChange: (tokens: PropertyFilterToken[]) => void;\n  label?: string;\n  disabled?: boolean;\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Called when the user picks a text (id-style) field. Consumers are expected\n   * to render a pending applied-filter pill with an active input so the user\n   * can type the value inline instead of in this popover.\n   */\n  onStartTextFilter?: (fieldId: string) => void;\n  /**\n   * Field ids hidden from the Add Filter dropdown. Use to prevent users from\n   * recreating a filter that an upstream context already owns (e.g. the agent\n   * id when viewing the agent-scoped traces tab).\n   */\n  hiddenFieldIds?: readonly string[];\n};\n\n/**\n * Minimal Linear-style filter creator: a `+ Filter` button whose popover walks\n * the user through property → value → commit. For id-style text fields, the\n * picker closes immediately and the applied-filter pill owns the input. For\n * `pick-multi` fields (e.g. Root Entity Name) hovering the item opens a\n * separate side popover with checkboxes — each check adds its own applied\n * filter and the main popover stays open so users can pick many.\n */\nexport function PropertyFilterCreator({\n  fields,\n  tokens,\n  onTokensChange,\n  label = 'Add Filter',\n  disabled,\n  size,\n  onStartTextFilter,\n  hiddenFieldIds,\n}: PropertyFilterCreatorProps) {\n  const visibleFields = useMemo(() => {\n    if (!hiddenFieldIds || hiddenFieldIds.length === 0) return fields;\n    const hidden = new Set(hiddenFieldIds);\n    return fields.filter(f => !hidden.has(f.id));\n  }, [fields, hiddenFieldIds]);\n  const [open, setOpen] = useState(false);\n  const [fieldId, setFieldId] = useState<string | undefined>();\n  const [multiValue, setMultiValue] = useState<string[]>([]);\n  const [error, setError] = useState<string | undefined>();\n  // Single source of truth for which pick-multi side panel is open. Opens only\n  // via explicit click/keyboard press on the menu item — no hover/focus\n  // auto-open (was too flicker-prone).\n  const [openPickMultiFieldId, setOpenPickMultiFieldId] = useState<string | undefined>();\n\n  // When the user picks a text field we close this popover and hand off focus\n  // to the newly-created pill's input — prevent Radix from returning focus to\n  // the trigger button in that case.\n  const skipCloseFocusRef = useRef(false);\n\n  const togglePickMulti = useCallback((id: string) => {\n    setOpenPickMultiFieldId(current => (current === id ? undefined : id));\n  }, []);\n  const closePickMulti = useCallback(() => setOpenPickMultiFieldId(undefined), []);\n\n  useEffect(() => {\n    if (!open) setOpenPickMultiFieldId(undefined);\n  }, [open]);\n\n  const selectedField = useMemo(() => visibleFields.find(f => f.id === fieldId), [visibleFields, fieldId]);\n  // Only single-use kinds (text, multi-select) count as \"used\". `pick-multi`\n  // allows multiple tokens with the same fieldId.\n  const singleUseFieldIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const token of tokens) {\n      const field = fields.find(f => f.id === token.fieldId);\n      if (field && field.kind !== 'pick-multi') ids.add(token.fieldId);\n    }\n    return ids;\n  }, [tokens, fields]);\n\n  const reset = useCallback(() => {\n    setFieldId(undefined);\n    setMultiValue([]);\n    setError(undefined);\n  }, []);\n\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  /**\n   * Replace whatever token exists for `fieldId` with the given value. Used by\n   * both single-select (radio) and multi-select (checkbox) pick-multi panels.\n   * An empty list means nothing is selected, which removes the token here —\n   * unlike the applied pill, where the filter stays on in a neutral state.\n   */\n  const replacePickMultiToken = useCallback(\n    (fieldId: string, value: string | string[]) => {\n      const existingIndex = tokens.findIndex(t => t.fieldId === fieldId);\n\n      if (Array.isArray(value) && value.length === 0) {\n        if (existingIndex === -1) return;\n        onTokensChange(tokens.filter((_, i) => i !== existingIndex));\n        return;\n      }\n\n      if (existingIndex === -1) {\n        onTokensChange([...tokens, { fieldId, value }]);\n        return;\n      }\n\n      const nextTokens = [...tokens];\n      nextTokens[existingIndex] = { fieldId, value };\n      onTokensChange(nextTokens);\n    },\n    [onTokensChange, tokens],\n  );\n\n  const commit = useCallback(() => {\n    if (!selectedField) {\n      setError('Choose a property first.');\n      return;\n    }\n    if (singleUseFieldIds.has(selectedField.id)) {\n      setError(`Remove the existing ${selectedField.label} filter before adding another.`);\n      return;\n    }\n    if (multiValue.length === 0) {\n      setError(`Choose at least one ${selectedField.label.toLowerCase()} value.`);\n      return;\n    }\n    onTokensChange([...tokens, { fieldId: selectedField.id, value: multiValue }]);\n    setOpen(false);\n  }, [multiValue, onTokensChange, selectedField, singleUseFieldIds, tokens]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\" size={size} disabled={disabled} icon={<ListFilterPlusIcon />}>\n          {label}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className={cn('w-64', selectedField ? 'p-3' : 'p-1')}\n        initialFocus={false}\n        finalFocus={() => {\n          if (skipCloseFocusRef.current) {\n            skipCloseFocusRef.current = false;\n            return false;\n          }\n          return true;\n        }}\n      >\n        <div className={cn('grid', selectedField && 'gap-3')}>\n          {selectedField && (\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-label=\"Back to properties\"\n                className={cn(quietTextHover, controlStateColorTransition)}\n                onClick={reset}\n              >\n                <ArrowLeftIcon className=\"size-4\" />\n              </button>\n              <FilterIcon className=\"text-muted-foreground size-4 shrink-0\" />\n              <span className=\"text-caption text-muted-foreground\">{`${selectedField.label} · is`}</span>\n            </div>\n          )}\n\n          {!selectedField && (\n            <div\n              role=\"menu\"\n              className=\"max-h-[80dvh] overflow-auto\"\n              onKeyDown={e => {\n                if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n                const buttons = Array.from(\n                  e.currentTarget.querySelectorAll<HTMLButtonElement>('[data-filter-item]:not([disabled])'),\n                );\n                if (buttons.length === 0) return;\n                e.preventDefault();\n                const active = document.activeElement as HTMLElement | null;\n                const current = buttons.findIndex(b => b === active);\n                let next: number;\n                if (e.key === 'Home') next = 0;\n                else if (e.key === 'End') next = buttons.length - 1;\n                else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % buttons.length;\n                else next = current <= 0 ? buttons.length - 1 : current - 1;\n                buttons[next]?.focus();\n              }}\n            >\n              {visibleFields.length > 0 ? (\n                visibleFields.map(f => {\n                  const used = singleUseFieldIds.has(f.id);\n                  if (f.kind === 'pick-multi') {\n                    return (\n                      <PickMultiMenuItem\n                        key={f.id}\n                        field={f}\n                        tokens={tokens}\n                        onChange={replacePickMultiToken}\n                        open={openPickMultiFieldId === f.id}\n                        onToggle={togglePickMulti}\n                        onClose={closePickMulti}\n                      />\n                    );\n                  }\n                  return (\n                    <button\n                      key={f.id}\n                      type=\"button\"\n                      role=\"menuitem\"\n                      data-filter-item=\"\"\n                      className={cn(menuItemClass, 'group', filterItemFocusClass)}\n                      disabled={used}\n                      onClick={() => {\n                        setError(undefined);\n                        if (f.kind === 'text') {\n                          onTokensChange([...tokens, { fieldId: f.id, value: '' }]);\n                          onStartTextFilter?.(f.id);\n                          skipCloseFocusRef.current = true;\n                          setOpen(false);\n                          return;\n                        }\n                        setFieldId(f.id);\n                      }}\n                    >\n                      <span className=\"truncate\">{f.label}</span>\n                      {used ? (\n                        <span className=\"text-muted-foreground ml-auto\">In use</span>\n                      ) : (\n                        <span\n                          className={cn(\n                            menuItemTrailingIconClass,\n                            'text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100',\n                          )}\n                        >\n                          <PlusIcon />\n                        </span>\n                      )}\n                    </button>\n                  );\n                })\n              ) : (\n                <div className={menuEmptyClass}>No matching property.</div>\n              )}\n            </div>\n          )}\n\n          {selectedField && (\n            <Combobox\n              multiple\n              options={selectedField.options ?? []}\n              value={multiValue}\n              onValueChange={v => {\n                setMultiValue(v);\n                setError(undefined);\n              }}\n              placeholder={selectedField.placeholder ?? `Choose ${selectedField.label}`}\n              searchPlaceholder={`Search ${selectedField.label.toLowerCase()}...`}\n              emptyText={selectedField.emptyText ?? 'No option found.'}\n              size=\"md\"\n              name={`property-filter-${selectedField.id}`}\n              aria-label={selectedField.label}\n              error={error}\n            />\n          )}\n\n          {selectedField && (\n            <div className=\"flex items-center justify-end gap-2\">\n              <Button icon={<X />} variant=\"ghost\" size=\"md\" onClick={() => setOpen(false)}>\n                Cancel\n              </Button>\n              <Button icon={<ListFilterPlus />} variant=\"outline\" size=\"md\" onClick={commit}>\n                Add filter\n              </Button>\n            </div>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ntype PickMultiField = Extract<PropertyFilterField, { kind: 'pick-multi' }>;\n\ntype PickMultiMenuItemProps = {\n  field: PickMultiField;\n  tokens: PropertyFilterToken[];\n  onChange: (fieldId: string, value: string | string[]) => void;\n  open: boolean;\n  onToggle: (fieldId: string) => void;\n  onClose: () => void;\n};\n\n/**\n * A property-picker menu item that opens a separate Radix popover (portaled to\n * the side) with a radio group (single-select) or checkbox list (multi-select,\n * `field.multi === true`). Open/close is driven by explicit click / keyboard\n * press; the panel only closes when the user clicks outside, presses Escape,\n * or clicks the row again to toggle it off.\n */\nfunction PickMultiMenuItem({ field, tokens, onChange, open, onToggle, onClose }: PickMultiMenuItemProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={next => {\n        if (next) onToggle(field.id);\n        else onClose();\n      }}\n    >\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          data-filter-item=\"\"\n          className={cn(menuItemClass, filterItemFocusClass)}\n          onKeyDown={e => {\n            if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n            if (!open) onToggle(field.id);\n            e.preventDefault();\n            requestAnimationFrame(() => {\n              const first = contentRef.current?.querySelector<HTMLElement>(\n                'input, button, [tabindex]:not([tabindex=\"-1\"])',\n              );\n              first?.focus();\n            });\n          }}\n        >\n          {open && <ChevronRightIcon className=\"text-muted-foreground\" />}\n          <span className=\"truncate\">{field.label}</span>\n          {!open && (\n            <span className={cn(menuItemTrailingIconClass, 'text-muted-foreground')}>\n              <ChevronRightIcon />\n            </span>\n          )}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        ref={contentRef}\n        side=\"right\"\n        align=\"start\"\n        sideOffset={MENU_SIDE_OFFSET}\n        className=\"w-64 p-0\"\n        initialFocus={false}\n        onKeyDown={e => {\n          if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Home' && e.key !== 'End') return;\n          const items = Array.from(\n            e.currentTarget.querySelectorAll<HTMLElement>('[data-pick-multi-item]:not([disabled])'),\n          );\n          if (items.length === 0) return;\n          e.preventDefault();\n          e.stopPropagation();\n          const active = document.activeElement as HTMLElement | null;\n          const current = items.findIndex(el => el === active);\n          let next: number;\n          if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = items.length - 1;\n          else if (e.key === 'ArrowDown') next = current < 0 ? 0 : (current + 1) % items.length;\n          else next = current <= 0 ? items.length - 1 : current - 1;\n          items[next]?.focus();\n        }}\n        data-pick-multi-panel\n      >\n        <PickMultiPanel field={field} tokens={tokens} onChange={onChange} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["fieldId"],"mappings":"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"}

package/dist/components/PullRequestIcon.cjs.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../PullRequestIcon.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const statuses = {
-  draft: { icon: lucideReact.GitPullRequestDraft, className: "text-icon3!" },
+  draft: { icon: lucideReact.GitPullRequestDraft, className: "text-muted-foreground!" },
   open: { icon: lucideReact.GitPullRequest, className: "text-accent1!" },
   closed: { icon: lucideReact.GitPullRequestClosed, className: "text-error!" },
   merged: { icon: lucideReact.GitPullRequest, className: "pull-request-icon-merged" }

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

@@ -1 +1 @@
-{"version":3,"file":"PullRequestIcon.cjs.js","sources":["../../src/ds/components/PullRequestIcon/pull-request-icon.tsx"],"sourcesContent":["import { GitPullRequest, GitPullRequestClosed, GitPullRequestDraft } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\nimport './pull-request-icon.css';\n\nconst statuses = {\n  draft: { icon: GitPullRequestDraft, className: 'text-icon3!' },\n  open: { icon: GitPullRequest, className: 'text-accent1!' },\n  closed: { icon: GitPullRequestClosed, className: 'text-error!' },\n  merged: { icon: GitPullRequest, className: 'pull-request-icon-merged' },\n};\n\nexport interface PullRequestIconProps extends ComponentProps<'svg'> {\n  status: keyof typeof statuses;\n  size?: number;\n}\n\nexport function PullRequestIcon({ status, size = 16, className, ...props }: PullRequestIconProps) {\n  const { icon: Icon, className: statusClassName } = statuses[status];\n  return <Icon size={size} className={cn('shrink-0', statusClassName, className)} {...props} />;\n}\n"],"names":["GitPullRequestDraft","GitPullRequest","GitPullRequestClosed","jsx","cn"],"mappings":";;;;;;;;AAKA,MAAM,QAAA,GAAW;AAAA,EACf,KAAA,EAAO,EAAE,IAAA,EAAMA,+BAAA,EAAqB,WAAW,aAAA,EAAc;AAAA,EAC7D,IAAA,EAAM,EAAE,IAAA,EAAMC,0BAAA,EAAgB,WAAW,eAAA,EAAgB;AAAA,EACzD,MAAA,EAAQ,EAAE,IAAA,EAAMC,gCAAA,EAAsB,WAAW,aAAA,EAAc;AAAA,EAC/D,MAAA,EAAQ,EAAE,IAAA,EAAMD,0BAAA,EAAgB,WAAW,0BAAA;AAC7C,CAAA;AAOO,SAAS,eAAA,CAAgB,EAAE,MAAA,EAAQ,IAAA,GAAO,IAAI,SAAA,EAAW,GAAG,OAAM,EAAyB;AAChG,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,WAAW,eAAA,EAAgB,GAAI,SAAS,MAAM,CAAA;AAClE,EAAA,uBAAOE,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,SAAA,EAAWC,WAAA,CAAG,YAAY,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC7F;;;;"}
+{"version":3,"file":"PullRequestIcon.cjs.js","sources":["../../src/ds/components/PullRequestIcon/pull-request-icon.tsx"],"sourcesContent":["import { GitPullRequest, GitPullRequestClosed, GitPullRequestDraft } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\nimport './pull-request-icon.css';\n\nconst statuses = {\n  draft: { icon: GitPullRequestDraft, className: 'text-muted-foreground!' },\n  open: { icon: GitPullRequest, className: 'text-accent1!' },\n  closed: { icon: GitPullRequestClosed, className: 'text-error!' },\n  merged: { icon: GitPullRequest, className: 'pull-request-icon-merged' },\n};\n\nexport interface PullRequestIconProps extends ComponentProps<'svg'> {\n  status: keyof typeof statuses;\n  size?: number;\n}\n\nexport function PullRequestIcon({ status, size = 16, className, ...props }: PullRequestIconProps) {\n  const { icon: Icon, className: statusClassName } = statuses[status];\n  return <Icon size={size} className={cn('shrink-0', statusClassName, className)} {...props} />;\n}\n"],"names":["GitPullRequestDraft","GitPullRequest","GitPullRequestClosed","jsx","cn"],"mappings":";;;;;;;;AAKA,MAAM,QAAA,GAAW;AAAA,EACf,KAAA,EAAO,EAAE,IAAA,EAAMA,+BAAA,EAAqB,WAAW,wBAAA,EAAyB;AAAA,EACxE,IAAA,EAAM,EAAE,IAAA,EAAMC,0BAAA,EAAgB,WAAW,eAAA,EAAgB;AAAA,EACzD,MAAA,EAAQ,EAAE,IAAA,EAAMC,gCAAA,EAAsB,WAAW,aAAA,EAAc;AAAA,EAC/D,MAAA,EAAQ,EAAE,IAAA,EAAMD,0BAAA,EAAgB,WAAW,0BAAA;AAC7C,CAAA;AAOO,SAAS,eAAA,CAAgB,EAAE,MAAA,EAAQ,IAAA,GAAO,IAAI,SAAA,EAAW,GAAG,OAAM,EAAyB;AAChG,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,WAAW,eAAA,EAAgB,GAAI,SAAS,MAAM,CAAA;AAClE,EAAA,uBAAOE,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,SAAA,EAAWC,WAAA,CAAG,YAAY,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC7F;;;;"}

package/dist/components/PullRequestIcon.es.js

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { GitPullRequest, GitPullRequestClosed, GitPullRequestDraft } from 'lucide-react';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 import '../PullRequestIcon.css';const statuses = {
-  draft: { icon: GitPullRequestDraft, className: "text-icon3!" },
+  draft: { icon: GitPullRequestDraft, className: "text-muted-foreground!" },
   open: { icon: GitPullRequest, className: "text-accent1!" },
   closed: { icon: GitPullRequestClosed, className: "text-error!" },
   merged: { icon: GitPullRequest, className: "pull-request-icon-merged" }

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

@@ -1 +1 @@
-{"version":3,"file":"PullRequestIcon.es.js","sources":["../../src/ds/components/PullRequestIcon/pull-request-icon.tsx"],"sourcesContent":["import { GitPullRequest, GitPullRequestClosed, GitPullRequestDraft } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\nimport './pull-request-icon.css';\n\nconst statuses = {\n  draft: { icon: GitPullRequestDraft, className: 'text-icon3!' },\n  open: { icon: GitPullRequest, className: 'text-accent1!' },\n  closed: { icon: GitPullRequestClosed, className: 'text-error!' },\n  merged: { icon: GitPullRequest, className: 'pull-request-icon-merged' },\n};\n\nexport interface PullRequestIconProps extends ComponentProps<'svg'> {\n  status: keyof typeof statuses;\n  size?: number;\n}\n\nexport function PullRequestIcon({ status, size = 16, className, ...props }: PullRequestIconProps) {\n  const { icon: Icon, className: statusClassName } = statuses[status];\n  return <Icon size={size} className={cn('shrink-0', statusClassName, className)} {...props} />;\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,QAAA,GAAW;AAAA,EACf,KAAA,EAAO,EAAE,IAAA,EAAM,mBAAA,EAAqB,WAAW,aAAA,EAAc;AAAA,EAC7D,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,WAAW,eAAA,EAAgB;AAAA,EACzD,MAAA,EAAQ,EAAE,IAAA,EAAM,oBAAA,EAAsB,WAAW,aAAA,EAAc;AAAA,EAC/D,MAAA,EAAQ,EAAE,IAAA,EAAM,cAAA,EAAgB,WAAW,0BAAA;AAC7C,CAAA;AAOO,SAAS,eAAA,CAAgB,EAAE,MAAA,EAAQ,IAAA,GAAO,IAAI,SAAA,EAAW,GAAG,OAAM,EAAyB;AAChG,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,WAAW,eAAA,EAAgB,GAAI,SAAS,MAAM,CAAA;AAClE,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,SAAA,EAAW,EAAA,CAAG,YAAY,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC7F;;;;"}
+{"version":3,"file":"PullRequestIcon.es.js","sources":["../../src/ds/components/PullRequestIcon/pull-request-icon.tsx"],"sourcesContent":["import { GitPullRequest, GitPullRequestClosed, GitPullRequestDraft } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\nimport './pull-request-icon.css';\n\nconst statuses = {\n  draft: { icon: GitPullRequestDraft, className: 'text-muted-foreground!' },\n  open: { icon: GitPullRequest, className: 'text-accent1!' },\n  closed: { icon: GitPullRequestClosed, className: 'text-error!' },\n  merged: { icon: GitPullRequest, className: 'pull-request-icon-merged' },\n};\n\nexport interface PullRequestIconProps extends ComponentProps<'svg'> {\n  status: keyof typeof statuses;\n  size?: number;\n}\n\nexport function PullRequestIcon({ status, size = 16, className, ...props }: PullRequestIconProps) {\n  const { icon: Icon, className: statusClassName } = statuses[status];\n  return <Icon size={size} className={cn('shrink-0', statusClassName, className)} {...props} />;\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,QAAA,GAAW;AAAA,EACf,KAAA,EAAO,EAAE,IAAA,EAAM,mBAAA,EAAqB,WAAW,wBAAA,EAAyB;AAAA,EACxE,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,WAAW,eAAA,EAAgB;AAAA,EACzD,MAAA,EAAQ,EAAE,IAAA,EAAM,oBAAA,EAAsB,WAAW,aAAA,EAAc;AAAA,EAC/D,MAAA,EAAQ,EAAE,IAAA,EAAM,cAAA,EAAgB,WAAW,0BAAA;AAC7C,CAAA;AAOO,SAAS,eAAA,CAAgB,EAAE,MAAA,EAAQ,IAAA,GAAO,IAAI,SAAA,EAAW,GAAG,OAAM,EAAyB;AAChG,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,WAAW,eAAA,EAAgB,GAAI,SAAS,MAAM,CAAA;AAClE,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,SAAA,EAAW,EAAA,CAAG,YAAY,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC7F;;;;"}

package/dist/components/RadioGroup.cjs.js

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const radio = require('@base-ui/react/radio');
 const radioGroup = require('@base-ui/react/radio-group');
 const React = require('react');
-const primitives_transitions = require('../primitives/transitions.cjs.js');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const primitives_selectionControl = require('../primitives/selection-control.cjs.js');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -38,22 +38,7 @@ const RadioGroupItem = React__namespace.forwardRef(({ className, ...props }, ref
     {
       ref,
       "data-slot": "radio-group-item",
-      className: utils_cn.cn(
-        "flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full",
-        "border border-neutral6/[0.06] bg-neutral6/[0.12] text-surface1 outline-hidden",
-        primitives_transitions.transitions.all,
-        "hover:border-neutral6/[0.12] hover:bg-neutral6/[0.16]",
-        "active:scale-95 active:border-neutral6/[0.18] active:bg-neutral6/[0.18]",
-        "focus-visible:border-neutral5/50 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55 focus-visible:outline-solid",
-        // Base UI exposes `data-checked`/`data-unchecked` instead of Radix's `data-state`.
-        "data-[checked]:border-neutral6 data-[checked]:bg-neutral6 data-[checked]:text-surface1",
-        "data-[checked]:hover:border-neutral5 data-[checked]:hover:bg-neutral5",
-        "data-[checked]:active:border-neutral4 data-[checked]:active:bg-neutral4",
-        // Base UI's Radio.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.
-        "data-[disabled]:cursor-not-allowed data-[disabled]:border-neutral6/[0.38] data-[disabled]:bg-neutral6/[0.38] data-[disabled]:hover:border-neutral6/[0.38] data-[disabled]:hover:bg-neutral6/[0.38] data-[disabled]:active:scale-100",
-        "data-[disabled]:data-[checked]:border-neutral6/[0.38] data-[disabled]:data-[checked]:bg-neutral6/[0.38] data-[disabled]:data-[checked]:text-neutral6",
-        className
-      ),
+      className: utils_cn.cn("rounded-full", primitives_selectionControl.selectionControlStyle, className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         radio.Radio.Indicator,

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.cjs.js","sources":["../../src/ds/components/RadioGroup/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport * as React from 'react';\n\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype RadioGroupProps = Omit<RadioGroupPrimitive.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive ref={ref} data-slot=\"radio-group\" className={cn('grid gap-2', className)} {...props} />;\n});\nRadioGroup.displayName = 'RadioGroup';\n\ntype RadioGroupItemProps = Omit<RadioPrimitive.Root.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroupItem = React.forwardRef<HTMLSpanElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full',\n        'border border-neutral6/[0.06] bg-neutral6/[0.12] text-surface1 outline-hidden',\n        transitions.all,\n        'hover:border-neutral6/[0.12] hover:bg-neutral6/[0.16]',\n        'active:scale-95 active:border-neutral6/[0.18] active:bg-neutral6/[0.18]',\n        'focus-visible:border-neutral5/50 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55 focus-visible:outline-solid',\n        // Base UI exposes `data-checked`/`data-unchecked` instead of Radix's `data-state`.\n        'data-[checked]:border-neutral6 data-[checked]:bg-neutral6 data-[checked]:text-surface1',\n        'data-[checked]:hover:border-neutral5 data-[checked]:hover:bg-neutral5',\n        'data-[checked]:active:border-neutral4 data-[checked]:active:bg-neutral4',\n        // Base UI's Radio.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.\n        'data-[disabled]:cursor-not-allowed data-[disabled]:border-neutral6/[0.38] data-[disabled]:bg-neutral6/[0.38] data-[disabled]:hover:border-neutral6/[0.38] data-[disabled]:hover:bg-neutral6/[0.38] data-[disabled]:active:scale-100',\n        'data-[disabled]:data-[checked]:border-neutral6/[0.38] data-[disabled]:data-[checked]:bg-neutral6/[0.38] data-[disabled]:data-[checked]:text-neutral6',\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        keepMounted\n        className={cn(\n          'flex items-center justify-center text-current',\n          'scale-50 opacity-0 transition-[opacity,scale] duration-200 ease-out-custom',\n          'data-[checked]:scale-100 data-[checked]:opacity-100',\n          'data-[starting-style]:scale-50 data-[starting-style]:opacity-0',\n          'data-[ending-style]:scale-50 data-[ending-style]:opacity-0',\n        )}\n      >\n        <span className=\"size-1.5 rounded-full bg-current\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n});\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["React","jsx","RadioGroupPrimitive","cn","RadioPrimitive","transitions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,UAAA,GAAaA,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrG,EAAA,uBAAOC,cAAA,CAACC,qBAAA,EAAA,EAAoB,GAAA,EAAU,WAAA,EAAU,aAAA,EAAc,SAAA,EAAWC,WAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACnH,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,MAAM,cAAA,GAAiBH,iBAAM,UAAA,CAAiD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9G,EAAA,uBACEC,cAAA;AAAA,IAACG,WAAA,CAAe,IAAA;AAAA,IAAf;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAWD,WAAA;AAAA,QACT,8EAAA;AAAA,QACA,+EAAA;AAAA,QACAE,kCAAA,CAAY,GAAA;AAAA,QACZ,uDAAA;AAAA,QACA,yEAAA;AAAA,QACA,uJAAA;AAAA;AAAA,QAEA,wFAAA;AAAA,QACA,uEAAA;AAAA,QACA,yEAAA;AAAA;AAAA,QAEA,qOAAA;AAAA,QACA,sJAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAJ,cAAA;AAAA,QAACG,WAAA,CAAe,SAAA;AAAA,QAAf;AAAA,UACC,WAAA,EAAW,IAAA;AAAA,UACX,SAAA,EAAWD,WAAA;AAAA,YACT,+CAAA;AAAA,YACA,4EAAA;AAAA,YACA,qDAAA;AAAA,YACA,gEAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EAAmC;AAAA;AAAA;AACrD;AAAA,GACF;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;;"}
+{"version":3,"file":"RadioGroup.cjs.js","sources":["../../src/ds/components/RadioGroup/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport * as React from 'react';\n\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\ntype RadioGroupProps = Omit<RadioGroupPrimitive.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive ref={ref} data-slot=\"radio-group\" className={cn('grid gap-2', className)} {...props} />;\n});\nRadioGroup.displayName = 'RadioGroup';\n\ntype RadioGroupItemProps = Omit<RadioPrimitive.Root.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroupItem = React.forwardRef<HTMLSpanElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot=\"radio-group-item\"\n      className={cn('rounded-full', selectionControlStyle, className)}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        keepMounted\n        className={cn(\n          'flex items-center justify-center text-current',\n          'scale-50 opacity-0 transition-[opacity,scale] duration-200 ease-out-custom',\n          'data-[checked]:scale-100 data-[checked]:opacity-100',\n          'data-[starting-style]:scale-50 data-[starting-style]:opacity-0',\n          'data-[ending-style]:scale-50 data-[ending-style]:opacity-0',\n        )}\n      >\n        <span className=\"size-1.5 rounded-full bg-current\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n});\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["React","jsx","RadioGroupPrimitive","cn","RadioPrimitive","selectionControlStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,UAAA,GAAaA,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrG,EAAA,uBAAOC,cAAA,CAACC,qBAAA,EAAA,EAAoB,GAAA,EAAU,WAAA,EAAU,aAAA,EAAc,SAAA,EAAWC,WAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACnH,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,MAAM,cAAA,GAAiBH,iBAAM,UAAA,CAAiD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9G,EAAA,uBACEC,cAAA;AAAA,IAACG,WAAA,CAAe,IAAA;AAAA,IAAf;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAWD,WAAA,CAAG,cAAA,EAAgBE,iDAAA,EAAuB,SAAS,CAAA;AAAA,MAC7D,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAJ,cAAA;AAAA,QAACG,WAAA,CAAe,SAAA;AAAA,QAAf;AAAA,UACC,WAAA,EAAW,IAAA;AAAA,UACX,SAAA,EAAWD,WAAA;AAAA,YACT,+CAAA;AAAA,YACA,4EAAA;AAAA,YACA,qDAAA;AAAA,YACA,gEAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EAAmC;AAAA;AAAA;AACrD;AAAA,GACF;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;;"}

package/dist/components/RadioGroup.es.js

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import { Radio } from '@base-ui/react/radio';
 import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
 import * as React from 'react';
-import { transitions } from '../primitives/transitions.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { selectionControlStyle } from '../primitives/selection-control.es.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(RadioGroup$1, { ref, "data-slot": "radio-group", className: cn("grid gap-2", className), ...props });
@@ -15,22 +15,7 @@ const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
     {
       ref,
       "data-slot": "radio-group-item",
-      className: cn(
-        "flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full",
-        "border border-neutral6/[0.06] bg-neutral6/[0.12] text-surface1 outline-hidden",
-        transitions.all,
-        "hover:border-neutral6/[0.12] hover:bg-neutral6/[0.16]",
-        "active:scale-95 active:border-neutral6/[0.18] active:bg-neutral6/[0.18]",
-        "focus-visible:border-neutral5/50 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55 focus-visible:outline-solid",
-        // Base UI exposes `data-checked`/`data-unchecked` instead of Radix's `data-state`.
-        "data-[checked]:border-neutral6 data-[checked]:bg-neutral6 data-[checked]:text-surface1",
-        "data-[checked]:hover:border-neutral5 data-[checked]:hover:bg-neutral5",
-        "data-[checked]:active:border-neutral4 data-[checked]:active:bg-neutral4",
-        // Base UI's Radio.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.
-        "data-[disabled]:cursor-not-allowed data-[disabled]:border-neutral6/[0.38] data-[disabled]:bg-neutral6/[0.38] data-[disabled]:hover:border-neutral6/[0.38] data-[disabled]:hover:bg-neutral6/[0.38] data-[disabled]:active:scale-100",
-        "data-[disabled]:data-[checked]:border-neutral6/[0.38] data-[disabled]:data-[checked]:bg-neutral6/[0.38] data-[disabled]:data-[checked]:text-neutral6",
-        className
-      ),
+      className: cn("rounded-full", selectionControlStyle, className),
       ...props,
       children: /* @__PURE__ */ jsx(
         Radio.Indicator,

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.es.js","sources":["../../src/ds/components/RadioGroup/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport * as React from 'react';\n\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype RadioGroupProps = Omit<RadioGroupPrimitive.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive ref={ref} data-slot=\"radio-group\" className={cn('grid gap-2', className)} {...props} />;\n});\nRadioGroup.displayName = 'RadioGroup';\n\ntype RadioGroupItemProps = Omit<RadioPrimitive.Root.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroupItem = React.forwardRef<HTMLSpanElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full',\n        'border border-neutral6/[0.06] bg-neutral6/[0.12] text-surface1 outline-hidden',\n        transitions.all,\n        'hover:border-neutral6/[0.12] hover:bg-neutral6/[0.16]',\n        'active:scale-95 active:border-neutral6/[0.18] active:bg-neutral6/[0.18]',\n        'focus-visible:border-neutral5/50 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55 focus-visible:outline-solid',\n        // Base UI exposes `data-checked`/`data-unchecked` instead of Radix's `data-state`.\n        'data-[checked]:border-neutral6 data-[checked]:bg-neutral6 data-[checked]:text-surface1',\n        'data-[checked]:hover:border-neutral5 data-[checked]:hover:bg-neutral5',\n        'data-[checked]:active:border-neutral4 data-[checked]:active:bg-neutral4',\n        // Base UI's Radio.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.\n        'data-[disabled]:cursor-not-allowed data-[disabled]:border-neutral6/[0.38] data-[disabled]:bg-neutral6/[0.38] data-[disabled]:hover:border-neutral6/[0.38] data-[disabled]:hover:bg-neutral6/[0.38] data-[disabled]:active:scale-100',\n        'data-[disabled]:data-[checked]:border-neutral6/[0.38] data-[disabled]:data-[checked]:bg-neutral6/[0.38] data-[disabled]:data-[checked]:text-neutral6',\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        keepMounted\n        className={cn(\n          'flex items-center justify-center text-current',\n          'scale-50 opacity-0 transition-[opacity,scale] duration-200 ease-out-custom',\n          'data-[checked]:scale-100 data-[checked]:opacity-100',\n          'data-[starting-style]:scale-50 data-[starting-style]:opacity-0',\n          'data-[ending-style]:scale-50 data-[ending-style]:opacity-0',\n        )}\n      >\n        <span className=\"size-1.5 rounded-full bg-current\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n});\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroupPrimitive","RadioPrimitive"],"mappings":";;;;;;;AAWA,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrG,EAAA,uBAAO,GAAA,CAACA,YAAA,EAAA,EAAoB,GAAA,EAAU,WAAA,EAAU,aAAA,EAAc,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACnH,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,MAAM,cAAA,GAAiB,MAAM,UAAA,CAAiD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9G,EAAA,uBACE,GAAA;AAAA,IAACC,KAAA,CAAe,IAAA;AAAA,IAAf;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,8EAAA;AAAA,QACA,+EAAA;AAAA,QACA,WAAA,CAAY,GAAA;AAAA,QACZ,uDAAA;AAAA,QACA,yEAAA;AAAA,QACA,uJAAA;AAAA;AAAA,QAEA,wFAAA;AAAA,QACA,uEAAA;AAAA,QACA,yEAAA;AAAA;AAAA,QAEA,qOAAA;AAAA,QACA,sJAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,KAAA,CAAe,SAAA;AAAA,QAAf;AAAA,UACC,WAAA,EAAW,IAAA;AAAA,UACX,SAAA,EAAW,EAAA;AAAA,YACT,+CAAA;AAAA,YACA,4EAAA;AAAA,YACA,qDAAA;AAAA,YACA,gEAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EAAmC;AAAA;AAAA;AACrD;AAAA,GACF;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}
+{"version":3,"file":"RadioGroup.es.js","sources":["../../src/ds/components/RadioGroup/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport * as React from 'react';\n\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\ntype RadioGroupProps = Omit<RadioGroupPrimitive.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive ref={ref} data-slot=\"radio-group\" className={cn('grid gap-2', className)} {...props} />;\n});\nRadioGroup.displayName = 'RadioGroup';\n\ntype RadioGroupItemProps = Omit<RadioPrimitive.Root.Props, 'className'> & {\n  className?: string;\n};\n\nconst RadioGroupItem = React.forwardRef<HTMLSpanElement, RadioGroupItemProps>(({ className, ...props }, ref) => {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot=\"radio-group-item\"\n      className={cn('rounded-full', selectionControlStyle, className)}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        keepMounted\n        className={cn(\n          'flex items-center justify-center text-current',\n          'scale-50 opacity-0 transition-[opacity,scale] duration-200 ease-out-custom',\n          'data-[checked]:scale-100 data-[checked]:opacity-100',\n          'data-[starting-style]:scale-50 data-[starting-style]:opacity-0',\n          'data-[ending-style]:scale-50 data-[ending-style]:opacity-0',\n        )}\n      >\n        <span className=\"size-1.5 rounded-full bg-current\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n});\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroupPrimitive","RadioPrimitive"],"mappings":";;;;;;;AAWA,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrG,EAAA,uBAAO,GAAA,CAACA,YAAA,EAAA,EAAoB,GAAA,EAAU,WAAA,EAAU,aAAA,EAAc,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACnH,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,MAAM,cAAA,GAAiB,MAAM,UAAA,CAAiD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9G,EAAA,uBACE,GAAA;AAAA,IAACC,KAAA,CAAe,IAAA;AAAA,IAAf;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7D,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,KAAA,CAAe,SAAA;AAAA,QAAf;AAAA,UACC,WAAA,EAAW,IAAA;AAAA,UACX,SAAA,EAAW,EAAA;AAAA,YACT,+CAAA;AAAA,YACA,4EAAA;AAAA,YACA,qDAAA;AAAA,YACA,gEAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EAAmC;AAAA;AAAA;AACrD;AAAA,GACF;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}