@pantograph/vue 0.6.3 → 0.6.5

package/dist/Avatar/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-D72SN0zC.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-tRhdiXHB.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;

package/dist/Avatar/index.es.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-RziDt5Qs.js";
+import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-eeAtrd5L.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/{Avatar.vue_vue_type_style_index_0_lang-RziDt5Qs.js → Avatar.vue_vue_type_style_index_0_lang-eeAtrd5L.js}

@@ -3,7 +3,7 @@ import { createContext as T, Primitive as P, useEmitAsProps as H, AvatarRoot as
 import { g as v, a as f, b as I } from "./class-DyU-Ox8D.js";
 import { cva as O } from "class-variance-authority";
 import { g as j } from "./options-JBqnVZUl.js";
-import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-DTr33v9y.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-W2dXxEo7.js";
 import "@iconify/vue";
 import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
 import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-jv3IND51.js";

package/dist/{Avatar.vue_vue_type_style_index_0_lang-D72SN0zC.js → Avatar.vue_vue_type_style_index_0_lang-tRhdiXHB.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),c=require("radix-vue"),s=require("./class-CjZYGZDW.js"),B=require("class-variance-authority"),z=require("./options-B4iSAKol.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-BZMSPrfB.js");require("@iconify/vue");const P=require("./Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),b=require("./Indicator.vue_vue_type_script_setup_true_lang-D2iFmRna.js"),[x,y]=c.createContext("AvatarGroup"),G=e.defineComponent({...z.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{as:{default:"div"},class:{},gutter:{type:Boolean},size:{},shape:{},popoverClass:{},maxCount:{}},setup(v){const o=v,n=e.computed(()=>o.size),a=e.computed(()=>o.shape),d=s.getBemBlock("avatar"),m=s.getBemElement(d,"group"),f=B.cva(m,{variants:{gutter:s.generateVariantClassList("gutter",m)}});y({size:n,shape:a});const u=e.useSlots(),r=e.computed(()=>o.maxCount?+o.maxCount:0),i=e.computed(()=>f({gutter:o.gutter})),g=()=>{const l=u.default?u.default():[];return r.value>1&&l.length>r.value?[...l.filter((p,t)=>t<r.value-1),e.h(E._sfc_main,{},{default:e.h(S,{text:`+${l.length-r.value+1}`}),content:e.h(c.Primitive,{class:[i.value,o.class],as:o.as},{default:()=>l.filter((p,t)=>t>=r.value-1)})})]:l};return(l,p)=>(e.openBlock(),e.createBlock(e.unref(c.Primitive),{as:l.as,class:e.normalizeClass([i.value,o.class])},{default:e.withCtx(()=>[e.createVNode(g,{maxCount:l.maxCount},null,8,["maxCount"])]),_:1},8,["as","class"]))}}),C=["2xsm","xsm","sm","md","lg","2xlg"],k=["gray","white"],_=["circle","square","rect"],A={start:"online-start",end:"online-end"},S=e.defineComponent({...z.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},as:{},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(v,{emit:o}){const n=s.getBemBlock("avatar"),a=v,d=o,m=c.useEmitAsProps(d),f=B.cva(n,{variants:{size:s.generateVariantClassList(C,n),stroke:s.generateVariantClassList(k,n),shape:s.generateVariantClassList(_,n),onlineAlignment:s.generateVariantClassList(A,n)}}),u=x({size:e.computed(()=>a.size),shape:e.computed(()=>a.shape)}),r=e.computed(()=>u.size.value??a.size),i=e.computed(()=>u.shape.value??a.shape),g=e.computed(()=>{const t=r.value&&C.includes(r.value)?r.value:"md",h=a.stroke&&k.includes(a.stroke)?a.stroke:"none",V=i.value&&_.includes(i.value)?i.value:"circle",q=A[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:h,shape:V,onlineAlignment:q}}),l=e.computed(()=>{switch(r.value){case"lg":case"2xlg":return"tiny";default:return"tinier"}}),p=e.computed(()=>{switch(r.value){case"lg":case"2xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,h)=>(e.openBlock(),e.createBlock(e.unref(c.AvatarRoot),{as:t.as,class:e.normalizeClass([e.unref(f)(g.value),a.class])},{default:e.withCtx(()=>[!t.$slots.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(c.AvatarImage),e.mergeProps({key:0},e.unref(m),{src:t.src,alt:t.alt,class:e.unref(s.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.AvatarFallback),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(P._sfc_main),{key:0,icon:t.icon,size:p.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(b._sfc_main,{key:2,color:t.onlineColor,size:l.value,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["as","class"]))}});exports.AvatarOnlineAlignments=A;exports.AvatarShapes=_;exports.AvatarSizes=C;exports.AvatarStrokes=k;exports._sfc_main=S;exports._sfc_main$1=G;exports.injectAvatarGroupContext=x;exports.provideAvatarGroupContext=y;
+"use strict";const e=require("vue"),c=require("radix-vue"),s=require("./class-CjZYGZDW.js"),B=require("class-variance-authority"),z=require("./options-B4iSAKol.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-BSe2YFuh.js");require("@iconify/vue");const P=require("./Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),b=require("./Indicator.vue_vue_type_script_setup_true_lang-D2iFmRna.js"),[x,y]=c.createContext("AvatarGroup"),G=e.defineComponent({...z.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{as:{default:"div"},class:{},gutter:{type:Boolean},size:{},shape:{},popoverClass:{},maxCount:{}},setup(v){const o=v,n=e.computed(()=>o.size),a=e.computed(()=>o.shape),d=s.getBemBlock("avatar"),m=s.getBemElement(d,"group"),f=B.cva(m,{variants:{gutter:s.generateVariantClassList("gutter",m)}});y({size:n,shape:a});const u=e.useSlots(),r=e.computed(()=>o.maxCount?+o.maxCount:0),i=e.computed(()=>f({gutter:o.gutter})),g=()=>{const l=u.default?u.default():[];return r.value>1&&l.length>r.value?[...l.filter((p,t)=>t<r.value-1),e.h(E._sfc_main,{},{default:e.h(S,{text:`+${l.length-r.value+1}`}),content:e.h(c.Primitive,{class:[i.value,o.class],as:o.as},{default:()=>l.filter((p,t)=>t>=r.value-1)})})]:l};return(l,p)=>(e.openBlock(),e.createBlock(e.unref(c.Primitive),{as:l.as,class:e.normalizeClass([i.value,o.class])},{default:e.withCtx(()=>[e.createVNode(g,{maxCount:l.maxCount},null,8,["maxCount"])]),_:1},8,["as","class"]))}}),C=["2xsm","xsm","sm","md","lg","2xlg"],k=["gray","white"],_=["circle","square","rect"],A={start:"online-start",end:"online-end"},S=e.defineComponent({...z.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},as:{},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(v,{emit:o}){const n=s.getBemBlock("avatar"),a=v,d=o,m=c.useEmitAsProps(d),f=B.cva(n,{variants:{size:s.generateVariantClassList(C,n),stroke:s.generateVariantClassList(k,n),shape:s.generateVariantClassList(_,n),onlineAlignment:s.generateVariantClassList(A,n)}}),u=x({size:e.computed(()=>a.size),shape:e.computed(()=>a.shape)}),r=e.computed(()=>u.size.value??a.size),i=e.computed(()=>u.shape.value??a.shape),g=e.computed(()=>{const t=r.value&&C.includes(r.value)?r.value:"md",h=a.stroke&&k.includes(a.stroke)?a.stroke:"none",V=i.value&&_.includes(i.value)?i.value:"circle",q=A[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:h,shape:V,onlineAlignment:q}}),l=e.computed(()=>{switch(r.value){case"lg":case"2xlg":return"tiny";default:return"tinier"}}),p=e.computed(()=>{switch(r.value){case"lg":case"2xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,h)=>(e.openBlock(),e.createBlock(e.unref(c.AvatarRoot),{as:t.as,class:e.normalizeClass([e.unref(f)(g.value),a.class])},{default:e.withCtx(()=>[!t.$slots.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(c.AvatarImage),e.mergeProps({key:0},e.unref(m),{src:t.src,alt:t.alt,class:e.unref(s.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.AvatarFallback),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(P._sfc_main),{key:0,icon:t.icon,size:p.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(b._sfc_main,{key:2,color:t.onlineColor,size:l.value,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["as","class"]))}});exports.AvatarOnlineAlignments=A;exports.AvatarShapes=_;exports.AvatarSizes=C;exports.AvatarStrokes=k;exports._sfc_main=S;exports._sfc_main$1=G;exports.injectAvatarGroupContext=x;exports.provideAvatarGroupContext=y;

package/dist/AvatarGroup/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-D72SN0zC.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-tRhdiXHB.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/AvatarGroup/index.es.js

@@ -1,4 +1,4 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-RziDt5Qs.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-eeAtrd5L.js";
 export {
   t as AvatarGroup,
   o as injectAvatarGroupContext,

package/dist/Base/Primitive.d.ts

@@ -0,0 +1,39 @@
+import { Component, PropType } from 'vue';
+export type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
+export interface PrimitiveProps {
+    /**
+     * Change the Menu rendered element for the one passed as a child, merging their props and behavior.
+     *
+     * Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.
+     */
+    asChild?: boolean;
+    /**
+     * The element or component this component should render as. Can be overwritten by `asChild`.
+     * @defaultValue "div"
+     */
+    as?: AsTag | Component;
+}
+export declare const Primitive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    as: Component | AsTag;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/Base/Slot.d.ts

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+export declare const Slot: import('vue').DefineComponent<{}, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/ConfigProvider/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("radix-vue"),s=require("@pantograph/tokens"),i=require("vue"),g=require("lodash-es"),h=require("@vueuse/core"),C=n=>{const t=i.computed(()=>{const e=i.unref(n);return g.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=i.ref("ltr"),u=()=>{t.value instanceof HTMLElement&&(r.value=getComputedStyle(t.value).direction)};u();const l=e=>{const o=["rtl","ltr"].includes(e)?e:r.value==="ltr"?"rtl":"ltr";t.value&&(t.value.dir=o)};return h.useMutationObserver(t,u,{attributes:!0,attributeFilter:["dir"]}),[r,l]},D=n=>{const t=i.computed(()=>{const e=i.unref(n);return g.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=i.ref(!1),u=()=>{var e,o;t.value instanceof HTMLElement&&(r.value=((o=(e=t.value)==null?void 0:e.classList)==null?void 0:o.contains("dark"))??!1)};u();const l=e=>{const o=e===!0?!0:e===!1?!1:!r.value;t.value&&s.toggleDark(o,t.value)};return h.useMutationObserver(t,u,{attributes:!0,attributeFilter:["class"]}),[r,l]},[k,v]=f.createContext("config-provider"),E=()=>k({}),b=i.defineComponent({name:"ConfigProvider",props:{locale:{type:[String,Object],required:!1},theme:{type:Object,required:!1},changeAbleDirectionElement:{type:[String,HTMLElement,Object],default:"html"},changeAbleDarkElement:{type:[String,HTMLElement,Object],default:"html"}},setup(n,{slots:t}){const[r,u]=C(n.changeAbleDirectionElement),[l,e]=D(n.changeAbleDarkElement);i.watch(()=>n.theme,()=>{var c,a;if((c=n.theme)!=null&&c.init||(a=n.theme)!=null&&a.element){const{init:T,...m}=n.theme;window.pantographThemeDefined?s.defineTheme(m):(s.init(m),Promise.resolve().then(()=>require("../index-Dyvby5gX.js")),window.pantographThemeDefined=!0)}},{immediate:!0});const o=i.computed(()=>({...s.getThemeConfig(n.theme),dark:l.value})),d=c=>{var a;return s.defineTheme({element:(a=n.theme)==null?void 0:a.element,...c})};return v({dir:r,theme:o,dark:l,changeDirection:u,changeTheme:d,toggleDark:e}),()=>i.h(f.ConfigProvider,{dir:r},{default:()=>{var c;return(c=t.default)==null?void 0:c.call(t,{dir:r.value,theme:o.value,dark:l.value,changeDirection:u,changeTheme:d,toggleDark:e})}})}});exports.ConfigProvider=b;exports.default=b;exports.injectConfigContext=E;exports.provideConfigContext=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("radix-vue"),l=require("@pantograph/tokens"),i=require("vue"),h=require("lodash-es"),g=require("@vueuse/core"),v=n=>{const t=i.computed(()=>{const e=i.unref(n);return h.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=i.ref("ltr"),c=()=>{t.value instanceof HTMLElement&&(r.value=getComputedStyle(t.value).direction)};c();const a=e=>{const o=["rtl","ltr"].includes(e)?e:r.value==="ltr"?"rtl":"ltr";t.value&&(t.value.dir=o)};return g.useMutationObserver(t,c,{attributes:!0,attributeFilter:["dir","class","style"]}),[r,a]},C=n=>{const t=i.computed(()=>{const e=i.unref(n);return h.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=i.ref(!1),c=()=>{var e,o;t.value instanceof HTMLElement&&(r.value=((o=(e=t.value)==null?void 0:e.classList)==null?void 0:o.contains("dark"))??!1)};c();const a=e=>{const o=e===!0?!0:e===!1?!1:!r.value;t.value&&l.toggleDark(o,t.value)};return g.useMutationObserver(t,c,{attributes:!0,attributeFilter:["class","data-theme"]}),[r,a]},[D,b]=f.createContext("config-provider"),k={...v(),...C(),changeTheme:l.defineTheme,theme:l.getThemeConfig()},E=()=>D(k),T=i.defineComponent({name:"ConfigProvider",props:{locale:{type:[String,Object],required:!1},theme:{type:Object,required:!1},changeAbleDirectionElement:{type:[String,HTMLElement,Object],default:"html"},changeAbleDarkElement:{type:[String,HTMLElement,Object],default:"html"}},setup(n,{slots:t}){const[r,c]=v(n.changeAbleDirectionElement),[a,e]=C(n.changeAbleDarkElement);i.watch(()=>n.theme,()=>{var u,s;if((u=n.theme)!=null&&u.init||(s=n.theme)!=null&&s.element){const{init:q,...d}=n.theme;window.pantographThemeDefined?l.defineTheme(d):(l.init(d),Promise.resolve().then(()=>require("../index-Dyvby5gX.js")),window.pantographThemeDefined=!0)}},{immediate:!0});const o=i.computed(()=>({...l.getThemeConfig(n.theme),dark:a.value})),m=u=>{var s;return l.defineTheme({element:(s=n.theme)==null?void 0:s.element,...u})};return b({dir:r,theme:o,dark:a,changeDirection:c,changeTheme:m,toggleDark:e}),()=>i.h(f.ConfigProvider,{dir:r},{default:()=>{var u;return(u=t.default)==null?void 0:u.call(t,{dir:r.value,theme:o.value,dark:a.value,changeDirection:c,changeTheme:m,toggleDark:e})}})}});exports.ConfigProvider=T;exports.default=T;exports.injectConfigContext=E;exports.provideConfigContext=b;

package/dist/ConfigProvider/index.d.ts

@@ -18,8 +18,8 @@ interface Context {
     changeTheme: (config: Config) => void;
     toggleDark: (dark?: boolean, element?: Config['element']) => void;
 }
-declare const provideConfigContext: (contextValue: object | Context) => object | Context;
-declare const injectConfigContext: () => object | Context;
+declare const provideConfigContext: (contextValue: Context) => Context;
+declare const injectConfigContext: () => Context;
 export { provideConfigContext, injectConfigContext };
 export declare const ConfigProvider: import('vue').DefineComponent<{
     locale?: ("fa" | "en" | object) | undefined;

package/dist/ConfigProvider/index.es.js

@@ -1,13 +1,13 @@
-import { createContext as D, ConfigProvider as b } from "radix-vue";
-import { toggleDark as k, init as C, defineTheme as d, getThemeConfig as E } from "@pantograph/tokens";
-import { computed as u, unref as s, ref as h, defineComponent as T, watch as p, h as _ } from "vue";
-import { isString as g } from "lodash-es";
-import { useMutationObserver as v } from "@vueuse/core";
-const y = (n) => {
+import { createContext as C, ConfigProvider as E } from "radix-vue";
+import { toggleDark as T, defineTheme as m, getThemeConfig as s, init as p } from "@pantograph/tokens";
+import { computed as u, unref as h, ref as g, defineComponent as y, watch as _, h as L } from "vue";
+import { isString as v } from "lodash-es";
+import { useMutationObserver as D } from "@vueuse/core";
+const b = (n) => {
   const t = u(() => {
-    const e = s(n);
-    return g(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
-  }), r = h("ltr"), o = () => {
+    const e = h(n);
+    return v(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
+  }), r = g("ltr"), o = () => {
     t.value instanceof HTMLElement && (r.value = getComputedStyle(t.value).direction);
   };
   o();
@@ -15,28 +15,33 @@ const y = (n) => {
     const i = ["rtl", "ltr"].includes(e) ? e : r.value === "ltr" ? "rtl" : "ltr";
     t.value && (t.value.dir = i);
   };
-  return v(t, o, {
+  return D(t, o, {
     attributes: !0,
-    attributeFilter: ["dir"]
+    attributeFilter: ["dir", "class", "style"]
   }), [r, l];
-}, L = (n) => {
+}, k = (n) => {
   const t = u(() => {
-    const e = s(n);
-    return g(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
-  }), r = h(!1), o = () => {
+    const e = h(n);
+    return v(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
+  }), r = g(!1), o = () => {
     var e, i;
     t.value instanceof HTMLElement && (r.value = ((i = (e = t.value) == null ? void 0 : e.classList) == null ? void 0 : i.contains("dark")) ?? !1);
   };
   o();
   const l = (e) => {
     const i = e === !0 ? !0 : e === !1 ? !1 : !r.value;
-    t.value && k(i, t.value);
+    t.value && T(i, t.value);
   };
-  return v(t, o, {
+  return D(t, o, {
     attributes: !0,
-    attributeFilter: ["class"]
+    attributeFilter: ["class", "data-theme"]
   }), [r, l];
-}, [M, S] = D("config-provider"), A = () => M({}), P = T({
+}, [M, S] = C("config-provider"), j = {
+  ...b(),
+  ...k(),
+  changeTheme: m,
+  theme: s()
+}, P = () => M(j), F = y({
   name: "ConfigProvider",
   props: {
     locale: {
@@ -59,34 +64,34 @@ const y = (n) => {
   setup(n, {
     slots: t
   }) {
-    const [r, o] = y(n.changeAbleDirectionElement), [l, e] = L(n.changeAbleDarkElement);
-    p(
+    const [r, o] = b(n.changeAbleDirectionElement), [l, e] = k(n.changeAbleDarkElement);
+    _(
       () => n.theme,
       () => {
         var a, c;
         if ((a = n.theme) != null && a.init || (c = n.theme) != null && c.element) {
-          const { init: j, ...f } = n.theme;
-          window.pantographThemeDefined ? d(f) : (C(f), Promise.resolve({           }), window.pantographThemeDefined = !0);
+          const { init: H, ...d } = n.theme;
+          window.pantographThemeDefined ? m(d) : (p(d), Promise.resolve({           }), window.pantographThemeDefined = !0);
         }
       },
       { immediate: !0 }
     );
     const i = u(() => ({
-      ...E(n.theme),
+      ...s(n.theme),
       dark: l.value
-    })), m = (a) => {
+    })), f = (a) => {
       var c;
-      return d({ element: (c = n.theme) == null ? void 0 : c.element, ...a });
+      return m({ element: (c = n.theme) == null ? void 0 : c.element, ...a });
     };
     return S({
       dir: r,
       theme: i,
       dark: l,
       changeDirection: o,
-      changeTheme: m,
+      changeTheme: f,
       toggleDark: e
-    }), () => _(
-      b,
+    }), () => L(
+      E,
       { dir: r },
       {
         default: () => {
@@ -96,7 +101,7 @@ const y = (n) => {
             theme: i.value,
             dark: l.value,
             changeDirection: o,
-            changeTheme: m,
+            changeTheme: f,
             toggleDark: e
           });
         }
@@ -105,8 +110,8 @@ const y = (n) => {
   }
 });
 export {
-  P as ConfigProvider,
-  P as default,
-  A as injectConfigContext,
+  F as ConfigProvider,
+  F as default,
+  P as injectConfigContext,
   S as provideConfigContext
 };

package/dist/MenuItem/MenuItem.d.ts

@@ -0,0 +1,40 @@
+import { Class } from '../types';
+import { MenuItemSize } from './MenuItem.model.ts';
+import { PrimitiveProps } from '../Base/Primitive.js';
+export interface MenuItemProps extends Omit<PrimitiveProps, 'asChild'> {
+    size?: MenuItemSize;
+    title?: string;
+    leading?: string;
+    trailing?: string;
+    hoverTrailing?: boolean;
+    description?: string;
+    selected?: boolean;
+    unFocusable?: boolean;
+    danger?: boolean;
+    disabled?: boolean;
+    children?: (MenuItemProps & {
+        key: string;
+    })[];
+    class?: Class;
+    leadingCls?: Class;
+    contentCls?: Class;
+    titleCls?: Class;
+    descriptionCls?: Class;
+    leadingCenter?: boolean;
+    trailingCls?: Class;
+    branchCls?: Class;
+    childrenCls?: Class;
+    submenuCls?: Class;
+}
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuItemProps> & Readonly<{}>, {
+    size: MenuItemSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/MenuItem/index.cjs.js

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../class-CjZYGZDW.js"),k=require("class-variance-authority"),z=require("../options-B4iSAKol.js"),y=require("../Popover.vue_vue_type_style_index_0_lang-BSe2YFuh.js"),b=require("../Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),V=require("@vueuse/core"),C=["sm","md","lg"];function v(a){return a?a.flatMap(r=>r.type===e.Fragment?v(r.children):[r]):[]}const P=e.defineComponent({name:"PrimitiveSlot",inheritAttrs:!1,setup(a,{attrs:r,slots:n}){return()=>{var f,i;if(!n.default)return null;const l=v(n.default()),u=l.findIndex(o=>o.type!==e.Comment);if(u===-1)return l;const c=l[u];(f=c.props)==null||delete f.ref;const p=c.props?e.mergeProps(r,c.props):r;r.class&&((i=c.props)!=null&&i.class)&&delete c.props.class;const m=e.cloneVNode(c,p);for(const o in p)o.startsWith("on")&&(m.props||(m.props={}),m.props[o]=p[o]);return l.length===1?m:(l[u]=m,l)}}}),E=e.defineComponent({name:"Primitive",inheritAttrs:!1,props:{asChild:{type:Boolean,default:!1},as:{type:[String,Object],default:"div"}},setup(a,{attrs:r,slots:n}){const l=e.computed(()=>a.asChild?"template":a.as);return()=>{const u=["area","img","input"];return typeof l.value=="string"&&u.includes(l.value)?e.h(l.value,r):l.value!=="template"?e.h(a.as,r,n):e.h(P,r,n)}}}),N=["tabindex"],h=e.defineComponent({...z.getComponentOptions("MenuItem"),__name:"MenuItem",props:{size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},children:{},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},childrenCls:{},submenuCls:{},as:{}},setup(a){const r=a,n=s.getBemBlock("menu_item"),l=k.cva(n,{variants:{size:s.generateVariantClassList(C,n),selected:s.generateVariantClassList("selected",n),unFocusable:s.generateVariantClassList("un-focusable",n),danger:s.generateVariantClassList("danger",n),disabled:s.generateVariantClassList("disabled",n),hoverTrailing:s.generateVariantClassList("hover-trailing",n),description:s.generateVariantClassList("description",n),leadingCenter:s.generateVariantClassList("leading-center",n)}}),u=e.computed(()=>{switch(r.size){case"sm":return"2xsm";default:return"xsm"}}),c=e.computed(()=>{switch(r.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}}),p=e.computed(()=>{switch(r.size){case"lg":return 8;case"md":return 6;default:return 4}}),[m,f]=V.createReusableTemplate(),i=e.useSlots(),o=e.computed(()=>{var t;return!!((t=r.children)!=null&&t.length||i.children)}),g=e.ref();return(t,I)=>{const B=e.resolveComponent("MenuItem",!0);return e.openBlock(),e.createBlock(e.unref(E),{"as-child":!o.value,as:y._sfc_main,size:t.size,to:g.value,reversePlacementOnDir:"rtl",placement:"right-start",containerClass:[e.unref(s.getBemElement)(e.unref(n),"children"),t.childrenCls],sideOffset:p.value},{content:e.withCtx(()=>[e.renderSlot(t.$slots,"children",e.normalizeProps(e.guardReactiveProps(r)),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,S=>(e.openBlock(),e.createBlock(B,e.mergeProps({ref_for:!0},S),{title:e.withCtx(d=>[e.renderSlot(t.$slots,"title",e.mergeProps({ref_for:!0},d))]),leading:e.withCtx(d=>[e.renderSlot(t.$slots,"leading",e.mergeProps({ref_for:!0},d))]),description:e.withCtx(d=>[e.renderSlot(t.$slots,"description",e.mergeProps({ref_for:!0},d))]),trailing:e.withCtx(d=>[e.renderSlot(t.$slots,"trailing",e.mergeProps({ref_for:!0},d))]),children:e.withCtx(d=>[e.renderSlot(t.$slots,"children",e.mergeProps({ref_for:!0},d))]),_:2},1040))),256))])]),default:e.withCtx(()=>[e.createVNode(e.unref(m),null,{default:e.withCtx(()=>[e.createElementVNode("div",{tabindex:t.unFocusable?void 0:0,class:e.normalizeClass([e.unref(l)({size:t.size,selected:t.selected,unFocusable:t.unFocusable,danger:t.danger,disabled:t.disabled,hoverTrailing:t.hoverTrailing,leadingCenter:t.leadingCenter,description:!!(e.unref(i).description||r.description)}),r.class])},[e.unref(i).leading||r.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(n),"leading"),t.leadingCls])},[e.renderSlot(t.$slots,"leading",e.mergeProps({iconSize:u.value,avatarSize:c.value},r),()=>[e.createTextVNode(e.toDisplayString(t.leading),1)])],2)):e.createCommentVNode("",!0),e.unref(i).title||r.title||e.unref(i).description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(n),"content"),t.contentCls])},[e.unref(i).title||r.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(n),"title"),t.titleCls])},[e.renderSlot(t.$slots,"title",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),e.unref(i).description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(n),"description"),t.descriptionCls])},[e.renderSlot(t.$slots,"description",e.normalizeProps(e.guardReactiveProps(r)),()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.value||e.unref(i).trailing||r.trailing?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(n),"trailing"),t.trailingCls])},[e.renderSlot(t.$slots,"trailing",e.mergeProps({iconSize:u.value,avatarSize:c.value},r),()=>[e.createTextVNode(e.toDisplayString(t.trailing),1)]),o.value?(e.openBlock(),e.createBlock(b._sfc_main,{key:0,"flip-on-dir":"rtl",size:u.value,icon:"tabler:chevron-right",class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(n),"branch"),t.branchCls??""])},null,8,["size","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],10,N)]),_:3}),o.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"root",ref:g,class:e.normalizeClass([[e.unref(s.getBemElement)(e.unref(n),"submenu"),t.submenuCls]])},[e.createVNode(e.unref(f))],2)):(e.openBlock(),e.createBlock(e.unref(f),{key:1}))]),_:3},8,["as-child","size","to","containerClass","sideOffset"])}}});exports.MenuItem=h;exports.MenuItemSizes=C;exports.default=h;

package/dist/MenuItem/index.d.ts

@@ -1 +1,2 @@
-export {};
+export { default as MenuItem, type MenuItemProps, default } from './MenuItem';
+export * from './MenuItem.model.ts';

package/dist/MenuItem/index.es.js

@@ -1 +1,244 @@
-
+import { defineComponent as T, Comment as A, mergeProps as p, cloneVNode as D, Fragment as V, computed as B, h as F, useSlots as R, ref as G, resolveComponent as j, openBlock as l, createBlock as k, unref as n, withCtx as g, renderSlot as o, normalizeProps as N, guardReactiveProps as P, createElementBlock as b, renderList as W, createVNode as O, createElementVNode as q, normalizeClass as v, createTextVNode as $, toDisplayString as I, createCommentVNode as y } from "vue";
+import { g as h, a as C, b as H } from "../class-DyU-Ox8D.js";
+import { cva as J } from "class-variance-authority";
+import { g as K } from "../options-JBqnVZUl.js";
+import { _ as Q } from "../Popover.vue_vue_type_style_index_0_lang-W2dXxEo7.js";
+import { _ as U } from "../Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
+import { createReusableTemplate as X } from "@vueuse/core";
+const Y = ["sm", "md", "lg"];
+function w(d) {
+  return d ? d.flatMap((t) => t.type === V ? w(t.children) : [t]) : [];
+}
+const Z = T({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(d, { attrs: t, slots: r }) {
+    return () => {
+      var S, i;
+      if (!r.default) return null;
+      const s = w(r.default()), u = s.findIndex((a) => a.type !== A);
+      if (u === -1) return s;
+      const c = s[u];
+      (S = c.props) == null || delete S.ref;
+      const z = c.props ? p(t, c.props) : t;
+      t.class && ((i = c.props) != null && i.class) && delete c.props.class;
+      const f = D(c, z);
+      for (const a in z)
+        a.startsWith("on") && (f.props || (f.props = {}), f.props[a] = z[a]);
+      return s.length === 1 ? f : (s[u] = f, s);
+    };
+  }
+}), _ = T({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(d, { attrs: t, slots: r }) {
+    const s = B(() => d.asChild ? "template" : d.as);
+    return () => {
+      const u = ["area", "img", "input"];
+      return typeof s.value == "string" && u.includes(s.value) ? F(s.value, t) : s.value !== "template" ? F(d.as, t, r) : F(Z, t, r);
+    };
+  }
+}), x = ["tabindex"], oe = /* @__PURE__ */ T({
+  ...K("MenuItem"),
+  __name: "MenuItem",
+  props: {
+    size: { default: "md" },
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean },
+    description: {},
+    selected: { type: Boolean },
+    unFocusable: { type: Boolean },
+    danger: { type: Boolean },
+    disabled: { type: Boolean },
+    children: {},
+    class: {},
+    leadingCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    childrenCls: {},
+    submenuCls: {},
+    as: {}
+  },
+  setup(d) {
+    const t = d, r = H("menu_item"), s = J(r, {
+      variants: {
+        size: h(Y, r),
+        selected: h("selected", r),
+        unFocusable: h("un-focusable", r),
+        danger: h("danger", r),
+        disabled: h("disabled", r),
+        hoverTrailing: h("hover-trailing", r),
+        description: h("description", r),
+        leadingCenter: h("leading-center", r)
+      }
+    }), u = B(() => {
+      switch (t.size) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), c = B(() => {
+      switch (t.size) {
+        case "lg":
+          return "md";
+        case "md":
+          return "xsm";
+        default:
+          return "2xsm";
+      }
+    }), z = B(() => {
+      switch (t.size) {
+        case "lg":
+          return 8;
+        case "md":
+          return 6;
+        default:
+          return 4;
+      }
+    }), [f, S] = X(), i = R(), a = B(() => {
+      var e;
+      return !!((e = t.children) != null && e.length || i.children);
+    }), M = G();
+    return (e, ee) => {
+      const E = j("MenuItem", !0);
+      return l(), k(n(_), {
+        "as-child": !a.value,
+        as: Q,
+        size: e.size,
+        to: M.value,
+        reversePlacementOnDir: "rtl",
+        placement: "right-start",
+        containerClass: [n(C)(n(r), "children"), e.childrenCls],
+        sideOffset: z.value
+      }, {
+        content: g(() => [
+          o(e.$slots, "children", N(P(t)), () => [
+            (l(!0), b(V, null, W(e.children, (L) => (l(), k(E, p({ ref_for: !0 }, L), {
+              title: g((m) => [
+                o(e.$slots, "title", p({ ref_for: !0 }, m))
+              ]),
+              leading: g((m) => [
+                o(e.$slots, "leading", p({ ref_for: !0 }, m))
+              ]),
+              description: g((m) => [
+                o(e.$slots, "description", p({ ref_for: !0 }, m))
+              ]),
+              trailing: g((m) => [
+                o(e.$slots, "trailing", p({ ref_for: !0 }, m))
+              ]),
+              children: g((m) => [
+                o(e.$slots, "children", p({ ref_for: !0 }, m))
+              ]),
+              _: 2
+            }, 1040))), 256))
+          ])
+        ]),
+        default: g(() => [
+          O(n(f), null, {
+            default: g(() => [
+              q("div", {
+                tabindex: e.unFocusable ? void 0 : 0,
+                class: v([
+                  n(s)({
+                    size: e.size,
+                    selected: e.selected,
+                    unFocusable: e.unFocusable,
+                    danger: e.danger,
+                    disabled: e.disabled,
+                    hoverTrailing: e.hoverTrailing,
+                    leadingCenter: e.leadingCenter,
+                    description: !!(n(i).description || t.description)
+                  }),
+                  t.class
+                ])
+              }, [
+                n(i).leading || t.leading ? (l(), b("div", {
+                  key: 0,
+                  class: v([n(C)(n(r), "leading"), e.leadingCls])
+                }, [
+                  o(e.$slots, "leading", p({
+                    iconSize: u.value,
+                    avatarSize: c.value
+                  }, t), () => [
+                    $(I(e.leading), 1)
+                  ])
+                ], 2)) : y("", !0),
+                n(i).title || t.title || n(i).description || t.description ? (l(), b("div", {
+                  key: 1,
+                  class: v([n(C)(n(r), "content"), e.contentCls])
+                }, [
+                  n(i).title || t.title ? (l(), b("div", {
+                    key: 0,
+                    class: v([n(C)(n(r), "title"), e.titleCls])
+                  }, [
+                    o(e.$slots, "title", N(P(t)), () => [
+                      $(I(e.title), 1)
+                    ])
+                  ], 2)) : y("", !0),
+                  n(i).description || t.description ? (l(), b("div", {
+                    key: 1,
+                    class: v([n(C)(n(r), "description"), e.descriptionCls])
+                  }, [
+                    o(e.$slots, "description", N(P(t)), () => [
+                      $(I(e.description), 1)
+                    ])
+                  ], 2)) : y("", !0)
+                ], 2)) : y("", !0),
+                a.value || n(i).trailing || t.trailing ? (l(), b("div", {
+                  key: 2,
+                  class: v([n(C)(n(r), "trailing"), e.trailingCls])
+                }, [
+                  o(e.$slots, "trailing", p({
+                    iconSize: u.value,
+                    avatarSize: c.value
+                  }, t), () => [
+                    $(I(e.trailing), 1)
+                  ]),
+                  a.value ? (l(), k(U, {
+                    key: 0,
+                    "flip-on-dir": "rtl",
+                    size: u.value,
+                    icon: "tabler:chevron-right",
+                    class: v([n(C)(n(r), "branch"), e.branchCls ?? ""])
+                  }, null, 8, ["size", "class"])) : y("", !0)
+                ], 2)) : y("", !0)
+              ], 10, x)
+            ]),
+            _: 3
+          }),
+          a.value ? (l(), b("div", {
+            key: 0,
+            ref_key: "root",
+            ref: M,
+            class: v([[n(C)(n(r), "submenu"), e.submenuCls]])
+          }, [
+            O(n(S))
+          ], 2)) : (l(), k(n(S), { key: 1 }))
+        ]),
+        _: 3
+      }, 8, ["as-child", "size", "to", "containerClass", "sideOffset"]);
+    };
+  }
+});
+export {
+  oe as MenuItem,
+  Y as MenuItemSizes,
+  oe as default
+};

package/dist/Popover/Popover.d.ts

@@ -1,6 +1,7 @@
 import { PopoverContentProps, HoverCardRootProps, PopoverPortalProps } from 'radix-vue';
 import { Class } from '../types';
 import { PopoverPlacement, PopoverSize } from './Popover.model';
+import { Direction } from '../ConfigProvider/index.js';
 type getPopupContainer = (triggerNode?: HTMLElement) => HTMLElement;
 export interface PopoverProps extends Omit<HoverCardRootProps, 'defaultOpen'>, Omit<PopoverPortalProps, 'to'>, Partial<Pick<PopoverContentProps, 'sticky' | 'prioritizePosition' | 'sideOffset' | 'alignOffset' | 'collisionBoundary'>> {
     class?: Class;
@@ -9,23 +10,24 @@ export interface PopoverProps extends Omit<HoverCardRootProps, 'defaultOpen'>, O
     size?: PopoverSize;
     placement?: PopoverPlacement;
     to?: string | HTMLElement | getPopupContainer;
+    reversePlacementOnDir?: Direction;
 }
 declare function __VLS_template(): any;
 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/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;
+    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;
     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/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;
+    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;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {

package/dist/Popover/index.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-BZMSPrfB.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-BSe2YFuh.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;

package/dist/Popover/index.es.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-DTr33v9y.js";
+import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-W2dXxEo7.js";
 export {
   a as Popover,
   s as PopoverPlacements,