tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/components/MessageList/Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.js

@@ -1,521 +1,440 @@
-import { ref, computed, provide, inject, defineComponent, watch, h, watchEffect, markRaw, toRefs, createBlock, openBlock, unref, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps, onMounted, mergeDefaults, onUnmounted, mergeProps, nextTick, withModifiers, createElementBlock, Fragment, normalizeClass, renderList, normalizeStyle, createCommentVNode, resolveDynamicComponent, createElementVNode, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "../../../../../index-BF6QB9jF.js";
-import { i as injectConfigProviderContext, l as refAutoReset, g as getActiveElement, j as unrefElement, S as Slot, u as useVModel, c as createContext, e as Primitive, m as createSharedComposable, n as useEventListener, b as useBodyScrollLock, a as useForwardExpose, F as FocusScope_default, D as DismissableLayer_default, d as useHideOthers, P as Presence_default, T as Teleport_default, f as useEmitAsProps } from "../../../../../Teleport-CMvGsENT.js";
-import { d as PopperAnchor_default, P as PopperRoot_default, a as useFocusGuards, b as PopperContent_default, e as PopperContentPropsDefaultValue, c as useForwardPropsEmits } from "../../../../../PopperContent-DtL7HVWz.js";
-import { g as getOpenState, i as isPointerInGraceArea, a as isMouseEvent, F as FIRST_LAST_KEYS, f as focusFirst$1, L as LAST_KEYS, S as SELECTION_KEYS, I as ITEM_SELECT } from "../../../../../utils-KP1QpeUS.js";
-import { useMessageActions } from "../../../../../hooks/useMessageActions.js";
-import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const ignoredElement = ["INPUT", "TEXTAREA"];
-function useArrowNavigation(e, currentElement, parentElement, options = {}) {
-  if (!currentElement || options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)) return null;
-  const { arrowKeyOptions = "both", attributeName = "[data-reka-collection-item]", itemsArray = [], loop = true, dir = "ltr", preventScroll = true, focus = false } = options;
-  const [right, left, up, down, home, end] = [
+import { ref as q, computed as D, provide as Se, inject as Pe, defineComponent as w, watch as te, h as ie, watchEffect as Be, markRaw as Oe, toRefs as $, createBlock as C, openBlock as h, unref as n, withCtx as g, createVNode as E, renderSlot as M, normalizeProps as x, guardReactiveProps as j, onMounted as ge, mergeDefaults as Ie, onUnmounted as Fe, mergeProps as A, nextTick as k, withModifiers as Ee, createElementBlock as N, Fragment as U, normalizeClass as Q, renderList as ke, normalizeStyle as Ae, createCommentVNode as ue, resolveDynamicComponent as de, createElementVNode as Te, toDisplayString as fe } from "vue";
+import { useUIKit as Re } from "@tencentcloud/uikit-base-component-vue3";
+import { c as Z } from "../../../../../index-DPczIrgX.js";
+import { i as De, l as xe, g as z, j as Ne, S as pe, u as _e, c as K, e as oe, m as $e, n as ce, b as Ke, a as T, F as Le, D as Ve, d as Ue, P as ze, T as je, f as Ge } from "../../../../../Teleport-CSEuZbpM.js";
+import { d as We, P as Xe, a as Ye, b as He, e as Je, c as G } from "../../../../../PopperContent-XdhqL8Y2.js";
+import { g as Qe, i as Ze, a as ee, F as et, f as tt, L as ot, S as nt, I as rt } from "../../../../../utils-DaB7eSu5.js";
+import { useMessageActions as at } from "../../../../../hooks/useMessageActions.js";
+import { _ as st } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const lt = ["INPUT", "TEXTAREA"];
+function it(e, a, s, l = {}) {
+  if (!a || l.enableIgnoredElement && lt.includes(a.nodeName)) return null;
+  const { arrowKeyOptions: u = "both", attributeName: d = "[data-reka-collection-item]", itemsArray: p = [], loop: i = !0, dir: o = "ltr", preventScroll: r = !0, focus: f = !1 } = l, [c, y, _, m, O, I] = [
     e.key === "ArrowRight",
     e.key === "ArrowLeft",
     e.key === "ArrowUp",
     e.key === "ArrowDown",
     e.key === "Home",
     e.key === "End"
-  ];
-  const goingVertical = up || down;
-  const goingHorizontal = right || left;
-  if (!home && !end && (!goingVertical && !goingHorizontal || arrowKeyOptions === "vertical" && goingHorizontal || arrowKeyOptions === "horizontal" && goingVertical)) return null;
-  const allCollectionItems = parentElement ? Array.from(parentElement.querySelectorAll(attributeName)) : itemsArray;
-  if (!allCollectionItems.length) return null;
-  if (preventScroll) e.preventDefault();
-  let item = null;
-  if (goingHorizontal || goingVertical) {
-    const goForward = goingVertical ? down : dir === "ltr" ? right : left;
-    item = findNextFocusableElement(allCollectionItems, currentElement, {
-      goForward,
-      loop
-    });
-  } else if (home) item = allCollectionItems.at(0) || null;
-  else if (end) item = allCollectionItems.at(-1) || null;
-  if (focus) item == null ? void 0 : item.focus();
-  return item;
+  ], S = _ || m, P = c || y;
+  if (!O && !I && (!S && !P || u === "vertical" && P || u === "horizontal" && S)) return null;
+  const F = s ? Array.from(s.querySelectorAll(d)) : p;
+  if (!F.length) return null;
+  r && e.preventDefault();
+  let B = null;
+  return P || S ? B = be(F, a, {
+    goForward: S ? m : o === "ltr" ? c : y,
+    loop: i
+  }) : O ? B = F.at(0) || null : I && (B = F.at(-1) || null), f && (B == null || B.focus()), B;
 }
-function findNextFocusableElement(elements, currentElement, options, iterations = elements.length) {
-  if (--iterations === 0) return null;
-  const index = elements.indexOf(currentElement);
-  const newIndex = options.goForward ? index + 1 : index - 1;
-  if (!options.loop && (newIndex < 0 || newIndex >= elements.length)) return null;
-  const adjustedNewIndex = (newIndex + elements.length) % elements.length;
-  const candidate = elements[adjustedNewIndex];
-  if (!candidate) return null;
-  const isDisabled = candidate.hasAttribute("disabled") && candidate.getAttribute("disabled") !== "false";
-  if (isDisabled) return findNextFocusableElement(elements, candidate, options, iterations);
-  return candidate;
+function be(e, a, s, l = e.length) {
+  if (--l === 0) return null;
+  const u = e.indexOf(a), d = s.goForward ? u + 1 : u - 1;
+  if (!s.loop && (d < 0 || d >= e.length)) return null;
+  const p = (d + e.length) % e.length, i = e[p];
+  return i ? i.hasAttribute("disabled") && i.getAttribute("disabled") !== "false" ? be(e, i, s, l) : i : null;
 }
-function useDirection(dir) {
-  const context = injectConfigProviderContext({ dir: ref("ltr") });
-  return computed(() => {
-    var _a;
-    return (dir == null ? void 0 : dir.value) || ((_a = context.dir) == null ? void 0 : _a.value) || "ltr";
+function ne(e) {
+  const a = De({ dir: q("ltr") });
+  return D(() => {
+    var s;
+    return (e == null ? void 0 : e.value) || ((s = a.dir) == null ? void 0 : s.value) || "ltr";
   });
 }
-function useTypeahead(callback) {
-  const search = refAutoReset("", 1e3);
-  const handleTypeaheadSearch = (key, items) => {
-    search.value = search.value + key;
-    {
-      const currentItem = getActiveElement();
-      const itemsWithTextValue = items.map((item) => {
-        var _a, _b;
-        return {
-          ...item,
-          textValue: ((_a = item.value) == null ? void 0 : _a.textValue) ?? ((_b = item.ref.textContent) == null ? void 0 : _b.trim()) ?? ""
-        };
-      });
-      const currentMatch = itemsWithTextValue.find((item) => item.ref === currentItem);
-      const values = itemsWithTextValue.map((item) => item.textValue);
-      const nextMatch = getNextMatch(values, search.value, currentMatch == null ? void 0 : currentMatch.textValue);
-      const newItem = itemsWithTextValue.find((item) => item.textValue === nextMatch);
-      if (newItem) newItem.ref.focus();
-      return newItem == null ? void 0 : newItem.ref;
-    }
-  };
-  const resetTypeahead = () => {
-    search.value = "";
-  };
+function ut(e) {
+  const a = xe("", 1e3);
   return {
-    search,
-    handleTypeaheadSearch,
-    resetTypeahead
+    search: a,
+    handleTypeaheadSearch: (u, d) => {
+      a.value = a.value + u;
+      {
+        const p = z(), i = d.map((y) => {
+          var _, m;
+          return {
+            ...y,
+            textValue: ((_ = y.value) == null ? void 0 : _.textValue) ?? ((m = y.ref.textContent) == null ? void 0 : m.trim()) ?? ""
+          };
+        }), o = i.find((y) => y.ref === p), r = i.map((y) => y.textValue), f = ft(r, a.value, o == null ? void 0 : o.textValue), c = i.find((y) => y.textValue === f);
+        return c && c.ref.focus(), c == null ? void 0 : c.ref;
+      }
+    },
+    resetTypeahead: () => {
+      a.value = "";
+    }
   };
 }
-function wrapArray(array, startIndex) {
-  return array.map((_, index) => array[(startIndex + index) % array.length]);
+function dt(e, a) {
+  return e.map((s, l) => e[(a + l) % e.length]);
 }
-function getNextMatch(values, search, currentMatch) {
-  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-  const normalizedSearch = isRepeated ? search[0] : search;
-  const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
-  let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
-  const excludeCurrentMatch = normalizedSearch.length === 1;
-  if (excludeCurrentMatch) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
-  const nextMatch = wrappedValues.find((value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
-  return nextMatch !== currentMatch ? nextMatch : void 0;
+function ft(e, a, s) {
+  const u = a.length > 1 && Array.from(a).every((r) => r === a[0]) ? a[0] : a, d = s ? e.indexOf(s) : -1;
+  let p = dt(e, Math.max(d, 0));
+  u.length === 1 && (p = p.filter((r) => r !== s));
+  const o = p.find((r) => r.toLowerCase().startsWith(u.toLowerCase()));
+  return o !== s ? o : void 0;
 }
-function usePrimitiveElement() {
-  const primitiveElement = ref();
-  const currentElement = computed(() => {
-    var _a, _b;
-    return ["#text", "#comment"].includes((_a = primitiveElement.value) == null ? void 0 : _a.$el.nodeName) ? (_b = primitiveElement.value) == null ? void 0 : _b.$el.nextElementSibling : unrefElement(primitiveElement);
+function ye() {
+  const e = q(), a = D(() => {
+    var s, l;
+    return ["#text", "#comment"].includes((s = e.value) == null ? void 0 : s.$el.nodeName) ? (l = e.value) == null ? void 0 : l.$el.nextElementSibling : Ne(e);
   });
   return {
-    primitiveElement,
-    currentElement
+    primitiveElement: e,
+    currentElement: a
   };
 }
-const ITEM_DATA_ATTR = "data-reka-collection-item";
-function useCollection(options = {}) {
-  const { key = "", isProvider = false } = options;
-  const injectionKey = `${key}CollectionProvider`;
-  let context;
-  if (isProvider) {
-    const itemMap = ref(/* @__PURE__ */ new Map());
-    const collectionRef = ref();
-    context = {
-      collectionRef,
-      itemMap
-    };
-    provide(injectionKey, context);
-  } else context = inject(injectionKey);
-  const getItems = (includeDisabledItem = false) => {
-    const collectionNode = context.collectionRef.value;
-    if (!collectionNode) return [];
-    const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-    const items = Array.from(context.itemMap.value.values());
-    const orderedItems = items.sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
-    if (includeDisabledItem) return orderedItems;
-    else return orderedItems.filter((i) => i.ref.dataset.disabled !== "");
-  };
-  const CollectionSlot = defineComponent({
+const me = "data-reka-collection-item";
+function he(e = {}) {
+  const { key: a = "", isProvider: s = !1 } = e, l = `${a}CollectionProvider`;
+  let u;
+  if (s) {
+    const f = q(/* @__PURE__ */ new Map());
+    u = {
+      collectionRef: q(),
+      itemMap: f
+    }, Se(l, u);
+  } else u = Pe(l);
+  const d = (f = !1) => {
+    const c = u.collectionRef.value;
+    if (!c) return [];
+    const y = Array.from(c.querySelectorAll(`[${me}]`)), m = Array.from(u.itemMap.value.values()).sort((O, I) => y.indexOf(O.ref) - y.indexOf(I.ref));
+    return f ? m : m.filter((O) => O.ref.dataset.disabled !== "");
+  }, p = w({
     name: "CollectionSlot",
-    setup(_, { slots }) {
-      const { primitiveElement, currentElement } = usePrimitiveElement();
-      watch(currentElement, () => {
-        context.collectionRef.value = currentElement.value;
-      });
-      return () => h(Slot, { ref: primitiveElement }, slots);
+    setup(f, { slots: c }) {
+      const { primitiveElement: y, currentElement: _ } = ye();
+      return te(_, () => {
+        u.collectionRef.value = _.value;
+      }), () => ie(pe, { ref: y }, c);
     }
-  });
-  const CollectionItem = defineComponent({
+  }), i = w({
     name: "CollectionItem",
-    inheritAttrs: false,
-    props: { value: { validator: () => true } },
-    setup(props, { slots, attrs }) {
-      const { primitiveElement, currentElement } = usePrimitiveElement();
-      watchEffect((cleanupFn) => {
-        if (currentElement.value) {
-          const key$1 = markRaw(currentElement.value);
-          context.itemMap.value.set(key$1, {
-            ref: currentElement.value,
-            value: props.value
-          });
-          cleanupFn(() => context.itemMap.value.delete(key$1));
+    inheritAttrs: !1,
+    props: { value: { validator: () => !0 } },
+    setup(f, { slots: c, attrs: y }) {
+      const { primitiveElement: _, currentElement: m } = ye();
+      return Be((O) => {
+        if (m.value) {
+          const I = Oe(m.value);
+          u.itemMap.value.set(I, {
+            ref: m.value,
+            value: f.value
+          }), O(() => u.itemMap.value.delete(I));
         }
-      });
-      return () => h(Slot, {
-        ...attrs,
-        [ITEM_DATA_ATTR]: "",
-        ref: primitiveElement
-      }, slots);
+      }), () => ie(pe, {
+        ...y,
+        [me]: "",
+        ref: _
+      }, c);
     }
-  });
-  const reactiveItems = computed(() => Array.from(context.itemMap.value.values()));
-  const itemMapSize = computed(() => context.itemMap.value.size);
+  }), o = D(() => Array.from(u.itemMap.value.values())), r = D(() => u.itemMap.value.size);
   return {
-    getItems,
-    reactiveItems,
-    itemMapSize,
-    CollectionSlot,
-    CollectionItem
+    getItems: d,
+    reactiveItems: o,
+    itemMapSize: r,
+    CollectionSlot: p,
+    CollectionItem: i
   };
 }
-const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-const EVENT_OPTIONS = {
-  bubbles: false,
-  cancelable: true
+const pt = "rovingFocusGroup.onEntryFocus", ct = {
+  bubbles: !1,
+  cancelable: !0
 };
-function focusFirst(candidates, preventScroll = false) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = getActiveElement();
-  for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-    candidate.focus({ preventScroll });
-    if (getActiveElement() !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-  }
+function yt(e, a = !1) {
+  const s = z();
+  for (const l of e)
+    if (l === s || (l.focus({ preventScroll: a }), z() !== s)) return;
 }
-const [injectRovingFocusGroupContext, provideRovingFocusGroupContext] = createContext("RovingFocusGroup");
-var RovingFocusGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+const [fo, mt] = K("RovingFocusGroup");
+var vt = /* @__PURE__ */ w({
   __name: "RovingFocusGroup",
   props: {
     orientation: {
       type: String,
-      required: false,
+      required: !1,
       default: void 0
     },
     dir: {
       type: String,
-      required: false
+      required: !1
     },
     loop: {
       type: Boolean,
-      required: false,
-      default: false
+      required: !1,
+      default: !1
     },
     currentTabStopId: {
       type: [String, null],
-      required: false
+      required: !1
     },
     defaultCurrentTabStopId: {
       type: String,
-      required: false
+      required: !1
     },
     preventScrollOnEntryFocus: {
       type: Boolean,
-      required: false,
-      default: false
+      required: !1,
+      default: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
   emits: ["entryFocus", "update:currentTabStopId"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { loop, orientation, dir: propDir } = toRefs(props);
-    const dir = useDirection(propDir);
-    const currentTabStopId = useVModel(props, "currentTabStopId", emits, {
-      defaultValue: props.defaultCurrentTabStopId,
-      passive: props.currentTabStopId === void 0
-    });
-    const isTabbingBackOut = ref(false);
-    const isClickFocus = ref(false);
-    const focusableItemsCount = ref(0);
-    const { getItems, CollectionSlot } = useCollection({ isProvider: true });
-    function handleFocus(event) {
-      const isKeyboardFocus = !isClickFocus.value;
-      if (event.currentTarget && event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut.value) {
-        const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
-        event.currentTarget.dispatchEvent(entryFocusEvent);
-        emits("entryFocus", entryFocusEvent);
-        if (!entryFocusEvent.defaultPrevented) {
-          const items = getItems().map((i) => i.ref).filter((i) => i.dataset.disabled !== "");
-          const activeItem = items.find((item) => item.getAttribute("data-active") === "");
-          const highlightedItem = items.find((item) => item.getAttribute("data-highlighted") === "");
-          const currentItem = items.find((item) => item.id === currentTabStopId.value);
-          const candidateItems = [
-            activeItem,
-            highlightedItem,
-            currentItem,
-            ...items
+  setup(e, { expose: a, emit: s }) {
+    const l = e, u = s, { loop: d, orientation: p, dir: i } = $(l), o = ne(i), r = _e(l, "currentTabStopId", u, {
+      defaultValue: l.defaultCurrentTabStopId,
+      passive: l.currentTabStopId === void 0
+    }), f = q(!1), c = q(!1), y = q(0), { getItems: _, CollectionSlot: m } = he({ isProvider: !0 });
+    function O(S) {
+      const P = !c.value;
+      if (S.currentTarget && S.target === S.currentTarget && P && !f.value) {
+        const F = new CustomEvent(pt, ct);
+        if (S.currentTarget.dispatchEvent(F), u("entryFocus", F), !F.defaultPrevented) {
+          const B = _().map((t) => t.ref).filter((t) => t.dataset.disabled !== ""), L = B.find((t) => t.getAttribute("data-active") === ""), X = B.find((t) => t.getAttribute("data-highlighted") === ""), Y = B.find((t) => t.id === r.value), H = [
+            L,
+            X,
+            Y,
+            ...B
           ].filter(Boolean);
-          focusFirst(candidateItems, props.preventScrollOnEntryFocus);
+          yt(H, l.preventScrollOnEntryFocus);
         }
       }
-      isClickFocus.value = false;
+      c.value = !1;
     }
-    function handleMouseUp() {
+    function I() {
       setTimeout(() => {
-        isClickFocus.value = false;
+        c.value = !1;
       }, 1);
     }
-    __expose({ getItems });
-    provideRovingFocusGroupContext({
-      loop,
-      dir,
-      orientation,
-      currentTabStopId,
-      onItemFocus: (tabStopId) => {
-        currentTabStopId.value = tabStopId;
+    return a({ getItems: _ }), mt({
+      loop: d,
+      dir: o,
+      orientation: p,
+      currentTabStopId: r,
+      onItemFocus: (S) => {
+        r.value = S;
       },
       onItemShiftTab: () => {
-        isTabbingBackOut.value = true;
+        f.value = !0;
       },
       onFocusableItemAdd: () => {
-        focusableItemsCount.value++;
+        y.value++;
       },
       onFocusableItemRemove: () => {
-        focusableItemsCount.value--;
+        y.value--;
       }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollectionSlot), null, {
-        default: withCtx(() => [createVNode(unref(Primitive), {
-          tabindex: isTabbingBackOut.value || focusableItemsCount.value === 0 ? -1 : 0,
-          "data-orientation": unref(orientation),
-          as: _ctx.as,
-          "as-child": _ctx.asChild,
-          dir: unref(dir),
-          style: { "outline": "none" },
-          onMousedown: _cache[0] || (_cache[0] = ($event) => isClickFocus.value = true),
-          onMouseup: handleMouseUp,
-          onFocus: handleFocus,
-          onBlur: _cache[1] || (_cache[1] = ($event) => isTabbingBackOut.value = false)
-        }, {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 8, [
-          "tabindex",
-          "data-orientation",
-          "as",
-          "as-child",
-          "dir"
-        ])]),
+    }), (S, P) => (h(), C(n(m), null, {
+      default: g(() => [E(n(oe), {
+        tabindex: f.value || y.value === 0 ? -1 : 0,
+        "data-orientation": n(p),
+        as: S.as,
+        "as-child": S.asChild,
+        dir: n(o),
+        style: { outline: "none" },
+        onMousedown: P[0] || (P[0] = (F) => c.value = !0),
+        onMouseup: I,
+        onFocus: O,
+        onBlur: P[1] || (P[1] = (F) => f.value = !1)
+      }, {
+        default: g(() => [M(S.$slots, "default")]),
         _: 3
-      });
-    };
+      }, 8, [
+        "tabindex",
+        "data-orientation",
+        "as",
+        "as-child",
+        "dir"
+      ])]),
+      _: 3
+    }));
   }
-});
-var RovingFocusGroup_default = RovingFocusGroup_vue_vue_type_script_setup_true_lang_default;
-var MenuAnchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), gt = vt, _t = /* @__PURE__ */ w({
   __name: "MenuAnchor",
   props: {
     reference: {
       type: null,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopperAnchor_default), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
+  setup(e) {
+    const a = e;
+    return (s, l) => (h(), C(n(We), x(j(a)), {
+      default: g(() => [M(s.$slots, "default")]),
+      _: 3
+    }, 16));
   }
-});
-var MenuAnchor_default = MenuAnchor_vue_vue_type_script_setup_true_lang_default;
-function useIsUsingKeyboardImpl() {
-  const isUsingKeyboard = ref(false);
-  onMounted(() => {
-    useEventListener("keydown", () => {
-      isUsingKeyboard.value = true;
+}), bt = _t;
+function ht() {
+  const e = q(!1);
+  return ge(() => {
+    ce("keydown", () => {
+      e.value = !0;
     }, {
-      capture: true,
-      passive: true
-    });
-    useEventListener(["pointerdown", "pointermove"], () => {
-      isUsingKeyboard.value = false;
+      capture: !0,
+      passive: !0
+    }), ce(["pointerdown", "pointermove"], () => {
+      e.value = !1;
     }, {
-      capture: true,
-      passive: true
+      capture: !0,
+      passive: !0
     });
-  });
-  return isUsingKeyboard;
+  }), e;
 }
-const useIsUsingKeyboard = createSharedComposable(useIsUsingKeyboardImpl);
-const [injectMenuContext, provideMenuContext] = createContext(["MenuRoot", "MenuSub"], "MenuContext");
-const [injectMenuRootContext, provideMenuRootContext] = createContext("MenuRoot");
-var MenuRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+const qt = $e(ht), [W, Ct] = K(["MenuRoot", "MenuSub"], "MenuContext"), [re, wt] = K("MenuRoot");
+var Mt = /* @__PURE__ */ w({
   __name: "MenuRoot",
   props: {
     open: {
       type: Boolean,
-      required: false,
-      default: false
+      required: !1,
+      default: !1
     },
     dir: {
       type: String,
-      required: false
+      required: !1
     },
     modal: {
       type: Boolean,
-      required: false,
-      default: true
+      required: !1,
+      default: !0
     }
   },
   emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { modal, dir: propDir } = toRefs(props);
-    const dir = useDirection(propDir);
-    const open = useVModel(props, "open", emits);
-    const content = ref();
-    const isUsingKeyboardRef = useIsUsingKeyboard();
-    provideMenuContext({
-      open,
-      onOpenChange: (value) => {
-        open.value = value;
+  setup(e, { emit: a }) {
+    const s = e, l = a, { modal: u, dir: d } = $(s), p = ne(d), i = _e(s, "open", l), o = q(), r = qt();
+    return Ct({
+      open: i,
+      onOpenChange: (f) => {
+        i.value = f;
       },
-      content,
-      onContentChange: (element) => {
-        content.value = element;
+      content: o,
+      onContentChange: (f) => {
+        o.value = f;
       }
-    });
-    provideMenuRootContext({
+    }), wt({
       onClose: () => {
-        open.value = false;
+        i.value = !1;
       },
-      isUsingKeyboardRef,
-      dir,
-      modal
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopperRoot_default), null, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      });
-    };
+      isUsingKeyboardRef: r,
+      dir: p,
+      modal: u
+    }), (f, c) => (h(), C(n(Xe), null, {
+      default: g(() => [M(f.$slots, "default")]),
+      _: 3
+    }));
   }
-});
-var MenuRoot_default = MenuRoot_vue_vue_type_script_setup_true_lang_default;
-const [injectMenuContentContext, provideMenuContentContext] = createContext("MenuContent");
-var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), St = Mt;
+const [qe, Pt] = K("MenuContent");
+var Bt = /* @__PURE__ */ w({
   __name: "MenuContentImpl",
-  props: /* @__PURE__ */ mergeDefaults({
+  props: /* @__PURE__ */ Ie({
     loop: {
       type: Boolean,
-      required: false
+      required: !1
     },
     disableOutsidePointerEvents: {
       type: Boolean,
-      required: false
+      required: !1
     },
     disableOutsideScroll: {
       type: Boolean,
-      required: false
+      required: !1
     },
     trapFocus: {
       type: Boolean,
-      required: false
+      required: !1
     },
     side: {
       type: null,
-      required: false
+      required: !1
     },
     sideOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     sideFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     align: {
       type: null,
-      required: false
+      required: !1
     },
     alignOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     alignFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     avoidCollisions: {
       type: Boolean,
-      required: false
+      required: !1
     },
     collisionBoundary: {
       type: null,
-      required: false
+      required: !1
     },
     collisionPadding: {
       type: [Number, Object],
-      required: false
+      required: !1
     },
     arrowPadding: {
       type: Number,
-      required: false
+      required: !1
     },
     sticky: {
       type: String,
-      required: false
+      required: !1
     },
     hideWhenDetached: {
       type: Boolean,
-      required: false
+      required: !1
     },
     positionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     updatePositionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     disableUpdateOnLayoutShift: {
       type: Boolean,
-      required: false
+      required: !1
     },
     prioritizePosition: {
       type: Boolean,
-      required: false
+      required: !1
     },
     reference: {
       type: null,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
-  }, { ...PopperContentPropsDefaultValue }),
+  }, { ...Je }),
   emits: [
     "escapeKeyDown",
     "pointerDownOutside",
@@ -526,439 +445,355 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
     "closeAutoFocus",
     "dismiss"
   ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const menuContext = injectMenuContext();
-    const rootContext = injectMenuRootContext();
-    const { trapFocus, disableOutsidePointerEvents, loop } = toRefs(props);
-    useFocusGuards();
-    useBodyScrollLock(disableOutsidePointerEvents.value);
-    const searchRef = ref("");
-    const timerRef = ref(0);
-    const pointerGraceTimerRef = ref(0);
-    const pointerGraceIntentRef = ref(null);
-    const pointerDirRef = ref("right");
-    const lastPointerXRef = ref(0);
-    const currentItemId = ref(null);
-    const rovingFocusGroupRef = ref();
-    const { forwardRef, currentElement: contentElement } = useForwardExpose();
-    const { handleTypeaheadSearch } = useTypeahead();
-    watch(contentElement, (el) => {
-      menuContext.onContentChange(el);
-    });
-    onUnmounted(() => {
-      window.clearTimeout(timerRef.value);
+  setup(e, { emit: a }) {
+    const s = e, l = a, u = W(), d = re(), { trapFocus: p, disableOutsidePointerEvents: i, loop: o } = $(s);
+    Ye(), Ke(i.value);
+    const r = q(""), f = q(0), c = q(0), y = q(null), _ = q("right"), m = q(0), O = q(null), I = q(), { forwardRef: S, currentElement: P } = T(), { handleTypeaheadSearch: F } = ut();
+    te(P, (t) => {
+      u.onContentChange(t);
+    }), Fe(() => {
+      window.clearTimeout(f.value);
     });
-    function isPointerMovingToSubmenu(event) {
-      var _a, _b;
-      const isMovingTowards = pointerDirRef.value === ((_a = pointerGraceIntentRef.value) == null ? void 0 : _a.side);
-      return isMovingTowards && isPointerInGraceArea(event, (_b = pointerGraceIntentRef.value) == null ? void 0 : _b.area);
+    function B(t) {
+      var b, R;
+      return _.value === ((b = y.value) == null ? void 0 : b.side) && Ze(t, (R = y.value) == null ? void 0 : R.area);
     }
-    async function handleMountAutoFocus(event) {
-      var _a;
-      emits("openAutoFocus", event);
-      if (event.defaultPrevented) return;
-      event.preventDefault();
-      (_a = contentElement.value) == null ? void 0 : _a.focus({ preventScroll: true });
+    async function L(t) {
+      var v;
+      l("openAutoFocus", t), !t.defaultPrevented && (t.preventDefault(), (v = P.value) == null || v.focus({ preventScroll: !0 }));
     }
-    function handleKeyDown(event) {
-      var _a;
-      if (event.defaultPrevented) return;
-      const target = event.target;
-      const isKeyDownInside = target.closest("[data-reka-menu-content]") === event.currentTarget;
-      const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-      const isCharacterKey = event.key.length === 1;
-      const el = useArrowNavigation(event, getActiveElement(), contentElement.value, {
-        loop: loop.value,
+    function X(t) {
+      var le;
+      if (t.defaultPrevented) return;
+      const b = t.target.closest("[data-reka-menu-content]") === t.currentTarget, R = t.ctrlKey || t.altKey || t.metaKey, J = t.key.length === 1, V = it(t, z(), P.value, {
+        loop: o.value,
         arrowKeyOptions: "vertical",
-        dir: rootContext == null ? void 0 : rootContext.dir.value,
-        focus: true,
+        dir: d == null ? void 0 : d.dir.value,
+        focus: !0,
         attributeName: "[data-reka-collection-item]:not([data-disabled])"
       });
-      if (el) return el == null ? void 0 : el.focus();
-      if (event.code === "Space") return;
-      const collectionItems = ((_a = rovingFocusGroupRef.value) == null ? void 0 : _a.getItems()) ?? [];
-      if (isKeyDownInside) {
-        if (event.key === "Tab") event.preventDefault();
-        if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key, collectionItems);
-      }
-      if (event.target !== contentElement.value) return;
-      if (!FIRST_LAST_KEYS.includes(event.key)) return;
-      event.preventDefault();
-      const candidateNodes = [...collectionItems.map((item) => item.ref)];
-      if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
-      focusFirst$1(candidateNodes);
+      if (V) return V == null ? void 0 : V.focus();
+      if (t.code === "Space") return;
+      const ae = ((le = I.value) == null ? void 0 : le.getItems()) ?? [];
+      if (b && (t.key === "Tab" && t.preventDefault(), !R && J && F(t.key, ae)), t.target !== P.value || !et.includes(t.key)) return;
+      t.preventDefault();
+      const se = [...ae.map((Me) => Me.ref)];
+      ot.includes(t.key) && se.reverse(), tt(se);
     }
-    function handleBlur(event) {
-      var _a, _b;
-      if (!((_b = (_a = event == null ? void 0 : event.currentTarget) == null ? void 0 : _a.contains) == null ? void 0 : _b.call(_a, event.target))) {
-        window.clearTimeout(timerRef.value);
-        searchRef.value = "";
-      }
+    function Y(t) {
+      var v, b;
+      (b = (v = t == null ? void 0 : t.currentTarget) == null ? void 0 : v.contains) != null && b.call(v, t.target) || (window.clearTimeout(f.value), r.value = "");
     }
-    function handlePointerMove(event) {
-      var _a;
-      if (!isMouseEvent(event)) return;
-      const target = event.target;
-      const pointerXHasChanged = lastPointerXRef.value !== event.clientX;
-      if (((_a = event == null ? void 0 : event.currentTarget) == null ? void 0 : _a.contains(target)) && pointerXHasChanged) {
-        const newDir = event.clientX > lastPointerXRef.value ? "right" : "left";
-        pointerDirRef.value = newDir;
-        lastPointerXRef.value = event.clientX;
+    function H(t) {
+      var R;
+      if (!ee(t)) return;
+      const v = t.target, b = m.value !== t.clientX;
+      if ((R = t == null ? void 0 : t.currentTarget) != null && R.contains(v) && b) {
+        const J = t.clientX > m.value ? "right" : "left";
+        _.value = J, m.value = t.clientX;
       }
     }
-    provideMenuContentContext({
-      onItemEnter: (event) => {
-        if (isPointerMovingToSubmenu(event)) return true;
-        else return false;
-      },
-      onItemLeave: (event) => {
-        var _a;
-        if (isPointerMovingToSubmenu(event)) return;
-        (_a = contentElement.value) == null ? void 0 : _a.focus();
-        currentItemId.value = null;
-      },
-      onTriggerLeave: (event) => {
-        if (isPointerMovingToSubmenu(event)) return true;
-        else return false;
+    return Pt({
+      onItemEnter: (t) => !!B(t),
+      onItemLeave: (t) => {
+        var v;
+        B(t) || ((v = P.value) == null || v.focus(), O.value = null);
       },
-      searchRef,
-      pointerGraceTimerRef,
-      onPointerGraceIntentChange: (intent) => {
-        pointerGraceIntentRef.value = intent;
+      onTriggerLeave: (t) => !!B(t),
+      searchRef: r,
+      pointerGraceTimerRef: c,
+      onPointerGraceIntentChange: (t) => {
+        y.value = t;
       }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(FocusScope_default), {
+    }), (t, v) => (h(), C(n(Le), {
+      "as-child": "",
+      trapped: n(p),
+      onMountAutoFocus: L,
+      onUnmountAutoFocus: v[7] || (v[7] = (b) => l("closeAutoFocus", b))
+    }, {
+      default: g(() => [E(n(Ve), {
         "as-child": "",
-        trapped: unref(trapFocus),
-        onMountAutoFocus: handleMountAutoFocus,
-        onUnmountAutoFocus: _cache[7] || (_cache[7] = ($event) => emits("closeAutoFocus", $event))
+        "disable-outside-pointer-events": n(i),
+        onEscapeKeyDown: v[2] || (v[2] = (b) => l("escapeKeyDown", b)),
+        onPointerDownOutside: v[3] || (v[3] = (b) => l("pointerDownOutside", b)),
+        onFocusOutside: v[4] || (v[4] = (b) => l("focusOutside", b)),
+        onInteractOutside: v[5] || (v[5] = (b) => l("interactOutside", b)),
+        onDismiss: v[6] || (v[6] = (b) => l("dismiss"))
       }, {
-        default: withCtx(() => [createVNode(unref(DismissableLayer_default), {
+        default: g(() => [E(n(gt), {
+          ref_key: "rovingFocusGroupRef",
+          ref: I,
+          "current-tab-stop-id": O.value,
+          "onUpdate:currentTabStopId": v[0] || (v[0] = (b) => O.value = b),
           "as-child": "",
-          "disable-outside-pointer-events": unref(disableOutsidePointerEvents),
-          onEscapeKeyDown: _cache[2] || (_cache[2] = ($event) => emits("escapeKeyDown", $event)),
-          onPointerDownOutside: _cache[3] || (_cache[3] = ($event) => emits("pointerDownOutside", $event)),
-          onFocusOutside: _cache[4] || (_cache[4] = ($event) => emits("focusOutside", $event)),
-          onInteractOutside: _cache[5] || (_cache[5] = ($event) => emits("interactOutside", $event)),
-          onDismiss: _cache[6] || (_cache[6] = ($event) => emits("dismiss"))
+          orientation: "vertical",
+          dir: n(d).dir.value,
+          loop: n(o),
+          onEntryFocus: v[1] || (v[1] = (b) => {
+            l("entryFocus", b), n(d).isUsingKeyboardRef.value || b.preventDefault();
+          })
         }, {
-          default: withCtx(() => [createVNode(unref(RovingFocusGroup_default), {
-            ref_key: "rovingFocusGroupRef",
-            ref: rovingFocusGroupRef,
-            "current-tab-stop-id": currentItemId.value,
-            "onUpdate:currentTabStopId": _cache[0] || (_cache[0] = ($event) => currentItemId.value = $event),
-            "as-child": "",
-            orientation: "vertical",
-            dir: unref(rootContext).dir.value,
-            loop: unref(loop),
-            onEntryFocus: _cache[1] || (_cache[1] = (event) => {
-              emits("entryFocus", event);
-              if (!unref(rootContext).isUsingKeyboardRef.value) event.preventDefault();
-            })
+          default: g(() => [E(n(He), {
+            ref: n(S),
+            role: "menu",
+            as: t.as,
+            "as-child": t.asChild,
+            "aria-orientation": "vertical",
+            "data-reka-menu-content": "",
+            "data-state": n(Qe)(n(u).open.value),
+            dir: n(d).dir.value,
+            side: t.side,
+            "side-offset": t.sideOffset,
+            align: t.align,
+            "align-offset": t.alignOffset,
+            "avoid-collisions": t.avoidCollisions,
+            "collision-boundary": t.collisionBoundary,
+            "collision-padding": t.collisionPadding,
+            "arrow-padding": t.arrowPadding,
+            "prioritize-position": t.prioritizePosition,
+            "position-strategy": t.positionStrategy,
+            "update-position-strategy": t.updatePositionStrategy,
+            sticky: t.sticky,
+            "hide-when-detached": t.hideWhenDetached,
+            reference: t.reference,
+            onKeydown: X,
+            onBlur: Y,
+            onPointermove: H
           }, {
-            default: withCtx(() => [createVNode(unref(PopperContent_default), {
-              ref: unref(forwardRef),
-              role: "menu",
-              as: _ctx.as,
-              "as-child": _ctx.asChild,
-              "aria-orientation": "vertical",
-              "data-reka-menu-content": "",
-              "data-state": unref(getOpenState)(unref(menuContext).open.value),
-              dir: unref(rootContext).dir.value,
-              side: _ctx.side,
-              "side-offset": _ctx.sideOffset,
-              align: _ctx.align,
-              "align-offset": _ctx.alignOffset,
-              "avoid-collisions": _ctx.avoidCollisions,
-              "collision-boundary": _ctx.collisionBoundary,
-              "collision-padding": _ctx.collisionPadding,
-              "arrow-padding": _ctx.arrowPadding,
-              "prioritize-position": _ctx.prioritizePosition,
-              "position-strategy": _ctx.positionStrategy,
-              "update-position-strategy": _ctx.updatePositionStrategy,
-              sticky: _ctx.sticky,
-              "hide-when-detached": _ctx.hideWhenDetached,
-              reference: _ctx.reference,
-              onKeydown: handleKeyDown,
-              onBlur: handleBlur,
-              onPointermove: handlePointerMove
-            }, {
-              default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-              _: 3
-            }, 8, [
-              "as",
-              "as-child",
-              "data-state",
-              "dir",
-              "side",
-              "side-offset",
-              "align",
-              "align-offset",
-              "avoid-collisions",
-              "collision-boundary",
-              "collision-padding",
-              "arrow-padding",
-              "prioritize-position",
-              "position-strategy",
-              "update-position-strategy",
-              "sticky",
-              "hide-when-detached",
-              "reference"
-            ])]),
+            default: g(() => [M(t.$slots, "default")]),
             _: 3
           }, 8, [
-            "current-tab-stop-id",
+            "as",
+            "as-child",
+            "data-state",
             "dir",
-            "loop"
+            "side",
+            "side-offset",
+            "align",
+            "align-offset",
+            "avoid-collisions",
+            "collision-boundary",
+            "collision-padding",
+            "arrow-padding",
+            "prioritize-position",
+            "position-strategy",
+            "update-position-strategy",
+            "sticky",
+            "hide-when-detached",
+            "reference"
           ])]),
           _: 3
-        }, 8, ["disable-outside-pointer-events"])]),
+        }, 8, [
+          "current-tab-stop-id",
+          "dir",
+          "loop"
+        ])]),
         _: 3
-      }, 8, ["trapped"]);
-    };
+      }, 8, ["disable-outside-pointer-events"])]),
+      _: 3
+    }, 8, ["trapped"]));
   }
-});
-var MenuContentImpl_default = MenuContentImpl_vue_vue_type_script_setup_true_lang_default;
-var MenuItemImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
+}), Ce = Bt, Ot = /* @__PURE__ */ w({
+  inheritAttrs: !1,
   __name: "MenuItemImpl",
   props: {
     disabled: {
       type: Boolean,
-      required: false
+      required: !1
     },
     textValue: {
       type: String,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
-  setup(__props) {
-    const props = __props;
-    const contentContext = injectMenuContentContext();
-    const { forwardRef } = useForwardExpose();
-    const { CollectionItem } = useCollection();
-    const isFocused = ref(false);
-    async function handlePointerMove(event) {
-      if (event.defaultPrevented) return;
-      if (!isMouseEvent(event)) return;
-      if (props.disabled) contentContext.onItemLeave(event);
-      else {
-        const defaultPrevented = contentContext.onItemEnter(event);
-        if (!defaultPrevented) {
-          const item = event.currentTarget;
-          item == null ? void 0 : item.focus({ preventScroll: true });
+  setup(e) {
+    const a = e, s = qe(), { forwardRef: l } = T(), { CollectionItem: u } = he(), d = q(!1);
+    async function p(o) {
+      if (!o.defaultPrevented && ee(o)) {
+        if (a.disabled) s.onItemLeave(o);
+        else if (!s.onItemEnter(o)) {
+          const f = o.currentTarget;
+          f == null || f.focus({ preventScroll: !0 });
         }
       }
     }
-    async function handlePointerLeave(event) {
-      await nextTick();
-      if (event.defaultPrevented) return;
-      if (!isMouseEvent(event)) return;
-      contentContext.onItemLeave(event);
+    async function i(o) {
+      await k(), !o.defaultPrevented && ee(o) && s.onItemLeave(o);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollectionItem), { value: { textValue: _ctx.textValue } }, {
-        default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
-          ref: unref(forwardRef),
-          role: "menuitem",
-          tabindex: "-1"
-        }, _ctx.$attrs, {
-          as: _ctx.as,
-          "as-child": _ctx.asChild,
-          "aria-disabled": _ctx.disabled || void 0,
-          "data-disabled": _ctx.disabled ? "" : void 0,
-          "data-highlighted": isFocused.value ? "" : void 0,
-          onPointermove: handlePointerMove,
-          onPointerleave: handlePointerLeave,
-          onFocus: _cache[0] || (_cache[0] = async (event) => {
-            await nextTick();
-            if (event.defaultPrevented || _ctx.disabled) return;
-            isFocused.value = true;
-          }),
-          onBlur: _cache[1] || (_cache[1] = async (event) => {
-            await nextTick();
-            if (event.defaultPrevented) return;
-            isFocused.value = false;
-          })
-        }), {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 16, [
-          "as",
-          "as-child",
-          "aria-disabled",
-          "data-disabled",
-          "data-highlighted"
-        ])]),
+    return (o, r) => (h(), C(n(u), { value: { textValue: o.textValue } }, {
+      default: g(() => [E(n(oe), A({
+        ref: n(l),
+        role: "menuitem",
+        tabindex: "-1"
+      }, o.$attrs, {
+        as: o.as,
+        "as-child": o.asChild,
+        "aria-disabled": o.disabled || void 0,
+        "data-disabled": o.disabled ? "" : void 0,
+        "data-highlighted": d.value ? "" : void 0,
+        onPointermove: p,
+        onPointerleave: i,
+        onFocus: r[0] || (r[0] = async (f) => {
+          await k(), !(f.defaultPrevented || o.disabled) && (d.value = !0);
+        }),
+        onBlur: r[1] || (r[1] = async (f) => {
+          await k(), !f.defaultPrevented && (d.value = !1);
+        })
+      }), {
+        default: g(() => [M(o.$slots, "default")]),
         _: 3
-      }, 8, ["value"]);
-    };
+      }, 16, [
+        "as",
+        "as-child",
+        "aria-disabled",
+        "data-disabled",
+        "data-highlighted"
+      ])]),
+      _: 3
+    }, 8, ["value"]));
   }
-});
-var MenuItemImpl_default = MenuItemImpl_vue_vue_type_script_setup_true_lang_default;
-var MenuItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), It = Ot, Ft = /* @__PURE__ */ w({
   __name: "MenuItem",
   props: {
     disabled: {
       type: Boolean,
-      required: false
+      required: !1
     },
     textValue: {
       type: String,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
   emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { forwardRef, currentElement } = useForwardExpose();
-    const rootContext = injectMenuRootContext();
-    const contentContext = injectMenuContentContext();
-    const isPointerDownRef = ref(false);
-    async function handleSelect() {
-      const menuItem = currentElement.value;
-      if (!props.disabled && menuItem) {
-        const itemSelectEvent = new CustomEvent(ITEM_SELECT, {
-          bubbles: true,
-          cancelable: true
+  setup(e, { emit: a }) {
+    const s = e, l = a, { forwardRef: u, currentElement: d } = T(), p = re(), i = qe(), o = q(!1);
+    async function r() {
+      const f = d.value;
+      if (!s.disabled && f) {
+        const c = new CustomEvent(rt, {
+          bubbles: !0,
+          cancelable: !0
         });
-        emits("select", itemSelectEvent);
-        await nextTick();
-        if (itemSelectEvent.defaultPrevented) isPointerDownRef.value = false;
-        else rootContext.onClose();
+        l("select", c), await k(), c.defaultPrevented ? o.value = !1 : p.onClose();
       }
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(MenuItemImpl_default, mergeProps(props, {
-        ref: unref(forwardRef),
-        onClick: handleSelect,
-        onPointerdown: _cache[0] || (_cache[0] = () => {
-          isPointerDownRef.value = true;
-        }),
-        onPointerup: _cache[1] || (_cache[1] = async (event) => {
-          var _a;
-          await nextTick();
-          if (event.defaultPrevented) return;
-          if (!isPointerDownRef.value) (_a = event.currentTarget) == null ? void 0 : _a.click();
-        }),
-        onKeydown: _cache[2] || (_cache[2] = async (event) => {
-          const isTypingAhead = unref(contentContext).searchRef.value !== "";
-          if (_ctx.disabled || isTypingAhead && event.key === " ") return;
-          if (unref(SELECTION_KEYS).includes(event.key)) {
-            event.currentTarget.click();
-            event.preventDefault();
-          }
-        })
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
+    return (f, c) => (h(), C(It, A(s, {
+      ref: n(u),
+      onClick: r,
+      onPointerdown: c[0] || (c[0] = () => {
+        o.value = !0;
+      }),
+      onPointerup: c[1] || (c[1] = async (y) => {
+        var _;
+        await k(), !y.defaultPrevented && (o.value || (_ = y.currentTarget) == null || _.click());
+      }),
+      onKeydown: c[2] || (c[2] = async (y) => {
+        const _ = n(i).searchRef.value !== "";
+        f.disabled || _ && y.key === " " || n(nt).includes(y.key) && (y.currentTarget.click(), y.preventDefault());
+      })
+    }), {
+      default: g(() => [M(f.$slots, "default")]),
+      _: 3
+    }, 16));
   }
-});
-var MenuItem_default = MenuItem_vue_vue_type_script_setup_true_lang_default;
-var MenuRootContentModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), Et = Ft, kt = /* @__PURE__ */ w({
   __name: "MenuRootContentModal",
   props: {
     loop: {
       type: Boolean,
-      required: false
+      required: !1
     },
     side: {
       type: null,
-      required: false
+      required: !1
     },
     sideOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     sideFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     align: {
       type: null,
-      required: false
+      required: !1
     },
     alignOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     alignFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     avoidCollisions: {
       type: Boolean,
-      required: false
+      required: !1
     },
     collisionBoundary: {
       type: null,
-      required: false
+      required: !1
     },
     collisionPadding: {
       type: [Number, Object],
-      required: false
+      required: !1
     },
     arrowPadding: {
       type: Number,
-      required: false
+      required: !1
     },
     sticky: {
       type: String,
-      required: false
+      required: !1
     },
     hideWhenDetached: {
       type: Boolean,
-      required: false
+      required: !1
     },
     positionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     updatePositionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     disableUpdateOnLayoutShift: {
       type: Boolean,
-      required: false
+      required: !1
     },
     prioritizePosition: {
       type: Boolean,
-      required: false
+      required: !1
     },
     reference: {
       type: null,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
   emits: [
@@ -970,111 +805,102 @@ var MenuRootContentModal_vue_vue_type_script_setup_true_lang_default = /* @__PUR
     "openAutoFocus",
     "closeAutoFocus"
   ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    const menuContext = injectMenuContext();
-    const { forwardRef, currentElement } = useForwardExpose();
-    useHideOthers(currentElement);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(MenuContentImpl_default, mergeProps(unref(forwarded), {
-        ref: unref(forwardRef),
-        "trap-focus": unref(menuContext).open.value,
-        "disable-outside-pointer-events": unref(menuContext).open.value,
-        "disable-outside-scroll": true,
-        onDismiss: _cache[0] || (_cache[0] = ($event) => unref(menuContext).onOpenChange(false)),
-        onFocusOutside: _cache[1] || (_cache[1] = withModifiers(($event) => emits("focusOutside", $event), ["prevent"]))
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16, ["trap-focus", "disable-outside-pointer-events"]);
-    };
+  setup(e, { emit: a }) {
+    const s = e, l = a, u = G(s, l), d = W(), { forwardRef: p, currentElement: i } = T();
+    return Ue(i), (o, r) => (h(), C(Ce, A(n(u), {
+      ref: n(p),
+      "trap-focus": n(d).open.value,
+      "disable-outside-pointer-events": n(d).open.value,
+      "disable-outside-scroll": !0,
+      onDismiss: r[0] || (r[0] = (f) => n(d).onOpenChange(!1)),
+      onFocusOutside: r[1] || (r[1] = Ee((f) => l("focusOutside", f), ["prevent"]))
+    }), {
+      default: g(() => [M(o.$slots, "default")]),
+      _: 3
+    }, 16, ["trap-focus", "disable-outside-pointer-events"]));
   }
-});
-var MenuRootContentModal_default = MenuRootContentModal_vue_vue_type_script_setup_true_lang_default;
-var MenuRootContentNonModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), At = kt, Tt = /* @__PURE__ */ w({
   __name: "MenuRootContentNonModal",
   props: {
     loop: {
       type: Boolean,
-      required: false
+      required: !1
     },
     side: {
       type: null,
-      required: false
+      required: !1
     },
     sideOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     sideFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     align: {
       type: null,
-      required: false
+      required: !1
     },
     alignOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     alignFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     avoidCollisions: {
       type: Boolean,
-      required: false
+      required: !1
     },
     collisionBoundary: {
       type: null,
-      required: false
+      required: !1
     },
     collisionPadding: {
       type: [Number, Object],
-      required: false
+      required: !1
     },
     arrowPadding: {
       type: Number,
-      required: false
+      required: !1
     },
     sticky: {
       type: String,
-      required: false
+      required: !1
     },
     hideWhenDetached: {
       type: Boolean,
-      required: false
+      required: !1
     },
     positionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     updatePositionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     disableUpdateOnLayoutShift: {
       type: Boolean,
-      required: false
+      required: !1
     },
     prioritizePosition: {
       type: Boolean,
-      required: false
+      required: !1
     },
     reference: {
       type: null,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
   emits: [
@@ -1086,111 +912,104 @@ var MenuRootContentNonModal_vue_vue_type_script_setup_true_lang_default = /* @__
     "openAutoFocus",
     "closeAutoFocus"
   ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    const menuContext = injectMenuContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(MenuContentImpl_default, mergeProps(unref(forwarded), {
-        "trap-focus": false,
-        "disable-outside-pointer-events": false,
-        "disable-outside-scroll": false,
-        onDismiss: _cache[0] || (_cache[0] = ($event) => unref(menuContext).onOpenChange(false))
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
+  setup(e, { emit: a }) {
+    const u = G(e, a), d = W();
+    return (p, i) => (h(), C(Ce, A(n(u), {
+      "trap-focus": !1,
+      "disable-outside-pointer-events": !1,
+      "disable-outside-scroll": !1,
+      onDismiss: i[0] || (i[0] = (o) => n(d).onOpenChange(!1))
+    }), {
+      default: g(() => [M(p.$slots, "default")]),
+      _: 3
+    }, 16));
   }
-});
-var MenuRootContentNonModal_default = MenuRootContentNonModal_vue_vue_type_script_setup_true_lang_default;
-var MenuContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), Rt = Tt, Dt = /* @__PURE__ */ w({
   __name: "MenuContent",
   props: {
     forceMount: {
       type: Boolean,
-      required: false
+      required: !1
     },
     loop: {
       type: Boolean,
-      required: false
+      required: !1
     },
     side: {
       type: null,
-      required: false
+      required: !1
     },
     sideOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     sideFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     align: {
       type: null,
-      required: false
+      required: !1
     },
     alignOffset: {
       type: Number,
-      required: false
+      required: !1
     },
     alignFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     avoidCollisions: {
       type: Boolean,
-      required: false
+      required: !1
     },
     collisionBoundary: {
       type: null,
-      required: false
+      required: !1
     },
     collisionPadding: {
       type: [Number, Object],
-      required: false
+      required: !1
     },
     arrowPadding: {
       type: Number,
-      required: false
+      required: !1
     },
     sticky: {
       type: String,
-      required: false
+      required: !1
     },
     hideWhenDetached: {
       type: Boolean,
-      required: false
+      required: !1
     },
     positionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     updatePositionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     disableUpdateOnLayoutShift: {
       type: Boolean,
-      required: false
+      required: !1
     },
     prioritizePosition: {
       type: Boolean,
-      required: false
+      required: !1
     },
     reference: {
       type: null,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
   emits: [
@@ -1202,196 +1021,175 @@ var MenuContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
     "openAutoFocus",
     "closeAutoFocus"
   ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    const menuContext = injectMenuContext();
-    const rootContext = injectMenuRootContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(menuContext).open.value }, {
-        default: withCtx(() => [unref(rootContext).modal.value ? (openBlock(), createBlock(MenuRootContentModal_default, normalizeProps(mergeProps({ key: 0 }, {
-          ..._ctx.$attrs,
-          ...unref(forwarded)
-        })), {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 16)) : (openBlock(), createBlock(MenuRootContentNonModal_default, normalizeProps(mergeProps({ key: 1 }, {
-          ..._ctx.$attrs,
-          ...unref(forwarded)
-        })), {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 16))]),
+  setup(e, { emit: a }) {
+    const u = G(e, a), d = W(), p = re();
+    return (i, o) => (h(), C(n(ze), { present: i.forceMount || n(d).open.value }, {
+      default: g(() => [n(p).modal.value ? (h(), C(At, x(A({ key: 0 }, {
+        ...i.$attrs,
+        ...n(u)
+      })), {
+        default: g(() => [M(i.$slots, "default")]),
+        _: 3
+      }, 16)) : (h(), C(Rt, x(A({ key: 1 }, {
+        ...i.$attrs,
+        ...n(u)
+      })), {
+        default: g(() => [M(i.$slots, "default")]),
         _: 3
-      }, 8, ["present"]);
-    };
+      }, 16))]),
+      _: 3
+    }, 8, ["present"]));
   }
-});
-var MenuContent_default = MenuContent_vue_vue_type_script_setup_true_lang_default;
-var MenuPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), xt = Dt, Nt = /* @__PURE__ */ w({
   __name: "MenuPortal",
   props: {
     to: {
       type: null,
-      required: false
+      required: !1
     },
     disabled: {
       type: Boolean,
-      required: false
+      required: !1
     },
     defer: {
       type: Boolean,
-      required: false
+      required: !1
     },
     forceMount: {
       type: Boolean,
-      required: false
+      required: !1
     }
   },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
+  setup(e) {
+    const a = e;
+    return (s, l) => (h(), C(n(je), x(j(a)), {
+      default: g(() => [M(s.$slots, "default")]),
+      _: 3
+    }, 16));
   }
-});
-var MenuPortal_default = MenuPortal_vue_vue_type_script_setup_true_lang_default;
-const [injectContextMenuRootContext, provideContextMenuRootContext] = createContext("ContextMenuRoot");
-var ContextMenuRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
+}), $t = Nt;
+const [we, Kt] = K("ContextMenuRoot");
+var Lt = /* @__PURE__ */ w({
+  inheritAttrs: !1,
   __name: "ContextMenuRoot",
   props: {
     pressOpenDelay: {
       type: Number,
-      required: false,
+      required: !1,
       default: 700
     },
     dir: {
       type: String,
-      required: false
+      required: !1
     },
     modal: {
       type: Boolean,
-      required: false,
-      default: true
+      required: !1,
+      default: !0
     }
   },
   emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { dir: propDir, modal, pressOpenDelay } = toRefs(props);
-    useForwardExpose();
-    const dir = useDirection(propDir);
-    const open = ref(false);
-    const triggerElement = ref();
-    provideContextMenuRootContext({
-      open,
-      onOpenChange: (value) => {
-        open.value = value;
+  setup(e, { emit: a }) {
+    const s = e, l = a, { dir: u, modal: d, pressOpenDelay: p } = $(s);
+    T();
+    const i = ne(u), o = q(!1), r = q();
+    return Kt({
+      open: o,
+      onOpenChange: (f) => {
+        o.value = f;
       },
-      dir,
-      modal,
-      triggerElement,
-      pressOpenDelay
-    });
-    watch(open, (value) => {
-      emits("update:open", value);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenuRoot_default), {
-        open: open.value,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
-        dir: unref(dir),
-        modal: unref(modal)
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 8, [
-        "open",
-        "dir",
-        "modal"
-      ]);
-    };
+      dir: i,
+      modal: d,
+      triggerElement: r,
+      pressOpenDelay: p
+    }), te(o, (f) => {
+      l("update:open", f);
+    }), (f, c) => (h(), C(n(St), {
+      open: o.value,
+      "onUpdate:open": c[0] || (c[0] = (y) => o.value = y),
+      dir: n(i),
+      modal: n(d)
+    }, {
+      default: g(() => [M(f.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "open",
+      "dir",
+      "modal"
+    ]));
   }
-});
-var ContextMenuRoot_default = ContextMenuRoot_vue_vue_type_script_setup_true_lang_default;
-var ContextMenuContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), Vt = Lt, Ut = /* @__PURE__ */ w({
   __name: "ContextMenuContent",
   props: {
     forceMount: {
       type: Boolean,
-      required: false
+      required: !1
     },
     loop: {
       type: Boolean,
-      required: false
+      required: !1
     },
     sideFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     alignOffset: {
       type: Number,
-      required: false,
+      required: !1,
       default: 0
     },
     alignFlip: {
       type: Boolean,
-      required: false
+      required: !1
     },
     avoidCollisions: {
       type: Boolean,
-      required: false,
-      default: true
+      required: !1,
+      default: !0
     },
     collisionBoundary: {
       type: null,
-      required: false,
+      required: !1,
       default: () => []
     },
     collisionPadding: {
       type: [Number, Object],
-      required: false,
+      required: !1,
       default: 0
     },
     sticky: {
       type: String,
-      required: false,
+      required: !1,
       default: "partial"
     },
     hideWhenDetached: {
       type: Boolean,
-      required: false,
-      default: false
+      required: !1,
+      default: !1
     },
     positionStrategy: {
       type: String,
-      required: false
+      required: !1
     },
     disableUpdateOnLayoutShift: {
       type: Boolean,
-      required: false
+      required: !1
     },
     prioritizePosition: {
       type: Boolean,
-      required: false
+      required: !1
     },
     reference: {
       type: null,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
   emits: [
@@ -1401,312 +1199,240 @@ var ContextMenuContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
     "interactOutside",
     "closeAutoFocus"
   ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    useForwardExpose();
-    const rootContext = injectContextMenuRootContext();
-    const hasInteractedOutside = ref(false);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenuContent_default), mergeProps(unref(forwarded), {
-        side: "right",
-        "side-offset": 2,
-        align: "start",
-        "update-position-strategy": "always",
-        style: {
-          "--reka-context-menu-content-transform-origin": "var(--reka-popper-transform-origin)",
-          "--reka-context-menu-content-available-width": "var(--reka-popper-available-width)",
-          "--reka-context-menu-content-available-height": "var(--reka-popper-available-height)",
-          "--reka-context-menu-trigger-width": "var(--reka-popper-anchor-width)",
-          "--reka-context-menu-trigger-height": "var(--reka-popper-anchor-height)"
-        },
-        onCloseAutoFocus: _cache[0] || (_cache[0] = (event) => {
-          if (!event.defaultPrevented && hasInteractedOutside.value) event.preventDefault();
-          hasInteractedOutside.value = false;
-        }),
-        onInteractOutside: _cache[1] || (_cache[1] = (event) => {
-          const originalEvent = event.detail.originalEvent;
-          if (originalEvent.button === 2 && event.target === unref(rootContext).triggerElement.value) event.preventDefault();
-          if (!event.defaultPrevented && !unref(rootContext).modal.value) hasInteractedOutside.value = true;
-        })
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
+  setup(e, { emit: a }) {
+    const u = G(e, a);
+    T();
+    const d = we(), p = q(!1);
+    return (i, o) => (h(), C(n(xt), A(n(u), {
+      side: "right",
+      "side-offset": 2,
+      align: "start",
+      "update-position-strategy": "always",
+      style: {
+        "--reka-context-menu-content-transform-origin": "var(--reka-popper-transform-origin)",
+        "--reka-context-menu-content-available-width": "var(--reka-popper-available-width)",
+        "--reka-context-menu-content-available-height": "var(--reka-popper-available-height)",
+        "--reka-context-menu-trigger-width": "var(--reka-popper-anchor-width)",
+        "--reka-context-menu-trigger-height": "var(--reka-popper-anchor-height)"
+      },
+      onCloseAutoFocus: o[0] || (o[0] = (r) => {
+        !r.defaultPrevented && p.value && r.preventDefault(), p.value = !1;
+      }),
+      onInteractOutside: o[1] || (o[1] = (r) => {
+        r.detail.originalEvent.button === 2 && r.target === n(d).triggerElement.value && r.preventDefault(), !r.defaultPrevented && !n(d).modal.value && (p.value = !0);
+      })
+    }), {
+      default: g(() => [M(i.$slots, "default")]),
+      _: 3
+    }, 16));
   }
-});
-var ContextMenuContent_default = ContextMenuContent_vue_vue_type_script_setup_true_lang_default;
-var ContextMenuItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), zt = Ut, jt = /* @__PURE__ */ w({
   __name: "ContextMenuItem",
   props: {
     disabled: {
       type: Boolean,
-      required: false
+      required: !1
     },
     textValue: {
       type: String,
-      required: false
+      required: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false
+      required: !1
     }
   },
   emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const emitsAsProps = useEmitAsProps(emits);
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenuItem_default), normalizeProps(guardReactiveProps({
-        ...props,
-        ...unref(emitsAsProps)
-      })), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
+  setup(e, { emit: a }) {
+    const s = e, u = Ge(a);
+    return T(), (d, p) => (h(), C(n(Et), x(j({
+      ...s,
+      ...n(u)
+    })), {
+      default: g(() => [M(d.$slots, "default")]),
+      _: 3
+    }, 16));
   }
-});
-var ContextMenuItem_default = ContextMenuItem_vue_vue_type_script_setup_true_lang_default;
-var ContextMenuPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), Gt = jt, Wt = /* @__PURE__ */ w({
   __name: "ContextMenuPortal",
   props: {
     to: {
       type: null,
-      required: false
+      required: !1
     },
     disabled: {
       type: Boolean,
-      required: false
+      required: !1
     },
     defer: {
       type: Boolean,
-      required: false
+      required: !1
     },
     forceMount: {
       type: Boolean,
-      required: false
+      required: !1
     }
   },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenuPortal_default), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
+  setup(e) {
+    const a = e;
+    return (s, l) => (h(), C(n($t), x(j(a)), {
+      default: g(() => [M(s.$slots, "default")]),
+      _: 3
+    }, 16));
   }
-});
-var ContextMenuPortal_default = ContextMenuPortal_vue_vue_type_script_setup_true_lang_default;
-function isTouchOrPen(event) {
-  return event.pointerType !== "mouse";
+}), Xt = Wt;
+function ve(e) {
+  return e.pointerType !== "mouse";
 }
-var ContextMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
+var Yt = /* @__PURE__ */ w({
+  inheritAttrs: !1,
   __name: "ContextMenuTrigger",
   props: {
     disabled: {
       type: Boolean,
-      required: false,
-      default: false
+      required: !1,
+      default: !1
     },
     asChild: {
       type: Boolean,
-      required: false
+      required: !1
     },
     as: {
       type: null,
-      required: false,
+      required: !1,
       default: "span"
     }
   },
-  setup(__props) {
-    const props = __props;
-    const { disabled } = toRefs(props);
-    const { forwardRef, currentElement } = useForwardExpose();
-    const rootContext = injectContextMenuRootContext();
-    const point = ref({
+  setup(e) {
+    const a = e, { disabled: s } = $(a), { forwardRef: l, currentElement: u } = T(), d = we(), p = q({
       x: 0,
       y: 0
-    });
-    const virtualEl = computed(() => ({ getBoundingClientRect: () => ({
+    }), i = D(() => ({ getBoundingClientRect: () => ({
       width: 0,
       height: 0,
-      left: point.value.x,
-      right: point.value.x,
-      top: point.value.y,
-      bottom: point.value.y,
-      ...point.value
-    }) }));
-    const longPressTimer = ref(0);
-    function clearLongPress() {
-      window.clearTimeout(longPressTimer.value);
+      left: p.value.x,
+      right: p.value.x,
+      top: p.value.y,
+      bottom: p.value.y,
+      ...p.value
+    }) })), o = q(0);
+    function r() {
+      window.clearTimeout(o.value);
     }
-    function handleOpen(event) {
-      point.value = {
-        x: event.clientX,
-        y: event.clientY
-      };
-      rootContext.onOpenChange(true);
+    function f(m) {
+      p.value = {
+        x: m.clientX,
+        y: m.clientY
+      }, d.onOpenChange(!0);
     }
-    async function handleContextMenu(event) {
-      if (!disabled.value) {
-        await nextTick();
-        if (!event.defaultPrevented) {
-          clearLongPress();
-          handleOpen(event);
-          event.preventDefault();
-        }
-      }
+    async function c(m) {
+      s.value || (await k(), m.defaultPrevented || (r(), f(m), m.preventDefault()));
     }
-    async function handlePointerDown(event) {
-      if (!disabled.value) {
-        await nextTick();
-        if (isTouchOrPen(event) && !event.defaultPrevented) {
-          clearLongPress();
-          longPressTimer.value = window.setTimeout(() => handleOpen(event), rootContext.pressOpenDelay.value);
-        }
-      }
+    async function y(m) {
+      s.value || (await k(), ve(m) && !m.defaultPrevented && (r(), o.value = window.setTimeout(() => f(m), d.pressOpenDelay.value)));
     }
-    async function handlePointerEvent(event) {
-      if (!disabled.value) {
-        await nextTick();
-        if (isTouchOrPen(event) && !event.defaultPrevented) clearLongPress();
-      }
+    async function _(m) {
+      s.value || (await k(), ve(m) && !m.defaultPrevented && r());
     }
-    onMounted(() => {
-      if (currentElement.value) rootContext.triggerElement.value = currentElement.value;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MenuAnchor_default), {
-        as: "template",
-        reference: virtualEl.value
-      }, null, 8, ["reference"]), createVNode(unref(Primitive), mergeProps({
-        ref: unref(forwardRef),
-        as: _ctx.as,
-        "as-child": _ctx.asChild,
-        "data-state": unref(rootContext).open.value ? "open" : "closed",
-        "data-disabled": unref(disabled) ? "" : void 0,
-        style: {
-          WebkitTouchCallout: "none",
-          pointerEvents: "auto"
-        }
-      }, _ctx.$attrs, {
-        onContextmenu: handleContextMenu,
-        onPointerdown: handlePointerDown,
-        onPointermove: handlePointerEvent,
-        onPointercancel: handlePointerEvent,
-        onPointerup: handlePointerEvent
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16, [
-        "as",
-        "as-child",
-        "data-state",
-        "data-disabled"
-      ])], 64);
-    };
+    return ge(() => {
+      u.value && (d.triggerElement.value = u.value);
+    }), (m, O) => (h(), N(U, null, [E(n(bt), {
+      as: "template",
+      reference: i.value
+    }, null, 8, ["reference"]), E(n(oe), A({
+      ref: n(l),
+      as: m.as,
+      "as-child": m.asChild,
+      "data-state": n(d).open.value ? "open" : "closed",
+      "data-disabled": n(s) ? "" : void 0,
+      style: {
+        WebkitTouchCallout: "none",
+        pointerEvents: "auto"
+      }
+    }, m.$attrs, {
+      onContextmenu: c,
+      onPointerdown: y,
+      onPointermove: _,
+      onPointercancel: _,
+      onPointerup: _
+    }), {
+      default: g(() => [M(m.$slots, "default")]),
+      _: 3
+    }, 16, [
+      "as",
+      "as-child",
+      "data-state",
+      "data-disabled"
+    ])], 64));
   }
-});
-var ContextMenuTrigger_default = ContextMenuTrigger_vue_vue_type_script_setup_true_lang_default;
-const slideIn = "_slideIn_twbzd_1";
-const slideOut = "_slideOut_twbzd_1";
-const classes = {
+}), Ht = Yt;
+const Jt = "_slideIn_twbzd_1", Qt = "_slideOut_twbzd_1", Zt = {
   "message-action-dropdown": "_message-action-dropdown_twbzd_1",
-  slideIn,
-  slideOut
-};
-const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+  slideIn: Jt,
+  slideOut: Qt
+}, eo = { key: 0 }, to = /* @__PURE__ */ w({
   __name: "MessageActionDropdown",
   props: {
     message: { default: () => ({}) },
     messageActionList: { default: void 0 }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const defaultActionList = useMessageActions();
-    const visibleActions = computed(() => {
-      const availableActions = props.messageActionList ?? defaultActionList;
-      return availableActions.filter((action) => {
-        if (action.visible === void 0) {
-          return true;
-        }
-        if (typeof action.visible === "function") {
-          return action.visible(props.message);
-        }
-        return action.visible;
-      });
-    });
-    const handleActionClick = (action) => {
-      var _a;
-      (_a = action.onClick) == null ? void 0 : _a.call(action, props.message);
-    };
-    const bodyElement = document.body;
-    return (_ctx, _cache) => {
-      return visibleActions.value.length <= 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createBlock(unref(ContextMenuRoot_default), { key: 1 }, {
-        default: withCtx(() => [
-          createVNode(unref(ContextMenuTrigger_default), { "as-child": "" }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _: 3
-          }),
-          createVNode(unref(ContextMenuPortal_default), { to: unref(bodyElement) }, {
-            default: withCtx(() => [
-              createVNode(unref(ContextMenuContent_default), {
-                class: normalizeClass(unref(cs)(unref(classes)["message-action-dropdown"]))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(visibleActions.value, (action) => {
-                    return openBlock(), createBlock(unref(ContextMenuItem_default), {
-                      key: action.key,
-                      as: "button",
-                      class: normalizeClass(unref(cs)("message-action-dropdown__item", action.className)),
-                      style: normalizeStyle(action.style),
-                      onSelect: ($event) => handleActionClick(action)
-                    }, {
-                      default: withCtx(() => [
-                        action.component && action.visible ? (openBlock(), createBlock(resolveDynamicComponent(action.component), {
-                          key: 0,
-                          message: _ctx.message
-                        }, null, 8, ["message"])) : action.visible ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                          createElementVNode("span", null, toDisplayString(unref(t)(`MessageList.${action.label}`, { defaultValue: action.label })), 1),
-                          action.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                            typeof action.icon === "string" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(action.icon), 1)) : (openBlock(), createBlock(resolveDynamicComponent(action.icon), {
-                              key: 1,
-                              class: normalizeClass(unref(cs)("message-action-dropdown__icon"))
-                            }, null, 8, ["class"]))
-                          ], 64)) : createCommentVNode("", true)
-                        ], 64)) : createCommentVNode("", true)
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "style", "onSelect"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            _: 1
-          }, 8, ["to"])
-        ]),
-        _: 3
-      }));
-    };
+  setup(e) {
+    const a = e, { t: s } = Re(), l = at(), u = D(() => (a.messageActionList ?? l).filter((o) => o.visible === void 0 ? !0 : typeof o.visible == "function" ? o.visible(a.message) : o.visible)), d = (i) => {
+      var o;
+      (o = i.onClick) == null || o.call(i, a.message);
+    }, p = document.body;
+    return (i, o) => u.value.length <= 0 ? M(i.$slots, "default", { key: 0 }, void 0, !0) : (h(), C(n(Vt), { key: 1 }, {
+      default: g(() => [
+        E(n(Ht), { "as-child": "" }, {
+          default: g(() => [
+            M(i.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }),
+        E(n(Xt), { to: n(p) }, {
+          default: g(() => [
+            E(n(zt), {
+              class: Q(n(Z)(n(Zt)["message-action-dropdown"]))
+            }, {
+              default: g(() => [
+                (h(!0), N(U, null, ke(u.value, (r) => (h(), C(n(Gt), {
+                  key: r.key,
+                  as: "button",
+                  class: Q(n(Z)("message-action-dropdown__item", r.className)),
+                  style: Ae(r.style),
+                  onSelect: (f) => d(r)
+                }, {
+                  default: g(() => [
+                    r.component && r.visible ? (h(), C(de(r.component), {
+                      key: 0,
+                      message: e.message
+                    }, null, 8, ["message"])) : r.visible ? (h(), N(U, { key: 1 }, [
+                      Te("span", null, fe(n(s)(`MessageList.${r.label}`, { defaultValue: r.label })), 1),
+                      r.icon ? (h(), N(U, { key: 0 }, [
+                        typeof r.icon == "string" ? (h(), N("span", eo, fe(r.icon), 1)) : (h(), C(de(r.icon), {
+                          key: 1,
+                          class: Q(n(Z)("message-action-dropdown__icon"))
+                        }, null, 8, ["class"]))
+                      ], 64)) : ue("", !0)
+                    ], 64)) : ue("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "style", "onSelect"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ]),
+      _: 3
+    }));
   }
-});
-const MessageActionDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c925a96"]]);
+}), po = /* @__PURE__ */ st(to, [["__scopeId", "data-v-b360635f"]]);
 export {
-  MessageActionDropdown as default
+  po as default
 };