@hoosei/voxweave-react/dist/esm/index56.js

A customizable and interactive voice UI component for React applications

import * as m from "react";
import { Command as o } from "./index87.js";
import { cn as d } from "./index8.js";
import { jsx as r, jsxs as t } from "react/jsx-runtime";
import v from "./index46.js";
const s = m.forwardRef(({
  className: e,
  ...a
}, x) => /* @__PURE__ */ r(o, {
  ref: x,
  className: d("vox-flex vox-h-full vox-w-full vox-flex-col vox-overflow-hidden vox-rounded-md vox-bg-white vox-text-popover-foreground", e),
  ...a
}));
s.displayName = o.displayName;
const p = m.forwardRef(({
  className: e,
  ...a
}, x) => /* @__PURE__ */ t("div", {
  className: "vox-flex vox-items-center vox-border-b vox-px-3",
  "cmdk-input-wrapper": "",
  children: [/* @__PURE__ */ r(v, {
    className: "vox-mr-2 vox-h-4 vox-w-4 vox-shrink-0 vox-opacity-50"
  }), /* @__PURE__ */ r(o.Input, {
    ref: x,
    className: d("vox-flex vox-h-11 vox-w-full vox-rounded-md vox-bg-white vox-py-3 vox-text-sm vox-outline-none placeholder:vox-text-muted-foreground disabled:vox-cursor-not-allowed disabled:vox-opacity-50", e),
    ...a
  })]
}));
p.displayName = o.Input.displayName;
const l = m.forwardRef(({
  className: e,
  ...a
}, x) => /* @__PURE__ */ r(o.List, {
  ref: x,
  className: d("vox-max-h-[300px] vox-overflow-y-auto vox-overflow-x-hidden", e),
  ...a
}));
l.displayName = o.List.displayName;
const n = m.forwardRef((e, a) => /* @__PURE__ */ r(o.Empty, {
  ref: a,
  className: "vox-py-6 vox-text-center vox-text-sm",
  ...e
}));
n.displayName = o.Empty.displayName;
const i = m.forwardRef(({
  className: e,
  ...a
}, x) => /* @__PURE__ */ r(o.Group, {
  ref: x,
  className: d("vox-overflow-hidden vox-p-1 vox-text-foreground [&_[cmdk-group-heading]]:vox-px-2 [&_[cmdk-group-heading]]:vox-py-1.5 [&_[cmdk-group-heading]]:vox-text-xs [&_[cmdk-group-heading]]:vox-font-medium [&_[cmdk-group-heading]]:vox-text-muted-foreground", e),
  ...a
}));
i.displayName = o.Group.displayName;
const c = m.forwardRef(({
  className: e,
  ...a
}, x) => /* @__PURE__ */ r(o.Separator, {
  ref: x,
  className: d("vox--mx-1 vox-h-px vox-bg-border", e),
  ...a
}));
c.displayName = o.Separator.displayName;
const f = m.forwardRef(({
  className: e,
  ...a
}, x) => /* @__PURE__ */ r(o.Item, {
  ref: x,
  className: d("vox-relative vox-flex vox-cursor-default vox-select-none vox-items-center vox-rounded-sm vox-px-2 vox-py-1.5 vox-text-sm vox-outline-none aria-selected:vox-bg-accent aria-selected:vox-text-accent-foreground", e),
  ...a
}));
f.displayName = o.Item.displayName;
export {
  s as Command,
  n as CommandEmpty,
  i as CommandGroup,
  p as CommandInput,
  f as CommandItem,
  l as CommandList,
  c as CommandSeparator
};
//# sourceMappingURL=index56.js.map