@pantograph/vue 0.10.4 → 0.10.5

package/dist/{Menu.vue_vue_type_style_index_0_lang-Dcu2gyxm.js → Menu.vue_vue_type_style_index_0_lang-CJAZruBS.js}

@@ -1,19 +1,19 @@
-import { defineComponent as H, useSlots as Z, computed as i, createElementBlock as y, openBlock as u, normalizeClass as b, unref as r, createCommentVNode as $, renderSlot as f, normalizeProps as D, guardReactiveProps as P, createTextVNode as F, toDisplayString as V, createBlock as N, withCtx as T, mergeProps as I, ref as E, getCurrentInstance as re, resolveComponent as oe, createVNode as ie, createSlots as U, renderList as w, Fragment as _, watch as X, withModifiers as ue } from "vue";
+import { defineComponent as H, useSlots as Z, computed as i, createElementBlock as y, openBlock as u, normalizeClass as b, unref as r, createCommentVNode as $, renderSlot as f, normalizeProps as D, guardReactiveProps as A, createTextVNode as F, toDisplayString as V, createBlock as N, withCtx as P, mergeProps as I, ref as E, getCurrentInstance as re, resolveComponent as oe, createVNode as ie, createSlots as U, renderList as w, Fragment as _, watch as X, withModifiers as ue } from "vue";
 import { g as J, a as O, b as h } from "./class-DziTeW9B.js";
 import { cva as x } from "class-variance-authority";
 import { g as Q } from "./options-JBqnVZUl.js";
-import { _ as de } from "./Popover.vue_vue_type_style_index_0_lang-CCfVt5eZ.js";
-import { c as q } from "./cloneDeep-C3qTbnbj.js";
-import { h as ce, j as pe, k as ge, f as me, l as ye, m as fe, n as ve } from "./_flatRest-Cgl-JzmZ.js";
+import { _ as ce } from "./Popover.vue_vue_type_style_index_0_lang-BmWYJg2M.js";
+import { c as R } from "./cloneDeep-D-sgVuxc.js";
+import { o as de, m as pe, n as ge, g as me, l as ye, p as fe, q as ve } from "./_flatRest-BzXqWlYG.js";
 import { a as Ce } from "./isArray-CdbPONHA.js";
 import { i as be } from "./isNumber-BopDesuz.js";
 import { a as he } from "./index-iTlmMf0U.js";
 import { createContext as ee } from "radix-vue";
 import { _ as ke } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
-import { o as Me } from "./omit-gDFhewvU.js";
+import { o as Me } from "./omit-Beooz3Dl.js";
 import { u as ze } from "./useId-DvOSMFGX.js";
 import { U as Se } from "./useInputDataStates-CZbdWpyp.js";
-const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__PURE__ */ H({
+const se = ["sm", "md", "lg"], Be = ["tabindex"], d = J("menu_item"), Y = /* @__PURE__ */ H({
   ...Q("MenuItemContent"),
   __name: "MenuItemContent",
   props: {
@@ -39,19 +39,19 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
     hasChildren: { type: Boolean }
   },
   setup(o) {
-    const s = o, l = Z(), m = x(c, {
+    const s = o, t = Z(), m = x(d, {
       variants: {
-        size: O(se, c),
-        selected: O("selected", c),
-        unFocusable: O("un-focusable", c),
-        danger: O("danger", c),
-        disabled: O("disabled", c),
-        hoverTrailing: O("hover-trailing", c),
-        description: O("description", c),
-        leadingCenter: O("leading-center", c)
+        size: O(se, d),
+        selected: O("selected", d),
+        unFocusable: O("un-focusable", d),
+        danger: O("danger", d),
+        disabled: O("disabled", d),
+        hoverTrailing: O("hover-trailing", d),
+        description: O("description", d),
+        leadingCenter: O("leading-center", d)
       }
-    }), d = i(() => {
-      const a = () => {
+    }), c = i(() => {
+      const l = () => {
         switch (s.size) {
           case "sm":
             return "2xsm";
@@ -65,7 +65,7 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
           default:
             return "sm";
         }
-      }, A = () => {
+      }, j = () => {
         switch (s.size) {
           case "sm":
             return "2xsm";
@@ -85,80 +85,80 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
         }
       };
       return {
-        iconSize: a(),
+        iconSize: l(),
         buttonSize: k(),
-        checkIconSize: A(),
-        switchSize: A(),
-        checkboxSize: a(),
+        checkIconSize: j(),
+        switchSize: j(),
+        checkboxSize: l(),
         avatarSize: S(),
         graphicalObjectSize: S(),
         badgeSize: S(),
         ...s
       };
     });
-    return (a, k) => (u(), y("div", {
+    return (l, k) => (u(), y("div", {
       role: "menuitem",
-      tabindex: a.unFocusable ? void 0 : 0,
+      tabindex: l.unFocusable ? void 0 : 0,
       class: b([
         r(m)({
-          size: a.size,
-          selected: a.selected,
-          unFocusable: a.unFocusable,
-          danger: a.danger,
-          disabled: a.disabled,
-          hoverTrailing: a.hoverTrailing,
-          leadingCenter: a.leadingCenter,
-          description: !!(l.description || s.description)
+          size: l.size,
+          selected: l.selected,
+          unFocusable: l.unFocusable,
+          danger: l.danger,
+          disabled: l.disabled,
+          hoverTrailing: l.hoverTrailing,
+          leadingCenter: l.leadingCenter,
+          description: !!(t.description || s.description)
         }),
         s.class
       ])
     }, [
-      l.leading || s.leading ? (u(), y("div", {
+      t.leading || s.leading ? (u(), y("div", {
         key: 0,
-        class: b([r(h)(r(c), "leading"), a.leadingCls])
+        class: b([r(h)(r(d), "leading"), l.leadingCls])
       }, [
-        f(a.$slots, "leading", D(P(d.value)), () => [
-          F(V(a.leading), 1)
+        f(l.$slots, "leading", D(A(c.value)), () => [
+          F(V(l.leading), 1)
         ])
       ], 2)) : $("", !0),
-      l.title || s.title || l.description || s.description ? (u(), y("div", {
+      t.title || s.title || t.description || s.description ? (u(), y("div", {
         key: 1,
-        class: b([r(h)(r(c), "content"), a.contentCls])
+        class: b([r(h)(r(d), "content"), l.contentCls])
       }, [
-        l.title || s.title ? (u(), y("div", {
+        t.title || s.title ? (u(), y("div", {
           key: 0,
-          class: b([r(h)(r(c), "title"), a.titleCls])
+          class: b([r(h)(r(d), "title"), l.titleCls])
         }, [
-          f(a.$slots, "title", D(P(s)), () => [
-            F(V(a.title), 1)
+          f(l.$slots, "title", D(A(s)), () => [
+            F(V(l.title), 1)
           ])
         ], 2)) : $("", !0),
-        l.description || s.description ? (u(), y("div", {
+        t.description || s.description ? (u(), y("div", {
           key: 1,
-          class: b([r(h)(r(c), "description"), a.descriptionCls])
+          class: b([r(h)(r(d), "description"), l.descriptionCls])
         }, [
-          f(a.$slots, "description", D(P(s)), () => [
-            F(V(a.description), 1)
+          f(l.$slots, "description", D(A(s)), () => [
+            F(V(l.description), 1)
           ])
         ], 2)) : $("", !0)
       ], 2)) : $("", !0),
-      a.hasChildren || l.trailing || s.trailing ? (u(), y("div", {
+      l.hasChildren || t.trailing || s.trailing ? (u(), y("div", {
         key: 2,
-        class: b([r(h)(r(c), "trailing"), a.trailingCls])
+        class: b([r(h)(r(d), "trailing"), l.trailingCls])
       }, [
-        a.hasChildren ? (u(), N(ke, {
+        l.hasChildren ? (u(), N(ke, {
           key: 0,
           "flip-on-dir": "rtl",
-          size: d.value.checkIconSize,
-          icon: a.branchIcon,
-          class: b([r(h)(r(c), "branch"), a.branchCls ?? ""])
+          size: c.value.checkIconSize,
+          icon: l.branchIcon,
+          class: b([r(h)(r(d), "branch"), l.branchCls ?? ""])
         }, {
-          default: T(() => [
-            f(a.$slots, "branchIcon", D(P(d.value)))
+          default: P(() => [
+            f(l.$slots, "branchIcon", D(A(c.value)))
           ]),
           _: 3
-        }, 8, ["size", "icon", "class"])) : f(a.$slots, "trailing", D(I({ key: 1 }, d.value)), () => [
-          F(V(a.trailing), 1)
+        }, 8, ["size", "icon", "class"])) : f(l.$slots, "trailing", D(I({ key: 1 }, c.value)), () => [
+          F(V(l.trailing), 1)
         ])
       ], 2)) : $("", !0)
     ], 10, Be));
@@ -195,7 +195,7 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
     branchIcon: { default: "tabler:chevron-right" }
   },
   setup(o) {
-    const s = o, l = Z(), m = i(() => {
+    const s = o, t = Z(), m = i(() => {
       switch (s.size) {
         case "lg":
           return 10;
@@ -204,37 +204,37 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
         default:
           return 6;
       }
-    }), d = i(() => {
-      var t;
-      return !!((t = s.items) != null && t.length || l.items);
-    }), a = E(), k = i(() => {
-      var t;
-      return s.triggerSubMenuAction ?? ((t = n.triggerSubMenuAction) == null ? void 0 : t.value);
-    }), A = (t) => {
+    }), c = i(() => {
+      var a;
+      return !!((a = s.items) != null && a.length || t.items);
+    }), l = E(), k = i(() => {
+      var a;
+      return s.triggerSubMenuAction ?? ((a = n.triggerSubMenuAction) == null ? void 0 : a.value);
+    }), j = (a) => {
       var M;
-      (k.value === "click" || (M = e.value) != null && M.length) && (t.stopPropagation(), t.preventDefault());
-    }, S = J("sub_menu"), n = Ve(), j = i(() => {
-      var t;
-      return ((t = re()) == null ? void 0 : t.vnode.key) ?? ze(c);
+      (k.value === "click" || (M = e.value) != null && M.length) && (a.stopPropagation(), a.preventDefault());
+    }, S = J("sub_menu"), n = Ve(), T = i(() => {
+      var a;
+      return ((a = re()) == null ? void 0 : a.vnode.key) ?? ze(d);
     }), L = Ke({}), e = i(() => {
-      var t;
-      return ((t = L.parentKeys) == null ? void 0 : t.value) ?? [];
+      var a;
+      return ((a = L.parentKeys) == null ? void 0 : a.value) ?? [];
     });
     Oe({
-      parentKeys: i(() => [...e.value, j.value])
+      parentKeys: i(() => [...e.value, T.value])
     });
     const v = i(() => ({
       ...s,
-      key: j.value,
-      hasChildren: d.value,
+      key: T.value,
+      hasChildren: c.value,
       parentKeys: e.value
     })), p = i(() => {
-      var t;
-      return ((t = n.size) == null ? void 0 : t.value) ?? s.size;
-    }), C = () => !d.value && s.disabled, { rootBindings: B, inputBindings: G } = Se({
+      var a;
+      return ((a = n.size) == null ? void 0 : a.value) ?? s.size;
+    }), C = () => !c.value && s.disabled, { rootBindings: B, inputBindings: q } = Se({
       getDisabled: C
     }), W = i(() => {
-      var t, M, z;
+      var a, M, z;
       return {
         ...Me(
           s,
@@ -246,37 +246,37 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
           "items"
         ),
         size: p.value,
-        selected: ((t = n.isItemSelected) == null ? void 0 : t.call(n, v.value)) ?? s.selected,
+        selected: ((a = n.isItemSelected) == null ? void 0 : a.call(n, v.value)) ?? s.selected,
         unFocusable: n.onClick ? void 0 : s.unFocusable,
         disabled: C(),
         hoverTrailing: s.hoverTrailing ?? ((M = n.hoverTrailing) == null ? void 0 : M.value),
         leadingCenter: s.leadingCenter ?? ((z = n.leadingCenter) == null ? void 0 : z.value),
-        hasChildren: d.value,
+        hasChildren: c.value,
         onClick: (g) => {
           var K;
           return (K = n.onClick) == null ? void 0 : K.call(n, v.value, g);
         },
-        ...G.value
+        ...q.value
       };
-    }), R = E(!1), ne = i(() => {
-      var t;
-      return ((t = n.isOpen) == null ? void 0 : t.call(n, j.value)) ?? R.value;
-    }), te = (t) => {
+    }), G = E(!1), ne = i(() => {
+      var a;
+      return ((a = n.isOpen) == null ? void 0 : a.call(n, T.value)) ?? G.value;
+    }), te = (a) => {
       var z, g;
-      (((z = n.isOpen) == null ? void 0 : z.call(n, j.value)) ?? R.value) !== t && (n.onChildrenOpenChange ? (g = n.onChildrenOpenChange) == null || g.call(n, v.value, t) : R.value = t);
-    }, le = i(() => {
-      var t, M, z, g;
-      return d.value ? {
+      (((z = n.isOpen) == null ? void 0 : z.call(n, T.value)) ?? G.value) !== a && (n.onChildrenOpenChange ? (g = n.onChildrenOpenChange) == null || g.call(n, v.value, a) : G.value = a);
+    }, ae = i(() => {
+      var a, M, z, g;
+      return c.value ? {
         size: p.value,
         containerProps: {
-          onClick: A
+          onClick: j
         },
-        to: a,
+        to: l,
         reversePlacementOnDir: "rtl",
         placement: "right-start",
         containerCls: [
           h(S, "items"),
-          (t = n.submenuCls) == null ? void 0 : t.value,
+          (a = n.submenuCls) == null ? void 0 : a.value,
           s.submenuCls
         ],
         sideOffset: m.value,
@@ -287,35 +287,35 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
         open: ne.value
       } : {};
     });
-    return (t, M) => {
+    return (a, M) => {
       const z = oe("MenuItem", !0);
-      return d.value ? (u(), N(de, I({ key: 0 }, le.value, { "onUpdate:open": te }), {
-        content: T(() => [
-          f(t.$slots, "items", D(P(s)), () => [
-            (u(!0), y(_, null, w(t.items, (g) => (u(), N(z, I({ ref_for: !0 }, g), U({ _: 2 }, [
-              w(Object.keys(t.$slots), (K) => ({
+      return c.value ? (u(), N(ce, I({ key: 0 }, ae.value, { "onUpdate:open": te }), {
+        content: P(() => [
+          f(a.$slots, "items", D(A({ ...s, key: T.value })), () => [
+            (u(!0), y(_, null, w(a.items, (g) => (u(), N(z, I({ ref_for: !0 }, g), U({ _: 2 }, [
+              w(Object.keys(t), (K) => ({
                 name: K,
-                fn: T((ae) => [
-                  f(t.$slots, K, I({ ref_for: !0 }, ae))
+                fn: P((le) => [
+                  f(a.$slots, K, I({ ref_for: !0 }, le))
                 ])
               }))
             ]), 1040))), 256))
           ])
         ]),
-        default: T(() => [
-          d.value ? (u(), y("div", I({
+        default: P(() => [
+          c.value ? (u(), y("div", I({
             key: 0,
             class: [r(S), s.submenuTriggerCls],
             ref_key: "root",
-            ref: a
+            ref: l
           }, r(B)), [
             ie(Y, I(W.value, {
               class: r(h)(r(S), "trigger")
             }), U({ _: 2 }, [
-              w(Object.keys(l), (g) => ({
+              w(Object.keys(t), (g) => ({
                 name: g,
-                fn: T((K) => [
-                  f(t.$slots, g, D(P(K)))
+                fn: P((K) => [
+                  f(a.$slots, g, D(A(K)))
                 ])
               }))
             ]), 1040, ["class"])
@@ -323,10 +323,10 @@ const se = ["sm", "md", "lg"], Be = ["tabindex"], c = J("menu_item"), Y = /* @__
         ]),
         _: 3
       }, 16)) : (u(), N(Y, D(I({ key: 1 }, W.value)), U({ _: 2 }, [
-        w(Object.keys(t.$slots), (g) => ({
+        w(Object.keys(t), (g) => ({
           name: g,
-          fn: T((K) => [
-            f(t.$slots, g, D(P(K)))
+          fn: P((K) => [
+            f(a.$slots, g, D(A({ ...K, key: T.value })))
           ])
         }))
       ]), 1040));
@@ -337,15 +337,15 @@ var De = "[object Map]", Te = "[object Set]", Pe = Object.prototype, Ae = Pe.has
 function je(o) {
   if (o == null)
     return !0;
-  if (ce(o) && (Ce(o) || typeof o == "string" || typeof o.splice == "function" || pe(o) || ge(o) || me(o)))
+  if (de(o) && (Ce(o) || typeof o == "string" || typeof o.splice == "function" || pe(o) || ge(o) || me(o)))
     return !o.length;
   var s = ye(o);
   if (s == De || s == Te)
     return !o.size;
   if (fe(o))
     return !ve(o).length;
-  for (var l in o)
-    if (Ae.call(o, l))
+  for (var t in o)
+    if (Ae.call(o, t))
       return !1;
   return !0;
 }
@@ -380,73 +380,73 @@ const [we, Fe] = ee("Menu"), Ve = () => we({}), xe = /* @__PURE__ */ H({
     "select"
   ],
   setup(o, { emit: s }) {
-    const l = o, m = s, d = J("menu"), a = x(d, {
+    const t = o, m = s, c = J("menu"), l = x(c, {
       variants: {
-        gap: O($e, d)
+        gap: O($e, c)
       }
-    }), k = E(l.openKeys ?? []);
+    }), k = E(t.openKeys ?? []);
     X(
-      () => l.openKeys,
+      () => t.openKeys,
       () => {
-        k.value = l.openKeys ?? [];
+        k.value = t.openKeys ?? [];
       }
     );
-    const A = (e, v) => {
-      let p = q(k.value);
-      v ? p = [...e.parentKeys, e.key] : p = p.filter((C) => C !== e.key), l.openKeys || (k.value = p), m("update:openKeys", p), m("openChange", p);
-    }, S = (e) => k.value.includes(e), n = E(l.selectedKeys ?? []);
+    const j = (e, v) => {
+      let p = R(k.value);
+      v ? p = [...e.parentKeys, e.key] : p = p.filter((C) => C !== e.key), t.openKeys || (k.value = p), m("update:openKeys", p), m("openChange", p);
+    }, S = (e) => k.value.includes(e), n = E(t.selectedKeys ?? []);
     X(
-      () => l.selectedKeys,
+      () => t.selectedKeys,
       () => {
-        n.value = l.selectedKeys ?? [];
+        n.value = t.selectedKeys ?? [];
       }
     );
-    const j = (e, v) => {
+    const T = (e, v) => {
       const p = ![void 0, null].includes(e.key) && (he(e.key) && !je(e.key) || be(e.key));
-      if (!e.danger && !e.disabled && p && l.selectable && !e.hasChildren) {
-        if (l.multiple)
+      if (!e.danger && !e.disabled && p && t.selectable && !e.hasChildren) {
+        if (t.multiple)
           if (n.value.indexOf(e.key) > -1) {
             if (n.value.length > 1) {
-              const B = q(n.value).filter((G) => G !== e.key);
-              l.selectedKeys || (n.value = B), m("update:selectedKeys", B), m("deselect", { item: e, selectedKeys: n.value });
+              const B = R(n.value).filter((q) => q !== e.key);
+              t.selectedKeys || (n.value = B), m("update:selectedKeys", B), m("deselect", { item: e, selectedKeys: n.value });
             }
           } else {
-            const B = [...q(n.value), e.key];
-            l.selectedKeys || (n.value = B), m("update:selectedKeys", B), m("select", { item: e, selectedKeys: n.value });
+            const B = [...R(n.value), e.key];
+            t.selectedKeys || (n.value = B), m("update:selectedKeys", B), m("select", { item: e, selectedKeys: n.value });
           }
         else {
           const C = [e.key];
-          l.selectedKeys || (n.value = C), m("update:selectedKeys", C), m("select", { item: e, selectedKeys: n.value });
+          t.selectedKeys || (n.value = C), m("update:selectedKeys", C), m("select", { item: e, selectedKeys: n.value });
         }
         m("click", e, v);
       }
     }, L = (e) => !e.danger && !e.disabled && n.value.includes(e.key);
     return Fe({
-      size: i(() => l.size),
-      forceMountSubmenu: i(() => l.forceMountSubmenu),
-      hoverTrailing: i(() => l.hoverTrailing),
-      leadingCenter: i(() => l.leadingCenter),
-      subMenuCloseDelay: i(() => l.subMenuCloseDelay),
-      subMenuOpenDelay: i(() => l.subMenuOpenDelay),
-      triggerSubMenuAction: i(() => l.triggerSubMenuAction),
-      submenuCls: i(() => l.submenuCls),
-      onClick: j,
+      size: i(() => t.size),
+      forceMountSubmenu: i(() => t.forceMountSubmenu),
+      hoverTrailing: i(() => t.hoverTrailing),
+      leadingCenter: i(() => t.leadingCenter),
+      subMenuCloseDelay: i(() => t.subMenuCloseDelay),
+      subMenuOpenDelay: i(() => t.subMenuOpenDelay),
+      triggerSubMenuAction: i(() => t.triggerSubMenuAction),
+      submenuCls: i(() => t.submenuCls),
+      onClick: T,
       isItemSelected: L,
-      onChildrenOpenChange: A,
+      onChildrenOpenChange: j,
       isOpen: S
     }), (e, v) => (u(), y("div", {
-      class: b([r(a)({ gap: e.gap ?? e.size }), l.class]),
+      class: b([r(l)({ gap: e.gap ?? e.size }), t.class]),
       onClick: v[1] || (v[1] = ue(() => {
       }, ["stop"]))
     }, [
       e.$slots.header || e.header || e.$slots.headerActions ? (u(), y("div", {
         key: 0,
-        class: b([r(h)(r(d), "header")]),
+        class: b([r(h)(r(c), "header")]),
         onClick: v[0] || (v[0] = (p) => m("headerClick", p))
       }, [
         e.$slots.header || e.header ? (u(), y("div", {
           key: 0,
-          class: b([r(h)(r(d), "header__title")])
+          class: b([r(h)(r(c), "header__title")])
         }, [
           f(e.$slots, "header", {}, () => [
             F(V(e.header), 1)
@@ -454,7 +454,7 @@ const [we, Fe] = ee("Menu"), Ve = () => we({}), xe = /* @__PURE__ */ H({
         ], 2)) : $("", !0),
         e.$slots.headerActions ? (u(), y("div", {
           key: 1,
-          class: b([r(h)(r(d), "header__actions")])
+          class: b([r(h)(r(c), "header__actions")])
         }, [
           f(e.$slots, "headerActions")
         ], 2)) : $("", !0)
@@ -463,7 +463,7 @@ const [we, Fe] = ee("Menu"), Ve = () => we({}), xe = /* @__PURE__ */ H({
         (u(!0), y(_, null, w(e.items, (p) => (u(), N(Ie, I({ ref_for: !0 }, p), U({ _: 2 }, [
           w(Object.keys(e.$slots), (C) => ({
             name: C,
-            fn: T((B) => [
+            fn: P((B) => [
               f(e.$slots, C, I({ ref_for: !0 }, B))
             ])
           }))
@@ -477,6 +477,7 @@ export {
   xe as _,
   Ie as a,
   se as b,
+  je as c,
   Ve as i,
   Fe as p
 };

package/dist/MenuItem/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { MenuItemContentSlots, MenuItemContentProps } from './MenuItemContent';
+import { MenuItemContentProps, MenuItemLeadingProps } from './MenuItemContent';
 export interface MenuItemProps extends Omit<MenuItemContentProps, 'hasChildren'> {
     subMenuCloseDelay?: number;
     subMenuOpenDelay?: number;
@@ -11,8 +11,25 @@ export interface MenuItemProps extends Omit<MenuItemContentProps, 'hasChildren'>
         key: string | number;
     })[];
 }
-export interface MenuItemSlots extends MenuItemContentSlots {
-    items?: (props: MenuItemProps) => never;
+export interface MenuItemSlots {
+    items?: (props: MenuItemProps & {
+        key: string;
+    }) => never;
+    title?: (props: MenuItemContentProps & {
+        key: string;
+    }) => never;
+    description?: (props: MenuItemContentProps & {
+        key: string;
+    }) => never;
+    leading?: (props: MenuItemContentProps & MenuItemLeadingProps & {
+        key: string;
+    }) => never;
+    trailing?: (props: MenuItemContentProps & MenuItemLeadingProps & {
+        key: string;
+    }) => never;
+    branchIcon?: (props: MenuItemContentProps & MenuItemLeadingProps & {
+        key: string;
+    }) => never;
 }
 export interface Context {
     parentKeys?: ComputedRef<(string | number)[]>;

package/dist/MenuItem/MenuItemContent.d.ts

@@ -1,10 +1,10 @@
 import { MenuItemSize } from './MenuItem.model';
 import { Class } from '../types';
+import { GraphicalObjectProps } from '../GraphicalObject';
 import { AvatarSize } from '../Avatar/Avatar.model';
 import { IconSize } from '../Icon/Icon.model';
-import { GraphicalObjectProps } from '../GraphicalObject';
-import { CheckboxSize } from '../Checkbox';
-import { SwitchSize } from '../Switch';
+import { CheckboxSize } from '../Checkbox/Checkbox.model';
+import { SwitchSize } from '../Switch/Switch.model';
 import { ButtonSize } from '../Base/BaseButton/BaseButton.model';
 import { BadgeSize } from '../Base/BaseBadge/BaseBadge.model';
 export interface MenuItemContentProps {
@@ -29,7 +29,7 @@ export interface MenuItemContentProps {
     branchIcon?: string;
     hasChildren?: boolean;
 }
-interface LeadingProps {
+export interface MenuItemLeadingProps {
     iconSize?: IconSize;
     avatarSize?: AvatarSize;
     checkboxSize?: CheckboxSize;
@@ -42,9 +42,9 @@ interface LeadingProps {
 export interface MenuItemContentSlots {
     title?: (props: MenuItemContentProps) => never;
     description?: (props: MenuItemContentProps) => never;
-    leading?: (props: MenuItemContentProps & LeadingProps) => never;
-    trailing?: (props: MenuItemContentProps & LeadingProps) => never;
-    branchIcon?: (props: MenuItemContentProps & LeadingProps) => never;
+    leading?: (props: MenuItemContentProps & MenuItemLeadingProps) => never;
+    trailing?: (props: MenuItemContentProps & MenuItemLeadingProps) => never;
+    branchIcon?: (props: MenuItemContentProps & MenuItemLeadingProps) => never;
 }
 export declare const MenuItemPrefix: string;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<MenuItemContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuItemContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<MenuItemContentSlots> & MenuItemContentSlots>;

package/dist/MenuItem/index.js.js

@@ -1,4 +1,4 @@
-import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-Dcu2gyxm.js";
+import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-CJAZruBS.js";
 export {
   s as MenuItem,
   t as MenuItemSizes,

package/dist/MenuItem/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-zgFo-Qhe.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-1iiTY68f.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;

package/dist/Popover/Popover.d.ts

@@ -14,6 +14,8 @@ export interface PopoverProps extends HoverCardRootProps, Omit<PopoverPortalProp
     placement?: PopoverPlacement;
     to?: string | HTMLElement | getPopupContainer;
     reversePlacementOnDir?: Direction;
+    autoFocusInside?: boolean;
+    zIndex?: number | string;
 }
 export interface PopoverSlots {
     default?: () => never;
@@ -97,17 +99,17 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any;
-    focusOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
-    interactOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
+    pointerDownOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
+    interactOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
     openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('../../../../node_modules/radix-vue/dist/DismissableLayer/utils.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {

package/dist/Popover/index.js.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-CCfVt5eZ.js";
+import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-BmWYJg2M.js";
 export {
   a as Popover,
   s as PopoverPlacements,

package/dist/Popover/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Popover.vue_vue_type_style_index_0_lang-DyKW40kh.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Popover.vue_vue_type_style_index_0_lang-C7q9V9tc.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;