{"version":3,"file":"command-input.cjs","sources":["../../../components/command/command-input.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';\nimport { type ComponentProps, type ReactNode } from 'react';\nimport { Input } from '../input';\nimport styles from './command.module.css';\nimport { useCommandContext } from './command-root';\n\nexport interface CommandInputProps\n  extends Omit<\n    ComponentProps<typeof Input>,\n    'trailingIcon' | 'chips' | 'maxChipsVisible' | 'variant'\n  > {\n  /** Icon rendered at the start of the input. */\n  leadingIcon?: ReactNode;\n}\n\nexport const CommandInput = ({\n  ref,\n  leadingIcon,\n  autoFocus = true,\n  size = 'large',\n  placeholder = 'Search...',\n  ...props\n}: CommandInputProps) => {\n  const { inputContainerRef } = useCommandContext();\n  return (\n    <div data-slot='command-input-container' className={styles.inputWrapper}>\n      <AutocompletePrimitive.Input\n        ref={ref}\n        render={\n          <Input\n            data-slot='command-input'\n            containerRef={inputContainerRef}\n            classNames={{ container: styles.commandInputContainer }}\n            leadingIcon={leadingIcon}\n            variant='borderless'\n            size={size}\n            autoFocus={autoFocus}\n            placeholder={placeholder}\n            {...props}\n          />\n        }\n      />\n    </div>\n  );\n};\n\nCommandInput.displayName = 'Command.Input';\n"],"names":[],"mappings":";;;;;;;;;AAiBa;AAQX;AACA;AAoBF;AAEA;;"}