@kala-ui/react 0.0.1-beta.7 → 0.0.2

package/dist/primitives/command/Command.js

@@ -12,6 +12,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from "cmdk";
 import * as React from "react";
 import { cn } from "../../lib/utils";
+import { Flex } from "../../components/flex";
 // ============================================================================
 // Command
 // ============================================================================
@@ -20,7 +21,7 @@ Command.displayName = CommandPrimitive.displayName;
 // ============================================================================
 // CommandInput
 // ============================================================================
-const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "flex items-center border-b border-separator px-3", "cmdk-input-wrapper": "", children: _jsx(CommandPrimitive.Input, { ref: ref, className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className), ...props }) })));
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsx(Flex, { align: "center", className: "border-b border-separator px-3", "cmdk-input-wrapper": "", children: _jsx(CommandPrimitive.Input, { ref: ref, className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className), ...props }) })));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
 // ============================================================================
 // CommandList