@pantograph/vue 0.30.3 → 0.30.5

package/dist/{MenuItem.vue_vue_type_style_index_0_lang-ByicYJot.js → MenuItem.vue_vue_type_style_index_0_lang-BhdOsuVb.js}

@@ -1,6 +1,6 @@
-import { defineComponent as U, useSlots as Q, computed as C, useAttrs as ee, createBlock as E, openBlock as B, h as P, ref as J, getCurrentInstance as ae, unref as c, resolveDynamicComponent as ye, mergeProps as A, withCtx as $, createElementVNode as Ce, createVNode as fe, createSlots as N, renderList as F, renderSlot as D, normalizeProps as T, guardReactiveProps as V, createElementBlock as w, Fragment as oe, watch as ne, withModifiers as he, normalizeClass as q, createCommentVNode as Y, createTextVNode as be, toDisplayString as ke } from "vue";
-import { getBemBlock as se, getComponentOptions as X, generateVariantClassList as _, normCls as S, getBemElement as z, usePCId as re, isEmptyLikeLodash as Se } from "@pantograph/utils";
-import { isEmptyElement as L, useInputDataStates as ie, useFormInput as Be } from "@pantograph/utils-vue";
+import { defineComponent as U, useSlots as Q, computed as C, useAttrs as ee, createBlock as E, openBlock as k, h as $, ref as J, getCurrentInstance as ae, unref as c, resolveDynamicComponent as ye, mergeProps as A, withCtx as T, createElementVNode as Ce, createVNode as fe, createSlots as N, renderList as j, renderSlot as D, normalizeProps as F, guardReactiveProps as V, createElementBlock as w, Fragment as oe, watch as ne, withModifiers as he, normalizeClass as q, createCommentVNode as Y, createTextVNode as be, toDisplayString as ke } from "vue";
+import { getBemBlock as se, getComponentOptions as X, generateVariantClassList as _, normCls as b, getBemElement as M, usePCId as ie, isEmptyLikeLodash as Se } from "@pantograph/utils";
+import { isEmptyElement as L, useInputDataStates as re, useFormInput as Be } from "@pantograph/utils-vue";
 import { cva as ue } from "class-variance-authority";
 import { omit as Me, cloneDeep as Z, isString as ze } from "es-toolkit";
 import { _ as Ke } from "./Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
@@ -8,7 +8,7 @@ import { _ as Ie } from "./index--fAgg2DC.js";
 import { HoverCard as _e } from "./HoverCard/index.js";
 import { createContext as de } from "reka-ui";
 import { i as De } from "./isNumber-BduWbB-B.js";
-const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
+const ce = ["sm", "md", "lg"], m = se("menu_item"), te = (o) => {
   switch (o) {
     case "sm":
       return "2xsm";
@@ -80,99 +80,99 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
     slotProps: {}
   },
   setup(o) {
-    const s = o, l = Q(), t = ue(v, {
+    const s = o, t = Q(), v = ue(m, {
       variants: {
-        size: _(ce, v),
-        selected: _("selected", v),
-        unFocusable: _("un-focusable", v),
-        danger: _("danger", v),
-        disabled: _("disabled", v),
-        hoverTrailing: _("hover-trailing", v),
-        description: _("description", v),
-        leadingCenter: _("leading-center", v),
-        staticStyle: _("static-style", v)
+        size: _(ce, m),
+        selected: _("selected", m),
+        unFocusable: _("un-focusable", m),
+        danger: _("danger", m),
+        disabled: _("disabled", m),
+        hoverTrailing: _("hover-trailing", m),
+        description: _("description", m),
+        leadingCenter: _("leading-center", m),
+        staticStyle: _("static-style", m)
       }
-    }), i = C(() => Pe(s.size, s.slotProps)), e = ee(), m = () => {
-      var p;
-      const g = (p = l.description) == null ? void 0 : p.call(l, s.slotProps ?? {}), b = !L(g), K = () => {
-        var j, G, H, R;
-        const f = [], u = (j = l.leading) == null ? void 0 : j.call(l, i.value), n = !L(u);
+    }), i = C(() => Pe(s.size, s.slotProps)), e = ee(), y = () => {
+      var u;
+      const p = (u = t.description) == null ? void 0 : u.call(t, s.slotProps ?? {}), S = !L(p), z = () => {
+        var K, G, H, R;
+        const f = [], O = (K = t.leading) == null ? void 0 : K.call(t, i.value), n = !L(O);
         (n || s.leading) && f.push(
-          P(
+          $(
             "div",
-            { class: S(z(v, "leading"), s.leadingCls) },
-            P(
+            { class: b(M(m, "leading"), s.leadingCls) },
+            $(
               "div",
               {
-                class: S(
-                  z(v, "leading_content"),
+                class: b(
+                  M(m, "leading_content"),
                   s.leadingContentCls
                 )
               },
-              n ? u : s.leading
+              n ? O : s.leading
             )
           )
         );
-        const d = (G = l.title) == null ? void 0 : G.call(l, s.slotProps ?? {}), r = !L(d);
-        if (r || s.title || b || s.description) {
-          const O = [];
-          (r || s.title) && O.push(
-            P(
+        const a = (G = t.title) == null ? void 0 : G.call(t, s.slotProps ?? {}), r = !L(a);
+        if (r || s.title || S || s.description) {
+          const P = [];
+          (r || s.title) && P.push(
+            $(
               "div",
-              { class: S(z(v, "title"), s.titleCls) },
-              r ? d : s.title
+              { class: b(M(m, "title"), s.titleCls) },
+              r ? a : s.title
             )
-          ), (b || s.description) && O.push(
-            P(
+          ), (S || s.description) && P.push(
+            $(
               "div",
               {
-                class: S(z(v, "description"), s.descriptionCls)
+                class: b(M(m, "description"), s.descriptionCls)
               },
-              b ? g : s.description
+              S ? p : s.description
             )
           ), f.push(
-            P(
+            $(
               "div",
-              { class: S(z(v, "content"), s.contentCls) },
-              O
+              { class: b(M(m, "content"), s.contentCls) },
+              P
             )
           );
         }
-        const y = (H = l.trailing) == null ? void 0 : H.call(l, i.value), h = !L(y);
+        const g = (H = t.trailing) == null ? void 0 : H.call(t, i.value), d = !L(g);
         if (s.hasChildren) {
-          const O = (R = l.branchIcon) == null ? void 0 : R.call(l, i.value);
+          const P = (R = t.branchIcon) == null ? void 0 : R.call(t, i.value);
           f.push(
-            P(
+            $(
               Ke,
               {
-                class: S(z(v, "branch"), s.branchCls ?? ""),
+                class: b(M(m, "branch"), s.branchCls ?? ""),
                 flipOnDir: "rtl",
                 size: i.value.checkIconSize,
                 icon: s.branchIcon
               },
               {
-                default: L(O) ? null : O
+                default: L(P) ? null : P
               }
             )
           );
-        } else (h || s.trailing) && f.push(
-          P(
+        } else (d || s.trailing) && f.push(
+          $(
             "div",
-            { class: S(z(v, "trailing"), s.trailingCls) },
-            h ? y : s.trailing
+            { class: b(M(m, "trailing"), s.trailingCls) },
+            d ? g : s.trailing
           )
         );
         return f;
       };
-      return P(
+      return $(
         "div",
         {
           ...e,
           role: "menuitem",
           tabindex: s.unFocusable ? void 0 : e.tabindex ?? 0,
           "data-hover": s.hover ? "" : void 0,
-          class: S(
-            t({
+          class: b(
+            v({
               size: s.size,
               selected: s.selected,
               unFocusable: s.unFocusable,
@@ -181,15 +181,15 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
               disabled: s.disabled,
               hoverTrailing: s.hoverTrailing,
               leadingCenter: s.leadingCenter,
-              description: !!(b || s.description)
+              description: !!(S || s.description)
             }),
             s.class
           )
         },
-        K()
+        z()
       );
     };
-    return (g, b) => (B(), E(m));
+    return (p, S) => (k(), E(y));
   }
 }), $e = [...ce, "none"], [Te, Fe] = de("SubMenu"), je = /* @__PURE__ */ U({
   ...X("SubMenu"),
@@ -228,7 +228,7 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
     slotProps: {}
   },
   setup(o) {
-    const s = o, l = Q(), t = C(() => {
+    const s = o, t = Q(), v = C(() => {
       switch (s.size) {
         case "lg":
           return 10;
@@ -237,39 +237,39 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
         default:
           return 6;
       }
-    }), i = J(), e = s.unExtendParent ? void 0 : ve(), m = C(() => {
-      var a;
-      return s.triggerSubMenuAction ?? ((a = e == null ? void 0 : e.props) == null ? void 0 : a.triggerSubMenuAction);
-    }), g = Te({
+    }), i = J(), e = s.unExtendParent ? void 0 : ve(), y = C(() => {
+      var l;
+      return s.triggerSubMenuAction ?? ((l = e == null ? void 0 : e.props) == null ? void 0 : l.triggerSubMenuAction);
+    }), p = Te({
       parentKeys: []
-    }), b = (a) => {
+    }), S = (l) => {
       var I;
-      (m.value === "click" || (I = c(g.parentKeys)) != null && I.length) && (a.stopPropagation(), a.preventDefault());
-    }, K = se("sub_menu"), p = re(K), f = C(() => {
-      var a;
-      return ((a = ae()) == null ? void 0 : a.vnode.key) ?? p;
+      (y.value === "click" || (I = c(p.parentKeys)) != null && I.length) && (l.stopPropagation(), l.preventDefault());
+    }, z = se("sub_menu"), u = ie(z), f = C(() => {
+      var l;
+      return ((l = ae()) == null ? void 0 : l.vnode.key) ?? u;
     });
     Fe({
-      parentKeys: C(() => [...c(g.parentKeys), f.value])
+      parentKeys: C(() => [...c(p.parentKeys), f.value])
     });
-    const u = C(() => ({
+    const O = C(() => ({
       ...s,
       key: f.value,
       hasChildren: !0,
-      parentKeys: c(g.parentKeys)
+      parentKeys: c(p.parentKeys)
     })), n = C(() => {
-      var a;
-      return ((a = e == null ? void 0 : e.props) == null ? void 0 : a.size) ?? s.size;
-    }), d = () => {
-      var a;
-      return !!((a = e == null ? void 0 : e.getDisabled) != null && a.value || s.disabled);
-    }, { rootBindings: r, inputBindings: y } = ie({
-      getDisabled: d
-    }), h = J(!1), j = C(() => {
-      var a;
-      return ((a = e == null ? void 0 : e.isOpen) == null ? void 0 : a.call(e, f.value)) ?? h.value;
+      var l;
+      return ((l = e == null ? void 0 : e.props) == null ? void 0 : l.size) ?? s.size;
+    }), a = () => {
+      var l;
+      return !!((l = e == null ? void 0 : e.getDisabled) != null && l.value || s.disabled);
+    }, { rootBindings: r, inputBindings: g } = re({
+      getDisabled: a
+    }), d = J(!1), K = C(() => {
+      var l;
+      return ((l = e == null ? void 0 : e.isOpen) == null ? void 0 : l.call(e, f.value)) ?? d.value;
     }), G = C(() => {
-      var a, I, k;
+      var l, I, h;
       return {
         ...Me(s, [
           "subMenuOpenDelay",
@@ -280,77 +280,77 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
           "items"
         ]),
         size: n.value,
-        selected: ((a = e == null ? void 0 : e.isItemSelected) == null ? void 0 : a.call(e, u.value)) ?? s.selected,
+        selected: ((l = e == null ? void 0 : e.isItemSelected) == null ? void 0 : l.call(e, O.value)) ?? s.selected,
         hoverTrailing: s.hoverTrailing ?? ((I = e == null ? void 0 : e.props) == null ? void 0 : I.hoverTrailing),
-        leadingCenter: s.leadingCenter ?? ((k = e == null ? void 0 : e.props) == null ? void 0 : k.leadingCenter),
+        leadingCenter: s.leadingCenter ?? ((h = e == null ? void 0 : e.props) == null ? void 0 : h.leadingCenter),
         hasChildren: !0,
-        unFocusable: d(),
-        disabled: d(),
-        onClick: (M) => {
+        unFocusable: a(),
+        disabled: a(),
+        onClick: (B) => {
           var W;
-          return (W = e == null ? void 0 : e.onClick) == null ? void 0 : W.call(e, u.value, M);
+          return (W = e == null ? void 0 : e.onClick) == null ? void 0 : W.call(e, O.value, B);
         },
-        hover: j.value,
-        ...y.value
+        hover: K.value,
+        ...g.value
       };
-    }), H = (a) => {
-      var k, M;
-      (((k = e == null ? void 0 : e.isOpen) == null ? void 0 : k.call(e, f.value)) ?? h.value) !== a && (e != null && e.onChildrenOpenChange ? (M = e == null ? void 0 : e.onChildrenOpenChange) == null || M.call(e, u.value, a) : h.value = a);
+    }), H = (l) => {
+      var h, B;
+      (((h = e == null ? void 0 : e.isOpen) == null ? void 0 : h.call(e, f.value)) ?? d.value) !== l && (e != null && e.onChildrenOpenChange ? (B = e == null ? void 0 : e.onChildrenOpenChange) == null || B.call(e, O.value, l) : d.value = l);
     }, R = C(() => {
-      var a, I, k, M;
+      var l, I, h, B;
       return {
         size: n.value,
         containerProps: {
-          onClick: b
+          onClick: S
         },
         to: i.value,
         reversePlacementOnDir: "rtl",
         placement: "right-start",
         containerCls: [
-          z(K, "items"),
-          (a = e == null ? void 0 : e.props) == null ? void 0 : a.submenuCls,
+          M(z, "items"),
+          (l = e == null ? void 0 : e.props) == null ? void 0 : l.submenuCls,
           s.submenuCls
         ],
-        sideOffset: t.value,
+        sideOffset: v.value,
         forceMount: s.forceMountSubmenu ?? ((I = e == null ? void 0 : e.props) == null ? void 0 : I.forceMountSubmenu),
-        trigger: m.value,
-        closeDelay: ((k = e == null ? void 0 : e.props) == null ? void 0 : k.subMenuCloseDelay) ?? s.subMenuCloseDelay,
-        openDelay: ((M = e == null ? void 0 : e.props) == null ? void 0 : M.subMenuOpenDelay) ?? s.subMenuOpenDelay,
-        open: j.value
+        trigger: y.value,
+        closeDelay: ((h = e == null ? void 0 : e.props) == null ? void 0 : h.subMenuCloseDelay) ?? s.subMenuCloseDelay,
+        openDelay: ((B = e == null ? void 0 : e.props) == null ? void 0 : B.subMenuOpenDelay) ?? s.subMenuOpenDelay,
+        open: K.value
       };
-    }), O = C(() => m.value === "click" ? Ie : _e), me = ee();
-    return (a, I) => (B(), E(ye(O.value), A(R.value, {
+    }), P = C(() => y.value === "click" ? Ie : _e), me = ee();
+    return (l, I) => (k(), E(ye(P.value), A(R.value, {
       "onUpdate:open": H,
-      key: String(m.value)
+      key: String(y.value)
     }), {
-      content: $(() => [
-        D(a.$slots, "items", T(V({ ...s, key: f.value })), () => [
-          (B(!0), w(oe, null, F(a.items, (k) => (B(), E(ge, { item: k }, N({ _: 2 }, [
-            F(Object.keys(l), (M) => ({
-              name: M,
-              fn: $((W) => [
-                D(a.$slots, M, A({ ref_for: !0 }, W))
+      content: T(() => [
+        D(l.$slots, "items", F(V({ ...s, key: f.value })), () => [
+          (k(!0), w(oe, null, j(l.items, (h) => (k(), E(ge, { item: h }, N({ _: 2 }, [
+            j(Object.keys(t), (B) => ({
+              name: B,
+              fn: T((W) => [
+                D(l.$slots, B, A({ ref_for: !0 }, W))
               ])
             }))
           ]), 1032, ["item"]))), 256))
         ])
       ]),
-      default: $(() => [
+      default: T(() => [
         Ce("div", A({
-          class: c(S)(c(K), s.submenuTriggerCls),
+          class: c(b)(c(z), s.submenuTriggerCls),
           ref_key: "root",
           ref: i
         }, c(r)), [
           fe(pe, A(G.value, {
-            class: c(z)(c(K), "trigger")
+            class: c(M)(c(z), "trigger")
           }), N({ _: 2 }, [
-            F(Object.keys(l), (k) => ({
-              name: k,
-              fn: $((M) => [
-                D(a.$slots, k, T(V({
+            j(Object.keys(t), (h) => ({
+              name: h,
+              fn: T((B) => [
+                D(l.$slots, h, F(V({
                   ...c(me),
                   ...s,
-                  ...M,
+                  ...B,
                   key: f.value
                 })))
               ])
@@ -367,22 +367,22 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
     item: {}
   },
   setup(o) {
-    const s = o, l = Q(), t = C(() => {
+    const s = o, t = Q(), v = C(() => {
       var i, e;
-      return !!((e = (i = s.item) == null ? void 0 : i.items) != null && e.length || l.items);
+      return !!((e = (i = s.item) == null ? void 0 : i.items) != null && e.length || t.items);
     });
-    return (i, e) => t.value ? (B(), E(je, T(A({ key: 0 }, i.item)), N({ _: 2 }, [
-      F(Object.keys(i.$slots), (m) => ({
-        name: m,
-        fn: $((g) => [
-          D(i.$slots, m, T(V(g)))
+    return (i, e) => v.value ? (k(), E(je, F(A({ key: 0 }, i.item)), N({ _: 2 }, [
+      j(Object.keys(i.$slots), (y) => ({
+        name: y,
+        fn: T((p) => [
+          D(i.$slots, y, F(V(p)))
         ])
       }))
-    ]), 1040)) : (B(), E(we, T(A({ key: 1 }, i.item)), N({ _: 2 }, [
-      F(Object.keys(i.$slots), (m) => ({
-        name: m,
-        fn: $((g) => [
-          D(i.$slots, m, T(V(g)))
+    ]), 1040)) : (k(), E(we, F(A({ key: 1 }, i.item)), N({ _: 2 }, [
+      j(Object.keys(i.$slots), (y) => ({
+        name: y,
+        fn: T((p) => [
+          D(i.$slots, y, F(V(p)))
         ])
       }))
     ]), 1040));
@@ -419,83 +419,85 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
     "select"
   ],
   setup(o, { emit: s }) {
-    const l = o, t = s, { getDisabled: i } = Be(), e = se("menu"), m = ue(e, {
+    const t = o, v = s, { getDisabled: i } = Be({
+      exports: ["getDisabled"]
+    }), e = se("menu"), y = ue(e, {
       variants: {
         gap: _($e, e)
       }
-    }), g = J(l.openKeys ?? []);
+    }), p = J(t.openKeys ?? []);
     ne(
-      () => l.openKeys,
+      () => t.openKeys,
       () => {
-        g.value = l.openKeys ?? [];
+        p.value = t.openKeys ?? [];
       }
     );
-    const b = (n, d) => {
-      let r = Z(g.value);
-      d ? r = [...n.parentKeys ?? [], n.key] : r = r.filter((y) => y !== n.key), l.openKeys || (g.value = r), t("update:openKeys", r), t("openChange", r);
-    }, K = (n) => g.value.includes(n), p = J(l.selectedKeys ?? []);
+    const S = (n, a) => {
+      let r = Z(p.value);
+      a ? r = [...n.parentKeys ?? [], n.key] : r = r.filter((g) => g !== n.key), t.openKeys || (p.value = r), v("update:openKeys", r), v("openChange", r);
+    }, z = (n) => p.value.includes(n), u = J(t.selectedKeys ?? []);
     return ne(
-      () => l.selectedKeys,
+      () => t.selectedKeys,
       () => {
-        p.value = l.selectedKeys ?? [];
+        u.value = t.selectedKeys ?? [];
       }
     ), Ee({
-      props: l,
+      props: t,
       getDisabled: i,
-      onClick: (n, d) => {
+      onClick: (n, a) => {
         const r = ![void 0, null].includes(n.key) && (ze(n.key) && !Se(n.key) || De(n.key));
-        if (!i.value && !n.danger && !n.disabled && r && l.selectable && !n.hasChildren) {
-          if (l.multiple)
-            if (p.value.indexOf(n.key) > -1) {
-              if (p.value.length > 1) {
-                const h = Z(p.value).filter((j) => j !== n.key);
-                l.selectedKeys || (p.value = h), t("update:selectedKeys", h), t("deselect", { item: n, selectedKeys: p.value });
+        if (!i.value && !n.danger && !n.disabled && r && t.selectable && !n.hasChildren) {
+          if (t.multiple)
+            if (u.value.indexOf(n.key) > -1) {
+              if (u.value.length > 1) {
+                const d = Z(u.value).filter((K) => K !== n.key);
+                t.selectedKeys || (u.value = d), v("update:selectedKeys", d), v("deselect", { item: n, selectedKeys: u.value });
               }
             } else {
-              const h = [...Z(p.value), n.key];
-              l.selectedKeys || (p.value = h), t("update:selectedKeys", h), t("select", { item: n, selectedKeys: p.value });
+              const d = [...Z(u.value), n.key];
+              t.selectedKeys || (u.value = d), v("update:selectedKeys", d), v("select", { item: n, selectedKeys: u.value });
             }
           else {
-            const y = [n.key];
-            l.selectedKeys || (p.value = y), t("update:selectedKeys", y), t("select", { item: n, selectedKeys: p.value });
+            const g = [n.key];
+            t.selectedKeys || (u.value = g), v("update:selectedKeys", g), v("select", { item: n, selectedKeys: u.value });
           }
-          t("click", n, d);
+          v("click", n, a);
         }
       },
-      isItemSelected: (n) => !i.value && !n.danger && !n.disabled && p.value.includes(n.key),
-      onChildrenOpenChange: b,
-      isOpen: K
-    }), (n, d) => (B(), w("div", {
-      class: q(c(S)(c(m)({ gap: n.gap ?? n.size }), l.class)),
-      onClick: d[1] || (d[1] = he(() => {
+      isItemSelected: (n) => !i.value && !n.danger && !n.disabled && u.value.includes(n.key),
+      onChildrenOpenChange: S,
+      isOpen: z
+    }), (n, a) => (k(), w("div", {
+      class: q(c(b)(c(y)({ gap: n.gap ?? n.size }), t.class)),
+      onClick: a[1] || (a[1] = he(() => {
       }, ["stop"]))
     }, [
-      n.$slots.header || n.header || n.$slots.headerActions ? (B(), w("div", {
+      n.$slots.header || n.header || n.$slots.headerActions ? (k(), w("div", {
         key: 0,
-        class: q(c(S)(c(z)(c(e), "header"))),
-        onClick: d[0] || (d[0] = (r) => t("headerClick", r))
+        class: q(c(b)(c(M)(c(e), "header"))),
+        onClick: a[0] || (a[0] = (r) => v("headerClick", r))
       }, [
-        n.$slots.header || n.header ? (B(), w("div", {
+        n.$slots.header || n.header ? (k(), w("div", {
           key: 0,
-          class: q(c(S)(c(z)(c(e), "header__title")))
+          class: q(c(b)(c(M)(c(e), "header__title")))
         }, [
           D(n.$slots, "header", {}, () => [
             be(ke(n.header), 1)
           ])
         ], 2)) : Y("", !0),
-        n.$slots.headerActions ? (B(), w("div", {
+        n.$slots.headerActions ? (k(), w("div", {
           key: 1,
-          class: q(c(S)(c(z)(c(e), "header__actions")))
+          class: q(c(b)(c(M)(c(e), "header__actions")))
         }, [
           D(n.$slots, "headerActions")
         ], 2)) : Y("", !0)
       ], 2)) : Y("", !0),
       D(n.$slots, "default", {}, () => [
-        (B(!0), w(oe, null, F(n.items, (r) => (B(), E(ge, { item: r }, N({ _: 2 }, [
-          F(Object.keys(n.$slots), (y) => ({
-            name: y,
-            fn: $((h) => [
-              D(n.$slots, y, A({ ref_for: !0 }, h))
+        (k(!0), w(oe, null, j(n.items, (r) => (k(), E(ge, { item: r }, N({ _: 2 }, [
+          j(Object.keys(n.$slots), (g) => ({
+            name: g,
+            fn: T((d) => [
+              D(n.$slots, g, A({ ref_for: !0 }, d))
             ])
           }))
         ]), 1032, ["item"]))), 256))
@@ -529,51 +531,52 @@ const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
     slotProps: {},
     unExtendParent: { type: Boolean, default: !1 }
   },
-  setup(o) {
-    const s = o, l = Q(), t = s.unExtendParent ? void 0 : ve(), i = re(v), e = C(() => {
-      var u;
-      return ((u = ae()) == null ? void 0 : u.vnode.key) ?? i;
-    }), m = C(() => ({
-      ...s,
-      key: e.value
-    })), g = C(() => {
-      var u;
-      return ((u = t == null ? void 0 : t.props) == null ? void 0 : u.size) ?? s.size;
-    }), b = () => {
-      var u;
-      return s.disabled ?? ((u = t == null ? void 0 : t.getDisabled) == null ? void 0 : u.value);
-    }, { inputBindings: K } = ie({
-      getDisabled: b
-    }), p = C(() => {
-      var u, n, d;
+  emits: ["click"],
+  setup(o, { emit: s }) {
+    const t = o, v = Q(), i = s, e = t.unExtendParent ? void 0 : ve(), y = ie(m), p = C(() => {
+      var a;
+      return ((a = ae()) == null ? void 0 : a.vnode.key) ?? y;
+    }), S = C(() => ({
+      ...t,
+      key: p.value
+    })), z = C(() => {
+      var a;
+      return ((a = e == null ? void 0 : e.props) == null ? void 0 : a.size) ?? t.size;
+    }), u = () => {
+      var a;
+      return t.disabled ?? ((a = e == null ? void 0 : e.getDisabled) == null ? void 0 : a.value);
+    }, { inputBindings: f } = re({
+      getDisabled: u
+    }), O = C(() => {
+      var a, r, g;
       return {
-        ...s,
-        size: g.value,
-        selected: ((u = t == null ? void 0 : t.isItemSelected) == null ? void 0 : u.call(t, m.value)) ?? s.selected,
-        unFocusable: t != null && t.onClick ? void 0 : s.unFocusable,
-        hoverTrailing: s.hoverTrailing ?? ((n = t == null ? void 0 : t.props) == null ? void 0 : n.hoverTrailing),
-        leadingCenter: s.leadingCenter ?? ((d = t == null ? void 0 : t.props) == null ? void 0 : d.leadingCenter),
-        disabled: b(),
-        onClick: (r) => {
-          var y;
-          if (b()) {
-            r.preventDefault(), r.stopPropagation();
+        ...t,
+        size: z.value,
+        selected: ((a = e == null ? void 0 : e.isItemSelected) == null ? void 0 : a.call(e, S.value)) ?? t.selected,
+        unFocusable: e != null && e.onClick ? void 0 : t.unFocusable,
+        hoverTrailing: t.hoverTrailing ?? ((r = e == null ? void 0 : e.props) == null ? void 0 : r.hoverTrailing),
+        leadingCenter: t.leadingCenter ?? ((g = e == null ? void 0 : e.props) == null ? void 0 : g.leadingCenter),
+        disabled: u(),
+        onClick: (d) => {
+          var K;
+          if (u()) {
+            d.preventDefault(), d.stopPropagation();
             return;
           }
-          (y = t == null ? void 0 : t.onClick) == null || y.call(t, m.value, r);
+          (K = e == null ? void 0 : e.onClick) == null || K.call(e, S.value, d), i("click", d);
         },
-        ...K.value
+        ...f.value
       };
-    }), f = ee();
-    return (u, n) => (B(), E(pe, T(V(p.value)), N({ _: 2 }, [
-      F(Object.keys(l), (d) => ({
-        name: d,
-        fn: $((r) => [
-          D(u.$slots, d, T(V({
-            ...c(f),
-            ...s,
-            ...r,
-            key: e.value
+    }), n = ee();
+    return (a, r) => (k(), E(pe, F(V(O.value)), N({ _: 2 }, [
+      j(Object.keys(v), (g) => ({
+        name: g,
+        fn: T((d) => [
+          D(a.$slots, g, F(V({
+            ...c(n),
+            ...t,
+            ...d,
+            key: p.value
           })))
         ])
       }))