@pantograph/vue 0.23.28 → 0.23.30

package/dist/MenuItem/index.js

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

package/dist/MenuItem/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.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("../MenuItem.vue_vue_type_style_index_0_lang-BGtNa4LX.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;

package/dist/MenuItem.vue_vue_type_style_index_0_lang-BGtNa4LX.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),K=require("./options-CWrQ7gsa.js"),T=require("class-variance-authority"),k=require("./Icon.vue_vue_type_style_index_0_lang-Caz79tKh.js"),R=require("./index-DWw7aruo.js"),U=require("./Popover.vue_vue_type_style_index_0_lang-Bh9JyVRp.js"),L=require("./useInputDataStates-afRCO2my.js"),V=require("reka-ui"),D=["sm","md","lg"],w=[...D,"none"],f=s.getBemBlock("menu_item"),F=e.defineComponent({...K.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:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(z){const n=z,o=e.useSlots(),a=T.cva(f,{variants:{size:s.generateVariantClassList(D,f),selected:s.generateVariantClassList("selected",f),unFocusable:s.generateVariantClassList("un-focusable",f),danger:s.generateVariantClassList("danger",f),disabled:s.generateVariantClassList("disabled",f),hoverTrailing:s.generateVariantClassList("hover-trailing",f),description:s.generateVariantClassList("description",f),leadingCenter:s.generateVariantClassList("leading-center",f)}}),g=e.computed(()=>{const v=()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}},p=()=>{switch(n.size){case"lg":return"md";default:return"sm"}},i=()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},B=()=>{switch(n.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:v(),buttonSize:p(),checkIconSize:i(),switchSize:i(),checkboxSize:v(),avatarSize:B(),graphicalObjectSize:B(),badgeSize:B(),...n}}),l=e.useAttrs(),u=()=>{var B;const v=(B=o.description)==null?void 0:B.call(o,g.value),p=!k.isEmptyElement(v),i=()=>{var _,P,I,E;const d=[],t=(_=o.leading)==null?void 0:_.call(o,g.value),m=!k.isEmptyElement(t);(m||n.leading)&&d.push(e.h("div",{class:s.normCls([s.getBemElement(f,"leading"),n.leadingCls])},e.h("div",{class:s.normCls([s.getBemElement(f,"leading_content"),n.leadingContentCls])},m?t:n.leading)));const c=(P=o.title)==null?void 0:P.call(o,g.value),C=!k.isEmptyElement(c);if(C||n.title||p||n.description){const r=[];(C||n.title)&&r.push(e.h("div",{class:s.normCls([s.getBemElement(f,"title"),n.titleCls])},C?c:n.title)),(p||n.description)&&r.push(e.h("div",{class:s.normCls([s.getBemElement(f,"description"),n.descriptionCls])},p?v:n.description)),d.push(e.h("div",{class:s.normCls([s.getBemElement(f,"content"),n.contentCls])},r))}const h=(I=o.trailing)==null?void 0:I.call(o,g.value),M=!k.isEmptyElement(h);if(n.hasChildren){const r=(E=o.branchIcon)==null?void 0:E.call(o,g.value);d.push(e.h(k._sfc_main$3,{class:s.normCls([s.getBemElement(f,"branch"),n.branchCls??""]),flipOnDir:"rtl",size:g.value.checkIconSize,icon:n.branchIcon},{default:k.isEmptyElement(r)?null:r}))}else(M||n.trailing)&&d.push(e.h("div",{class:s.normCls([s.getBemElement(f,"trailing"),n.trailingCls])},M?h:n.trailing));return d};return e.h("div",{...l,role:"menuitem",tabindex:n.unFocusable?void 0:l.tabindex??0,class:s.normCls([a({size:n.size,selected:n.selected,unFocusable:n.unFocusable,danger:n.danger,disabled:n.disabled,hoverTrailing:n.hoverTrailing,leadingCenter:n.leadingCenter,description:!!(p||n.description)}),n.class])},i())};return(v,p)=>(e.openBlock(),e.createBlock(u))}}),[x,G]=V.createContext("SubMenu"),A=e.defineComponent({...K.getComponentOptions("MenuItem"),__name:"SubMenu",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:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(z){const n=z,o=e.useSlots(),a=e.computed(()=>{switch(n.size){case"lg":return 10;case"md":return 8;default:return 6}}),g=e.ref(),l=$(),u=e.computed(()=>{var r;return n.triggerSubMenuAction??((r=l.props)==null?void 0:r.triggerSubMenuAction)}),v=x({parentKeys:[]}),p=r=>{var S;(u.value==="click"||(S=e.unref(v.parentKeys))!=null&&S.length)&&(r.stopPropagation(),r.preventDefault())},i=s.getBemBlock("sub_menu"),B=s.usePCId(i),d=e.computed(()=>{var r;return((r=e.getCurrentInstance())==null?void 0:r.vnode.key)??B});G({parentKeys:e.computed(()=>[...e.unref(v.parentKeys),d.value])});const t=e.computed(()=>({...n,key:d.value,hasChildren:!0,parentKeys:e.unref(v.parentKeys)})),m=e.computed(()=>{var r;return((r=l.props)==null?void 0:r.size)??n.size}),c=()=>!1,{rootBindings:C,inputBindings:h}=L.UseInputDataStates({getDisabled:c}),M=e.computed(()=>{var r,S,y;return{...k.omit(n,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:m.value,selected:((r=l.isItemSelected)==null?void 0:r.call(l,t.value))??n.selected,unFocusable:l.onClick?void 0:n.unFocusable,disabled:c(),hoverTrailing:n.hoverTrailing??((S=l.props)==null?void 0:S.hoverTrailing),leadingCenter:n.leadingCenter??((y=l.props)==null?void 0:y.leadingCenter),hasChildren:!0,onClick:b=>{var O;return(O=l.onClick)==null?void 0:O.call(l,t.value,b)},...h.value}}),_=e.ref(!1),P=e.computed(()=>{var r;return((r=l.isOpen)==null?void 0:r.call(l,d.value))??_.value}),I=r=>{var y,b;(((y=l.isOpen)==null?void 0:y.call(l,d.value))??_.value)!==r&&(l.onChildrenOpenChange?(b=l.onChildrenOpenChange)==null||b.call(l,t.value,r):_.value=r)},E=e.computed(()=>{var r,S,y,b;return{size:m.value,containerProps:{onClick:p},to:g.value,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[s.getBemElement(i,"items"),(r=l.props)==null?void 0:r.submenuCls,n.submenuCls],sideOffset:a.value,forceMount:n.forceMountSubmenu??((S=l.props)==null?void 0:S.forceMountSubmenu),trigger:u.value,closeDelay:((y=l.props)==null?void 0:y.subMenuCloseDelay)??n.subMenuCloseDelay,openDelay:((b=l.props)==null?void 0:b.subMenuOpenDelay)??n.subMenuOpenDelay,open:P.value}});return(r,S)=>(e.openBlock(),e.createBlock(U._sfc_main,e.mergeProps(E.value,{"onUpdate:open":I,key:String(u.value)}),{content:e.withCtx(()=>[e.renderSlot(r.$slots,"items",e.normalizeProps(e.guardReactiveProps({...n,key:d.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,y=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},y),e.createSlots({_:2},[e.renderList(Object.keys(o),b=>({name:b,fn:e.withCtx(O=>[e.renderSlot(r.$slots,b,e.mergeProps({ref_for:!0},O))])}))]),1040))),256))])]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:e.unref(s.normCls)([e.unref(i),n.submenuTriggerCls]),ref_key:"root",ref:g},e.unref(C)),[e.createVNode(F,e.mergeProps(M.value,{class:e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(i),"trigger"))}),e.createSlots({_:2},[e.renderList(Object.keys(o),y=>({name:y,fn:e.withCtx(b=>[e.renderSlot(r.$slots,y,e.normalizeProps(e.guardReactiveProps(b)))])}))]),1040,["class"])],16)]),_:3},16))}}),j=e.defineComponent({__name:"MenuItemWrapper",props:{subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean},items:{},size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{}},setup(z){const n=z,o=e.useSlots(),a=e.computed(()=>{var u;return!!((u=n.items)!=null&&u.length||o.items)}),g=s.usePCId("menu-item"),l=e.computed(()=>{var u;return((u=e.getCurrentInstance())==null?void 0:u.vnode.key)??g});return(u,v)=>a.value?(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:0},{...n,key:l.value})),e.createSlots({_:2},[e.renderList(Object.keys(u.$slots),p=>({name:p,fn:e.withCtx(i=>[e.renderSlot(u.$slots,p,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040)):(e.openBlock(),e.createBlock(N,e.normalizeProps(e.mergeProps({key:1},{...n,key:l.value})),e.createSlots({_:2},[e.renderList(Object.keys(u.$slots),p=>({name:p,fn:e.withCtx(i=>[e.renderSlot(u.$slots,p,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040))}}),[W,q]=V.createContext("Menu"),$=()=>W({}),H=e.defineComponent({...K.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},disabled:{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(z,{emit:n}){const o=z,a=n,g=s.getBemBlock("menu"),l=T.cva(g,{variants:{gap:s.generateVariantClassList(w,g)}}),u=e.ref(o.openKeys??[]);e.watch(()=>o.openKeys,()=>{u.value=o.openKeys??[]});const v=(t,m)=>{let c=k.cloneDeep(u.value);m?c=[...t.parentKeys??[],t.key]:c=c.filter(C=>C!==t.key),o.openKeys||(u.value=c),a("update:openKeys",c),a("openChange",c)},p=t=>u.value.includes(t),i=e.ref(o.selectedKeys??[]);return e.watch(()=>o.selectedKeys,()=>{i.value=o.selectedKeys??[]}),q({props:o,onClick:(t,m)=>{const c=![void 0,null].includes(t.key)&&(R.isString(t.key)&&!k.isEmpty(t.key)||k.isNumber(t.key));if(!o.disabled&&!t.danger&&!t.disabled&&c&&o.selectable&&!t.hasChildren){if(o.multiple)if(i.value.indexOf(t.key)>-1){if(i.value.length>1){const h=k.cloneDeep(i.value).filter(M=>M!==t.key);o.selectedKeys||(i.value=h),a("update:selectedKeys",h),a("deselect",{item:t,selectedKeys:i.value})}}else{const h=[...k.cloneDeep(i.value),t.key];o.selectedKeys||(i.value=h),a("update:selectedKeys",h),a("select",{item:t,selectedKeys:i.value})}else{const C=[t.key];o.selectedKeys||(i.value=C),a("update:selectedKeys",C),a("select",{item:t,selectedKeys:i.value})}a("click",t,m)}},isItemSelected:t=>!o.disabled&&!t.danger&&!t.disabled&&i.value.includes(t.key),onChildrenOpenChange:v,isOpen:p}),(t,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)([e.unref(l)({gap:t.gap??t.size}),o.class])),onClick:m[1]||(m[1]=e.withModifiers(()=>{},["stop"]))},[t.$slots.header||t.header||t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)([e.unref(s.getBemElement)(e.unref(g),"header")])),onClick:m[0]||(m[0]=c=>a("headerClick",c))},[t.$slots.header||t.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)([e.unref(s.getBemElement)(e.unref(g),"header__title")]))},[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.header),1)])],2)):e.createCommentVNode("",!0),t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s.normCls)([e.unref(s.getBemElement)(e.unref(g),"header__actions")]))},[e.renderSlot(t.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,c=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},c),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),C=>({name:C,fn:e.withCtx(h=>[e.renderSlot(t.$slots,C,e.mergeProps({ref_for:!0},h))])}))]),1040))),256))])],2))}}),N=e.defineComponent({...K.getComponentOptions("MenuItem"),__name:"MenuItem",props:{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:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{}},setup(z){const n=z,o=e.useSlots(),a=$(),g=s.usePCId(f),l=e.computed(()=>{var d;return((d=e.getCurrentInstance())==null?void 0:d.vnode.key)??g}),u=e.computed(()=>({...n,key:l.value})),v=e.computed(()=>{var d;return((d=a.props)==null?void 0:d.size)??n.size}),p=()=>a.props&&a.props.disabled||n.disabled,{inputBindings:i}=L.UseInputDataStates({getDisabled:p}),B=e.computed(()=>{var d,t,m;return{...n,size:v.value,selected:((d=a.isItemSelected)==null?void 0:d.call(a,u.value))??n.selected,unFocusable:a.onClick?void 0:n.unFocusable,hoverTrailing:n.hoverTrailing??((t=a.props)==null?void 0:t.hoverTrailing),leadingCenter:n.leadingCenter??((m=a.props)==null?void 0:m.leadingCenter),disabled:p(),onClick:c=>{var C;p()&&(c.preventDefault(),c.stopPropagation()),(C=a.onClick)==null||C.call(a,u.value,c)},...i.value}});return(d,t)=>(e.openBlock(),e.createBlock(F,e.normalizeProps(e.guardReactiveProps(B.value)),e.createSlots({_:2},[e.renderList(Object.keys(o),m=>({name:m,fn:e.withCtx(c=>[e.renderSlot(d.$slots,m,e.normalizeProps(e.guardReactiveProps({...c,key:l.value})))])}))]),1040))}});exports.MenuGaps=w;exports.MenuItemSizes=D;exports._sfc_main=H;exports._sfc_main$1=N;exports._sfc_main$2=A;exports.injectMenuContext=$;exports.provideMenuContext=q;

package/dist/{MenuItem.vue_vue_type_style_index_0_lang-7T_SPKSm.js → MenuItem.vue_vue_type_style_index_0_lang-CzqHUjTB.js}

@@ -1,17 +1,13 @@
-import { defineComponent as U, useSlots as J, computed as y, useAttrs as ce, createBlock as F, openBlock as h, h as D, ref as H, getCurrentInstance as Z, unref as p, mergeProps as O, withCtx as $, createElementVNode as de, createVNode as pe, createSlots as N, renderList as P, renderSlot as _, normalizeProps as T, guardReactiveProps as V, createElementBlock as w, Fragment as se, watch as ne, withModifiers as ge, normalizeClass as q, createCommentVNode as X, createTextVNode as me, toDisplayString as Ce } from "vue";
-import { getBemBlock as x, generateVariantClassList as K, normCls as f, getBemElement as M, usePCId as ee } from "@pantograph/utils";
+import { defineComponent as U, useSlots as J, computed as m, useAttrs as ce, createBlock as F, openBlock as h, h as D, ref as H, getCurrentInstance as Z, unref as p, mergeProps as O, withCtx as $, createElementVNode as de, createVNode as pe, createSlots as N, renderList as P, renderSlot as I, normalizeProps as T, guardReactiveProps as V, createElementBlock as w, Fragment as se, watch as ne, withModifiers as ge, normalizeClass as W, createCommentVNode as X, createTextVNode as Ce, toDisplayString as ye } from "vue";
+import { getBemBlock as x, generateVariantClassList as _, normCls as f, getBemElement as M, usePCId as ee } from "@pantograph/utils";
 import { g as Q } from "./options-D4et5euX.js";
 import { cva as te } from "class-variance-authority";
-import { h as Y, g as ye } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
-import { i as ve } from "./isEmpty-wdqPTIXx.js";
-import { a as fe } from "./index-jwkhq8oW.js";
-import { _ as be } from "./Popover.vue_vue_type_style_index_0_lang-DyIDJxIC.js";
-import { _ as he } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
-import { b as E } from "./element-BfQuKSll.js";
-import { o as ke } from "./omit-BuBwx_M2.js";
-import { U as le } from "./useInputDataStates-0nK-AuOK.js";
-import { createContext as oe } from "reka-ui";
-const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /* @__PURE__ */ U({
+import { j as E, k as me, o as ve, s as Y, u as fe, q as be } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
+import { i as he } from "./index-C7THkhcc.js";
+import { _ as ke } from "./Popover.vue_vue_type_style_index_0_lang-V2fpykO-.js";
+import { U as le } from "./useInputDataStates-Dbevvx51.js";
+import { createContext as ae } from "reka-ui";
+const oe = ["sm", "md", "lg"], Se = [...oe, "none"], y = x("menu_item"), ie = /* @__PURE__ */ U({
   ...Q("MenuItemContent"),
   __name: "MenuItemContent",
   props: {
@@ -37,19 +33,19 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
     branchIcon: {},
     hasChildren: { type: Boolean }
   },
-  setup(I) {
-    const e = I, s = J(), o = te(C, {
+  setup(K) {
+    const e = K, s = J(), a = te(y, {
       variants: {
-        size: K(ae, C),
-        selected: K("selected", C),
-        unFocusable: K("un-focusable", C),
-        danger: K("danger", C),
-        disabled: K("disabled", C),
-        hoverTrailing: K("hover-trailing", C),
-        description: K("description", C),
-        leadingCenter: K("leading-center", C)
+        size: _(oe, y),
+        selected: _("selected", y),
+        unFocusable: _("un-focusable", y),
+        danger: _("danger", y),
+        disabled: _("disabled", y),
+        hoverTrailing: _("hover-trailing", y),
+        description: _("description", y),
+        leadingCenter: _("leading-center", y)
       }
-    }), g = y(() => {
+    }), g = m(() => {
       const v = () => {
         switch (e.size) {
           case "sm":
@@ -64,7 +60,7 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
           default:
             return "sm";
         }
-      }, a = () => {
+      }, o = () => {
         switch (e.size) {
           case "sm":
             return "2xsm";
@@ -86,8 +82,8 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
       return {
         iconSize: v(),
         buttonSize: c(),
-        checkIconSize: a(),
-        switchSize: a(),
+        checkIconSize: o(),
+        switchSize: o(),
         checkboxSize: v(),
         avatarSize: B(),
         graphicalObjectSize: B(),
@@ -96,18 +92,18 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
       };
     }), t = ce(), i = () => {
       var B;
-      const v = (B = s.description) == null ? void 0 : B.call(s, g.value), c = !E(v), a = () => {
-        var j, L, G, R;
-        const u = [], n = (j = s.leading) == null ? void 0 : j.call(s, g.value), d = !E(n);
+      const v = (B = s.description) == null ? void 0 : B.call(s, g.value), c = !E(v), o = () => {
+        var A, L, q, G;
+        const u = [], n = (A = s.leading) == null ? void 0 : A.call(s, g.value), d = !E(n);
         (d || e.leading) && u.push(
           D(
             "div",
-            { class: f([M(C, "leading"), e.leadingCls]) },
+            { class: f([M(y, "leading"), e.leadingCls]) },
             D(
               "div",
               {
                 class: f([
-                  M(C, "leading_content"),
+                  M(y, "leading_content"),
                   e.leadingContentCls
                 ])
               },
@@ -115,39 +111,39 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
             )
           )
         );
-        const r = (L = s.title) == null ? void 0 : L.call(s, g.value), m = !E(r);
-        if (m || e.title || c || e.description) {
+        const r = (L = s.title) == null ? void 0 : L.call(s, g.value), C = !E(r);
+        if (C || e.title || c || e.description) {
           const l = [];
-          (m || e.title) && l.push(
+          (C || e.title) && l.push(
             D(
               "div",
-              { class: f([M(C, "title"), e.titleCls]) },
-              m ? r : e.title
+              { class: f([M(y, "title"), e.titleCls]) },
+              C ? r : e.title
             )
           ), (c || e.description) && l.push(
             D(
               "div",
               {
-                class: f([M(C, "description"), e.descriptionCls])
+                class: f([M(y, "description"), e.descriptionCls])
               },
               c ? v : e.description
             )
           ), u.push(
             D(
               "div",
-              { class: f([M(C, "content"), e.contentCls]) },
+              { class: f([M(y, "content"), e.contentCls]) },
               l
             )
           );
         }
-        const k = (G = s.trailing) == null ? void 0 : G.call(s, g.value), A = !E(k);
+        const k = (q = s.trailing) == null ? void 0 : q.call(s, g.value), j = !E(k);
         if (e.hasChildren) {
-          const l = (R = s.branchIcon) == null ? void 0 : R.call(s, g.value);
+          const l = (G = s.branchIcon) == null ? void 0 : G.call(s, g.value);
           u.push(
             D(
-              he,
+              me,
               {
-                class: f([M(C, "branch"), e.branchCls ?? ""]),
+                class: f([M(y, "branch"), e.branchCls ?? ""]),
                 flipOnDir: "rtl",
                 size: g.value.checkIconSize,
                 icon: e.branchIcon
@@ -157,11 +153,11 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
               }
             )
           );
-        } else (A || e.trailing) && u.push(
+        } else (j || e.trailing) && u.push(
           D(
             "div",
-            { class: f([M(C, "trailing"), e.trailingCls]) },
-            A ? k : e.trailing
+            { class: f([M(y, "trailing"), e.trailingCls]) },
+            j ? k : e.trailing
           )
         );
         return u;
@@ -173,7 +169,7 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
           role: "menuitem",
           tabindex: e.unFocusable ? void 0 : t.tabindex ?? 0,
           class: f([
-            o({
+            a({
               size: e.size,
               selected: e.selected,
               unFocusable: e.unFocusable,
@@ -186,12 +182,12 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
             e.class
           ])
         },
-        a()
+        o()
       );
     };
     return (v, c) => (h(), F(i));
   }
-}), [Me, Be] = oe("SubMenu"), ze = /* @__PURE__ */ U({
+}), [Me, Be] = ae("SubMenu"), ze = /* @__PURE__ */ U({
   ...Q("MenuItem"),
   __name: "SubMenu",
   props: {
@@ -223,8 +219,8 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
     branchCls: {},
     branchIcon: { default: "tabler:chevron-right" }
   },
-  setup(I) {
-    const e = I, s = J(), o = y(() => {
+  setup(K) {
+    const e = K, s = J(), a = m(() => {
       switch (e.size) {
         case "lg":
           return 10;
@@ -233,7 +229,7 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
         default:
           return 6;
       }
-    }), g = H(), t = ue(), i = y(() => {
+    }), g = H(), t = ue(), i = m(() => {
       var l;
       return e.triggerSubMenuAction ?? ((l = t.props) == null ? void 0 : l.triggerSubMenuAction);
     }), v = Me({
@@ -241,27 +237,27 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
     }), c = (l) => {
       var z;
       (i.value === "click" || (z = p(v.parentKeys)) != null && z.length) && (l.stopPropagation(), l.preventDefault());
-    }, a = x("sub_menu"), B = ee(a), u = y(() => {
+    }, o = x("sub_menu"), B = ee(o), u = m(() => {
       var l;
       return ((l = Z()) == null ? void 0 : l.vnode.key) ?? B;
     });
     Be({
-      parentKeys: y(() => [...p(v.parentKeys), u.value])
+      parentKeys: m(() => [...p(v.parentKeys), u.value])
     });
-    const n = y(() => ({
+    const n = m(() => ({
       ...e,
       key: u.value,
       hasChildren: !0,
       parentKeys: p(v.parentKeys)
-    })), d = y(() => {
+    })), d = m(() => {
       var l;
       return ((l = t.props) == null ? void 0 : l.size) ?? e.size;
-    }), r = () => !1, { rootBindings: m, inputBindings: k } = le({
+    }), r = () => !1, { rootBindings: C, inputBindings: k } = le({
       getDisabled: r
-    }), A = y(() => {
+    }), j = m(() => {
       var l, z, b;
       return {
-        ...ke(
+        ...ve(
           e,
           "subMenuOpenDelay",
           "triggerSubMenuAction",
@@ -278,18 +274,18 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
         leadingCenter: e.leadingCenter ?? ((b = t.props) == null ? void 0 : b.leadingCenter),
         hasChildren: !0,
         onClick: (S) => {
-          var W;
-          return (W = t.onClick) == null ? void 0 : W.call(t, n.value, S);
+          var R;
+          return (R = t.onClick) == null ? void 0 : R.call(t, n.value, S);
         },
         ...k.value
       };
-    }), j = H(!1), L = y(() => {
+    }), A = H(!1), L = m(() => {
       var l;
-      return ((l = t.isOpen) == null ? void 0 : l.call(t, u.value)) ?? j.value;
-    }), G = (l) => {
+      return ((l = t.isOpen) == null ? void 0 : l.call(t, u.value)) ?? A.value;
+    }), q = (l) => {
       var b, S;
-      (((b = t.isOpen) == null ? void 0 : b.call(t, u.value)) ?? j.value) !== l && (t.onChildrenOpenChange ? (S = t.onChildrenOpenChange) == null || S.call(t, n.value, l) : j.value = l);
-    }, R = y(() => {
+      (((b = t.isOpen) == null ? void 0 : b.call(t, u.value)) ?? A.value) !== l && (t.onChildrenOpenChange ? (S = t.onChildrenOpenChange) == null || S.call(t, n.value, l) : A.value = l);
+    }, G = m(() => {
       var l, z, b, S;
       return {
         size: d.value,
@@ -300,11 +296,11 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
         reversePlacementOnDir: "rtl",
         placement: "right-start",
         containerCls: [
-          M(a, "items"),
+          M(o, "items"),
           (l = t.props) == null ? void 0 : l.submenuCls,
           e.submenuCls
         ],
-        sideOffset: o.value,
+        sideOffset: a.value,
         forceMount: e.forceMountSubmenu ?? ((z = t.props) == null ? void 0 : z.forceMountSubmenu),
         trigger: i.value,
         closeDelay: ((b = t.props) == null ? void 0 : b.subMenuCloseDelay) ?? e.subMenuCloseDelay,
@@ -312,17 +308,17 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
         open: L.value
       };
     });
-    return (l, z) => (h(), F(be, O(R.value, {
-      "onUpdate:open": G,
+    return (l, z) => (h(), F(ke, O(G.value, {
+      "onUpdate:open": q,
       key: String(i.value)
     }), {
       content: $(() => [
-        _(l.$slots, "items", T(V({ ...e, key: u.value })), () => [
+        I(l.$slots, "items", T(V({ ...e, key: u.value })), () => [
           (h(!0), w(se, null, P(l.items, (b) => (h(), F(re, O({ ref_for: !0 }, b), N({ _: 2 }, [
             P(Object.keys(s), (S) => ({
               name: S,
-              fn: $((W) => [
-                _(l.$slots, S, O({ ref_for: !0 }, W))
+              fn: $((R) => [
+                I(l.$slots, S, O({ ref_for: !0 }, R))
               ])
             }))
           ]), 1040))), 256))
@@ -330,17 +326,17 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
       ]),
       default: $(() => [
         de("div", O({
-          class: p(f)([p(a), e.submenuTriggerCls]),
+          class: p(f)([p(o), e.submenuTriggerCls]),
           ref_key: "root",
           ref: g
-        }, p(m)), [
-          pe(ie, O(A.value, {
-            class: p(f)(p(M)(p(a), "trigger"))
+        }, p(C)), [
+          pe(ie, O(j.value, {
+            class: p(f)(p(M)(p(o), "trigger"))
           }), N({ _: 2 }, [
             P(Object.keys(s), (b) => ({
               name: b,
               fn: $((S) => [
-                _(l.$slots, b, T(V(S)))
+                I(l.$slots, b, T(V(S)))
               ])
             }))
           ]), 1040, ["class"])
@@ -380,31 +376,31 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
     branchCls: {},
     branchIcon: {}
   },
-  setup(I) {
-    const e = I, s = J(), o = y(() => {
+  setup(K) {
+    const e = K, s = J(), a = m(() => {
       var i;
       return !!((i = e.items) != null && i.length || s.items);
-    }), g = ee("menu-item"), t = y(() => {
+    }), g = ee("menu-item"), t = m(() => {
       var i;
       return ((i = Z()) == null ? void 0 : i.vnode.key) ?? g;
     });
-    return (i, v) => o.value ? (h(), F(ze, T(O({ key: 0 }, { ...e, key: t.value })), N({ _: 2 }, [
+    return (i, v) => a.value ? (h(), F(ze, T(O({ key: 0 }, { ...e, key: t.value })), N({ _: 2 }, [
       P(Object.keys(i.$slots), (c) => ({
         name: c,
-        fn: $((a) => [
-          _(i.$slots, c, T(V(a)))
+        fn: $((o) => [
+          I(i.$slots, c, T(V(o)))
         ])
       }))
-    ]), 1040)) : (h(), F(Ke, T(O({ key: 1 }, { ...e, key: t.value })), N({ _: 2 }, [
+    ]), 1040)) : (h(), F(_e, T(O({ key: 1 }, { ...e, key: t.value })), N({ _: 2 }, [
       P(Object.keys(i.$slots), (c) => ({
         name: c,
-        fn: $((a) => [
-          _(i.$slots, c, T(V(a)))
+        fn: $((o) => [
+          I(i.$slots, c, T(V(o)))
         ])
       }))
     ]), 1040));
   }
-}), [_e, Ie] = oe("Menu"), ue = () => _e({}), Le = /* @__PURE__ */ U({
+}), [Ie, Ke] = ae("Menu"), ue = () => Ie({}), Ne = /* @__PURE__ */ U({
   ...Q("Menu"),
   __name: "Menu",
   props: {
@@ -435,10 +431,10 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
     "deselect",
     "select"
   ],
-  setup(I, { emit: e }) {
-    const s = I, o = e, g = x("menu"), t = te(g, {
+  setup(K, { emit: e }) {
+    const s = K, a = e, g = x("menu"), t = te(g, {
       variants: {
-        gap: K(Se, g)
+        gap: _(Se, g)
       }
     }), i = H(s.openKeys ?? []);
     ne(
@@ -449,76 +445,76 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
     );
     const v = (n, d) => {
       let r = Y(i.value);
-      d ? r = [...n.parentKeys ?? [], n.key] : r = r.filter((m) => m !== n.key), s.openKeys || (i.value = r), o("update:openKeys", r), o("openChange", r);
-    }, c = (n) => i.value.includes(n), a = H(s.selectedKeys ?? []);
+      d ? r = [...n.parentKeys ?? [], n.key] : r = r.filter((C) => C !== n.key), s.openKeys || (i.value = r), a("update:openKeys", r), a("openChange", r);
+    }, c = (n) => i.value.includes(n), o = H(s.selectedKeys ?? []);
     return ne(
       () => s.selectedKeys,
       () => {
-        a.value = s.selectedKeys ?? [];
+        o.value = s.selectedKeys ?? [];
       }
-    ), Ie({
+    ), Ke({
       props: s,
       onClick: (n, d) => {
-        const r = ![void 0, null].includes(n.key) && (fe(n.key) && !ve(n.key) || ye(n.key));
+        const r = ![void 0, null].includes(n.key) && (he(n.key) && !fe(n.key) || be(n.key));
         if (!s.disabled && !n.danger && !n.disabled && r && s.selectable && !n.hasChildren) {
           if (s.multiple)
-            if (a.value.indexOf(n.key) > -1) {
-              if (a.value.length > 1) {
-                const k = Y(a.value).filter((A) => A !== n.key);
-                s.selectedKeys || (a.value = k), o("update:selectedKeys", k), o("deselect", { item: n, selectedKeys: a.value });
+            if (o.value.indexOf(n.key) > -1) {
+              if (o.value.length > 1) {
+                const k = Y(o.value).filter((j) => j !== n.key);
+                s.selectedKeys || (o.value = k), a("update:selectedKeys", k), a("deselect", { item: n, selectedKeys: o.value });
               }
             } else {
-              const k = [...Y(a.value), n.key];
-              s.selectedKeys || (a.value = k), o("update:selectedKeys", k), o("select", { item: n, selectedKeys: a.value });
+              const k = [...Y(o.value), n.key];
+              s.selectedKeys || (o.value = k), a("update:selectedKeys", k), a("select", { item: n, selectedKeys: o.value });
             }
           else {
-            const m = [n.key];
-            s.selectedKeys || (a.value = m), o("update:selectedKeys", m), o("select", { item: n, selectedKeys: a.value });
+            const C = [n.key];
+            s.selectedKeys || (o.value = C), a("update:selectedKeys", C), a("select", { item: n, selectedKeys: o.value });
           }
-          o("click", n, d);
+          a("click", n, d);
         }
       },
-      isItemSelected: (n) => !s.disabled && !n.danger && !n.disabled && a.value.includes(n.key),
+      isItemSelected: (n) => !s.disabled && !n.danger && !n.disabled && o.value.includes(n.key),
       onChildrenOpenChange: v,
       isOpen: c
     }), (n, d) => (h(), w("div", {
-      class: q(p(f)([p(t)({ gap: n.gap ?? n.size }), s.class])),
+      class: W(p(f)([p(t)({ gap: n.gap ?? n.size }), s.class])),
       onClick: d[1] || (d[1] = ge(() => {
       }, ["stop"]))
     }, [
       n.$slots.header || n.header || n.$slots.headerActions ? (h(), w("div", {
         key: 0,
-        class: q(p(f)([p(M)(p(g), "header")])),
-        onClick: d[0] || (d[0] = (r) => o("headerClick", r))
+        class: W(p(f)([p(M)(p(g), "header")])),
+        onClick: d[0] || (d[0] = (r) => a("headerClick", r))
       }, [
         n.$slots.header || n.header ? (h(), w("div", {
           key: 0,
-          class: q(p(f)([p(M)(p(g), "header__title")]))
+          class: W(p(f)([p(M)(p(g), "header__title")]))
         }, [
-          _(n.$slots, "header", {}, () => [
-            me(Ce(n.header), 1)
+          I(n.$slots, "header", {}, () => [
+            Ce(ye(n.header), 1)
           ])
         ], 2)) : X("", !0),
         n.$slots.headerActions ? (h(), w("div", {
           key: 1,
-          class: q(p(f)([p(M)(p(g), "header__actions")]))
+          class: W(p(f)([p(M)(p(g), "header__actions")]))
         }, [
-          _(n.$slots, "headerActions")
+          I(n.$slots, "headerActions")
         ], 2)) : X("", !0)
       ], 2)) : X("", !0),
-      _(n.$slots, "default", {}, () => [
+      I(n.$slots, "default", {}, () => [
         (h(!0), w(se, null, P(n.items, (r) => (h(), F(re, O({ ref_for: !0 }, r), N({ _: 2 }, [
-          P(Object.keys(n.$slots), (m) => ({
-            name: m,
+          P(Object.keys(n.$slots), (C) => ({
+            name: C,
             fn: $((k) => [
-              _(n.$slots, m, O({ ref_for: !0 }, k))
+              I(n.$slots, C, O({ ref_for: !0 }, k))
             ])
           }))
         ]), 1040))), 256))
       ])
     ], 2));
   }
-}), Ke = /* @__PURE__ */ U({
+}), _e = /* @__PURE__ */ U({
   ...Q("MenuItem"),
   __name: "MenuItem",
   props: {
@@ -541,40 +537,40 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
     leadingCenter: { type: Boolean, default: void 0 },
     trailingCls: {}
   },
-  setup(I) {
-    const e = I, s = J(), o = ue(), g = ee(C), t = y(() => {
+  setup(K) {
+    const e = K, s = J(), a = ue(), g = ee(y), t = m(() => {
       var u;
       return ((u = Z()) == null ? void 0 : u.vnode.key) ?? g;
-    }), i = y(() => ({
+    }), i = m(() => ({
       ...e,
       key: t.value
-    })), v = y(() => {
+    })), v = m(() => {
       var u;
-      return ((u = o.props) == null ? void 0 : u.size) ?? e.size;
-    }), c = () => o.props && o.props.disabled || e.disabled, { inputBindings: a } = le({
+      return ((u = a.props) == null ? void 0 : u.size) ?? e.size;
+    }), c = () => a.props && a.props.disabled || e.disabled, { inputBindings: o } = le({
       getDisabled: c
-    }), B = y(() => {
+    }), B = m(() => {
       var u, n, d;
       return {
         ...e,
         size: v.value,
-        selected: ((u = o.isItemSelected) == null ? void 0 : u.call(o, i.value)) ?? e.selected,
-        unFocusable: o.onClick ? void 0 : e.unFocusable,
-        hoverTrailing: e.hoverTrailing ?? ((n = o.props) == null ? void 0 : n.hoverTrailing),
-        leadingCenter: e.leadingCenter ?? ((d = o.props) == null ? void 0 : d.leadingCenter),
+        selected: ((u = a.isItemSelected) == null ? void 0 : u.call(a, i.value)) ?? e.selected,
+        unFocusable: a.onClick ? void 0 : e.unFocusable,
+        hoverTrailing: e.hoverTrailing ?? ((n = a.props) == null ? void 0 : n.hoverTrailing),
+        leadingCenter: e.leadingCenter ?? ((d = a.props) == null ? void 0 : d.leadingCenter),
         disabled: c(),
         onClick: (r) => {
-          var m;
-          c() && (r.preventDefault(), r.stopPropagation()), (m = o.onClick) == null || m.call(o, i.value, r);
+          var C;
+          c() && (r.preventDefault(), r.stopPropagation()), (C = a.onClick) == null || C.call(a, i.value, r);
         },
-        ...a.value
+        ...o.value
       };
     });
     return (u, n) => (h(), F(ie, T(V(B.value)), N({ _: 2 }, [
       P(Object.keys(s), (d) => ({
         name: d,
         fn: $((r) => [
-          _(u.$slots, d, T(V({ ...r, key: t.value })))
+          I(u.$slots, d, T(V({ ...r, key: t.value })))
         ])
       }))
     ]), 1040));
@@ -582,10 +578,10 @@ const ae = ["sm", "md", "lg"], Se = [...ae, "none"], C = x("menu_item"), ie = /*
 });
 export {
   Se as M,
-  Le as _,
-  Ke as a,
-  ae as b,
+  Ne as _,
+  _e as a,
+  oe as b,
   ze as c,
   ue as i,
-  Ie as p
+  Ke as p
 };

package/dist/Popover/Popover.d.ts

@@ -134,33 +134,17 @@ declare const __VLS_component: import('vue').DefineComponent<PopoverProps, {}, {
     openAutoFocus: (event: Event) => any;
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }>) => any;
-    focusOutside: (event: CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any;
-    interactOutside: (event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }> | CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any;
+    pointerDownOutside: (event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
 }, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }>) => any) | undefined;
-    onFocusOutside?: ((event: CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any) | undefined;
-    onInteractOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }> | CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
 }>, {
     size: PopoverSize;
     placement: PopoverPlacement;