"use client";
import { jsx, jsxs } from 'react/jsx-runtime';
import { MagnifyingGlassIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/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 _e } from '../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/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) => (jsx(_e, { ref: ref, className: command({ className }), ...props })));
CommandRoot.displayName = _e?.displayName;
const CommandDialog = ({ children, ...props }) => {
    return (jsx(Dialog, { ...props, children: jsx(Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsx(Command, { className: styles.dialogcommand, children: children }) }) }));
};
const input = cva(styles.input);
const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsx(_e.Input, { ref: ref, className: input({ className }), ...props })] })));
CommandInput.displayName = _e.Input.displayName;
const list = cva(styles.list);
const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.List, { ref: ref, className: list({ className }), ...props })));
CommandList.displayName = _e.List.displayName;
const CommandEmpty = React__default.forwardRef((props, ref) => (jsx(_e.Empty, { ref: ref, className: styles.empty, ...props })));
CommandEmpty.displayName = _e.Empty.displayName;
const group = cva(styles.group);
const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Group, { ref: ref, className: group({ className }), ...props })));
CommandGroup.displayName = _e.Group.displayName;
const separator = cva(styles.separator);
const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Separator, { ref: ref, className: separator({ className }), ...props })));
CommandSeparator.displayName = _e.Separator.displayName;
const item = cva(styles.item);
const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Item, { ref: ref, className: item({ className }), ...props })));
CommandItem.displayName = _e.Item.displayName;
const shortcut = cva(styles.shortcut);
const CommandShortcut = ({ className, ...props }) => {
    return 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
