@pantograph/vue 0.10.3 → 0.10.5

package/dist/Menu/Menu.d.ts

@@ -1,5 +1,6 @@
-import { MenuItemSlots } from '../MenuItem/MenuItem';
-import { MenuItemProps, MenuItemSize } from '../MenuItem';
+import { MenuItemContentProps, MenuItemLeadingProps } from '../MenuItem/MenuItemContent';
+import { MenuItemProps } from '../MenuItem';
+import { MenuItemSize } from '../MenuItem/MenuItem.model';
 import { Class } from '../types';
 import { MenuGap } from './Menu.model';
 import { ComputedRef } from 'vue';
@@ -46,16 +47,16 @@ declare const provideMenuContext: (contextValue: Partial<Context>) => Partial<Co
 declare const injectMenuContext: () => Partial<Context>;
 export { injectMenuContext, provideMenuContext };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
     select: (...args: any[]) => void;
+    click: (...args: any[]) => void;
     "update:openKeys": (...args: any[]) => void;
     "update:selectedKeys": (...args: any[]) => void;
     openChange: (...args: any[]) => void;
     headerClick: (...args: any[]) => void;
     deselect: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<MenuProps> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
     onOpenChange?: ((...args: any[]) => any) | undefined;
@@ -69,11 +70,47 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Me
     default?: () => never;
     header?: () => never;
     headerActions?: () => never;
-} & 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;
+}> & {
     default?: () => never;
     header?: () => never;
     headerActions?: () => never;
-} & 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 default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Menu/index.js.js

@@ -1,4 +1,4 @@
-import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-CtqLC5y9.js";
+import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-CJAZruBS.js";
 export {
   n as Menu,
   t as MenuGaps,

package/dist/Menu/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-CG9UOulA.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
+"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.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;

package/dist/Menu.vue_vue_type_style_index_0_lang-1iiTY68f.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./class-CjZYGZDW.js"),T=require("class-variance-authority"),D=require("./options-B4iSAKol.js"),U=require("./Popover.vue_vue_type_style_index_0_lang-C7q9V9tc.js"),O=require("./cloneDeep-DkiDLLTT.js"),S=require("./_flatRest-CreY2VBo.js"),G=require("./isArray-3RTyNB5p.js"),H=require("./isNumber-CYWvnzF3.js"),J=require("./index-BBeDQiz4.js"),$=require("radix-vue"),Q=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),W=require("./omit-C4BrcXKG.js"),X=require("./useId-Ku3O_8TK.js"),Y=require("./useInputDataStates-CbRgNQqU.js"),K=["sm","md","lg"],Z=["tabindex"],c=a.getBemBlock("menu_item"),E=e.defineComponent({...D.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(i){const t=i,r=e.useSlots(),m=T.cva(c,{variants:{size:a.generateVariantClassList(K,c),selected:a.generateVariantClassList("selected",c),unFocusable:a.generateVariantClassList("un-focusable",c),danger:a.generateVariantClassList("danger",c),disabled:a.generateVariantClassList("disabled",c),hoverTrailing:a.generateVariantClassList("hover-trailing",c),description:a.generateVariantClassList("description",c),leadingCenter:a.generateVariantClassList("leading-center",c)}}),u=e.computed(()=>{const l=()=>{switch(t.size){case"sm":return"2xsm";default:return"xsm"}},f=()=>{switch(t.size){case"lg":return"md";default:return"sm"}},z=()=>{switch(t.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},k=()=>{switch(t.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:l(),buttonSize:f(),checkIconSize:z(),switchSize:z(),checkboxSize:l(),avatarSize:k(),graphicalObjectSize:k(),badgeSize:k(),...t}});return(l,f)=>(e.openBlock(),e.createElementBlock("div",{role:"menuitem",tabindex:l.unFocusable?void 0:0,class:e.normalizeClass([e.unref(m)({size:l.size,selected:l.selected,unFocusable:l.unFocusable,danger:l.danger,disabled:l.disabled,hoverTrailing:l.hoverTrailing,leadingCenter:l.leadingCenter,description:!!(r.description||t.description)}),t.class])},[r.leading||t.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(c),"leading"),l.leadingCls])},[e.renderSlot(l.$slots,"leading",e.normalizeProps(e.guardReactiveProps(u.value)),()=>[e.createTextVNode(e.toDisplayString(l.leading),1)])],2)):e.createCommentVNode("",!0),r.title||t.title||r.description||t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(c),"content"),l.contentCls])},[r.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(c),"title"),l.titleCls])},[e.renderSlot(l.$slots,"title",e.normalizeProps(e.guardReactiveProps(t)),()=>[e.createTextVNode(e.toDisplayString(l.title),1)])],2)):e.createCommentVNode("",!0),r.description||t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(c),"description"),l.descriptionCls])},[e.renderSlot(l.$slots,"description",e.normalizeProps(e.guardReactiveProps(t)),()=>[e.createTextVNode(e.toDisplayString(l.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),l.hasChildren||r.trailing||t.trailing?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(c),"trailing"),l.trailingCls])},[l.hasChildren?(e.openBlock(),e.createBlock(Q._sfc_main,{key:0,"flip-on-dir":"rtl",size:u.value.checkIconSize,icon:l.branchIcon,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(c),"branch"),l.branchCls??""])},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"branchIcon",e.normalizeProps(e.guardReactiveProps(u.value)))]),_:3},8,["size","icon","class"])):e.renderSlot(l.$slots,"trailing",e.normalizeProps(e.mergeProps({key:1},u.value)),()=>[e.createTextVNode(e.toDisplayString(l.trailing),1)])],2)):e.createCommentVNode("",!0)],10,Z))}}),[x,ee]=$.createContext("MenuItem"),w=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"MenuItem",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(i){const t=i,r=e.useSlots(),m=e.computed(()=>{switch(t.size){case"lg":return 10;case"md":return 8;default:return 6}}),u=e.computed(()=>{var o;return!!((o=t.items)!=null&&o.length||r.items)}),l=e.ref(),f=e.computed(()=>{var o;return t.triggerSubMenuAction??((o=s.triggerSubMenuAction)==null?void 0:o.value)}),z=o=>{var y;(f.value==="click"||(y=n.value)!=null&&y.length)&&(o.stopPropagation(),o.preventDefault())},k=a.getBemBlock("sub_menu"),s=q(),B=e.computed(()=>{var o;return((o=e.getCurrentInstance())==null?void 0:o.vnode.key)??X.usePCId(c)}),M=x({}),n=e.computed(()=>{var o;return((o=M.parentKeys)==null?void 0:o.value)??[]});ee({parentKeys:e.computed(()=>[...n.value,B.value])});const g=e.computed(()=>({...t,key:B.value,hasChildren:u.value,parentKeys:n.value})),d=e.computed(()=>{var o;return((o=s.size)==null?void 0:o.value)??t.size}),C=()=>!u.value&&t.disabled,{rootBindings:h,inputBindings:P}=Y.UseInputDataStates({getDisabled:C}),V=e.computed(()=>{var o,y,v;return{...W.omit(t,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:d.value,selected:((o=s.isItemSelected)==null?void 0:o.call(s,g.value))??t.selected,unFocusable:s.onClick?void 0:t.unFocusable,disabled:C(),hoverTrailing:t.hoverTrailing??((y=s.hoverTrailing)==null?void 0:y.value),leadingCenter:t.leadingCenter??((v=s.leadingCenter)==null?void 0:v.value),hasChildren:u.value,onClick:p=>{var b;return(b=s.onClick)==null?void 0:b.call(s,g.value,p)},...P.value}}),I=e.ref(!1),_=e.computed(()=>{var o;return((o=s.isOpen)==null?void 0:o.call(s,B.value))??I.value}),j=o=>{var v,p;(((v=s.isOpen)==null?void 0:v.call(s,B.value))??I.value)!==o&&(s.onChildrenOpenChange?(p=s.onChildrenOpenChange)==null||p.call(s,g.value,o):I.value=o)},F=e.computed(()=>{var o,y,v,p;return u.value?{size:d.value,containerProps:{onClick:z},to:l,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[a.getBemElement(k,"items"),(o=s.submenuCls)==null?void 0:o.value,t.submenuCls],sideOffset:m.value,forceMount:t.forceMountSubmenu??((y=s.forceMountSubmenu)==null?void 0:y.value),trigger:f.value,closeDelay:((v=s.subMenuCloseDelay)==null?void 0:v.value)??t.subMenuCloseDelay,openDelay:((p=s.subMenuOpenDelay)==null?void 0:p.value)??t.subMenuOpenDelay,open:_.value}:{}});return(o,y)=>{const v=e.resolveComponent("MenuItem",!0);return u.value?(e.openBlock(),e.createBlock(U._sfc_main,e.mergeProps({key:0},F.value,{"onUpdate:open":j}),{content:e.withCtx(()=>[e.renderSlot(o.$slots,"items",e.normalizeProps(e.guardReactiveProps({...t,key:B.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,p=>(e.openBlock(),e.createBlock(v,e.mergeProps({ref_for:!0},p),e.createSlots({_:2},[e.renderList(Object.keys(r),b=>({name:b,fn:e.withCtx(R=>[e.renderSlot(o.$slots,b,e.mergeProps({ref_for:!0},R))])}))]),1040))),256))])]),default:e.withCtx(()=>[u.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(k),t.submenuTriggerCls],ref_key:"root",ref:l},e.unref(h)),[e.createVNode(E,e.mergeProps(V.value,{class:e.unref(a.getBemElement)(e.unref(k),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(r),p=>({name:p,fn:e.withCtx(b=>[e.renderSlot(o.$slots,p,e.normalizeProps(e.guardReactiveProps(b)))])}))]),1040,["class"])],16)):e.createCommentVNode("",!0)]),_:3},16)):(e.openBlock(),e.createBlock(E,e.normalizeProps(e.mergeProps({key:1},V.value)),e.createSlots({_:2},[e.renderList(Object.keys(r),p=>({name:p,fn:e.withCtx(b=>[e.renderSlot(o.$slots,p,e.normalizeProps(e.guardReactiveProps({...b,key:B.value})))])}))]),1040))}}}),A=[...K,"none"];var ne="[object Map]",te="[object Set]",se=Object.prototype,re=se.hasOwnProperty;function N(i){if(i==null)return!0;if(S.isArrayLike(i)&&(G.isArray(i)||typeof i=="string"||typeof i.splice=="function"||S.isBuffer(i)||S.isTypedArray(i)||S.isArguments(i)))return!i.length;var t=S.getTag(i);if(t==ne||t==te)return!i.size;if(S.isPrototype(i))return!S.baseKeys(i).length;for(var r in i)if(re.call(i,r))return!1;return!0}const[oe,L]=$.createContext("Menu"),q=()=>oe({}),le=e.defineComponent({...D.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(i,{emit:t}){const r=i,m=t,u=a.getBemBlock("menu"),l=T.cva(u,{variants:{gap:a.generateVariantClassList(A,u)}}),f=e.ref(r.openKeys??[]);e.watch(()=>r.openKeys,()=>{f.value=r.openKeys??[]});const z=(n,g)=>{let d=O.cloneDeep(f.value);g?d=[...n.parentKeys,n.key]:d=d.filter(C=>C!==n.key),r.openKeys||(f.value=d),m("update:openKeys",d),m("openChange",d)},k=n=>f.value.includes(n),s=e.ref(r.selectedKeys??[]);e.watch(()=>r.selectedKeys,()=>{s.value=r.selectedKeys??[]});const B=(n,g)=>{const d=![void 0,null].includes(n.key)&&(J.isString(n.key)&&!N(n.key)||H.isNumber(n.key));if(!n.danger&&!n.disabled&&d&&r.selectable&&!n.hasChildren){if(r.multiple)if(s.value.indexOf(n.key)>-1){if(s.value.length>1){const h=O.cloneDeep(s.value).filter(P=>P!==n.key);r.selectedKeys||(s.value=h),m("update:selectedKeys",h),m("deselect",{item:n,selectedKeys:s.value})}}else{const h=[...O.cloneDeep(s.value),n.key];r.selectedKeys||(s.value=h),m("update:selectedKeys",h),m("select",{item:n,selectedKeys:s.value})}else{const C=[n.key];r.selectedKeys||(s.value=C),m("update:selectedKeys",C),m("select",{item:n,selectedKeys:s.value})}m("click",n,g)}},M=n=>!n.danger&&!n.disabled&&s.value.includes(n.key);return L({size:e.computed(()=>r.size),forceMountSubmenu:e.computed(()=>r.forceMountSubmenu),hoverTrailing:e.computed(()=>r.hoverTrailing),leadingCenter:e.computed(()=>r.leadingCenter),subMenuCloseDelay:e.computed(()=>r.subMenuCloseDelay),subMenuOpenDelay:e.computed(()=>r.subMenuOpenDelay),triggerSubMenuAction:e.computed(()=>r.triggerSubMenuAction),submenuCls:e.computed(()=>r.submenuCls),onClick:B,isItemSelected:M,onChildrenOpenChange:z,isOpen:k}),(n,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)({gap:n.gap??n.size}),r.class]),onClick:g[1]||(g[1]=e.withModifiers(()=>{},["stop"]))},[n.$slots.header||n.header||n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"header")]),onClick:g[0]||(g[0]=d=>m("headerClick",d))},[n.$slots.header||n.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"header__title")])},[e.renderSlot(n.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"header__actions")])},[e.renderSlot(n.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,d=>(e.openBlock(),e.createBlock(w,e.mergeProps({ref_for:!0},d),e.createSlots({_:2},[e.renderList(Object.keys(n.$slots),C=>({name:C,fn:e.withCtx(h=>[e.renderSlot(n.$slots,C,e.mergeProps({ref_for:!0},h))])}))]),1040))),256))])],2))}});exports.MenuGaps=A;exports.MenuItemSizes=K;exports._sfc_main=le;exports._sfc_main$1=w;exports.injectMenuContext=q;exports.isEmpty=N;exports.provideMenuContext=L;

package/dist/{Menu.vue_vue_type_style_index_0_lang-CtqLC5y9.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 a, 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 ae, 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-vZfwRHoU.js";
-import { c as q } from "./cloneDeep-BMA7VTX1.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-CHX8vV1P.js";
-import { i as Ce } from "./isArray-WzO_os3q.js";
-import { i as be } from "./isNumber-DlKYWCo3.js";
-import { i as he } from "./isString-BVAZt9W3.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-BfPcw6PU.js";
-import { o as Me } from "./omit-BEkBWXra.js";
+import { _ as ke } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.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 r = () => {
+    }), 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: r(),
+        iconSize: l(),
         buttonSize: k(),
-        checkIconSize: A(),
-        switchSize: A(),
-        checkboxSize: r(),
+        checkIconSize: j(),
+        switchSize: j(),
+        checkboxSize: l(),
         avatarSize: S(),
         graphicalObjectSize: S(),
         badgeSize: S(),
         ...s
       };
     });
-    return (r, k) => (u(), y("div", {
+    return (l, k) => (u(), y("div", {
       role: "menuitem",
-      tabindex: r.unFocusable ? void 0 : 0,
+      tabindex: l.unFocusable ? void 0 : 0,
       class: b([
-        a(m)({
-          size: r.size,
-          selected: r.selected,
-          unFocusable: r.unFocusable,
-          danger: r.danger,
-          disabled: r.disabled,
-          hoverTrailing: r.hoverTrailing,
-          leadingCenter: r.leadingCenter,
-          description: !!(l.description || s.description)
+        r(m)({
+          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([a(h)(a(c), "leading"), r.leadingCls])
+        class: b([r(h)(r(d), "leading"), l.leadingCls])
       }, [
-        f(r.$slots, "leading", D(P(d.value)), () => [
-          F(V(r.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([a(h)(a(c), "content"), r.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([a(h)(a(c), "title"), r.titleCls])
+          class: b([r(h)(r(d), "title"), l.titleCls])
         }, [
-          f(r.$slots, "title", D(P(s)), () => [
-            F(V(r.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([a(h)(a(c), "description"), r.descriptionCls])
+          class: b([r(h)(r(d), "description"), l.descriptionCls])
         }, [
-          f(r.$slots, "description", D(P(s)), () => [
-            F(V(r.description), 1)
+          f(l.$slots, "description", D(A(s)), () => [
+            F(V(l.description), 1)
           ])
         ], 2)) : $("", !0)
       ], 2)) : $("", !0),
-      r.hasChildren || l.trailing || s.trailing ? (u(), y("div", {
+      l.hasChildren || t.trailing || s.trailing ? (u(), y("div", {
         key: 2,
-        class: b([a(h)(a(c), "trailing"), r.trailingCls])
+        class: b([r(h)(r(d), "trailing"), l.trailingCls])
       }, [
-        r.hasChildren ? (u(), N(ke, {
+        l.hasChildren ? (u(), N(ke, {
           key: 0,
           "flip-on-dir": "rtl",
-          size: d.value.checkIconSize,
-          icon: r.branchIcon,
-          class: b([a(h)(a(c), "branch"), r.branchCls ?? ""])
+          size: c.value.checkIconSize,
+          icon: l.branchIcon,
+          class: b([r(h)(r(d), "branch"), l.branchCls ?? ""])
         }, {
-          default: T(() => [
-            f(r.$slots, "branchIcon", D(P(d.value)))
+          default: P(() => [
+            f(l.$slots, "branchIcon", D(A(c.value)))
           ]),
           _: 3
-        }, 8, ["size", "icon", "class"])) : f(r.$slots, "trailing", D(I({ key: 1 }, d.value)), () => [
-          F(V(r.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);
-    }), r = 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 = ae()) == 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: r,
+        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((re) => [
-                  f(t.$slots, K, I({ ref_for: !0 }, re))
+                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: [a(S), s.submenuTriggerCls],
+            class: [r(S), s.submenuTriggerCls],
             ref_key: "root",
-            ref: r
-          }, a(B)), [
+            ref: l
+          }, r(B)), [
             ie(Y, I(W.value, {
-              class: a(h)(a(S), "trigger")
+              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"), r = 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([a(r)({ 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([a(h)(a(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([a(h)(a(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([a(h)(a(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
 };