@agrotools1/at-components 2.0.13 → 2.0.14-beta.1

package/dist/combobox/ComboboxInput.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent as b, computed as x, createElementBlock as l, openBlock as n, normalizeClass as i, unref as t, createBlock as w, createCommentVNode as u, createVNode as a, createElementVNode as y, mergeProps as C, withCtx as B, renderSlot as V } from "vue";
+import { reactiveOmit as k } from "@vueuse/core";
+import { injectComboboxRootContext as I, useForwardPropsEmits as z, ComboboxInput as P } from "reka-ui";
+import { cn as d } from "../lib/utils.js";
+import A from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/search.js";
+import E from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+import N from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-down.js";
+const _ = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "ComboboxInput",
+  props: {
+    displayValue: {},
+    modelValue: {},
+    autoFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    withIcon: { type: Boolean },
+    withClearButton: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: c }) {
+    const s = p, m = c, o = I(), f = k(s, "class", "withIcon"), h = z(f, m), g = x(() => {
+      const e = o.modelValue.value;
+      return Array.isArray(e) ? e.length > 0 : e != null && e !== "";
+    });
+    function v(e) {
+      e.stopPropagation(), e.preventDefault();
+      const r = o.multiple.value ? [] : void 0;
+      o.modelValue.value = r;
+    }
+    return (e, r) => (n(), l("div", {
+      "data-slot": "command-input-wrapper",
+      class: i(
+        t(d)(
+          "selection:bg-primary selection:text-primary-foreground !border-input flex h-10 w-full items-center gap-2.5 rounded-md border bg-transparent px-3 shadow-xs transition-[color,box-shadow]",
+          "hover:ring-ring/24 hover:ring-[2px]",
+          "focus-within:ring-ring/24 focus-within:border-none focus-within:ring-[2px]",
+          "aria-invalid:ring-destructive/24 aria-invalid:border-destructive"
+        )
+      )
+    }, [
+      e.withIcon ? (n(), w(t(A), {
+        key: 0,
+        class: "size-4 shrink-0 opacity-50"
+      })) : u("", !0),
+      a(t(P), C({
+        "data-slot": "command-input",
+        class: t(d)(
+          "placeholder:text-muted-foreground flex h-full w-full bg-transparent text-sm text-gray-800 outline-hidden disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          s.class
+        )
+      }, { ...e.$attrs, ...t(h) }), {
+        default: B(() => [
+          V(e.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]),
+      e.withClearButton && g.value ? (n(), l("button", {
+        key: 1,
+        type: "button",
+        class: "text-muted-foreground hover:text-foreground cursor-pointer transition-colors",
+        onClick: v
+      }, [
+        a(t(E), { class: "size-4" })
+      ])) : u("", !0),
+      y("button", {
+        type: "button",
+        class: i(["text-muted-foreground hover:text-foreground cursor-pointer transition-transform", {
+          "rotate-180": t(o).open.value
+        }]),
+        onClick: r[0] || (r[0] = ($) => t(o).onOpenChange(!t(o).open.value))
+      }, [
+        a(t(N), { class: "size-4" })
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/dist/combobox/ComboboxInput.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ComboboxInput.vue.js";
+export {
+  f as default
+};

package/dist/combobox/ComboboxItem.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as l, createBlock as d, openBlock as c, unref as e, mergeProps as m, withCtx as p, renderSlot as u } from "vue";
+import { reactiveOmit as g } from "@vueuse/core";
+import { useForwardPropsEmits as h, ComboboxItem as f } from "reka-ui";
+import { cn as x } from "../lib/utils.js";
+const y = /* @__PURE__ */ l({
+  __name: "ComboboxItem",
+  props: {
+    textValue: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select"],
+  setup(o, { emit: s }) {
+    const t = o, a = s, r = g(t, "class"), n = h(r, a);
+    return (i, _) => (c(), d(e(f), m({ "data-slot": "combobox-item" }, e(n), {
+      class: e(x)(
+        "data-[highlighted]:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:text-neutral-100 [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[highlighted]:[&_svg]:!text-white [&_svg:not([class*='size-'])]:size-4",
+        t.class
+      )
+    }), {
+      default: p(() => [
+        u(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  y as default
+};

package/dist/combobox/ComboboxItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ComboboxItem.vue.js";
+export {
+  f as default
+};

package/dist/combobox/ComboboxItemIndicator.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as c, createBlock as m, openBlock as n, unref as o, mergeProps as l, withCtx as p, renderSlot as d } from "vue";
+import { reactiveOmit as i } from "@vueuse/core";
+import { useForwardProps as f, ComboboxItemIndicator as u } from "reka-ui";
+import { cn as b } from "../lib/utils.js";
+const w = /* @__PURE__ */ c({
+  __name: "ComboboxItemIndicator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(e) {
+    const t = e, r = i(t, "class"), s = f(r);
+    return (a, _) => (n(), m(o(u), l({ "data-slot": "combobox-item-indicator" }, o(s), {
+      class: o(b)("ml-auto", t.class)
+    }), {
+      default: p(() => [
+        d(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  w as default
+};

package/dist/combobox/ComboboxItemIndicator.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ComboboxItemIndicator.vue.js";
+export {
+  f as default
+};

package/dist/combobox/ComboboxList.vue.js

@@ -0,0 +1,57 @@
+import { defineComponent as l, createBlock as p, openBlock as c, unref as o, withCtx as t, createVNode as m, mergeProps as f, renderSlot as u } from "vue";
+import { reactiveOmit as b } from "@vueuse/core";
+import { useForwardPropsEmits as g, ComboboxPortal as y, ComboboxContent as h } from "reka-ui";
+import { cn as B } from "../lib/utils.js";
+const O = /* @__PURE__ */ l({
+  __name: "ComboboxList",
+  props: {
+    forceMount: { type: Boolean },
+    position: { default: "popper" },
+    bodyLock: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    sideFlip: { type: Boolean },
+    align: { default: "center" },
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean },
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
+  setup(a, { emit: i }) {
+    const e = a, n = i, s = b(e, "class"), r = g(s, n);
+    return (d, w) => (c(), p(o(y), null, {
+      default: t(() => [
+        m(o(h), f({ "data-slot": "combobox-list" }, o(r), {
+          class: o(B)(
+            "!border-input max-h-[50vh] overflow-y-auto overscroll-contain !border",
+            "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[var(--reka-combobox-trigger-width)] min-w-[var(--reka-combobox-trigger-width)] origin-(--reka-combobox-content-transform-origin) rounded-md shadow-xs outline-none",
+            e.class
+          )
+        }), {
+          default: t(() => [
+            u(d.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  O as default
+};

package/dist/combobox/ComboboxList.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ComboboxList.vue.js";
+export {
+  f as default
+};

package/dist/combobox/ComboboxSeparator.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as s, createBlock as p, openBlock as c, unref as o, mergeProps as m, withCtx as l, renderSlot as n } from "vue";
+import { reactiveOmit as d } from "@vueuse/core";
+import { ComboboxSeparator as f } from "reka-ui";
+import { cn as i } from "../lib/utils.js";
+const h = /* @__PURE__ */ s({
+  __name: "ComboboxSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const e = r, t = d(e, "class");
+    return (a, b) => (c(), p(o(f), m({ "data-slot": "combobox-separator" }, o(t), {
+      class: o(i)("bg-border -mx-1 h-px", e.class)
+    }), {
+      default: l(() => [
+        n(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  h as default
+};

package/dist/combobox/ComboboxSeparator.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ComboboxSeparator.vue.js";
+export {
+  f as default
+};

package/dist/combobox/ComboboxViewport.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as c, createBlock as l, openBlock as p, unref as o, mergeProps as n, withCtx as m, renderSlot as d } from "vue";
+import { reactiveOmit as i } from "@vueuse/core";
+import { useForwardProps as f, ComboboxViewport as u } from "reka-ui";
+import { cn as w } from "../lib/utils.js";
+const v = /* @__PURE__ */ c({
+  __name: "ComboboxViewport",
+  props: {
+    nonce: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const e = r, t = i(e, "class"), s = f(t);
+    return (a, b) => (p(), l(o(u), n({ "data-slot": "combobox-viewport" }, o(s), {
+      class: o(w)("scroll-py-1 overflow-x-hidden overflow-y-auto", e.class)
+    }), {
+      default: m(() => [
+        d(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  v as default
+};

package/dist/combobox/ComboboxViewport.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ComboboxViewport.vue.js";
+export {
+  f as default
+};

package/dist/command/Command.vue.js

@@ -0,0 +1,102 @@
+import { defineComponent as y, ref as d, reactive as C, computed as S, watch as x, createBlock as B, openBlock as b, unref as n, mergeProps as M, withCtx as _, renderSlot as F } from "vue";
+import { reactiveOmit as V } from "@vueuse/core";
+import { useForwardPropsEmits as G, useFilter as R, ListboxRoot as P } from "reka-ui";
+import { cn as k } from "../lib/utils.js";
+import { provideCommandContext as A } from "./contexts.js";
+const L = /* @__PURE__ */ y({
+  __name: "Command",
+  props: {
+    modelValue: { default: "" },
+    defaultValue: {},
+    multiple: { type: Boolean },
+    orientation: {},
+    dir: {},
+    disabled: { type: Boolean },
+    selectionBehavior: {},
+    highlightOnHover: { type: Boolean },
+    by: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue", "highlight", "entryFocus", "leave"],
+  setup(c, { emit: p }) {
+    const u = c, m = p, f = V(u, "class"), h = G(f, m), s = d(/* @__PURE__ */ new Map()), r = d(/* @__PURE__ */ new Map()), { contains: v } = R({ sensitivity: "base" }), o = C({
+      search: "",
+      filtered: {
+        /** The count of all visible items. */
+        count: 0,
+        /** Map from visible item id to its search score. */
+        items: /* @__PURE__ */ new Map(),
+        /** Set of groups with at least one visible item. */
+        groups: /* @__PURE__ */ new Set()
+      }
+    }), g = S(() => !!o.search && o.filtered.count === 0);
+    function w() {
+      if (!o.search) {
+        o.filtered.count = s.value.size;
+        return;
+      }
+      const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+      let a = 0;
+      for (const [I, l] of s.value) {
+        const i = v(l.textContent, o.search) ? 1 : 0;
+        e.set(I, i), i > 0 && (a++, l.groupId && t.add(l.groupId));
+      }
+      o.filtered = {
+        count: a,
+        groups: t,
+        items: e
+      };
+    }
+    return x(
+      () => o.search,
+      () => w()
+    ), A({
+      groupsMap: r,
+      itemsMap: s,
+      search: () => o.search,
+      onSearch: (e) => o.search = e,
+      isEmptySearchResult: g,
+      isGroupVisible: (e) => o.search ? o.filtered.groups.has(e) : !0,
+      isItemVisible: (e) => {
+        if (o.search) {
+          const t = o.filtered.items.get(e);
+          return t === void 0 ? !0 : t > 0;
+        } else
+          return !0;
+      },
+      onGroupAdd: (e) => {
+        r.value.has(e) || r.value.set(e, /* @__PURE__ */ new Set());
+      },
+      onGroupRemove: (e) => {
+        r.value.delete(e);
+      },
+      onItemAdd: (e, t) => {
+        var a;
+        s.value.set(e, t), t.groupId && (r.value.has(t.groupId) ? (a = r.value.get(t.groupId)) == null || a.add(e) : r.value.set(t.groupId, /* @__PURE__ */ new Set([e])));
+      },
+      onItemRemove: (e, t) => {
+        s.value.delete(e), t.groupId && r.value.delete(t.groupId);
+      },
+      onSelect: () => {
+        o.search = "";
+      }
+    }), (e, t) => (b(), B(n(P), M({ "data-slot": "command" }, n(h), {
+      class: n(k)(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        u.class
+      )
+    }), {
+      default: _(() => [
+        F(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  L as default
+};

package/dist/command/Command.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Command.vue.js";
+export {
+  f as default
+};

package/dist/command/CommandDialog.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as s, createBlock as p, openBlock as f, unref as e, normalizeProps as d, guardReactiveProps as c, withCtx as o, createVNode as t, createTextVNode as a, toDisplayString as n, renderSlot as u } from "vue";
+import { useForwardPropsEmits as _ } from "reka-ui";
+import $ from "./Command.vue.js";
+import y from "../dialog/Dialog.vue.js";
+import B from "../dialog/DialogContent.vue.js";
+import h from "../dialog/DialogHeader.vue.js";
+import w from "../dialog/DialogTitle.vue.js";
+import C from "../dialog/DialogDescription.vue.js";
+const F = /* @__PURE__ */ s({
+  __name: "CommandDialog",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    modal: { type: Boolean },
+    title: { default: "Command Palette" },
+    description: { default: "Search for a command to run..." }
+  },
+  emits: ["update:open"],
+  setup(m, { emit: l }) {
+    const i = _(m, l);
+    return (r, S) => (f(), p(e(y), d(c(e(i))), {
+      default: o(() => [
+        t(e(B), { class: "overflow-hidden p-0" }, {
+          default: o(() => [
+            t(e(h), { class: "sr-only" }, {
+              default: o(() => [
+                t(e(w), null, {
+                  default: o(() => [
+                    a(n(r.title), 1)
+                  ]),
+                  _: 1
+                }),
+                t(e(C), null, {
+                  default: o(() => [
+                    a(n(r.description), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            t($, null, {
+              default: o(() => [
+                u(r.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  F as default
+};

package/dist/command/CommandDialog.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandDialog.vue.js";
+export {
+  f as default
+};

package/dist/command/CommandEmpty.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as a, createBlock as n, createCommentVNode as c, unref as t, openBlock as p, mergeProps as l, withCtx as i, renderSlot as d } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { Primitive as u } from "reka-ui";
+import { cn as C } from "../lib/utils.js";
+import { injectCommandContext as x } from "./contexts.js";
+const P = /* @__PURE__ */ a({
+  __name: "CommandEmpty",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(o) {
+    const e = o, m = f(e, "class"), r = x();
+    return (s, y) => t(r).isEmptySearchResult.value ? (p(), n(t(u), l({
+      key: 0,
+      "data-slot": "command-empty"
+    }, t(m), {
+      class: t(C)("py-6 text-center text-sm font-bold", e.class)
+    }), {
+      default: i(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"])) : c("", !0);
+  }
+});
+export {
+  P as default
+};

package/dist/command/CommandEmpty.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandEmpty.vue.js";
+export {
+  f as default
+};

package/dist/command/CommandGroup.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as u, computed as c, onMounted as l, onUnmounted as f, createBlock as d, openBlock as s, unref as e, mergeProps as x, withCtx as a, createCommentVNode as g, renderSlot as C, createTextVNode as h, toDisplayString as v } from "vue";
+import { reactiveOmit as G } from "@vueuse/core";
+import { useId as b, ListboxGroup as y, ListboxGroupLabel as _ } from "reka-ui";
+import { cn as V } from "../lib/utils.js";
+import { injectCommandContext as k, provideCommandGroupContext as B } from "./contexts.js";
+const A = /* @__PURE__ */ u({
+  __name: "CommandGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    heading: {}
+  },
+  setup(i) {
+    const r = i, m = G(r, "class"), o = b(void 0, "at-command-group"), t = k(), p = c(() => t.isGroupVisible(o));
+    return B({ id: o }), l(() => t.onGroupAdd(o)), f(() => t.onGroupRemove(o)), (n, L) => (s(), d(e(y), x(e(m), {
+      id: e(o),
+      "data-slot": "command-group",
+      class: e(V)("overflow-hidden p-1 text-gray-900", r.class),
+      hidden: p.value ? void 0 : !0
+    }), {
+      default: a(() => [
+        n.heading ? (s(), d(e(_), {
+          key: 0,
+          class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
+        }, {
+          default: a(() => [
+            h(v(n.heading), 1)
+          ]),
+          _: 1
+        })) : g("", !0),
+        C(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["id", "class", "hidden"]));
+  }
+});
+export {
+  A as default
+};

package/dist/command/CommandGroup.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandGroup.vue.js";
+export {
+  f as default
+};

package/dist/command/CommandInput.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent as p, computed as i, toValue as u, createElementBlock as f, openBlock as h, createVNode as l, unref as e, mergeProps as x } from "vue";
+import { reactiveOmit as b } from "@vueuse/core";
+import { useForwardProps as g, ListboxFilter as y } from "reka-ui";
+import { cn as C } from "../lib/utils.js";
+import { injectCommandContext as V } from "./contexts.js";
+import w from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/search.js";
+const B = {
+  "data-slot": "command-input-wrapper",
+  class: "flex h-12 items-center gap-2 border-b px-3"
+}, j = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "CommandInput",
+  props: {
+    modelValue: {},
+    autoFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(n) {
+    const t = n, d = b(t, "class"), m = g(d), a = V(), r = i({
+      get: () => u(a.search),
+      set: (o) => a.onSearch(o)
+    });
+    return (o, s) => (h(), f("div", B, [
+      l(e(w), { class: "size-4 shrink-0 opacity-50" }),
+      l(e(y), x({ ...e(m), ...o.$attrs }, {
+        modelValue: r.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
+        "data-slot": "command-input",
+        "auto-focus": "",
+        class: e(C)(
+          "placeholder:text-muted-foreground outline-hidden flex h-12 w-full rounded-md bg-transparent py-3 text-sm disabled:cursor-not-allowed disabled:opacity-50",
+          t.class
+        )
+      }), null, 16, ["modelValue", "class"])
+    ]));
+  }
+});
+export {
+  j as default
+};

package/dist/command/CommandInput.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandInput.vue.js";
+export {
+  f as default
+};

package/dist/command/CommandItem.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as g, shallowRef as x, computed as d, onMounted as C, onUnmounted as h, createBlock as _, createCommentVNode as b, openBlock as I, unref as t, mergeProps as y, withCtx as k, renderSlot as S } from "vue";
+import { reactiveOmit as w, useCurrentElement as B } from "@vueuse/core";
+import { useForwardPropsEmits as E, useId as P, ListboxItem as R } from "reka-ui";
+import { cn as V } from "../lib/utils.js";
+import { injectCommandContext as j, injectCommandGroupContext as z } from "./contexts.js";
+const N = /* @__PURE__ */ g({
+  __name: "CommandItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select"],
+  setup(l, { emit: m }) {
+    const e = l, c = m, u = w(e, "class"), p = E(u, c), o = P(void 0, "at-command-item"), n = j(), f = z(), r = x(null), i = B(r), v = d(() => n.isItemVisible(o)), s = d(() => {
+      var a;
+      if (i.value instanceof HTMLElement)
+        return {
+          groupId: f.id,
+          value: e.value,
+          disabled: e.disabled,
+          textContent: i.value.textContent ?? ((a = e.value) == null ? void 0 : a.toString()) ?? ""
+        };
+    });
+    return C(() => {
+      s.value && n.onItemAdd(o, s.value);
+    }), h(() => {
+      s.value && n.onItemRemove(o, s.value);
+    }), (a, G) => v.value ? (I(), _(t(R), y({ key: 0 }, t(p), {
+      id: t(o),
+      ref_key: "itemRef",
+      ref: r,
+      "data-slot": "command-item",
+      class: t(V)(
+        "data-[highlighted]:bg-accent/24 data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-3 text-sm data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e.class
+      ),
+      onSelect: t(n).onSelect
+    }), {
+      default: k(() => [
+        S(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["id", "class", "onSelect"])) : b("", !0);
+  }
+});
+export {
+  N as default
+};

package/dist/command/CommandItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandItem.vue.js";
+export {
+  f as default
+};