import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { MagnifyingGlassIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { Command as Le } from '../../node_modules/.pnpm/cmdk@0.2.0_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/cmdk/dist/index.js';
import React__default from 'react';
import { Dialog } from '../dialog/dialog.js';
import { Flex } from '../flex/flex.js';
import styles from './command.module.css.js';

const command = cva(styles.command);
const CommandRoot = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le, { ref: ref, className: command({ className }), ...props })));
CommandRoot.displayName = Le.displayName;
const CommandDialog = ({ children, ...props }) => {
    return (jsxRuntimeExports.jsx(Dialog, { ...props, children: jsxRuntimeExports.jsx(Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsxRuntimeExports.jsx(Command, { className: styles.dialogcommand, children: children }) }) }));
};
const input = cva(styles.input);
const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsxRuntimeExports.jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsxRuntimeExports.jsx(Le.Input, { ref: ref, className: input({ className }), ...props })] })));
CommandInput.displayName = Le.Input.displayName;
const list = cva(styles.list);
const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.List, { ref: ref, className: list({ className }), ...props })));
CommandList.displayName = Le.List.displayName;
const CommandEmpty = React__default.forwardRef((props, ref) => (jsxRuntimeExports.jsx(Le.Empty, { ref: ref, className: styles.empty, ...props })));
CommandEmpty.displayName = Le.Empty.displayName;
const group = cva(styles.group);
const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.Group, { ref: ref, className: group({ className }), ...props })));
CommandGroup.displayName = Le.Group.displayName;
const separator = cva(styles.separator);
const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.Separator, { ref: ref, className: separator({ className }), ...props })));
CommandSeparator.displayName = Le.Separator.displayName;
const item = cva(styles.item);
const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.Item, { ref: ref, className: item({ className }), ...props })));
CommandItem.displayName = Le.Item.displayName;
const shortcut = cva(styles.shortcut);
const CommandShortcut = ({ className, ...props }) => {
    return jsxRuntimeExports.jsx("span", { className: shortcut({ className }), ...props });
};
CommandShortcut.displayName = 'CommandShortcut';
const Command = Object.assign(CommandRoot, {
    Dialog: CommandDialog,
    Input: CommandInput,
    List: CommandList,
    Empty: CommandEmpty,
    Group: CommandGroup,
    Item: CommandItem,
    Shortcut: CommandShortcut,
    Separator: CommandSeparator
});

export { Command };
//# sourceMappingURL=command.js.map
