@dxos/react-ui-searchlist 0.8.3-main.672df60 → 0.8.3-staging.0fa589b

package/dist/lib/browser/index.mjs

@@ -25,7 +25,7 @@ var SearchListRoot = /* @__PURE__ */ forwardRef(({ children, classNames, ...prop
   }
 });
 SearchListRoot.displayName = SEARCHLIST_NAME;
-var SearchListInput = /* @__PURE__ */ forwardRef(({ children, classNames, density: propsDensity, elevation: propsElevation, variant = "subdued", ...props }, forwardedRef) => {
+var SearchListInput = /* @__PURE__ */ forwardRef(({ children, classNames, density: propsDensity, elevation: propsElevation, variant, ...props }, forwardedRef) => {
   var _effect = _useSignals();
   try {
     const { hasIosKeyboard } = useThemeContext();
@@ -39,7 +39,7 @@ var SearchListInput = /* @__PURE__ */ forwardRef(({ children, classNames, densit
         disabled: props.disabled,
         density,
         elevation
-      }, classNames),
+      }, "mbe-cardSpacingBlock", classNames),
       ...props.autoFocus && !hasIosKeyboard && {
         autoFocus: true
       },
@@ -220,11 +220,11 @@ var PopoverComboboxContent = /* @__PURE__ */ forwardRef2(({ side = "bottom", col
       classNames,
       id: modalId,
       ref: forwardedRef
-    }, /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    }, /* @__PURE__ */ React2.createElement(Popover.Viewport, null, /* @__PURE__ */ React2.createElement(SearchList.Root, {
       ...props,
       classNames: "contents",
       role: "none"
-    }, children));
+    }, children)));
   } finally {
     _effect.f();
   }

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/SearchList.tsx", "../../../src/composites/PopoverCombobox.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, useCallback } from 'react';\n\nimport {\n  Button,\n  type ButtonProps,\n  type TextInputProps,\n  type ThemedClassName,\n  useDensityContext,\n  useElevationContext,\n  useId,\n  useThemeContext,\n} from '@dxos/react-ui';\nimport { getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\ntype SearchListVariant = 'list' | 'menu' | 'listbox';\n\ntype SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {\n  variant?: SearchListVariant;\n};\n\ntype ComboboxContextValue = {\n  isCombobox: true;\n  modalId: string;\n  open: boolean;\n  onOpenChange: (nextOpen: boolean) => void;\n  value: string;\n  onValueChange: (nextValue: string) => void;\n  placeholder?: string;\n};\n\nconst COMBOBOX_NAME = 'Combobox';\nconst COMBOBOX_TRIGGER_NAME = 'ComboboxTrigger';\nconst SEARCHLIST_NAME = 'SearchList';\nconst SEARCHLIST_ITEM_NAME = 'SearchListItem';\n\nconst [ComboboxProvider, useComboboxContext] = createContext<Partial<ComboboxContextValue>>(COMBOBOX_NAME, {});\n\ntype ComboboxRootProps = PropsWithChildren<\n  Partial<ComboboxContextValue & { defaultOpen: boolean; defaultValue: string; placeholder: string }>\n>;\n\nconst SearchListRoot = forwardRef<HTMLDivElement, SearchListRootProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandRoot {...props} className={mx('', classNames)} ref={forwardedRef}>\n        {children}\n      </CommandRoot>\n    );\n  },\n);\n\nSearchListRoot.displayName = SEARCHLIST_NAME;\n\ntype CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;\n\n// TODO: Harmonize with other inputs’ `onChange` prop.\ntype SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> &\n  Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;\n\nconst SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(\n  (\n    { children, classNames, density: propsDensity, elevation: propsElevation, variant = 'subdued', ...props },\n    forwardedRef,\n  ) => {\n    // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.\n    const { hasIosKeyboard } = useThemeContext();\n    const { tx } = useThemeContext();\n    const density = useDensityContext(propsDensity);\n    const elevation = useElevationContext(propsElevation);\n\n    return (\n      <CommandInput\n        {...props}\n        className={tx(\n          'input.input',\n          'input',\n          {\n            variant,\n            disabled: props.disabled,\n            density,\n            elevation,\n          },\n          classNames,\n        )}\n        {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\ntype SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;\n\nconst SearchListContent = forwardRef<HTMLDivElement, SearchListContentProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandList {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandList>\n    );\n  },\n);\n\ntype SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;\n\nconst SearchListEmpty = forwardRef<HTMLDivElement, SearchListEmptyProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandEmpty {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandEmpty>\n    );\n  },\n);\n\ntype SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;\n\nconst SearchListItem = forwardRef<HTMLDivElement, SearchListItemProps>(\n  ({ children, classNames, onSelect, ...props }, forwardedRef) => {\n    const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);\n    const handleSelect = useCallback(\n      (nextValue: string) => {\n        onValueChange?.(nextValue);\n        onOpenChange?.(false);\n        onSelect?.(nextValue);\n      },\n      [onValueChange, onOpenChange, onSelect],\n    );\n    return (\n      <CommandItem\n        {...props}\n        onSelect={handleSelect}\n        className={mx('p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay', classNames)}\n        ref={forwardedRef}\n      >\n        {children}\n      </CommandItem>\n    );\n  },\n);\n\nSearchListItem.displayName = SEARCHLIST_ITEM_NAME;\n\nconst ComboboxRoot = ({\n  modalId: propsModalId,\n  open: propsOpen,\n  defaultOpen,\n  onOpenChange: propsOnOpenChange,\n  value: propsValue,\n  defaultValue,\n  onValueChange: propsOnValueChange,\n  placeholder,\n  children,\n}: ComboboxRootProps) => {\n  const modalId = useId(COMBOBOX_NAME, propsModalId);\n  const [open = false, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  const [value = '', onValueChange] = useControllableState({\n    prop: propsValue,\n    onChange: propsOnValueChange,\n    defaultProp: defaultValue,\n  });\n  return (\n    <ComboboxProvider\n      isCombobox\n      modalId={modalId}\n      open={open}\n      onOpenChange={onOpenChange}\n      value={value}\n      onValueChange={onValueChange}\n      placeholder={placeholder}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n};\n\nComboboxRoot.displayName = COMBOBOX_NAME;\n\ntype ComboboxTriggerProps = ButtonProps;\n\nconst ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  ({ children, onClick, ...props }, forwardedRef) => {\n    const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);\n    const handleClick = useCallback(\n      (event: Parameters<Exclude<ButtonProps['onClick'], undefined>>[0]) => {\n        onClick?.(event);\n        onOpenChange?.(true);\n      },\n      [onClick, onOpenChange],\n    );\n    return (\n      <Button\n        {...props}\n        role='combobox'\n        aria-expanded={open}\n        aria-controls={modalId}\n        aria-haspopup='dialog'\n        onClick={handleClick}\n        ref={forwardedRef}\n      >\n        {children ?? (\n          <>\n            <span\n              className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}\n            >\n              {value || placeholder}\n            </span>\n            <CaretDown weight='bold' className={getSize(3)} />\n          </>\n        )}\n      </Button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;\n\nexport const SearchList = {\n  Root: SearchListRoot,\n  Input: SearchListInput,\n  Content: SearchListContent,\n  Empty: SearchListEmpty,\n  Item: SearchListItem,\n};\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Trigger: ComboboxTrigger,\n  useComboboxContext,\n};\n\nexport type {\n  SearchListRootProps,\n  SearchListInputProps,\n  SearchListContentProps,\n  SearchListEmptyProps,\n  SearchListItemProps,\n  ComboboxRootProps,\n  ComboboxTriggerProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { forwardRef } from 'react';\n\nimport {\n  Popover,\n  type PopoverArrowProps,\n  type PopoverContentProps,\n  type PopoverViewportProps,\n  type PopoverVirtualTriggerProps,\n} from '@dxos/react-ui';\n\nimport {\n  Combobox,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n  SearchList,\n  type SearchListContentProps,\n  type SearchListEmptyProps,\n  type SearchListInputProps,\n  type SearchListItemProps,\n  type SearchListRootProps,\n} from '../components';\n\ntype PopoverComboboxRootProps = ComboboxRootProps & { modal?: boolean };\n\nconst PopoverComboboxRoot = ({\n  modal,\n  children,\n  open: propsOpen,\n  onOpenChange: propsOnOpenChange,\n  defaultOpen,\n  ...props\n}: PopoverComboboxRootProps) => {\n  const [open, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  return (\n    <Combobox.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <Popover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n        {children}\n      </Popover.Root>\n    </Combobox.Root>\n  );\n};\n\ntype PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;\n\nconst POPOVER_COMBOBOX_CONTENT_NAME = 'PopoverComboboxContent';\n\nconst PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContentProps>(\n  (\n    {\n      side = 'bottom',\n      collisionPadding = 48,\n      sideOffset,\n      align,\n      alignOffset,\n      avoidCollisions,\n      collisionBoundary,\n      arrowPadding,\n      sticky,\n      hideWhenDetached,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      forceMount,\n      children,\n      classNames,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);\n    return (\n      <Popover.Content\n        {...{\n          side,\n          sideOffset,\n          align,\n          alignOffset,\n          avoidCollisions,\n          collisionBoundary,\n          collisionPadding,\n          arrowPadding,\n          sticky,\n          hideWhenDetached,\n          onOpenAutoFocus,\n          onCloseAutoFocus,\n          onEscapeKeyDown,\n          onPointerDownOutside,\n          onFocusOutside,\n          onInteractOutside,\n          forceMount,\n          classNames,\n        }}\n        id={modalId}\n        ref={forwardedRef}\n      >\n        {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}\n        <SearchList.Root {...props} classNames='contents' role='none'>\n          {children}\n        </SearchList.Root>\n      </Popover.Content>\n    );\n  },\n);\n\nPopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;\n\ntype PopoverComboboxTriggerProps = ComboboxTriggerProps;\n\nconst PopoverComboboxTrigger = forwardRef<HTMLButtonElement, PopoverComboboxTriggerProps>((props, forwardedRef) => {\n  return (\n    <Popover.Trigger asChild>\n      <Combobox.Trigger {...props} ref={forwardedRef} />\n    </Popover.Trigger>\n  );\n});\n\ntype PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;\n\nconst PopoverComboboxVirtualTrigger = Popover.VirtualTrigger;\n\ntype PopoverComboboxInputProps = SearchListInputProps;\n\nconst PopoverComboboxInput = SearchList.Input;\n\ntype PopoverComboboxListProps = SearchListContentProps &\n  Pick<PopoverViewportProps, 'constrainBlock' | 'constrainInline'>;\n\nconst PopoverComboboxList = forwardRef<HTMLDivElement, PopoverComboboxListProps>(\n  ({ constrainInline, constrainBlock, ...props }, forwardedRef) => {\n    return (\n      <Popover.Viewport {...{ constrainInline, constrainBlock }}>\n        <SearchList.Content {...props} ref={forwardedRef} />\n      </Popover.Viewport>\n    );\n  },\n);\n\ntype PopoverComboboxItemProps = SearchListItemProps;\n\nconst PopoverComboboxItem = SearchList.Item;\n\ntype PopoverComboboxArrowProps = PopoverArrowProps;\n\nconst PopoverComboboxArrow = Popover.Arrow;\n\ntype PopoverComboboxEmptyProps = SearchListEmptyProps;\n\nconst PopoverComboboxEmpty = SearchList.Empty;\n\nexport const PopoverCombobox = {\n  Root: PopoverComboboxRoot,\n  Content: PopoverComboboxContent,\n  Trigger: PopoverComboboxTrigger,\n  VirtualTrigger: PopoverComboboxVirtualTrigger,\n  Input: PopoverComboboxInput,\n  List: PopoverComboboxList,\n  Item: PopoverComboboxItem,\n  Arrow: PopoverComboboxArrow,\n  Empty: PopoverComboboxEmpty,\n};\n\nexport type {\n  PopoverComboboxRootProps,\n  PopoverComboboxContentProps,\n  PopoverComboboxTriggerProps,\n  PopoverComboboxVirtualTriggerProps,\n  PopoverComboboxInputProps,\n  PopoverComboboxListProps,\n  PopoverComboboxItemProps,\n  PopoverComboboxArrowProps,\n  PopoverComboboxEmptyProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'searchlist';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n];\n"],
-  "mappings": "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",
-  "names": ["CaretDown", "createContext", "useControllableState", "CommandEmpty", "CommandInput", "CommandItem", "CommandList", "CommandRoot", "React", "forwardRef", "useCallback", "Button", "useDensityContext", "useElevationContext", "useId", "useThemeContext", "getSize", "mx", "staticPlaceholderText", "COMBOBOX_NAME", "COMBOBOX_TRIGGER_NAME", "SEARCHLIST_NAME", "SEARCHLIST_ITEM_NAME", "ComboboxProvider", "useComboboxContext", "createContext", "SearchListRoot", "forwardRef", "children", "classNames", "props", "forwardedRef", "CommandRoot", "className", "mx", "ref", "displayName", "SearchListInput", "density", "propsDensity", "elevation", "propsElevation", "variant", "hasIosKeyboard", "useThemeContext", "tx", "useDensityContext", "useElevationContext", "CommandInput", "disabled", "autoFocus", "SearchListContent", "CommandList", "SearchListEmpty", "CommandEmpty", "SearchListItem", "onSelect", "onValueChange", "onOpenChange", "handleSelect", "useCallback", "nextValue", "CommandItem", "ComboboxRoot", "modalId", "propsModalId", "open", "propsOpen", "defaultOpen", "propsOnOpenChange", "value", "propsValue", "defaultValue", "propsOnValueChange", "placeholder", "useId", "useControllableState", "prop", "onChange", "defaultProp", "isCombobox", "ComboboxTrigger", "onClick", "handleClick", "event", "Button", "role", "aria-expanded", "aria-controls", "aria-haspopup", "span", "staticPlaceholderText", "CaretDown", "weight", "getSize", "SearchList", "Root", "Input", "Content", "Empty", "Item", "Combobox", "Trigger", "useControllableState", "React", "forwardRef", "Popover", "PopoverComboboxRoot", "modal", "children", "open", "propsOpen", "onOpenChange", "propsOnOpenChange", "defaultOpen", "props", "useControllableState", "prop", "onChange", "defaultProp", "React", "Combobox", "Root", "Popover", "POPOVER_COMBOBOX_CONTENT_NAME", "PopoverComboboxContent", "forwardRef", "side", "collisionPadding", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "arrowPadding", "sticky", "hideWhenDetached", "onOpenAutoFocus", "onCloseAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "forceMount", "classNames", "forwardedRef", "modalId", "useComboboxContext", "Content", "id", "ref", "SearchList", "role", "displayName", "PopoverComboboxTrigger", "Trigger", "asChild", "PopoverComboboxVirtualTrigger", "VirtualTrigger", "PopoverComboboxInput", "Input", "PopoverComboboxList", "constrainInline", "constrainBlock", "Viewport", "PopoverComboboxItem", "Item", "PopoverComboboxArrow", "Arrow", "PopoverComboboxEmpty", "Empty", "PopoverCombobox", "List", "translationKey"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, useCallback } from 'react';\n\nimport {\n  Button,\n  type ButtonProps,\n  type TextInputProps,\n  type ThemedClassName,\n  useDensityContext,\n  useElevationContext,\n  useId,\n  useThemeContext,\n} from '@dxos/react-ui';\nimport { getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\ntype SearchListVariant = 'list' | 'menu' | 'listbox';\n\ntype SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {\n  variant?: SearchListVariant;\n};\n\ntype ComboboxContextValue = {\n  isCombobox: true;\n  modalId: string;\n  open: boolean;\n  onOpenChange: (nextOpen: boolean) => void;\n  value: string;\n  onValueChange: (nextValue: string) => void;\n  placeholder?: string;\n};\n\nconst COMBOBOX_NAME = 'Combobox';\nconst COMBOBOX_TRIGGER_NAME = 'ComboboxTrigger';\nconst SEARCHLIST_NAME = 'SearchList';\nconst SEARCHLIST_ITEM_NAME = 'SearchListItem';\n\nconst [ComboboxProvider, useComboboxContext] = createContext<Partial<ComboboxContextValue>>(COMBOBOX_NAME, {});\n\ntype ComboboxRootProps = PropsWithChildren<\n  Partial<ComboboxContextValue & { defaultOpen: boolean; defaultValue: string; placeholder: string }>\n>;\n\nconst SearchListRoot = forwardRef<HTMLDivElement, SearchListRootProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandRoot {...props} className={mx('', classNames)} ref={forwardedRef}>\n        {children}\n      </CommandRoot>\n    );\n  },\n);\n\nSearchListRoot.displayName = SEARCHLIST_NAME;\n\ntype CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;\n\n// TODO: Harmonize with other inputs’ `onChange` prop.\ntype SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> &\n  Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;\n\nconst SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(\n  ({ children, classNames, density: propsDensity, elevation: propsElevation, variant, ...props }, forwardedRef) => {\n    // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.\n    const { hasIosKeyboard } = useThemeContext();\n    const { tx } = useThemeContext();\n    const density = useDensityContext(propsDensity);\n    const elevation = useElevationContext(propsElevation);\n\n    return (\n      <CommandInput\n        {...props}\n        className={tx(\n          'input.input',\n          'input',\n          {\n            variant,\n            disabled: props.disabled,\n            density,\n            elevation,\n          },\n          'mbe-cardSpacingBlock',\n          classNames,\n        )}\n        {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\ntype SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;\n\nconst SearchListContent = forwardRef<HTMLDivElement, SearchListContentProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandList {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandList>\n    );\n  },\n);\n\ntype SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;\n\nconst SearchListEmpty = forwardRef<HTMLDivElement, SearchListEmptyProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandEmpty {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandEmpty>\n    );\n  },\n);\n\ntype SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;\n\nconst SearchListItem = forwardRef<HTMLDivElement, SearchListItemProps>(\n  ({ children, classNames, onSelect, ...props }, forwardedRef) => {\n    const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);\n    const handleSelect = useCallback(\n      (nextValue: string) => {\n        onValueChange?.(nextValue);\n        onOpenChange?.(false);\n        onSelect?.(nextValue);\n      },\n      [onValueChange, onOpenChange, onSelect],\n    );\n    return (\n      <CommandItem\n        {...props}\n        onSelect={handleSelect}\n        className={mx('p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay', classNames)}\n        ref={forwardedRef}\n      >\n        {children}\n      </CommandItem>\n    );\n  },\n);\n\nSearchListItem.displayName = SEARCHLIST_ITEM_NAME;\n\nconst ComboboxRoot = ({\n  modalId: propsModalId,\n  open: propsOpen,\n  defaultOpen,\n  onOpenChange: propsOnOpenChange,\n  value: propsValue,\n  defaultValue,\n  onValueChange: propsOnValueChange,\n  placeholder,\n  children,\n}: ComboboxRootProps) => {\n  const modalId = useId(COMBOBOX_NAME, propsModalId);\n  const [open = false, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  const [value = '', onValueChange] = useControllableState({\n    prop: propsValue,\n    onChange: propsOnValueChange,\n    defaultProp: defaultValue,\n  });\n  return (\n    <ComboboxProvider\n      isCombobox\n      modalId={modalId}\n      open={open}\n      onOpenChange={onOpenChange}\n      value={value}\n      onValueChange={onValueChange}\n      placeholder={placeholder}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n};\n\nComboboxRoot.displayName = COMBOBOX_NAME;\n\ntype ComboboxTriggerProps = ButtonProps;\n\nconst ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  ({ children, onClick, ...props }, forwardedRef) => {\n    const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);\n    const handleClick = useCallback(\n      (event: Parameters<Exclude<ButtonProps['onClick'], undefined>>[0]) => {\n        onClick?.(event);\n        onOpenChange?.(true);\n      },\n      [onClick, onOpenChange],\n    );\n    return (\n      <Button\n        {...props}\n        role='combobox'\n        aria-expanded={open}\n        aria-controls={modalId}\n        aria-haspopup='dialog'\n        onClick={handleClick}\n        ref={forwardedRef}\n      >\n        {children ?? (\n          <>\n            <span\n              className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}\n            >\n              {value || placeholder}\n            </span>\n            <CaretDown weight='bold' className={getSize(3)} />\n          </>\n        )}\n      </Button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;\n\nexport const SearchList = {\n  Root: SearchListRoot,\n  Input: SearchListInput,\n  Content: SearchListContent,\n  Empty: SearchListEmpty,\n  Item: SearchListItem,\n};\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Trigger: ComboboxTrigger,\n  useComboboxContext,\n};\n\nexport type {\n  SearchListRootProps,\n  SearchListInputProps,\n  SearchListContentProps,\n  SearchListEmptyProps,\n  SearchListItemProps,\n  ComboboxRootProps,\n  ComboboxTriggerProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { forwardRef } from 'react';\n\nimport {\n  Popover,\n  type PopoverArrowProps,\n  type PopoverContentProps,\n  type PopoverViewportProps,\n  type PopoverVirtualTriggerProps,\n} from '@dxos/react-ui';\n\nimport {\n  Combobox,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n  SearchList,\n  type SearchListContentProps,\n  type SearchListEmptyProps,\n  type SearchListInputProps,\n  type SearchListItemProps,\n  type SearchListRootProps,\n} from '../components';\n\ntype PopoverComboboxRootProps = ComboboxRootProps & { modal?: boolean };\n\nconst PopoverComboboxRoot = ({\n  modal,\n  children,\n  open: propsOpen,\n  onOpenChange: propsOnOpenChange,\n  defaultOpen,\n  ...props\n}: PopoverComboboxRootProps) => {\n  const [open, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  return (\n    <Combobox.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <Popover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n        {children}\n      </Popover.Root>\n    </Combobox.Root>\n  );\n};\n\ntype PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;\n\nconst POPOVER_COMBOBOX_CONTENT_NAME = 'PopoverComboboxContent';\n\nconst PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContentProps>(\n  (\n    {\n      side = 'bottom',\n      collisionPadding = 48,\n      sideOffset,\n      align,\n      alignOffset,\n      avoidCollisions,\n      collisionBoundary,\n      arrowPadding,\n      sticky,\n      hideWhenDetached,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      forceMount,\n      children,\n      classNames,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);\n    return (\n      <Popover.Content\n        {...{\n          side,\n          sideOffset,\n          align,\n          alignOffset,\n          avoidCollisions,\n          collisionBoundary,\n          collisionPadding,\n          arrowPadding,\n          sticky,\n          hideWhenDetached,\n          onOpenAutoFocus,\n          onCloseAutoFocus,\n          onEscapeKeyDown,\n          onPointerDownOutside,\n          onFocusOutside,\n          onInteractOutside,\n          forceMount,\n          classNames,\n        }}\n        id={modalId}\n        ref={forwardedRef}\n      >\n        <Popover.Viewport>\n          {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}\n          <SearchList.Root {...props} classNames='contents' role='none'>\n            {children}\n          </SearchList.Root>\n        </Popover.Viewport>\n      </Popover.Content>\n    );\n  },\n);\n\nPopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;\n\ntype PopoverComboboxTriggerProps = ComboboxTriggerProps;\n\nconst PopoverComboboxTrigger = forwardRef<HTMLButtonElement, PopoverComboboxTriggerProps>((props, forwardedRef) => {\n  return (\n    <Popover.Trigger asChild>\n      <Combobox.Trigger {...props} ref={forwardedRef} />\n    </Popover.Trigger>\n  );\n});\n\ntype PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;\n\nconst PopoverComboboxVirtualTrigger = Popover.VirtualTrigger;\n\ntype PopoverComboboxInputProps = SearchListInputProps;\n\nconst PopoverComboboxInput = SearchList.Input;\n\ntype PopoverComboboxListProps = SearchListContentProps &\n  Pick<PopoverViewportProps, 'constrainBlock' | 'constrainInline'>;\n\nconst PopoverComboboxList = forwardRef<HTMLDivElement, PopoverComboboxListProps>(\n  ({ constrainInline, constrainBlock, ...props }, forwardedRef) => {\n    return (\n      <Popover.Viewport {...{ constrainInline, constrainBlock }}>\n        <SearchList.Content {...props} ref={forwardedRef} />\n      </Popover.Viewport>\n    );\n  },\n);\n\ntype PopoverComboboxItemProps = SearchListItemProps;\n\nconst PopoverComboboxItem = SearchList.Item;\n\ntype PopoverComboboxArrowProps = PopoverArrowProps;\n\nconst PopoverComboboxArrow = Popover.Arrow;\n\ntype PopoverComboboxEmptyProps = SearchListEmptyProps;\n\nconst PopoverComboboxEmpty = SearchList.Empty;\n\nexport const PopoverCombobox = {\n  Root: PopoverComboboxRoot,\n  Content: PopoverComboboxContent,\n  Trigger: PopoverComboboxTrigger,\n  VirtualTrigger: PopoverComboboxVirtualTrigger,\n  Input: PopoverComboboxInput,\n  List: PopoverComboboxList,\n  Item: PopoverComboboxItem,\n  Arrow: PopoverComboboxArrow,\n  Empty: PopoverComboboxEmpty,\n};\n\nexport type {\n  PopoverComboboxRootProps,\n  PopoverComboboxContentProps,\n  PopoverComboboxTriggerProps,\n  PopoverComboboxVirtualTriggerProps,\n  PopoverComboboxInputProps,\n  PopoverComboboxListProps,\n  PopoverComboboxItemProps,\n  PopoverComboboxArrowProps,\n  PopoverComboboxEmptyProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'searchlist';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n];\n"],
+  "mappings": "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",
+  "names": ["CaretDown", "createContext", "useControllableState", "CommandEmpty", "CommandInput", "CommandItem", "CommandList", "CommandRoot", "React", "forwardRef", "useCallback", "Button", "useDensityContext", "useElevationContext", "useId", "useThemeContext", "getSize", "mx", "staticPlaceholderText", "COMBOBOX_NAME", "COMBOBOX_TRIGGER_NAME", "SEARCHLIST_NAME", "SEARCHLIST_ITEM_NAME", "ComboboxProvider", "useComboboxContext", "createContext", "SearchListRoot", "forwardRef", "children", "classNames", "props", "forwardedRef", "CommandRoot", "className", "mx", "ref", "displayName", "SearchListInput", "density", "propsDensity", "elevation", "propsElevation", "variant", "hasIosKeyboard", "useThemeContext", "tx", "useDensityContext", "useElevationContext", "CommandInput", "disabled", "autoFocus", "SearchListContent", "CommandList", "SearchListEmpty", "CommandEmpty", "SearchListItem", "onSelect", "onValueChange", "onOpenChange", "handleSelect", "useCallback", "nextValue", "CommandItem", "ComboboxRoot", "modalId", "propsModalId", "open", "propsOpen", "defaultOpen", "propsOnOpenChange", "value", "propsValue", "defaultValue", "propsOnValueChange", "placeholder", "useId", "useControllableState", "prop", "onChange", "defaultProp", "isCombobox", "ComboboxTrigger", "onClick", "handleClick", "event", "Button", "role", "aria-expanded", "aria-controls", "aria-haspopup", "span", "staticPlaceholderText", "CaretDown", "weight", "getSize", "SearchList", "Root", "Input", "Content", "Empty", "Item", "Combobox", "Trigger", "useControllableState", "React", "forwardRef", "Popover", "PopoverComboboxRoot", "modal", "children", "open", "propsOpen", "onOpenChange", "propsOnOpenChange", "defaultOpen", "props", "useControllableState", "prop", "onChange", "defaultProp", "React", "Combobox", "Root", "Popover", "POPOVER_COMBOBOX_CONTENT_NAME", "PopoverComboboxContent", "forwardRef", "side", "collisionPadding", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "arrowPadding", "sticky", "hideWhenDetached", "onOpenAutoFocus", "onCloseAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "forceMount", "classNames", "forwardedRef", "modalId", "useComboboxContext", "Content", "id", "ref", "Viewport", "SearchList", "role", "displayName", "PopoverComboboxTrigger", "Trigger", "asChild", "PopoverComboboxVirtualTrigger", "VirtualTrigger", "PopoverComboboxInput", "Input", "PopoverComboboxList", "constrainInline", "constrainBlock", "PopoverComboboxItem", "Item", "PopoverComboboxArrow", "Arrow", "PopoverComboboxEmpty", "Empty", "PopoverCombobox", "List", "translationKey"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":22477,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytes":488,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/SearchList.tsx","kind":"import-statement","original":"./SearchList"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytes":14686,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"../components"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytes":501,"imports":[{"path":"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx","kind":"import-statement","original":"./PopoverCombobox"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytes":872,"imports":[],"format":"esm"},"packages/ui/react-ui-searchlist/src/index.ts":{"bytes":785,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-searchlist/src/composites/index.ts","kind":"import-statement","original":"./composites"},{"path":"packages/ui/react-ui-searchlist/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-searchlist/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20285},"packages/ui/react-ui-searchlist/dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["Combobox","PopoverCombobox","SearchList","translations"],"entryPoint":"packages/ui/react-ui-searchlist/src/index.ts","inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytesInOutput":5761},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytesInOutput":3535},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytesInOutput":123}},"bytes":9742}}}
+{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":22501,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytes":488,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/SearchList.tsx","kind":"import-statement","original":"./SearchList"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytes":14869,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"../components"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytes":501,"imports":[{"path":"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx","kind":"import-statement","original":"./PopoverCombobox"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytes":872,"imports":[],"format":"esm"},"packages/ui/react-ui-searchlist/src/index.ts":{"bytes":785,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-searchlist/src/composites/index.ts","kind":"import-statement","original":"./composites"},{"path":"packages/ui/react-ui-searchlist/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-searchlist/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20400},"packages/ui/react-ui-searchlist/dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["Combobox","PopoverCombobox","SearchList","translations"],"entryPoint":"packages/ui/react-ui-searchlist/src/index.ts","inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytesInOutput":5773},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytesInOutput":3597},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytesInOutput":123}},"bytes":9816}}}

package/dist/lib/node/index.cjs

@@ -64,7 +64,7 @@ var SearchListRoot = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children,
   }
 });
 SearchListRoot.displayName = SEARCHLIST_NAME;
-var SearchListInput = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, classNames, density: propsDensity, elevation: propsElevation, variant = "subdued", ...props }, forwardedRef) => {
+var SearchListInput = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, classNames, density: propsDensity, elevation: propsElevation, variant, ...props }, forwardedRef) => {
   var _effect = (0, import_tracking.useSignals)();
   try {
     const { hasIosKeyboard } = (0, import_react_ui.useThemeContext)();
@@ -78,7 +78,7 @@ var SearchListInput = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children,
         disabled: props.disabled,
         density,
         elevation
-      }, classNames),
+      }, "mbe-cardSpacingBlock", classNames),
       ...props.autoFocus && !hasIosKeyboard && {
         autoFocus: true
       },
@@ -253,11 +253,11 @@ var PopoverComboboxContent = /* @__PURE__ */ (0, import_react3.forwardRef)(({ si
       classNames,
       id: modalId,
       ref: forwardedRef
-    }, /* @__PURE__ */ import_react3.default.createElement(SearchList.Root, {
+    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Viewport, null, /* @__PURE__ */ import_react3.default.createElement(SearchList.Root, {
       ...props,
       classNames: "contents",
       role: "none"
-    }, children));
+    }, children)));
   } finally {
     _effect.f();
   }

package/dist/lib/node/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/SearchList.tsx", "../../../src/composites/PopoverCombobox.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, useCallback } from 'react';\n\nimport {\n  Button,\n  type ButtonProps,\n  type TextInputProps,\n  type ThemedClassName,\n  useDensityContext,\n  useElevationContext,\n  useId,\n  useThemeContext,\n} from '@dxos/react-ui';\nimport { getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\ntype SearchListVariant = 'list' | 'menu' | 'listbox';\n\ntype SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {\n  variant?: SearchListVariant;\n};\n\ntype ComboboxContextValue = {\n  isCombobox: true;\n  modalId: string;\n  open: boolean;\n  onOpenChange: (nextOpen: boolean) => void;\n  value: string;\n  onValueChange: (nextValue: string) => void;\n  placeholder?: string;\n};\n\nconst COMBOBOX_NAME = 'Combobox';\nconst COMBOBOX_TRIGGER_NAME = 'ComboboxTrigger';\nconst SEARCHLIST_NAME = 'SearchList';\nconst SEARCHLIST_ITEM_NAME = 'SearchListItem';\n\nconst [ComboboxProvider, useComboboxContext] = createContext<Partial<ComboboxContextValue>>(COMBOBOX_NAME, {});\n\ntype ComboboxRootProps = PropsWithChildren<\n  Partial<ComboboxContextValue & { defaultOpen: boolean; defaultValue: string; placeholder: string }>\n>;\n\nconst SearchListRoot = forwardRef<HTMLDivElement, SearchListRootProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandRoot {...props} className={mx('', classNames)} ref={forwardedRef}>\n        {children}\n      </CommandRoot>\n    );\n  },\n);\n\nSearchListRoot.displayName = SEARCHLIST_NAME;\n\ntype CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;\n\n// TODO: Harmonize with other inputs’ `onChange` prop.\ntype SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> &\n  Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;\n\nconst SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(\n  (\n    { children, classNames, density: propsDensity, elevation: propsElevation, variant = 'subdued', ...props },\n    forwardedRef,\n  ) => {\n    // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.\n    const { hasIosKeyboard } = useThemeContext();\n    const { tx } = useThemeContext();\n    const density = useDensityContext(propsDensity);\n    const elevation = useElevationContext(propsElevation);\n\n    return (\n      <CommandInput\n        {...props}\n        className={tx(\n          'input.input',\n          'input',\n          {\n            variant,\n            disabled: props.disabled,\n            density,\n            elevation,\n          },\n          classNames,\n        )}\n        {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\ntype SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;\n\nconst SearchListContent = forwardRef<HTMLDivElement, SearchListContentProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandList {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandList>\n    );\n  },\n);\n\ntype SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;\n\nconst SearchListEmpty = forwardRef<HTMLDivElement, SearchListEmptyProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandEmpty {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandEmpty>\n    );\n  },\n);\n\ntype SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;\n\nconst SearchListItem = forwardRef<HTMLDivElement, SearchListItemProps>(\n  ({ children, classNames, onSelect, ...props }, forwardedRef) => {\n    const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);\n    const handleSelect = useCallback(\n      (nextValue: string) => {\n        onValueChange?.(nextValue);\n        onOpenChange?.(false);\n        onSelect?.(nextValue);\n      },\n      [onValueChange, onOpenChange, onSelect],\n    );\n    return (\n      <CommandItem\n        {...props}\n        onSelect={handleSelect}\n        className={mx('p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay', classNames)}\n        ref={forwardedRef}\n      >\n        {children}\n      </CommandItem>\n    );\n  },\n);\n\nSearchListItem.displayName = SEARCHLIST_ITEM_NAME;\n\nconst ComboboxRoot = ({\n  modalId: propsModalId,\n  open: propsOpen,\n  defaultOpen,\n  onOpenChange: propsOnOpenChange,\n  value: propsValue,\n  defaultValue,\n  onValueChange: propsOnValueChange,\n  placeholder,\n  children,\n}: ComboboxRootProps) => {\n  const modalId = useId(COMBOBOX_NAME, propsModalId);\n  const [open = false, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  const [value = '', onValueChange] = useControllableState({\n    prop: propsValue,\n    onChange: propsOnValueChange,\n    defaultProp: defaultValue,\n  });\n  return (\n    <ComboboxProvider\n      isCombobox\n      modalId={modalId}\n      open={open}\n      onOpenChange={onOpenChange}\n      value={value}\n      onValueChange={onValueChange}\n      placeholder={placeholder}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n};\n\nComboboxRoot.displayName = COMBOBOX_NAME;\n\ntype ComboboxTriggerProps = ButtonProps;\n\nconst ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  ({ children, onClick, ...props }, forwardedRef) => {\n    const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);\n    const handleClick = useCallback(\n      (event: Parameters<Exclude<ButtonProps['onClick'], undefined>>[0]) => {\n        onClick?.(event);\n        onOpenChange?.(true);\n      },\n      [onClick, onOpenChange],\n    );\n    return (\n      <Button\n        {...props}\n        role='combobox'\n        aria-expanded={open}\n        aria-controls={modalId}\n        aria-haspopup='dialog'\n        onClick={handleClick}\n        ref={forwardedRef}\n      >\n        {children ?? (\n          <>\n            <span\n              className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}\n            >\n              {value || placeholder}\n            </span>\n            <CaretDown weight='bold' className={getSize(3)} />\n          </>\n        )}\n      </Button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;\n\nexport const SearchList = {\n  Root: SearchListRoot,\n  Input: SearchListInput,\n  Content: SearchListContent,\n  Empty: SearchListEmpty,\n  Item: SearchListItem,\n};\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Trigger: ComboboxTrigger,\n  useComboboxContext,\n};\n\nexport type {\n  SearchListRootProps,\n  SearchListInputProps,\n  SearchListContentProps,\n  SearchListEmptyProps,\n  SearchListItemProps,\n  ComboboxRootProps,\n  ComboboxTriggerProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { forwardRef } from 'react';\n\nimport {\n  Popover,\n  type PopoverArrowProps,\n  type PopoverContentProps,\n  type PopoverViewportProps,\n  type PopoverVirtualTriggerProps,\n} from '@dxos/react-ui';\n\nimport {\n  Combobox,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n  SearchList,\n  type SearchListContentProps,\n  type SearchListEmptyProps,\n  type SearchListInputProps,\n  type SearchListItemProps,\n  type SearchListRootProps,\n} from '../components';\n\ntype PopoverComboboxRootProps = ComboboxRootProps & { modal?: boolean };\n\nconst PopoverComboboxRoot = ({\n  modal,\n  children,\n  open: propsOpen,\n  onOpenChange: propsOnOpenChange,\n  defaultOpen,\n  ...props\n}: PopoverComboboxRootProps) => {\n  const [open, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  return (\n    <Combobox.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <Popover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n        {children}\n      </Popover.Root>\n    </Combobox.Root>\n  );\n};\n\ntype PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;\n\nconst POPOVER_COMBOBOX_CONTENT_NAME = 'PopoverComboboxContent';\n\nconst PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContentProps>(\n  (\n    {\n      side = 'bottom',\n      collisionPadding = 48,\n      sideOffset,\n      align,\n      alignOffset,\n      avoidCollisions,\n      collisionBoundary,\n      arrowPadding,\n      sticky,\n      hideWhenDetached,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      forceMount,\n      children,\n      classNames,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);\n    return (\n      <Popover.Content\n        {...{\n          side,\n          sideOffset,\n          align,\n          alignOffset,\n          avoidCollisions,\n          collisionBoundary,\n          collisionPadding,\n          arrowPadding,\n          sticky,\n          hideWhenDetached,\n          onOpenAutoFocus,\n          onCloseAutoFocus,\n          onEscapeKeyDown,\n          onPointerDownOutside,\n          onFocusOutside,\n          onInteractOutside,\n          forceMount,\n          classNames,\n        }}\n        id={modalId}\n        ref={forwardedRef}\n      >\n        {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}\n        <SearchList.Root {...props} classNames='contents' role='none'>\n          {children}\n        </SearchList.Root>\n      </Popover.Content>\n    );\n  },\n);\n\nPopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;\n\ntype PopoverComboboxTriggerProps = ComboboxTriggerProps;\n\nconst PopoverComboboxTrigger = forwardRef<HTMLButtonElement, PopoverComboboxTriggerProps>((props, forwardedRef) => {\n  return (\n    <Popover.Trigger asChild>\n      <Combobox.Trigger {...props} ref={forwardedRef} />\n    </Popover.Trigger>\n  );\n});\n\ntype PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;\n\nconst PopoverComboboxVirtualTrigger = Popover.VirtualTrigger;\n\ntype PopoverComboboxInputProps = SearchListInputProps;\n\nconst PopoverComboboxInput = SearchList.Input;\n\ntype PopoverComboboxListProps = SearchListContentProps &\n  Pick<PopoverViewportProps, 'constrainBlock' | 'constrainInline'>;\n\nconst PopoverComboboxList = forwardRef<HTMLDivElement, PopoverComboboxListProps>(\n  ({ constrainInline, constrainBlock, ...props }, forwardedRef) => {\n    return (\n      <Popover.Viewport {...{ constrainInline, constrainBlock }}>\n        <SearchList.Content {...props} ref={forwardedRef} />\n      </Popover.Viewport>\n    );\n  },\n);\n\ntype PopoverComboboxItemProps = SearchListItemProps;\n\nconst PopoverComboboxItem = SearchList.Item;\n\ntype PopoverComboboxArrowProps = PopoverArrowProps;\n\nconst PopoverComboboxArrow = Popover.Arrow;\n\ntype PopoverComboboxEmptyProps = SearchListEmptyProps;\n\nconst PopoverComboboxEmpty = SearchList.Empty;\n\nexport const PopoverCombobox = {\n  Root: PopoverComboboxRoot,\n  Content: PopoverComboboxContent,\n  Trigger: PopoverComboboxTrigger,\n  VirtualTrigger: PopoverComboboxVirtualTrigger,\n  Input: PopoverComboboxInput,\n  List: PopoverComboboxList,\n  Item: PopoverComboboxItem,\n  Arrow: PopoverComboboxArrow,\n  Empty: PopoverComboboxEmpty,\n};\n\nexport type {\n  PopoverComboboxRootProps,\n  PopoverComboboxContentProps,\n  PopoverComboboxTriggerProps,\n  PopoverComboboxVirtualTriggerProps,\n  PopoverComboboxInputProps,\n  PopoverComboboxListProps,\n  PopoverComboboxItemProps,\n  PopoverComboboxArrowProps,\n  PopoverComboboxEmptyProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'searchlist';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n];\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_react_use_controllable_state", "import_react_ui", "COMBOBOX_NAME", "COMBOBOX_TRIGGER_NAME", "SEARCHLIST_NAME", "SEARCHLIST_ITEM_NAME", "ComboboxProvider", "useComboboxContext", "createContext", "SearchListRoot", "forwardRef", "children", "classNames", "props", "forwardedRef", "React", "CommandRoot", "className", "mx", "ref", "displayName", "SearchListInput", "density", "propsDensity", "elevation", "propsElevation", "variant", "hasIosKeyboard", "useThemeContext", "tx", "useDensityContext", "useElevationContext", "CommandInput", "disabled", "autoFocus", "SearchListContent", "CommandList", "SearchListEmpty", "CommandEmpty", "SearchListItem", "onSelect", "onValueChange", "onOpenChange", "handleSelect", "useCallback", "nextValue", "CommandItem", "ComboboxRoot", "modalId", "propsModalId", "open", "propsOpen", "defaultOpen", "propsOnOpenChange", "value", "propsValue", "defaultValue", "propsOnValueChange", "placeholder", "useId", "useControllableState", "prop", "onChange", "defaultProp", "isCombobox", "ComboboxTrigger", "onClick", "handleClick", "event", "Button", "role", "aria-expanded", "aria-controls", "aria-haspopup", "span", "staticPlaceholderText", "CaretDown", "weight", "getSize", "SearchList", "Root", "Input", "Content", "Empty", "Item", "Combobox", "Trigger", "PopoverComboboxRoot", "modal", "Popover", "POPOVER_COMBOBOX_CONTENT_NAME", "PopoverComboboxContent", "side", "collisionPadding", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "arrowPadding", "sticky", "hideWhenDetached", "onOpenAutoFocus", "onCloseAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "forceMount", "id", "PopoverComboboxTrigger", "asChild", "PopoverComboboxVirtualTrigger", "VirtualTrigger", "PopoverComboboxInput", "PopoverComboboxList", "constrainInline", "constrainBlock", "Viewport", "PopoverComboboxItem", "PopoverComboboxArrow", "Arrow", "PopoverComboboxEmpty", "PopoverCombobox", "List", "translationKey"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, useCallback } from 'react';\n\nimport {\n  Button,\n  type ButtonProps,\n  type TextInputProps,\n  type ThemedClassName,\n  useDensityContext,\n  useElevationContext,\n  useId,\n  useThemeContext,\n} from '@dxos/react-ui';\nimport { getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\ntype SearchListVariant = 'list' | 'menu' | 'listbox';\n\ntype SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {\n  variant?: SearchListVariant;\n};\n\ntype ComboboxContextValue = {\n  isCombobox: true;\n  modalId: string;\n  open: boolean;\n  onOpenChange: (nextOpen: boolean) => void;\n  value: string;\n  onValueChange: (nextValue: string) => void;\n  placeholder?: string;\n};\n\nconst COMBOBOX_NAME = 'Combobox';\nconst COMBOBOX_TRIGGER_NAME = 'ComboboxTrigger';\nconst SEARCHLIST_NAME = 'SearchList';\nconst SEARCHLIST_ITEM_NAME = 'SearchListItem';\n\nconst [ComboboxProvider, useComboboxContext] = createContext<Partial<ComboboxContextValue>>(COMBOBOX_NAME, {});\n\ntype ComboboxRootProps = PropsWithChildren<\n  Partial<ComboboxContextValue & { defaultOpen: boolean; defaultValue: string; placeholder: string }>\n>;\n\nconst SearchListRoot = forwardRef<HTMLDivElement, SearchListRootProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandRoot {...props} className={mx('', classNames)} ref={forwardedRef}>\n        {children}\n      </CommandRoot>\n    );\n  },\n);\n\nSearchListRoot.displayName = SEARCHLIST_NAME;\n\ntype CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;\n\n// TODO: Harmonize with other inputs’ `onChange` prop.\ntype SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> &\n  Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;\n\nconst SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(\n  ({ children, classNames, density: propsDensity, elevation: propsElevation, variant, ...props }, forwardedRef) => {\n    // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.\n    const { hasIosKeyboard } = useThemeContext();\n    const { tx } = useThemeContext();\n    const density = useDensityContext(propsDensity);\n    const elevation = useElevationContext(propsElevation);\n\n    return (\n      <CommandInput\n        {...props}\n        className={tx(\n          'input.input',\n          'input',\n          {\n            variant,\n            disabled: props.disabled,\n            density,\n            elevation,\n          },\n          'mbe-cardSpacingBlock',\n          classNames,\n        )}\n        {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\ntype SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;\n\nconst SearchListContent = forwardRef<HTMLDivElement, SearchListContentProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandList {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandList>\n    );\n  },\n);\n\ntype SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;\n\nconst SearchListEmpty = forwardRef<HTMLDivElement, SearchListEmptyProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandEmpty {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandEmpty>\n    );\n  },\n);\n\ntype SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;\n\nconst SearchListItem = forwardRef<HTMLDivElement, SearchListItemProps>(\n  ({ children, classNames, onSelect, ...props }, forwardedRef) => {\n    const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);\n    const handleSelect = useCallback(\n      (nextValue: string) => {\n        onValueChange?.(nextValue);\n        onOpenChange?.(false);\n        onSelect?.(nextValue);\n      },\n      [onValueChange, onOpenChange, onSelect],\n    );\n    return (\n      <CommandItem\n        {...props}\n        onSelect={handleSelect}\n        className={mx('p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay', classNames)}\n        ref={forwardedRef}\n      >\n        {children}\n      </CommandItem>\n    );\n  },\n);\n\nSearchListItem.displayName = SEARCHLIST_ITEM_NAME;\n\nconst ComboboxRoot = ({\n  modalId: propsModalId,\n  open: propsOpen,\n  defaultOpen,\n  onOpenChange: propsOnOpenChange,\n  value: propsValue,\n  defaultValue,\n  onValueChange: propsOnValueChange,\n  placeholder,\n  children,\n}: ComboboxRootProps) => {\n  const modalId = useId(COMBOBOX_NAME, propsModalId);\n  const [open = false, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  const [value = '', onValueChange] = useControllableState({\n    prop: propsValue,\n    onChange: propsOnValueChange,\n    defaultProp: defaultValue,\n  });\n  return (\n    <ComboboxProvider\n      isCombobox\n      modalId={modalId}\n      open={open}\n      onOpenChange={onOpenChange}\n      value={value}\n      onValueChange={onValueChange}\n      placeholder={placeholder}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n};\n\nComboboxRoot.displayName = COMBOBOX_NAME;\n\ntype ComboboxTriggerProps = ButtonProps;\n\nconst ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  ({ children, onClick, ...props }, forwardedRef) => {\n    const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);\n    const handleClick = useCallback(\n      (event: Parameters<Exclude<ButtonProps['onClick'], undefined>>[0]) => {\n        onClick?.(event);\n        onOpenChange?.(true);\n      },\n      [onClick, onOpenChange],\n    );\n    return (\n      <Button\n        {...props}\n        role='combobox'\n        aria-expanded={open}\n        aria-controls={modalId}\n        aria-haspopup='dialog'\n        onClick={handleClick}\n        ref={forwardedRef}\n      >\n        {children ?? (\n          <>\n            <span\n              className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}\n            >\n              {value || placeholder}\n            </span>\n            <CaretDown weight='bold' className={getSize(3)} />\n          </>\n        )}\n      </Button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;\n\nexport const SearchList = {\n  Root: SearchListRoot,\n  Input: SearchListInput,\n  Content: SearchListContent,\n  Empty: SearchListEmpty,\n  Item: SearchListItem,\n};\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Trigger: ComboboxTrigger,\n  useComboboxContext,\n};\n\nexport type {\n  SearchListRootProps,\n  SearchListInputProps,\n  SearchListContentProps,\n  SearchListEmptyProps,\n  SearchListItemProps,\n  ComboboxRootProps,\n  ComboboxTriggerProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { forwardRef } from 'react';\n\nimport {\n  Popover,\n  type PopoverArrowProps,\n  type PopoverContentProps,\n  type PopoverViewportProps,\n  type PopoverVirtualTriggerProps,\n} from '@dxos/react-ui';\n\nimport {\n  Combobox,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n  SearchList,\n  type SearchListContentProps,\n  type SearchListEmptyProps,\n  type SearchListInputProps,\n  type SearchListItemProps,\n  type SearchListRootProps,\n} from '../components';\n\ntype PopoverComboboxRootProps = ComboboxRootProps & { modal?: boolean };\n\nconst PopoverComboboxRoot = ({\n  modal,\n  children,\n  open: propsOpen,\n  onOpenChange: propsOnOpenChange,\n  defaultOpen,\n  ...props\n}: PopoverComboboxRootProps) => {\n  const [open, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  return (\n    <Combobox.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <Popover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n        {children}\n      </Popover.Root>\n    </Combobox.Root>\n  );\n};\n\ntype PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;\n\nconst POPOVER_COMBOBOX_CONTENT_NAME = 'PopoverComboboxContent';\n\nconst PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContentProps>(\n  (\n    {\n      side = 'bottom',\n      collisionPadding = 48,\n      sideOffset,\n      align,\n      alignOffset,\n      avoidCollisions,\n      collisionBoundary,\n      arrowPadding,\n      sticky,\n      hideWhenDetached,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      forceMount,\n      children,\n      classNames,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);\n    return (\n      <Popover.Content\n        {...{\n          side,\n          sideOffset,\n          align,\n          alignOffset,\n          avoidCollisions,\n          collisionBoundary,\n          collisionPadding,\n          arrowPadding,\n          sticky,\n          hideWhenDetached,\n          onOpenAutoFocus,\n          onCloseAutoFocus,\n          onEscapeKeyDown,\n          onPointerDownOutside,\n          onFocusOutside,\n          onInteractOutside,\n          forceMount,\n          classNames,\n        }}\n        id={modalId}\n        ref={forwardedRef}\n      >\n        <Popover.Viewport>\n          {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}\n          <SearchList.Root {...props} classNames='contents' role='none'>\n            {children}\n          </SearchList.Root>\n        </Popover.Viewport>\n      </Popover.Content>\n    );\n  },\n);\n\nPopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;\n\ntype PopoverComboboxTriggerProps = ComboboxTriggerProps;\n\nconst PopoverComboboxTrigger = forwardRef<HTMLButtonElement, PopoverComboboxTriggerProps>((props, forwardedRef) => {\n  return (\n    <Popover.Trigger asChild>\n      <Combobox.Trigger {...props} ref={forwardedRef} />\n    </Popover.Trigger>\n  );\n});\n\ntype PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;\n\nconst PopoverComboboxVirtualTrigger = Popover.VirtualTrigger;\n\ntype PopoverComboboxInputProps = SearchListInputProps;\n\nconst PopoverComboboxInput = SearchList.Input;\n\ntype PopoverComboboxListProps = SearchListContentProps &\n  Pick<PopoverViewportProps, 'constrainBlock' | 'constrainInline'>;\n\nconst PopoverComboboxList = forwardRef<HTMLDivElement, PopoverComboboxListProps>(\n  ({ constrainInline, constrainBlock, ...props }, forwardedRef) => {\n    return (\n      <Popover.Viewport {...{ constrainInline, constrainBlock }}>\n        <SearchList.Content {...props} ref={forwardedRef} />\n      </Popover.Viewport>\n    );\n  },\n);\n\ntype PopoverComboboxItemProps = SearchListItemProps;\n\nconst PopoverComboboxItem = SearchList.Item;\n\ntype PopoverComboboxArrowProps = PopoverArrowProps;\n\nconst PopoverComboboxArrow = Popover.Arrow;\n\ntype PopoverComboboxEmptyProps = SearchListEmptyProps;\n\nconst PopoverComboboxEmpty = SearchList.Empty;\n\nexport const PopoverCombobox = {\n  Root: PopoverComboboxRoot,\n  Content: PopoverComboboxContent,\n  Trigger: PopoverComboboxTrigger,\n  VirtualTrigger: PopoverComboboxVirtualTrigger,\n  Input: PopoverComboboxInput,\n  List: PopoverComboboxList,\n  Item: PopoverComboboxItem,\n  Arrow: PopoverComboboxArrow,\n  Empty: PopoverComboboxEmpty,\n};\n\nexport type {\n  PopoverComboboxRootProps,\n  PopoverComboboxContentProps,\n  PopoverComboboxTriggerProps,\n  PopoverComboboxVirtualTriggerProps,\n  PopoverComboboxInputProps,\n  PopoverComboboxListProps,\n  PopoverComboboxItemProps,\n  PopoverComboboxArrowProps,\n  PopoverComboboxEmptyProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'searchlist';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n];\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_react_use_controllable_state", "import_react_ui", "COMBOBOX_NAME", "COMBOBOX_TRIGGER_NAME", "SEARCHLIST_NAME", "SEARCHLIST_ITEM_NAME", "ComboboxProvider", "useComboboxContext", "createContext", "SearchListRoot", "forwardRef", "children", "classNames", "props", "forwardedRef", "React", "CommandRoot", "className", "mx", "ref", "displayName", "SearchListInput", "density", "propsDensity", "elevation", "propsElevation", "variant", "hasIosKeyboard", "useThemeContext", "tx", "useDensityContext", "useElevationContext", "CommandInput", "disabled", "autoFocus", "SearchListContent", "CommandList", "SearchListEmpty", "CommandEmpty", "SearchListItem", "onSelect", "onValueChange", "onOpenChange", "handleSelect", "useCallback", "nextValue", "CommandItem", "ComboboxRoot", "modalId", "propsModalId", "open", "propsOpen", "defaultOpen", "propsOnOpenChange", "value", "propsValue", "defaultValue", "propsOnValueChange", "placeholder", "useId", "useControllableState", "prop", "onChange", "defaultProp", "isCombobox", "ComboboxTrigger", "onClick", "handleClick", "event", "Button", "role", "aria-expanded", "aria-controls", "aria-haspopup", "span", "staticPlaceholderText", "CaretDown", "weight", "getSize", "SearchList", "Root", "Input", "Content", "Empty", "Item", "Combobox", "Trigger", "PopoverComboboxRoot", "modal", "Popover", "POPOVER_COMBOBOX_CONTENT_NAME", "PopoverComboboxContent", "side", "collisionPadding", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "arrowPadding", "sticky", "hideWhenDetached", "onOpenAutoFocus", "onCloseAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "forceMount", "id", "Viewport", "PopoverComboboxTrigger", "asChild", "PopoverComboboxVirtualTrigger", "VirtualTrigger", "PopoverComboboxInput", "PopoverComboboxList", "constrainInline", "constrainBlock", "PopoverComboboxItem", "PopoverComboboxArrow", "Arrow", "PopoverComboboxEmpty", "PopoverCombobox", "List", "translationKey"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":22477,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytes":488,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/SearchList.tsx","kind":"import-statement","original":"./SearchList"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytes":14686,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"../components"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytes":501,"imports":[{"path":"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx","kind":"import-statement","original":"./PopoverCombobox"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytes":872,"imports":[],"format":"esm"},"packages/ui/react-ui-searchlist/src/index.ts":{"bytes":785,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-searchlist/src/composites/index.ts","kind":"import-statement","original":"./composites"},{"path":"packages/ui/react-ui-searchlist/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-searchlist/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20285},"packages/ui/react-ui-searchlist/dist/lib/node/index.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["Combobox","PopoverCombobox","SearchList","translations"],"entryPoint":"packages/ui/react-ui-searchlist/src/index.ts","inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytesInOutput":5761},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytesInOutput":3535},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytesInOutput":123}},"bytes":9742}}}
+{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":22501,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytes":488,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/SearchList.tsx","kind":"import-statement","original":"./SearchList"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytes":14869,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"../components"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytes":501,"imports":[{"path":"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx","kind":"import-statement","original":"./PopoverCombobox"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytes":872,"imports":[],"format":"esm"},"packages/ui/react-ui-searchlist/src/index.ts":{"bytes":785,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-searchlist/src/composites/index.ts","kind":"import-statement","original":"./composites"},{"path":"packages/ui/react-ui-searchlist/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-searchlist/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20400},"packages/ui/react-ui-searchlist/dist/lib/node/index.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["Combobox","PopoverCombobox","SearchList","translations"],"entryPoint":"packages/ui/react-ui-searchlist/src/index.ts","inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytesInOutput":5773},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytesInOutput":3597},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytesInOutput":123}},"bytes":9816}}}

package/dist/lib/node-esm/index.mjs

@@ -27,7 +27,7 @@ var SearchListRoot = /* @__PURE__ */ forwardRef(({ children, classNames, ...prop
   }
 });
 SearchListRoot.displayName = SEARCHLIST_NAME;
-var SearchListInput = /* @__PURE__ */ forwardRef(({ children, classNames, density: propsDensity, elevation: propsElevation, variant = "subdued", ...props }, forwardedRef) => {
+var SearchListInput = /* @__PURE__ */ forwardRef(({ children, classNames, density: propsDensity, elevation: propsElevation, variant, ...props }, forwardedRef) => {
   var _effect = _useSignals();
   try {
     const { hasIosKeyboard } = useThemeContext();
@@ -41,7 +41,7 @@ var SearchListInput = /* @__PURE__ */ forwardRef(({ children, classNames, densit
         disabled: props.disabled,
         density,
         elevation
-      }, classNames),
+      }, "mbe-cardSpacingBlock", classNames),
       ...props.autoFocus && !hasIosKeyboard && {
         autoFocus: true
       },
@@ -222,11 +222,11 @@ var PopoverComboboxContent = /* @__PURE__ */ forwardRef2(({ side = "bottom", col
       classNames,
       id: modalId,
       ref: forwardedRef
-    }, /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    }, /* @__PURE__ */ React2.createElement(Popover.Viewport, null, /* @__PURE__ */ React2.createElement(SearchList.Root, {
       ...props,
       classNames: "contents",
       role: "none"
-    }, children));
+    }, children)));
   } finally {
     _effect.f();
   }

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/SearchList.tsx", "../../../src/composites/PopoverCombobox.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, useCallback } from 'react';\n\nimport {\n  Button,\n  type ButtonProps,\n  type TextInputProps,\n  type ThemedClassName,\n  useDensityContext,\n  useElevationContext,\n  useId,\n  useThemeContext,\n} from '@dxos/react-ui';\nimport { getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\ntype SearchListVariant = 'list' | 'menu' | 'listbox';\n\ntype SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {\n  variant?: SearchListVariant;\n};\n\ntype ComboboxContextValue = {\n  isCombobox: true;\n  modalId: string;\n  open: boolean;\n  onOpenChange: (nextOpen: boolean) => void;\n  value: string;\n  onValueChange: (nextValue: string) => void;\n  placeholder?: string;\n};\n\nconst COMBOBOX_NAME = 'Combobox';\nconst COMBOBOX_TRIGGER_NAME = 'ComboboxTrigger';\nconst SEARCHLIST_NAME = 'SearchList';\nconst SEARCHLIST_ITEM_NAME = 'SearchListItem';\n\nconst [ComboboxProvider, useComboboxContext] = createContext<Partial<ComboboxContextValue>>(COMBOBOX_NAME, {});\n\ntype ComboboxRootProps = PropsWithChildren<\n  Partial<ComboboxContextValue & { defaultOpen: boolean; defaultValue: string; placeholder: string }>\n>;\n\nconst SearchListRoot = forwardRef<HTMLDivElement, SearchListRootProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandRoot {...props} className={mx('', classNames)} ref={forwardedRef}>\n        {children}\n      </CommandRoot>\n    );\n  },\n);\n\nSearchListRoot.displayName = SEARCHLIST_NAME;\n\ntype CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;\n\n// TODO: Harmonize with other inputs’ `onChange` prop.\ntype SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> &\n  Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;\n\nconst SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(\n  (\n    { children, classNames, density: propsDensity, elevation: propsElevation, variant = 'subdued', ...props },\n    forwardedRef,\n  ) => {\n    // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.\n    const { hasIosKeyboard } = useThemeContext();\n    const { tx } = useThemeContext();\n    const density = useDensityContext(propsDensity);\n    const elevation = useElevationContext(propsElevation);\n\n    return (\n      <CommandInput\n        {...props}\n        className={tx(\n          'input.input',\n          'input',\n          {\n            variant,\n            disabled: props.disabled,\n            density,\n            elevation,\n          },\n          classNames,\n        )}\n        {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\ntype SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;\n\nconst SearchListContent = forwardRef<HTMLDivElement, SearchListContentProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandList {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandList>\n    );\n  },\n);\n\ntype SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;\n\nconst SearchListEmpty = forwardRef<HTMLDivElement, SearchListEmptyProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandEmpty {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandEmpty>\n    );\n  },\n);\n\ntype SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;\n\nconst SearchListItem = forwardRef<HTMLDivElement, SearchListItemProps>(\n  ({ children, classNames, onSelect, ...props }, forwardedRef) => {\n    const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);\n    const handleSelect = useCallback(\n      (nextValue: string) => {\n        onValueChange?.(nextValue);\n        onOpenChange?.(false);\n        onSelect?.(nextValue);\n      },\n      [onValueChange, onOpenChange, onSelect],\n    );\n    return (\n      <CommandItem\n        {...props}\n        onSelect={handleSelect}\n        className={mx('p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay', classNames)}\n        ref={forwardedRef}\n      >\n        {children}\n      </CommandItem>\n    );\n  },\n);\n\nSearchListItem.displayName = SEARCHLIST_ITEM_NAME;\n\nconst ComboboxRoot = ({\n  modalId: propsModalId,\n  open: propsOpen,\n  defaultOpen,\n  onOpenChange: propsOnOpenChange,\n  value: propsValue,\n  defaultValue,\n  onValueChange: propsOnValueChange,\n  placeholder,\n  children,\n}: ComboboxRootProps) => {\n  const modalId = useId(COMBOBOX_NAME, propsModalId);\n  const [open = false, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  const [value = '', onValueChange] = useControllableState({\n    prop: propsValue,\n    onChange: propsOnValueChange,\n    defaultProp: defaultValue,\n  });\n  return (\n    <ComboboxProvider\n      isCombobox\n      modalId={modalId}\n      open={open}\n      onOpenChange={onOpenChange}\n      value={value}\n      onValueChange={onValueChange}\n      placeholder={placeholder}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n};\n\nComboboxRoot.displayName = COMBOBOX_NAME;\n\ntype ComboboxTriggerProps = ButtonProps;\n\nconst ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  ({ children, onClick, ...props }, forwardedRef) => {\n    const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);\n    const handleClick = useCallback(\n      (event: Parameters<Exclude<ButtonProps['onClick'], undefined>>[0]) => {\n        onClick?.(event);\n        onOpenChange?.(true);\n      },\n      [onClick, onOpenChange],\n    );\n    return (\n      <Button\n        {...props}\n        role='combobox'\n        aria-expanded={open}\n        aria-controls={modalId}\n        aria-haspopup='dialog'\n        onClick={handleClick}\n        ref={forwardedRef}\n      >\n        {children ?? (\n          <>\n            <span\n              className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}\n            >\n              {value || placeholder}\n            </span>\n            <CaretDown weight='bold' className={getSize(3)} />\n          </>\n        )}\n      </Button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;\n\nexport const SearchList = {\n  Root: SearchListRoot,\n  Input: SearchListInput,\n  Content: SearchListContent,\n  Empty: SearchListEmpty,\n  Item: SearchListItem,\n};\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Trigger: ComboboxTrigger,\n  useComboboxContext,\n};\n\nexport type {\n  SearchListRootProps,\n  SearchListInputProps,\n  SearchListContentProps,\n  SearchListEmptyProps,\n  SearchListItemProps,\n  ComboboxRootProps,\n  ComboboxTriggerProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { forwardRef } from 'react';\n\nimport {\n  Popover,\n  type PopoverArrowProps,\n  type PopoverContentProps,\n  type PopoverViewportProps,\n  type PopoverVirtualTriggerProps,\n} from '@dxos/react-ui';\n\nimport {\n  Combobox,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n  SearchList,\n  type SearchListContentProps,\n  type SearchListEmptyProps,\n  type SearchListInputProps,\n  type SearchListItemProps,\n  type SearchListRootProps,\n} from '../components';\n\ntype PopoverComboboxRootProps = ComboboxRootProps & { modal?: boolean };\n\nconst PopoverComboboxRoot = ({\n  modal,\n  children,\n  open: propsOpen,\n  onOpenChange: propsOnOpenChange,\n  defaultOpen,\n  ...props\n}: PopoverComboboxRootProps) => {\n  const [open, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  return (\n    <Combobox.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <Popover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n        {children}\n      </Popover.Root>\n    </Combobox.Root>\n  );\n};\n\ntype PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;\n\nconst POPOVER_COMBOBOX_CONTENT_NAME = 'PopoverComboboxContent';\n\nconst PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContentProps>(\n  (\n    {\n      side = 'bottom',\n      collisionPadding = 48,\n      sideOffset,\n      align,\n      alignOffset,\n      avoidCollisions,\n      collisionBoundary,\n      arrowPadding,\n      sticky,\n      hideWhenDetached,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      forceMount,\n      children,\n      classNames,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);\n    return (\n      <Popover.Content\n        {...{\n          side,\n          sideOffset,\n          align,\n          alignOffset,\n          avoidCollisions,\n          collisionBoundary,\n          collisionPadding,\n          arrowPadding,\n          sticky,\n          hideWhenDetached,\n          onOpenAutoFocus,\n          onCloseAutoFocus,\n          onEscapeKeyDown,\n          onPointerDownOutside,\n          onFocusOutside,\n          onInteractOutside,\n          forceMount,\n          classNames,\n        }}\n        id={modalId}\n        ref={forwardedRef}\n      >\n        {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}\n        <SearchList.Root {...props} classNames='contents' role='none'>\n          {children}\n        </SearchList.Root>\n      </Popover.Content>\n    );\n  },\n);\n\nPopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;\n\ntype PopoverComboboxTriggerProps = ComboboxTriggerProps;\n\nconst PopoverComboboxTrigger = forwardRef<HTMLButtonElement, PopoverComboboxTriggerProps>((props, forwardedRef) => {\n  return (\n    <Popover.Trigger asChild>\n      <Combobox.Trigger {...props} ref={forwardedRef} />\n    </Popover.Trigger>\n  );\n});\n\ntype PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;\n\nconst PopoverComboboxVirtualTrigger = Popover.VirtualTrigger;\n\ntype PopoverComboboxInputProps = SearchListInputProps;\n\nconst PopoverComboboxInput = SearchList.Input;\n\ntype PopoverComboboxListProps = SearchListContentProps &\n  Pick<PopoverViewportProps, 'constrainBlock' | 'constrainInline'>;\n\nconst PopoverComboboxList = forwardRef<HTMLDivElement, PopoverComboboxListProps>(\n  ({ constrainInline, constrainBlock, ...props }, forwardedRef) => {\n    return (\n      <Popover.Viewport {...{ constrainInline, constrainBlock }}>\n        <SearchList.Content {...props} ref={forwardedRef} />\n      </Popover.Viewport>\n    );\n  },\n);\n\ntype PopoverComboboxItemProps = SearchListItemProps;\n\nconst PopoverComboboxItem = SearchList.Item;\n\ntype PopoverComboboxArrowProps = PopoverArrowProps;\n\nconst PopoverComboboxArrow = Popover.Arrow;\n\ntype PopoverComboboxEmptyProps = SearchListEmptyProps;\n\nconst PopoverComboboxEmpty = SearchList.Empty;\n\nexport const PopoverCombobox = {\n  Root: PopoverComboboxRoot,\n  Content: PopoverComboboxContent,\n  Trigger: PopoverComboboxTrigger,\n  VirtualTrigger: PopoverComboboxVirtualTrigger,\n  Input: PopoverComboboxInput,\n  List: PopoverComboboxList,\n  Item: PopoverComboboxItem,\n  Arrow: PopoverComboboxArrow,\n  Empty: PopoverComboboxEmpty,\n};\n\nexport type {\n  PopoverComboboxRootProps,\n  PopoverComboboxContentProps,\n  PopoverComboboxTriggerProps,\n  PopoverComboboxVirtualTriggerProps,\n  PopoverComboboxInputProps,\n  PopoverComboboxListProps,\n  PopoverComboboxItemProps,\n  PopoverComboboxArrowProps,\n  PopoverComboboxEmptyProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'searchlist';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n];\n"],
-  "mappings": ";;;;AAIA,SAASA,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,4BAA4B;AACrC,SAASC,cAAcC,cAAcC,aAAaC,aAAaC,mBAAmB;AAClF,OAAOC,SAAqCC,YAAoCC,mBAAmB;AAEnG,SACEC,QAIAC,mBACAC,qBACAC,OACAC,uBACK;AACP,SAASC,SAASC,IAAIC,6BAA6B;AAkBnD,IAAMC,gBAAgB;AACtB,IAAMC,wBAAwB;AAC9B,IAAMC,kBAAkB;AACxB,IAAMC,uBAAuB;AAE7B,IAAM,CAACC,kBAAkBC,kBAAAA,IAAsBC,cAA6CN,eAAe,CAAC,CAAA;AAM5G,IAAMO,iBAAiBC,2BACrB,CAAC,EAAEC,UAAUC,YAAY,GAAGC,MAAAA,GAASC,iBAAAA;;;AACnC,WACE,sBAAA,cAACC,aAAAA;MAAa,GAAGF;MAAOG,WAAWC,GAAG,IAAIL,UAAAA;MAAaM,KAAKJ;OACzDH,QAAAA;;;;AAGP,CAAA;AAGFF,eAAeU,cAAcf;AAQ7B,IAAMgB,kBAAkBV,2BACtB,CACE,EAAEC,UAAUC,YAAYS,SAASC,cAAcC,WAAWC,gBAAgBC,UAAU,WAAW,GAAGZ,MAAAA,GAClGC,iBAAAA;;;AAGA,UAAM,EAAEY,eAAc,IAAKC,gBAAAA;AAC3B,UAAM,EAAEC,GAAE,IAAKD,gBAAAA;AACf,UAAMN,UAAUQ,kBAAkBP,YAAAA;AAClC,UAAMC,YAAYO,oBAAoBN,cAAAA;AAEtC,WACE,sBAAA,cAACO,cAAAA;MACE,GAAGlB;MACJG,WAAWY,GACT,eACA,SACA;QACEH;QACAO,UAAUnB,MAAMmB;QAChBX;QACAE;MACF,GACAX,UAAAA;MAED,GAAIC,MAAMoB,aAAa,CAACP,kBAAkB;QAAEO,WAAW;MAAK;MAC7Df,KAAKJ;;;;;AAGX,CAAA;AAKF,IAAMoB,oBAAoBxB,2BACxB,CAAC,EAAEC,UAAUC,YAAY,GAAGC,MAAAA,GAASC,iBAAAA;;;AACnC,WACE,sBAAA,cAACqB,aAAAA;MAAa,GAAGtB;MAAOG,WAAWC,GAAGL,UAAAA;MAAaM,KAAKJ;OACrDH,QAAAA;;;;AAGP,CAAA;AAKF,IAAMyB,kBAAkB1B,2BACtB,CAAC,EAAEC,UAAUC,YAAY,GAAGC,MAAAA,GAASC,iBAAAA;;;AACnC,WACE,sBAAA,cAACuB,cAAAA;MAAc,GAAGxB;MAAOG,WAAWC,GAAGL,UAAAA;MAAaM,KAAKJ;OACtDH,QAAAA;;;;AAGP,CAAA;AAKF,IAAM2B,iBAAiB5B,2BACrB,CAAC,EAAEC,UAAUC,YAAY2B,UAAU,GAAG1B,MAAAA,GAASC,iBAAAA;;;AAC7C,UAAM,EAAE0B,eAAeC,aAAY,IAAKlC,mBAAmBF,oBAAAA;AAC3D,UAAMqC,eAAeC,YACnB,CAACC,cAAAA;AACCJ,sBAAgBI,SAAAA;AAChBH,qBAAe,KAAA;AACfF,iBAAWK,SAAAA;IACb,GACA;MAACJ;MAAeC;MAAcF;KAAS;AAEzC,WACE,sBAAA,cAACM,aAAAA;MACE,GAAGhC;MACJ0B,UAAUG;MACV1B,WAAWC,GAAG,0EAA0EL,UAAAA;MACxFM,KAAKJ;OAEJH,QAAAA;;;;AAGP,CAAA;AAGF2B,eAAenB,cAAcd;AAE7B,IAAMyC,eAAe,CAAC,EACpBC,SAASC,cACTC,MAAMC,WACNC,aACAV,cAAcW,mBACdC,OAAOC,YACPC,cACAf,eAAegB,oBACfC,aACA9C,SAAQ,MACU;;;AAClB,UAAMoC,UAAUW,MAAMxD,eAAe8C,YAAAA;AACrC,UAAM,CAACC,OAAO,OAAOR,YAAAA,IAAgBkB,qBAAqB;MACxDC,MAAMV;MACNW,UAAUT;MACVU,aAAaX;IACf,CAAA;AACA,UAAM,CAACE,QAAQ,IAAIb,aAAAA,IAAiBmB,qBAAqB;MACvDC,MAAMN;MACNO,UAAUL;MACVM,aAAaP;IACf,CAAA;AACA,WACE,sBAAA,cAACjD,kBAAAA;MACCyD,YAAAA;MACAhB;MACAE;MACAR;MACAY;MACAb;MACAiB;OAEC9C,QAAAA;;;;AAGP;AAEAmC,aAAa3B,cAAcjB;AAI3B,IAAM8D,kBAAkBtD,2BACtB,CAAC,EAAEC,UAAUsD,SAAS,GAAGpD,MAAAA,GAASC,iBAAAA;;;AAChC,UAAM,EAAEiC,SAASE,MAAMR,cAAcgB,aAAaJ,MAAK,IAAK9C,mBAAmBJ,qBAAAA;AAC/E,UAAM+D,cAAcvB,YAClB,CAACwB,UAAAA;AACCF,gBAAUE,KAAAA;AACV1B,qBAAe,IAAA;IACjB,GACA;MAACwB;MAASxB;KAAa;AAEzB,WACE,sBAAA,cAAC2B,QAAAA;MACE,GAAGvD;MACJwD,MAAK;MACLC,iBAAerB;MACfsB,iBAAexB;MACfyB,iBAAc;MACdP,SAASC;MACThD,KAAKJ;OAEJH,YACC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAC8D,QAAAA;MACCzD,WAAWC,GAAG,yDAAyD,CAACoC,SAASqB,qBAAAA;OAEhFrB,SAASI,WAAAA,GAEZ,sBAAA,cAACkB,WAAAA;MAAUC,QAAO;MAAO5D,WAAW6D,QAAQ,CAAA;;;;;AAKtD,CAAA;AAGFb,gBAAgB7C,cAAchB;AAEvB,IAAM2E,aAAa;EACxBC,MAAMtE;EACNuE,OAAO5D;EACP6D,SAAS/C;EACTgD,OAAO9C;EACP+C,MAAM7C;AACR;AAEO,IAAM8C,WAAW;EACtBL,MAAMjC;EACNuC,SAASrB;EACTzD;AACF;;;;AC7OA,SAAS+E,wBAAAA,6BAA4B;AACrC,OAAOC,UAASC,cAAAA,mBAAkB;AAElC,SACEC,eAKK;AAgBP,IAAMC,sBAAsB,CAAC,EAC3BC,OACAC,UACAC,MAAMC,WACNC,cAAcC,mBACdC,aACA,GAAGC,MAAAA,MACsB;;;AACzB,UAAM,CAACL,MAAME,YAAAA,IAAgBI,sBAAqB;MAChDC,MAAMN;MACNO,UAAUL;MACVM,aAAaL;IACf,CAAA;AACA,WACE,gBAAAM,OAAA,cAACC,SAASC,MAAI;MAACZ;MAAYE;MAA6B,GAAGG;OACzD,gBAAAK,OAAA,cAACG,QAAQD,MAAI;MAACZ;MAAYE;MAA4BJ;OACnDC,QAAAA,CAAAA;;;;AAIT;AAIA,IAAMe,gCAAgC;AAEtC,IAAMC,yBAAyBC,gBAAAA,YAC7B,CACE,EACEC,OAAO,UACPC,mBAAmB,IACnBC,YACAC,OACAC,aACAC,iBACAC,mBACAC,cACAC,QACAC,kBACAC,iBACAC,kBACAC,iBACAC,sBACAC,gBACAC,mBACAC,YACAlC,UACAmC,YACA,GAAG7B,MAAAA,GAEL8B,iBAAAA;;;AAEA,UAAM,EAAEC,QAAO,IAAKzB,SAAS0B,mBAAmBvB,6BAAAA;AAChD,WACE,gBAAAJ,OAAA,cAACG,QAAQyB,SAAO;MAEZrB;MACAE;MACAC;MACAC;MACAC;MACAC;MACAL;MACAM;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MAEFK,IAAIH;MACJI,KAAKL;OAGL,gBAAAzB,OAAA,cAAC+B,WAAW7B,MAAI;MAAE,GAAGP;MAAO6B,YAAW;MAAWQ,MAAK;OACpD3C,QAAAA,CAAAA;;;;AAIT,CAAA;AAGFgB,uBAAuB4B,cAAc7B;AAIrC,IAAM8B,yBAAyB5B,gBAAAA,YAA2D,CAACX,OAAO8B,iBAAAA;;;AAChG,WACE,gBAAAzB,OAAA,cAACG,QAAQgC,SAAO;MAACC,SAAAA;OACf,gBAAApC,OAAA,cAACC,SAASkC,SAAO;MAAE,GAAGxC;MAAOmC,KAAKL;;;;;AAGxC,CAAA;AAIA,IAAMY,gCAAgClC,QAAQmC;AAI9C,IAAMC,uBAAuBR,WAAWS;AAKxC,IAAMC,sBAAsBnC,gBAAAA,YAC1B,CAAC,EAAEoC,iBAAiBC,gBAAgB,GAAGhD,MAAAA,GAAS8B,iBAAAA;;;AAC9C,WACE,gBAAAzB,OAAA,cAACG,QAAQyC,UAAa;MAAEF;MAAiBC;IAAe,GACtD,gBAAA3C,OAAA,cAAC+B,WAAWH,SAAO;MAAE,GAAGjC;MAAOmC,KAAKL;;;;;AAG1C,CAAA;AAKF,IAAMoB,sBAAsBd,WAAWe;AAIvC,IAAMC,uBAAuB5C,QAAQ6C;AAIrC,IAAMC,uBAAuBlB,WAAWmB;AAEjC,IAAMC,kBAAkB;EAC7BjD,MAAMf;EACNyC,SAASvB;EACT8B,SAASD;EACTI,gBAAgBD;EAChBG,OAAOD;EACPa,MAAMX;EACNK,MAAMD;EACNG,OAAOD;EACPG,OAAOD;AACT;;;ACvKO,IAAMI,iBAAiB;AAE9B,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACA,cAAAA,GAAiB,CAAC;IACrB;EACF;;",
-  "names": ["CaretDown", "createContext", "useControllableState", "CommandEmpty", "CommandInput", "CommandItem", "CommandList", "CommandRoot", "React", "forwardRef", "useCallback", "Button", "useDensityContext", "useElevationContext", "useId", "useThemeContext", "getSize", "mx", "staticPlaceholderText", "COMBOBOX_NAME", "COMBOBOX_TRIGGER_NAME", "SEARCHLIST_NAME", "SEARCHLIST_ITEM_NAME", "ComboboxProvider", "useComboboxContext", "createContext", "SearchListRoot", "forwardRef", "children", "classNames", "props", "forwardedRef", "CommandRoot", "className", "mx", "ref", "displayName", "SearchListInput", "density", "propsDensity", "elevation", "propsElevation", "variant", "hasIosKeyboard", "useThemeContext", "tx", "useDensityContext", "useElevationContext", "CommandInput", "disabled", "autoFocus", "SearchListContent", "CommandList", "SearchListEmpty", "CommandEmpty", "SearchListItem", "onSelect", "onValueChange", "onOpenChange", "handleSelect", "useCallback", "nextValue", "CommandItem", "ComboboxRoot", "modalId", "propsModalId", "open", "propsOpen", "defaultOpen", "propsOnOpenChange", "value", "propsValue", "defaultValue", "propsOnValueChange", "placeholder", "useId", "useControllableState", "prop", "onChange", "defaultProp", "isCombobox", "ComboboxTrigger", "onClick", "handleClick", "event", "Button", "role", "aria-expanded", "aria-controls", "aria-haspopup", "span", "staticPlaceholderText", "CaretDown", "weight", "getSize", "SearchList", "Root", "Input", "Content", "Empty", "Item", "Combobox", "Trigger", "useControllableState", "React", "forwardRef", "Popover", "PopoverComboboxRoot", "modal", "children", "open", "propsOpen", "onOpenChange", "propsOnOpenChange", "defaultOpen", "props", "useControllableState", "prop", "onChange", "defaultProp", "React", "Combobox", "Root", "Popover", "POPOVER_COMBOBOX_CONTENT_NAME", "PopoverComboboxContent", "forwardRef", "side", "collisionPadding", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "arrowPadding", "sticky", "hideWhenDetached", "onOpenAutoFocus", "onCloseAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "forceMount", "classNames", "forwardedRef", "modalId", "useComboboxContext", "Content", "id", "ref", "SearchList", "role", "displayName", "PopoverComboboxTrigger", "Trigger", "asChild", "PopoverComboboxVirtualTrigger", "VirtualTrigger", "PopoverComboboxInput", "Input", "PopoverComboboxList", "constrainInline", "constrainBlock", "Viewport", "PopoverComboboxItem", "Item", "PopoverComboboxArrow", "Arrow", "PopoverComboboxEmpty", "Empty", "PopoverCombobox", "List", "translationKey"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, useCallback } from 'react';\n\nimport {\n  Button,\n  type ButtonProps,\n  type TextInputProps,\n  type ThemedClassName,\n  useDensityContext,\n  useElevationContext,\n  useId,\n  useThemeContext,\n} from '@dxos/react-ui';\nimport { getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\ntype SearchListVariant = 'list' | 'menu' | 'listbox';\n\ntype SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {\n  variant?: SearchListVariant;\n};\n\ntype ComboboxContextValue = {\n  isCombobox: true;\n  modalId: string;\n  open: boolean;\n  onOpenChange: (nextOpen: boolean) => void;\n  value: string;\n  onValueChange: (nextValue: string) => void;\n  placeholder?: string;\n};\n\nconst COMBOBOX_NAME = 'Combobox';\nconst COMBOBOX_TRIGGER_NAME = 'ComboboxTrigger';\nconst SEARCHLIST_NAME = 'SearchList';\nconst SEARCHLIST_ITEM_NAME = 'SearchListItem';\n\nconst [ComboboxProvider, useComboboxContext] = createContext<Partial<ComboboxContextValue>>(COMBOBOX_NAME, {});\n\ntype ComboboxRootProps = PropsWithChildren<\n  Partial<ComboboxContextValue & { defaultOpen: boolean; defaultValue: string; placeholder: string }>\n>;\n\nconst SearchListRoot = forwardRef<HTMLDivElement, SearchListRootProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandRoot {...props} className={mx('', classNames)} ref={forwardedRef}>\n        {children}\n      </CommandRoot>\n    );\n  },\n);\n\nSearchListRoot.displayName = SEARCHLIST_NAME;\n\ntype CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;\n\n// TODO: Harmonize with other inputs’ `onChange` prop.\ntype SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> &\n  Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;\n\nconst SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(\n  ({ children, classNames, density: propsDensity, elevation: propsElevation, variant, ...props }, forwardedRef) => {\n    // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.\n    const { hasIosKeyboard } = useThemeContext();\n    const { tx } = useThemeContext();\n    const density = useDensityContext(propsDensity);\n    const elevation = useElevationContext(propsElevation);\n\n    return (\n      <CommandInput\n        {...props}\n        className={tx(\n          'input.input',\n          'input',\n          {\n            variant,\n            disabled: props.disabled,\n            density,\n            elevation,\n          },\n          'mbe-cardSpacingBlock',\n          classNames,\n        )}\n        {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\ntype SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;\n\nconst SearchListContent = forwardRef<HTMLDivElement, SearchListContentProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandList {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandList>\n    );\n  },\n);\n\ntype SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;\n\nconst SearchListEmpty = forwardRef<HTMLDivElement, SearchListEmptyProps>(\n  ({ children, classNames, ...props }, forwardedRef) => {\n    return (\n      <CommandEmpty {...props} className={mx(classNames)} ref={forwardedRef}>\n        {children}\n      </CommandEmpty>\n    );\n  },\n);\n\ntype SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;\n\nconst SearchListItem = forwardRef<HTMLDivElement, SearchListItemProps>(\n  ({ children, classNames, onSelect, ...props }, forwardedRef) => {\n    const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);\n    const handleSelect = useCallback(\n      (nextValue: string) => {\n        onValueChange?.(nextValue);\n        onOpenChange?.(false);\n        onSelect?.(nextValue);\n      },\n      [onValueChange, onOpenChange, onSelect],\n    );\n    return (\n      <CommandItem\n        {...props}\n        onSelect={handleSelect}\n        className={mx('p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay', classNames)}\n        ref={forwardedRef}\n      >\n        {children}\n      </CommandItem>\n    );\n  },\n);\n\nSearchListItem.displayName = SEARCHLIST_ITEM_NAME;\n\nconst ComboboxRoot = ({\n  modalId: propsModalId,\n  open: propsOpen,\n  defaultOpen,\n  onOpenChange: propsOnOpenChange,\n  value: propsValue,\n  defaultValue,\n  onValueChange: propsOnValueChange,\n  placeholder,\n  children,\n}: ComboboxRootProps) => {\n  const modalId = useId(COMBOBOX_NAME, propsModalId);\n  const [open = false, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  const [value = '', onValueChange] = useControllableState({\n    prop: propsValue,\n    onChange: propsOnValueChange,\n    defaultProp: defaultValue,\n  });\n  return (\n    <ComboboxProvider\n      isCombobox\n      modalId={modalId}\n      open={open}\n      onOpenChange={onOpenChange}\n      value={value}\n      onValueChange={onValueChange}\n      placeholder={placeholder}\n    >\n      {children}\n    </ComboboxProvider>\n  );\n};\n\nComboboxRoot.displayName = COMBOBOX_NAME;\n\ntype ComboboxTriggerProps = ButtonProps;\n\nconst ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  ({ children, onClick, ...props }, forwardedRef) => {\n    const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);\n    const handleClick = useCallback(\n      (event: Parameters<Exclude<ButtonProps['onClick'], undefined>>[0]) => {\n        onClick?.(event);\n        onOpenChange?.(true);\n      },\n      [onClick, onOpenChange],\n    );\n    return (\n      <Button\n        {...props}\n        role='combobox'\n        aria-expanded={open}\n        aria-controls={modalId}\n        aria-haspopup='dialog'\n        onClick={handleClick}\n        ref={forwardedRef}\n      >\n        {children ?? (\n          <>\n            <span\n              className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}\n            >\n              {value || placeholder}\n            </span>\n            <CaretDown weight='bold' className={getSize(3)} />\n          </>\n        )}\n      </Button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;\n\nexport const SearchList = {\n  Root: SearchListRoot,\n  Input: SearchListInput,\n  Content: SearchListContent,\n  Empty: SearchListEmpty,\n  Item: SearchListItem,\n};\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Trigger: ComboboxTrigger,\n  useComboboxContext,\n};\n\nexport type {\n  SearchListRootProps,\n  SearchListInputProps,\n  SearchListContentProps,\n  SearchListEmptyProps,\n  SearchListItemProps,\n  ComboboxRootProps,\n  ComboboxTriggerProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { forwardRef } from 'react';\n\nimport {\n  Popover,\n  type PopoverArrowProps,\n  type PopoverContentProps,\n  type PopoverViewportProps,\n  type PopoverVirtualTriggerProps,\n} from '@dxos/react-ui';\n\nimport {\n  Combobox,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n  SearchList,\n  type SearchListContentProps,\n  type SearchListEmptyProps,\n  type SearchListInputProps,\n  type SearchListItemProps,\n  type SearchListRootProps,\n} from '../components';\n\ntype PopoverComboboxRootProps = ComboboxRootProps & { modal?: boolean };\n\nconst PopoverComboboxRoot = ({\n  modal,\n  children,\n  open: propsOpen,\n  onOpenChange: propsOnOpenChange,\n  defaultOpen,\n  ...props\n}: PopoverComboboxRootProps) => {\n  const [open, onOpenChange] = useControllableState({\n    prop: propsOpen,\n    onChange: propsOnOpenChange,\n    defaultProp: defaultOpen,\n  });\n  return (\n    <Combobox.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <Popover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n        {children}\n      </Popover.Root>\n    </Combobox.Root>\n  );\n};\n\ntype PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;\n\nconst POPOVER_COMBOBOX_CONTENT_NAME = 'PopoverComboboxContent';\n\nconst PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContentProps>(\n  (\n    {\n      side = 'bottom',\n      collisionPadding = 48,\n      sideOffset,\n      align,\n      alignOffset,\n      avoidCollisions,\n      collisionBoundary,\n      arrowPadding,\n      sticky,\n      hideWhenDetached,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      forceMount,\n      children,\n      classNames,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);\n    return (\n      <Popover.Content\n        {...{\n          side,\n          sideOffset,\n          align,\n          alignOffset,\n          avoidCollisions,\n          collisionBoundary,\n          collisionPadding,\n          arrowPadding,\n          sticky,\n          hideWhenDetached,\n          onOpenAutoFocus,\n          onCloseAutoFocus,\n          onEscapeKeyDown,\n          onPointerDownOutside,\n          onFocusOutside,\n          onInteractOutside,\n          forceMount,\n          classNames,\n        }}\n        id={modalId}\n        ref={forwardedRef}\n      >\n        <Popover.Viewport>\n          {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}\n          <SearchList.Root {...props} classNames='contents' role='none'>\n            {children}\n          </SearchList.Root>\n        </Popover.Viewport>\n      </Popover.Content>\n    );\n  },\n);\n\nPopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;\n\ntype PopoverComboboxTriggerProps = ComboboxTriggerProps;\n\nconst PopoverComboboxTrigger = forwardRef<HTMLButtonElement, PopoverComboboxTriggerProps>((props, forwardedRef) => {\n  return (\n    <Popover.Trigger asChild>\n      <Combobox.Trigger {...props} ref={forwardedRef} />\n    </Popover.Trigger>\n  );\n});\n\ntype PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;\n\nconst PopoverComboboxVirtualTrigger = Popover.VirtualTrigger;\n\ntype PopoverComboboxInputProps = SearchListInputProps;\n\nconst PopoverComboboxInput = SearchList.Input;\n\ntype PopoverComboboxListProps = SearchListContentProps &\n  Pick<PopoverViewportProps, 'constrainBlock' | 'constrainInline'>;\n\nconst PopoverComboboxList = forwardRef<HTMLDivElement, PopoverComboboxListProps>(\n  ({ constrainInline, constrainBlock, ...props }, forwardedRef) => {\n    return (\n      <Popover.Viewport {...{ constrainInline, constrainBlock }}>\n        <SearchList.Content {...props} ref={forwardedRef} />\n      </Popover.Viewport>\n    );\n  },\n);\n\ntype PopoverComboboxItemProps = SearchListItemProps;\n\nconst PopoverComboboxItem = SearchList.Item;\n\ntype PopoverComboboxArrowProps = PopoverArrowProps;\n\nconst PopoverComboboxArrow = Popover.Arrow;\n\ntype PopoverComboboxEmptyProps = SearchListEmptyProps;\n\nconst PopoverComboboxEmpty = SearchList.Empty;\n\nexport const PopoverCombobox = {\n  Root: PopoverComboboxRoot,\n  Content: PopoverComboboxContent,\n  Trigger: PopoverComboboxTrigger,\n  VirtualTrigger: PopoverComboboxVirtualTrigger,\n  Input: PopoverComboboxInput,\n  List: PopoverComboboxList,\n  Item: PopoverComboboxItem,\n  Arrow: PopoverComboboxArrow,\n  Empty: PopoverComboboxEmpty,\n};\n\nexport type {\n  PopoverComboboxRootProps,\n  PopoverComboboxContentProps,\n  PopoverComboboxTriggerProps,\n  PopoverComboboxVirtualTriggerProps,\n  PopoverComboboxInputProps,\n  PopoverComboboxListProps,\n  PopoverComboboxItemProps,\n  PopoverComboboxArrowProps,\n  PopoverComboboxEmptyProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'searchlist';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n];\n"],
+  "mappings": "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",
+  "names": ["CaretDown", "createContext", "useControllableState", "CommandEmpty", "CommandInput", "CommandItem", "CommandList", "CommandRoot", "React", "forwardRef", "useCallback", "Button", "useDensityContext", "useElevationContext", "useId", "useThemeContext", "getSize", "mx", "staticPlaceholderText", "COMBOBOX_NAME", "COMBOBOX_TRIGGER_NAME", "SEARCHLIST_NAME", "SEARCHLIST_ITEM_NAME", "ComboboxProvider", "useComboboxContext", "createContext", "SearchListRoot", "forwardRef", "children", "classNames", "props", "forwardedRef", "CommandRoot", "className", "mx", "ref", "displayName", "SearchListInput", "density", "propsDensity", "elevation", "propsElevation", "variant", "hasIosKeyboard", "useThemeContext", "tx", "useDensityContext", "useElevationContext", "CommandInput", "disabled", "autoFocus", "SearchListContent", "CommandList", "SearchListEmpty", "CommandEmpty", "SearchListItem", "onSelect", "onValueChange", "onOpenChange", "handleSelect", "useCallback", "nextValue", "CommandItem", "ComboboxRoot", "modalId", "propsModalId", "open", "propsOpen", "defaultOpen", "propsOnOpenChange", "value", "propsValue", "defaultValue", "propsOnValueChange", "placeholder", "useId", "useControllableState", "prop", "onChange", "defaultProp", "isCombobox", "ComboboxTrigger", "onClick", "handleClick", "event", "Button", "role", "aria-expanded", "aria-controls", "aria-haspopup", "span", "staticPlaceholderText", "CaretDown", "weight", "getSize", "SearchList", "Root", "Input", "Content", "Empty", "Item", "Combobox", "Trigger", "useControllableState", "React", "forwardRef", "Popover", "PopoverComboboxRoot", "modal", "children", "open", "propsOpen", "onOpenChange", "propsOnOpenChange", "defaultOpen", "props", "useControllableState", "prop", "onChange", "defaultProp", "React", "Combobox", "Root", "Popover", "POPOVER_COMBOBOX_CONTENT_NAME", "PopoverComboboxContent", "forwardRef", "side", "collisionPadding", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "arrowPadding", "sticky", "hideWhenDetached", "onOpenAutoFocus", "onCloseAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "forceMount", "classNames", "forwardedRef", "modalId", "useComboboxContext", "Content", "id", "ref", "Viewport", "SearchList", "role", "displayName", "PopoverComboboxTrigger", "Trigger", "asChild", "PopoverComboboxVirtualTrigger", "VirtualTrigger", "PopoverComboboxInput", "Input", "PopoverComboboxList", "constrainInline", "constrainBlock", "PopoverComboboxItem", "Item", "PopoverComboboxArrow", "Arrow", "PopoverComboboxEmpty", "Empty", "PopoverCombobox", "List", "translationKey"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":22477,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytes":488,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/SearchList.tsx","kind":"import-statement","original":"./SearchList"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytes":14686,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"../components"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytes":501,"imports":[{"path":"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx","kind":"import-statement","original":"./PopoverCombobox"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytes":872,"imports":[],"format":"esm"},"packages/ui/react-ui-searchlist/src/index.ts":{"bytes":785,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-searchlist/src/composites/index.ts","kind":"import-statement","original":"./composites"},{"path":"packages/ui/react-ui-searchlist/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-searchlist/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20287},"packages/ui/react-ui-searchlist/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["Combobox","PopoverCombobox","SearchList","translations"],"entryPoint":"packages/ui/react-ui-searchlist/src/index.ts","inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytesInOutput":5761},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytesInOutput":3535},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytesInOutput":123}},"bytes":9835}}}
+{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":22501,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytes":488,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/SearchList.tsx","kind":"import-statement","original":"./SearchList"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytes":14869,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"../components"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytes":501,"imports":[{"path":"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx","kind":"import-statement","original":"./PopoverCombobox"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytes":872,"imports":[],"format":"esm"},"packages/ui/react-ui-searchlist/src/index.ts":{"bytes":785,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-searchlist/src/composites/index.ts","kind":"import-statement","original":"./composites"},{"path":"packages/ui/react-ui-searchlist/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-searchlist/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20402},"packages/ui/react-ui-searchlist/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["Combobox","PopoverCombobox","SearchList","translations"],"entryPoint":"packages/ui/react-ui-searchlist/src/index.ts","inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytesInOutput":5773},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytesInOutput":3597},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytesInOutput":123}},"bytes":9909}}}

package/dist/types/src/components/SearchList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchList.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchList.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACzF,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAE3G,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,eAAe,EAKrB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAErD,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,GAAG;IACtF,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AASF,KAAK,iBAAiB,GAAG,iBAAiB,CACxC,OAAO,CAAC,oBAAoB,GAAG;IAAE,WAAW,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CACpG,CAAC;AAcF,KAAK,0BAA0B,GAAG,qBAAqB,CAAC,OAAO,YAAY,CAAC,CAAC;AAG7E,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GACrF,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,eAAe,GAAG,cAAc,CAAC,CAAC;AAkC/E,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;AAYzF,KAAK,oBAAoB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;AAYxF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;AAmEtF,KAAK,oBAAoB,GAAG,WAAW,CAAC;AAuCxC,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;+LA5ElB,iBAAiB;;;;;CAgFnB,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,GACrB,CAAC"}
+{"version":3,"file":"SearchList.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchList.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACzF,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAE3G,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,eAAe,EAKrB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAErD,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,GAAG;IACtF,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AASF,KAAK,iBAAiB,GAAG,iBAAiB,CACxC,OAAO,CAAC,oBAAoB,GAAG;IAAE,WAAW,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CACpG,CAAC;AAcF,KAAK,0BAA0B,GAAG,qBAAqB,CAAC,OAAO,YAAY,CAAC,CAAC;AAG7E,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GACrF,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,eAAe,GAAG,cAAc,CAAC,CAAC;AAgC/E,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;AAYzF,KAAK,oBAAoB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;AAYxF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;AAmEtF,KAAK,oBAAoB,GAAG,WAAW,CAAC;AAuCxC,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;+LA5ElB,iBAAiB;;;;;CAgFnB,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,GACrB,CAAC"}

package/dist/types/src/composites/PopoverCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverCombobox.d.ts","sourceRoot":"","sources":["../../../../src/composites/PopoverCombobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAChC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAEzB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,eAAe,CAAC;AAEvB,KAAK,wBAAwB,GAAG,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAwBxE,KAAK,2BAA2B,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAmE7E,KAAK,2BAA2B,GAAG,oBAAoB,CAAC;AAUxD,KAAK,kCAAkC,GAAG,0BAA0B,CAAC;AAIrE,KAAK,yBAAyB,GAAG,oBAAoB,CAAC;AAItD,KAAK,wBAAwB,GAAG,sBAAsB,GACpD,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,iBAAiB,CAAC,CAAC;AAYnE,KAAK,wBAAwB,GAAG,mBAAmB,CAAC;AAIpD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC;AAInD,KAAK,yBAAyB,GAAG,oBAAoB,CAAC;AAItD,eAAO,MAAM,eAAe;yGA7HzB,wBAAwB;;;;;;;;;;;;;;CAuI1B,CAAC;AAEF,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,2BAA2B,EAC3B,kCAAkC,EAClC,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,GAC1B,CAAC"}
+{"version":3,"file":"PopoverCombobox.d.ts","sourceRoot":"","sources":["../../../../src/composites/PopoverCombobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAChC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAEzB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,eAAe,CAAC;AAEvB,KAAK,wBAAwB,GAAG,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAwBxE,KAAK,2BAA2B,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAqE7E,KAAK,2BAA2B,GAAG,oBAAoB,CAAC;AAUxD,KAAK,kCAAkC,GAAG,0BAA0B,CAAC;AAIrE,KAAK,yBAAyB,GAAG,oBAAoB,CAAC;AAItD,KAAK,wBAAwB,GAAG,sBAAsB,GACpD,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,iBAAiB,CAAC,CAAC;AAYnE,KAAK,wBAAwB,GAAG,mBAAmB,CAAC;AAIpD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC;AAInD,KAAK,yBAAyB,GAAG,oBAAoB,CAAC;AAItD,eAAO,MAAM,eAAe;yGA/HzB,wBAAwB;;;;;;;;;;;;;;CAyI1B,CAAC;AAEF,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,2BAA2B,EAC3B,kCAAkC,EAClC,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,GAC1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-searchlist",
-  "version": "0.8.3-main.672df60",
+  "version": "0.8.3-staging.0fa589b",
   "description": "A themed ⌘K-style combobox component, triggered by a button (or keyboard shortcut), where values are queried only within the invoked modal.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -36,17 +36,17 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.3-main.672df60",
-    "@dxos/react-ui": "0.8.3-main.672df60",
-    "@dxos/react-ui-theme": "0.8.3-main.672df60",
-    "@dxos/storybook-utils": "0.8.3-main.672df60"
+    "@dxos/random": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b",
+    "@dxos/storybook-utils": "0.8.3-staging.0fa589b"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.8.3-main.672df60",
-    "@dxos/react-ui": "0.8.3-main.672df60"
+    "@dxos/react-ui": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b"
   },
   "publishConfig": {
     "access": "public"

package/src/components/SearchList.tsx

@@ -66,10 +66,7 @@ type SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onC
   Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;
 
 const SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(
-  (
-    { children, classNames, density: propsDensity, elevation: propsElevation, variant = 'subdued', ...props },
-    forwardedRef,
-  ) => {
+  ({ children, classNames, density: propsDensity, elevation: propsElevation, variant, ...props }, forwardedRef) => {
     // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.
     const { hasIosKeyboard } = useThemeContext();
     const { tx } = useThemeContext();
@@ -88,6 +85,7 @@ const SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(
             density,
             elevation,
           },
+          'mbe-cardSpacingBlock',
           classNames,
         )}
         {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}

package/src/composites/PopoverCombobox.tsx

@@ -105,10 +105,12 @@ const PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContent
         id={modalId}
         ref={forwardedRef}
       >
-        {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}
-        <SearchList.Root {...props} classNames='contents' role='none'>
-          {children}
-        </SearchList.Root>
+        <Popover.Viewport>
+          {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}
+          <SearchList.Root {...props} classNames='contents' role='none'>
+            {children}
+          </SearchList.Root>
+        </Popover.Viewport>
       </Popover.Content>
     );
   },