{"version":3,"file":"code-block-language-select.cjs","sources":["../../../components/code-block/code-block-language-select.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Language } from 'prism-react-renderer';\nimport { ComponentProps } from 'react';\nimport { Select } from '../select';\nimport { SingleSelectProps } from '../select/select-root';\nimport styles from './code-block.module.css';\nimport { useCodeBlockContext } from './code-block-root';\n\nexport const CodeBlockLanguageSelect = (props: SingleSelectProps) => {\n  const { value, setValue } = useCodeBlockContext();\n\n  const handleValueChange = (value: string) => {\n    setValue(value as Language);\n  };\n  return <Select onValueChange={handleValueChange} value={value} {...props} />;\n};\n\nCodeBlockLanguageSelect.displayName = 'CodeBlock.LanguageSelect';\n\nexport function CodeBlockLanguageSelectTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof Select.Trigger>) {\n  return (\n    <Select.Trigger\n      className={cx(styles.languageSelectTrigger, className)}\n      size='small'\n      variant='text'\n      data-slot='code-block-language-select-trigger'\n      {...props}\n    >\n      <Select.Value data-slot='code-block-language-select-value' />\n    </Select.Trigger>\n  );\n}\n\nCodeBlockLanguageSelectTrigger.displayName = 'CodeBlock.LanguageSelectTrigger';\n"],"names":[],"mappings":";;;;;;;;;AAUa;;AAGX;;AAEA;AACA;AACF;AAEA;AAEM;AAIJ;AAWF;AAEA;;;"}