@evance/evance-ui 1.1.10 → 1.1.11

package/dist/esm/components/EvMenu/EvMenu.vue.mjs

@@ -1,129 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, computed, ref, inject, shallowRef, provide, watch, mergeProps, createBlock, openBlock, unref, isRef, createSlots, withCtx, renderSlot } from "vue";
-/* empty css             */
-import { makeEvMenuProps } from "./EvMenu.mjs";
-import _sfc_main$1 from "../EvOverlay/EvOverlay.vue.mjs";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import { EvMenuSymbol } from "./shared.mjs";
-import { getNextId, filterComponentProps } from "../../util/helpers.mjs";
-import { focusChild } from "../../util/events.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvMenu",
-  props: {
-    ...makeEvMenuProps()
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const slots = useSlots();
-    const isActive = useModelProxy(props, "modelValue");
-    const uid = getNextId();
-    const id = computed(() => {
-      return props.id || `ev-menu-${uid}`;
-    });
-    const overlay = ref();
-    const parent = inject(EvMenuSymbol, null);
-    const openChildren = shallowRef(0);
-    provide(EvMenuSymbol, {
-      register() {
-        ++openChildren.value;
-      },
-      unregister() {
-        --openChildren.value;
-      },
-      closeParents() {
-        setTimeout(() => {
-          if (!openChildren.value) {
-            isActive.value = false;
-            parent == null ? void 0 : parent.closeParents();
-          }
-        }, 40);
-      }
-    });
-    watch(isActive, (value) => {
-      return value ? parent == null ? void 0 : parent.register() : parent == null ? void 0 : parent.unregister();
-    });
-    function onClickOutside() {
-      parent == null ? void 0 : parent.closeParents();
-    }
-    function onKeydown(e) {
-      var _a, _b;
-      if (props.disabled) {
-        return;
-      }
-      if (e.key === "Tab") {
-        isActive.value = false;
-        (_b = (_a = overlay.value) == null ? void 0 : _a.activatorEl) == null ? void 0 : _b.focus();
-      }
-    }
-    function onActivatorKeydown(e) {
-      var _a;
-      if (props.disabled) {
-        return;
-      }
-      const el = (_a = overlay.value) == null ? void 0 : _a.contentEl;
-      if (el && isActive.value) {
-        if (e.key === "ArrowDown") {
-          e.preventDefault();
-          focusChild(el, "next");
-        } else if (e.key === "ArrowUp") {
-          e.preventDefault();
-          focusChild(el, "previous");
-        }
-      } else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
-        isActive.value = true;
-        e.preventDefault();
-        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));
-      }
-    }
-    const activatorProps = computed(() => {
-      return mergeProps(
-        {
-          "aria-haspopup": "menu",
-          "aria-expanded": String(isActive.value),
-          "aria-owns": id.value,
-          onKeydown: onActivatorKeydown
-        },
-        props.activatorProps
-      );
-    });
-    __expose({
-      id,
-      openChildren
-    });
-    const overlayProps = computed(() => filterComponentProps(_sfc_main$1, props));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        ref_key: "overlay",
-        ref: overlay,
-        modelValue: unref(isActive),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null)
-      }, overlayProps.value, {
-        class: ["ev-menu", props.class],
-        style: props.style,
-        "activator-props": activatorProps.value,
-        "onClick:outside": onClickOutside,
-        onKeydown
-      }), createSlots({
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 2
-      }, [
-        unref(slots).activator ? {
-          name: "activator",
-          fn: withCtx(({ isActive: isActive2, props: props2 }) => [
-            renderSlot(_ctx.$slots, "activator", {
-              isActive: isActive2,
-              props: props2
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["modelValue", "class", "style", "activator-props"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css              */const C=require("./EvMenu.mjs"),v=require("../EvOverlay/EvOverlay.vue.mjs"),S=require("../../composables/modelProxy.mjs"),d=require("./shared.mjs"),p=require("../../util/helpers.mjs"),f=require("../../util/events.mjs"),q=e.defineComponent({__name:"EvMenu",props:{...C.makeEvMenuProps()},setup(m,{expose:y}){const l=m,w=e.useSlots(),r=S.useModelProxy(l,"modelValue"),P=p.getNextId(),a=e.computed(()=>l.id||`ev-menu-${P}`),i=e.ref(),t=e.inject(d.EvMenuSymbol,null),n=e.shallowRef(0);e.provide(d.EvMenuSymbol,{register(){++n.value},unregister(){--n.value},closeParents(){setTimeout(()=>{n.value||(r.value=!1,t==null||t.closeParents())},40)}}),e.watch(r,o=>o?t==null?void 0:t.register():t==null?void 0:t.unregister());function _(){t==null||t.closeParents()}function g(o){var s,u;l.disabled||o.key==="Tab"&&(r.value=!1,(u=(s=i.value)==null?void 0:s.activatorEl)==null||u.focus())}function c(o){var u;if(l.disabled)return;const s=(u=i.value)==null?void 0:u.contentEl;s&&r.value?o.key==="ArrowDown"?(o.preventDefault(),f.focusChild(s,"next")):o.key==="ArrowUp"&&(o.preventDefault(),f.focusChild(s,"previous")):["ArrowDown","ArrowUp"].includes(o.key)&&(r.value=!0,o.preventDefault(),setTimeout(()=>setTimeout(()=>c(o))))}const k=e.computed(()=>e.mergeProps({"aria-haspopup":"menu","aria-expanded":String(r.value),"aria-owns":a.value,onKeydown:c},l.activatorProps));y({id:a,openChildren:n});const h=e.computed(()=>p.filterComponentProps(v.default,l));return(o,s)=>(e.openBlock(),e.createBlock(e.unref(v.default),e.mergeProps({ref_key:"overlay",ref:i,modelValue:e.unref(r),"onUpdate:modelValue":s[0]||(s[0]=u=>e.isRef(r)?r.value=u:null)},h.value,{class:["ev-menu",l.class],style:l.style,"activator-props":k.value,"onClick:outside":_,onKeydown:g}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[e.unref(w).activator?{name:"activator",fn:e.withCtx(({isActive:u,props:x})=>[e.renderSlot(o.$slots,"activator",{isActive:u,props:x})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props"]))}});exports.default=q;
 //# sourceMappingURL=EvMenu.vue.mjs.map

package/dist/esm/components/EvMenu/EvMenu.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvMenu.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvMenu\n */\nimport \"./EvMenu.scss\";\nimport { makeEvMenuProps } from \"./EvMenu\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport {\n    computed,\n    inject,\n    mergeProps,\n    provide,\n    ref,\n    shallowRef,\n    watch,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, focusChild, getNextId } from \"@/util\";\nimport { EvMenuSymbol } from \"./shared\";\n\nconst props = defineProps({\n    ...makeEvMenuProps(),\n});\nconst slots = defineSlots<{\n    activator(props: { isActive: boolean; props: any }): never;\n    default(): never;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\nconst id = computed(() => {\n    return props.id || `ev-menu-${uid}`;\n});\nconst overlay = ref<typeof EvOverlay>();\nconst parent = inject(EvMenuSymbol, null);\nconst openChildren = shallowRef(0);\n\nprovide(EvMenuSymbol, {\n    register() {\n        ++openChildren.value;\n    },\n    unregister() {\n        --openChildren.value;\n    },\n    closeParents() {\n        setTimeout(() => {\n            if (!openChildren.value) {\n                isActive.value = false;\n                parent?.closeParents();\n            }\n        }, 40);\n    },\n});\n\nwatch(isActive, (value) => {\n    return value ? parent?.register() : parent?.unregister();\n});\n\nfunction onClickOutside() {\n    parent?.closeParents();\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n    if (props.disabled) {\n        return;\n    }\n    if (e.key === \"Tab\") {\n        isActive.value = false;\n        overlay.value?.activatorEl?.focus();\n    }\n}\n\n/**\n * ## On Activator Keydown\n *\n * @param e\n */\nfunction onActivatorKeydown(e: KeyboardEvent) {\n    if (props.disabled) {\n        return;\n    }\n    const el = overlay.value?.contentEl;\n    if (el && isActive.value) {\n        if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            focusChild(el, \"next\");\n        } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            focusChild(el, \"previous\");\n        }\n    } else if ([\"ArrowDown\", \"ArrowUp\"].includes(e.key)) {\n        isActive.value = true;\n        e.preventDefault();\n        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));\n    }\n}\n\n/**\n * ## Activator Props\n *\n * Manipulate the activator props to include the keydown event listener\n * and ARIA attributes for accessibility.\n */\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"menu\",\n            \"aria-expanded\": String(isActive.value),\n            \"aria-owns\": id.value,\n            onKeydown: onActivatorKeydown,\n        },\n        props.activatorProps,\n    );\n});\n\n/**\n * ## Expose aspects of EvMenu to parent components\n */\ndefineExpose({\n    id,\n    openChildren,\n});\n\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlay\"\n        v-model=\"isActive\"\n        v-bind=\"overlayProps\"\n        :class=\"['ev-menu', props.class]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        @click:outside=\"onClickOutside\"\n        @keydown=\"onKeydown\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n        <template #default>\n            <slot name=\"default\" />\n        </template>\n    </ev-overlay>\n</template>\n"],"names":["_useSlots","EvOverlay"],"mappings":";;;;;;;;;;;;;;;;AAuBA,UAAM,QAAQA;AAIR,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,MAAM,UAAU;AAChB,UAAA,KAAK,SAAS,MAAM;AACf,aAAA,MAAM,MAAM,WAAW,GAAG;AAAA,IAAA,CACpC;AACD,UAAM,UAAU,IAAsB;AAChC,UAAA,SAAS,OAAO,cAAc,IAAI;AAClC,UAAA,eAAe,WAAW,CAAC;AAEjC,YAAQ,cAAc;AAAA,MAClB,WAAW;AACP,UAAE,aAAa;AAAA,MACnB;AAAA,MACA,aAAa;AACT,UAAE,aAAa;AAAA,MACnB;AAAA,MACA,eAAe;AACX,mBAAW,MAAM;AACT,cAAA,CAAC,aAAa,OAAO;AACrB,qBAAS,QAAQ;AACjB,6CAAQ;AAAA,UAAa;AAAA,WAE1B,EAAE;AAAA,MAAA;AAAA,IACT,CACH;AAEK,UAAA,UAAU,CAAC,UAAU;AACvB,aAAO,QAAQ,iCAAQ,aAAa,iCAAQ;AAAA,IAAW,CAC1D;AAED,aAAS,iBAAiB;AACtB,uCAAQ;AAAA,IAAa;AAGzB,aAAS,UAAU,GAAkB;;AACjC,UAAI,MAAM,UAAU;AAChB;AAAA,MAAA;AAEA,UAAA,EAAE,QAAQ,OAAO;AACjB,iBAAS,QAAQ;AACT,4BAAA,UAAA,mBAAO,gBAAP,mBAAoB;AAAA,MAAM;AAAA,IACtC;AAQJ,aAAS,mBAAmB,GAAkB;;AAC1C,UAAI,MAAM,UAAU;AAChB;AAAA,MAAA;AAEE,YAAA,MAAK,aAAQ,UAAR,mBAAe;AACtB,UAAA,MAAM,SAAS,OAAO;AAClB,YAAA,EAAE,QAAQ,aAAa;AACvB,YAAE,eAAe;AACjB,qBAAW,IAAI,MAAM;AAAA,QAAA,WACd,EAAE,QAAQ,WAAW;AAC5B,YAAE,eAAe;AACjB,qBAAW,IAAI,UAAU;AAAA,QAAA;AAAA,MAC7B,WACO,CAAC,aAAa,SAAS,EAAE,SAAS,EAAE,GAAG,GAAG;AACjD,iBAAS,QAAQ;AACjB,UAAE,eAAe;AACjB,mBAAW,MAAM,WAAW,MAAM,mBAAmB,CAAC,CAAC,CAAC;AAAA,MAAA;AAAA,IAC5D;AASE,UAAA,iBAAiB,SAAS,MAAM;AAC3B,aAAA;AAAA,QACH;AAAA,UACI,iBAAiB;AAAA,UACjB,iBAAiB,OAAO,SAAS,KAAK;AAAA,UACtC,aAAa,GAAG;AAAA,UAChB,WAAW;AAAA,QACf;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAKY,aAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,eAAe,SAAS,MAAM,qBAAqBC,aAAW,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvMenu.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvMenu\n */\nimport \"./EvMenu.scss\";\nimport { makeEvMenuProps } from \"./EvMenu\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport {\n    computed,\n    inject,\n    mergeProps,\n    provide,\n    ref,\n    shallowRef,\n    watch,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, focusChild, getNextId } from \"@/util\";\nimport { EvMenuSymbol } from \"./shared\";\n\nconst props = defineProps({\n    ...makeEvMenuProps(),\n});\nconst slots = defineSlots<{\n    activator(props: { isActive: boolean; props: any }): never;\n    default(): never;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\nconst id = computed(() => {\n    return props.id || `ev-menu-${uid}`;\n});\nconst overlay = ref<typeof EvOverlay>();\nconst parent = inject(EvMenuSymbol, null);\nconst openChildren = shallowRef(0);\n\nprovide(EvMenuSymbol, {\n    register() {\n        ++openChildren.value;\n    },\n    unregister() {\n        --openChildren.value;\n    },\n    closeParents() {\n        setTimeout(() => {\n            if (!openChildren.value) {\n                isActive.value = false;\n                parent?.closeParents();\n            }\n        }, 40);\n    },\n});\n\nwatch(isActive, (value) => {\n    return value ? parent?.register() : parent?.unregister();\n});\n\nfunction onClickOutside() {\n    parent?.closeParents();\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n    if (props.disabled) {\n        return;\n    }\n    if (e.key === \"Tab\") {\n        isActive.value = false;\n        overlay.value?.activatorEl?.focus();\n    }\n}\n\n/**\n * ## On Activator Keydown\n *\n * @param e\n */\nfunction onActivatorKeydown(e: KeyboardEvent) {\n    if (props.disabled) {\n        return;\n    }\n    const el = overlay.value?.contentEl;\n    if (el && isActive.value) {\n        if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            focusChild(el, \"next\");\n        } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            focusChild(el, \"previous\");\n        }\n    } else if ([\"ArrowDown\", \"ArrowUp\"].includes(e.key)) {\n        isActive.value = true;\n        e.preventDefault();\n        setTimeout(() => setTimeout(() => onActivatorKeydown(e)));\n    }\n}\n\n/**\n * ## Activator Props\n *\n * Manipulate the activator props to include the keydown event listener\n * and ARIA attributes for accessibility.\n */\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"menu\",\n            \"aria-expanded\": String(isActive.value),\n            \"aria-owns\": id.value,\n            onKeydown: onActivatorKeydown,\n        },\n        props.activatorProps,\n    );\n});\n\n/**\n * ## Expose aspects of EvMenu to parent components\n */\ndefineExpose({\n    id,\n    openChildren,\n});\n\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlay\"\n        v-model=\"isActive\"\n        v-bind=\"overlayProps\"\n        :class=\"['ev-menu', props.class]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        @click:outside=\"onClickOutside\"\n        @keydown=\"onKeydown\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n        <template #default>\n            <slot name=\"default\" />\n        </template>\n    </ev-overlay>\n</template>\n"],"names":["slots","_useSlots","isActive","useModelProxy","props","uid","getNextId","id","computed","overlay","ref","parent","inject","EvMenuSymbol","openChildren","shallowRef","provide","watch","value","onClickOutside","onKeydown","e","_b","_a","onActivatorKeydown","el","focusChild","activatorProps","mergeProps","__expose","overlayProps","filterComponentProps","EvOverlay"],"mappings":"mgBAuBMA,EAAQC,EAAAA,WAIRC,EAAWC,EAAAA,cAAcC,EAAO,YAAY,EAC5CC,EAAMC,EAAAA,UAAU,EAChBC,EAAKC,EAAAA,SAAS,IACTJ,EAAM,IAAM,WAAWC,CAAG,EACpC,EACKI,EAAUC,EAAAA,IAAsB,EAChCC,EAASC,EAAAA,OAAOC,EAAA,aAAc,IAAI,EAClCC,EAAeC,aAAW,CAAC,EAEjCC,EAAAA,QAAQH,EAAAA,aAAc,CAClB,UAAW,CACP,EAAEC,EAAa,KACnB,EACA,YAAa,CACT,EAAEA,EAAa,KACnB,EACA,cAAe,CACX,WAAW,IAAM,CACRA,EAAa,QACdZ,EAAS,MAAQ,GACjBS,GAAA,MAAAA,EAAQ,iBAEb,EAAE,CAAA,CACT,CACH,EAEKM,QAAAf,EAAWgB,GACNA,EAAQP,GAAA,YAAAA,EAAQ,WAAaA,GAAA,YAAAA,EAAQ,YAC/C,EAED,SAASQ,GAAiB,CACtBR,GAAA,MAAAA,EAAQ,cAAa,CAGzB,SAASS,EAAUC,EAAkB,SAC7BjB,EAAM,UAGNiB,EAAE,MAAQ,QACVnB,EAAS,MAAQ,IACToB,GAAAC,EAAAd,EAAA,QAAA,YAAAc,EAAO,cAAP,MAAAD,EAAoB,QAChC,CAQJ,SAASE,EAAmBH,EAAkB,OAC1C,GAAIjB,EAAM,SACN,OAEE,MAAAqB,GAAKF,EAAAd,EAAQ,QAAR,YAAAc,EAAe,UACtBE,GAAMvB,EAAS,MACXmB,EAAE,MAAQ,aACVA,EAAE,eAAe,EACjBK,EAAA,WAAWD,EAAI,MAAM,GACdJ,EAAE,MAAQ,YACjBA,EAAE,eAAe,EACjBK,EAAA,WAAWD,EAAI,UAAU,GAEtB,CAAC,YAAa,SAAS,EAAE,SAASJ,EAAE,GAAG,IAC9CnB,EAAS,MAAQ,GACjBmB,EAAE,eAAe,EACjB,WAAW,IAAM,WAAW,IAAMG,EAAmBH,CAAC,CAAC,CAAC,EAC5D,CASE,MAAAM,EAAiBnB,EAAAA,SAAS,IACrBoB,EAAA,WACH,CACI,gBAAiB,OACjB,gBAAiB,OAAO1B,EAAS,KAAK,EACtC,YAAaK,EAAG,MAChB,UAAWiB,CACf,EACApB,EAAM,cACV,CACH,EAKYyB,EAAA,CACT,GAAAtB,EACA,aAAAO,CAAA,CACH,EAED,MAAMgB,EAAetB,EAAAA,SAAS,IAAMuB,EAAqB,qBAAAC,EAAA,QAAW5B,CAAK,CAAC"}

package/dist/esm/components/EvMenu/EvMenu.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvMenu.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvMenu.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvMenu.vue2.mjs.map

package/dist/esm/components/EvMenu/EvMenu.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvMenu.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvMenu.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvMenu/EvMenuTransition.vue.mjs

@@ -1,150 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, computed, createBlock, openBlock, Transition, mergeProps, withCtx, renderSlot } from "vue";
-import { animate, easingStandard, easingAccelerate } from "../../util/animate.mjs";
-import { Rect } from "../../util/dimensions.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvMenuTransition",
-  props: {
-    target: Object
-  },
-  setup(__props) {
-    const props = __props;
-    function getChildren(el) {
-      var _a;
-      const els = (_a = el.querySelector(
-        ":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"
-      )) == null ? void 0 : _a.children;
-      return els && [...els];
-    }
-    function getDimensions(target, el) {
-      const targetBox = Rect.fromElement(target);
-      const elBox = Rect.fromElement(el, true);
-      const elStyle = getComputedStyle(el);
-      const [originX, originY] = elStyle.transformOrigin.split(" ").map((v) => parseFloat(v));
-      const [anchorSide, anchorOffset] = elStyle.getPropertyValue("--ev-overlay-position").split(" ");
-      let offsetX = targetBox.left;
-      if (anchorSide === "center" || anchorOffset === "center") {
-        offsetX += targetBox.width / 2;
-      } else if (anchorSide === "right" || anchorOffset === "right") {
-        offsetX += targetBox.width;
-      }
-      let offsetY = targetBox.top;
-      if (anchorSide === "center" || anchorOffset === "center") {
-        offsetY += targetBox.height / 2;
-      } else if (anchorSide === "bottom" || anchorOffset === "bottom") {
-        offsetY += targetBox.height;
-      }
-      const targetScaleX = targetBox.width / elBox.width;
-      const targetScaleY = targetBox.height / elBox.height;
-      const maxScale = Math.max(1, targetScaleX, targetScaleY);
-      const scaleX = targetScaleX / maxScale || 0;
-      const scaleY = targetScaleY / maxScale || 0;
-      const screenPercentage = elBox.width * elBox.height / (window.innerWidth * window.innerHeight);
-      const speedFactor = screenPercentage > 0.12 ? Math.min(1.5, (screenPercentage - 0.12) * 10 + 1) : 1;
-      return {
-        x: offsetX - (originX + elBox.left),
-        y: offsetY - (originY + elBox.top),
-        scaleX,
-        scaleY,
-        speedFactor
-      };
-    }
-    function onBeforeEnter(el) {
-      el.style.pointerEvents = "none";
-      el.style.visibility = "hidden";
-    }
-    async function onEnter(el, done) {
-      var _a;
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-      el.style.visibility = "";
-      const { x, y, scaleX, scaleY, speedFactor } = getDimensions(
-        props.target,
-        el
-      );
-      const duration = 250;
-      const animation = animate(
-        el,
-        [
-          {
-            transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,
-            opacity: 0
-          },
-          {}
-        ],
-        {
-          duration: duration * speedFactor,
-          easing: easingStandard
-        }
-      );
-      (_a = getChildren(el)) == null ? void 0 : _a.forEach((el2) => {
-        animate(el2, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {
-          duration: duration * speedFactor,
-          easing: easingStandard
-        });
-      });
-      animation.finished.then(() => done());
-    }
-    function onAfterEnter(el) {
-      el.style.removeProperty("pointer-events");
-    }
-    function onBeforeLeave(el) {
-      el.style.pointerEvents = "none";
-    }
-    async function onLeave(el, done) {
-      var _a;
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-      const { x, y, scaleX, scaleY, speedFactor } = getDimensions(
-        props.target,
-        el
-      );
-      const animation = animate(
-        el,
-        [
-          {},
-          {
-            transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,
-            opacity: 0
-          }
-        ],
-        {
-          duration: 125 * speedFactor,
-          easing: easingAccelerate
-        }
-      );
-      animation.finished.then(() => done());
-      (_a = getChildren(el)) == null ? void 0 : _a.forEach((el2) => {
-        animate(el2, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {
-          duration: 250 * speedFactor,
-          easing: easingStandard
-        });
-      });
-    }
-    function onAfterLeave(el) {
-      el.style.removeProperty("pointer-events");
-    }
-    const transitionProps = computed(() => {
-      return props.target ? {
-        css: false,
-        onBeforeEnter,
-        onEnter,
-        onAfterEnter,
-        onBeforeLeave,
-        onLeave,
-        onAfterLeave
-      } : {};
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, mergeProps({ name: "ev-menu-transition" }, transitionProps.value), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),l=require("../../util/animate.mjs"),x=require("../../util/dimensions.mjs"),M=c.defineComponent({__name:"EvMenuTransition",props:{target:Object},setup(S){const m=S;function d(e){var t;const n=(t=e.querySelector(":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"))==null?void 0:t.children;return n&&[...n]}function g(e,n){const t=x.Rect.fromElement(e),o=x.Rect.fromElement(n,!0),p=getComputedStyle(n),[u,f]=p.transformOrigin.split(" ").map(Y=>parseFloat(Y)),[s,a]=p.getPropertyValue("--ev-overlay-position").split(" ");let i=t.left;s==="center"||a==="center"?i+=t.width/2:(s==="right"||a==="right")&&(i+=t.width);let r=t.top;s==="center"||a==="center"?r+=t.height/2:(s==="bottom"||a==="bottom")&&(r+=t.height);const h=t.width/o.width,y=t.height/o.height,v=Math.max(1,h,y),A=h/v||0,B=y/v||0,w=o.width*o.height/(window.innerWidth*window.innerHeight),X=w>.12?Math.min(1.5,(w-.12)*10+1):1;return{x:i-(u+o.left),y:r-(f+o.top),scaleX:A,scaleY:B,speedFactor:X}}function E(e){e.style.pointerEvents="none",e.style.visibility="hidden"}async function P(e,n){var i;await new Promise(r=>requestAnimationFrame(r)),await new Promise(r=>requestAnimationFrame(r)),e.style.visibility="";const{x:t,y:o,scaleX:p,scaleY:u,speedFactor:f}=g(m.target,e),s=250,a=l.animate(e,[{transform:`translate(${t}px, ${o}px) scale(${p}, ${u})`,opacity:0},{}],{duration:s*f,easing:l.easingStandard});(i=d(e))==null||i.forEach(r=>{l.animate(r,[{opacity:0},{opacity:0,offset:.25},{}],{duration:s*f,easing:l.easingStandard})}),a.finished.then(()=>n())}function $(e){e.style.removeProperty("pointer-events")}function _(e){e.style.pointerEvents="none"}async function b(e,n){var a;await new Promise(i=>requestAnimationFrame(i));const{x:t,y:o,scaleX:p,scaleY:u,speedFactor:f}=g(m.target,e);l.animate(e,[{},{transform:`translate(${t}px, ${o}px) scale(${p}, ${u})`,opacity:0}],{duration:125*f,easing:l.easingAccelerate}).finished.then(()=>n()),(a=d(e))==null||a.forEach(i=>{l.animate(i,[{},{opacity:0,offset:.25},{opacity:0}],{duration:250*f,easing:l.easingStandard})})}function q(e){e.style.removeProperty("pointer-events")}const F=c.computed(()=>m.target?{css:!1,onBeforeEnter:E,onEnter:P,onAfterEnter:$,onBeforeLeave:_,onLeave:b,onAfterLeave:q}:{});return(e,n)=>(c.openBlock(),c.createBlock(c.Transition,c.mergeProps({name:"ev-menu-transition"},F.value),{default:c.withCtx(()=>[c.renderSlot(e.$slots,"default")]),_:3},16))}});exports.default=M;
 //# sourceMappingURL=EvMenuTransition.vue.mjs.map

package/dist/esm/components/EvMenu/EvMenuTransition.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvMenuTransition.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenuTransition.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvMenu Transition\n *\n * We use JavaScript hooks to animate the menu.\n *\n * @see https://vuejs.org/guide/built-ins/transition.html#javascript-hooks\n */\nimport { computed, PropType } from \"vue\";\nimport { animate, easingAccelerate, easingStandard, Rect } from \"@/util\";\n\nconst props = defineProps({\n    target: Object as PropType<HTMLElement>,\n});\n\n/**\n * ## Get Children\n *\n * We're only interested in animating the following children:\n *\n * - `ev-surface`\n * - `ev-card`\n * - `ev-list`\n *\n * @param el\n */\nfunction getChildren(el: Element) {\n    const els = el.querySelector(\n        \":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list\",\n    )?.children;\n    return els && [...els];\n}\n\n/**\n * ## Get Dimensions\n * @param target\n * @param el\n */\nfunction getDimensions(target: HTMLElement, el: HTMLElement) {\n    const targetBox = Rect.fromElement(target);\n    const elBox = Rect.fromElement(el, true);\n    const elStyle = getComputedStyle(el);\n    const [originX, originY] = elStyle.transformOrigin\n        .split(\" \")\n        .map((v) => parseFloat(v));\n    const [anchorSide, anchorOffset] = elStyle\n        .getPropertyValue(\"--ev-overlay-position\")\n        .split(\" \");\n\n    let offsetX = targetBox.left;\n    if (anchorSide === \"center\" || anchorOffset === \"center\") {\n        offsetX += targetBox.width / 2;\n    } else if (anchorSide === \"right\" || anchorOffset === \"right\") {\n        offsetX += targetBox.width;\n    }\n\n    let offsetY = targetBox.top;\n    if (anchorSide === \"center\" || anchorOffset === \"center\") {\n        offsetY += targetBox.height / 2;\n    } else if (anchorSide === \"bottom\" || anchorOffset === \"bottom\") {\n        offsetY += targetBox.height;\n    }\n\n    const targetScaleX = targetBox.width / elBox.width;\n    const targetScaleY = targetBox.height / elBox.height;\n    const maxScale = Math.max(1, targetScaleX, targetScaleY);\n    const scaleX = targetScaleX / maxScale || 0;\n    const scaleY = targetScaleY / maxScale || 0;\n\n    // Animate elements larger than 12% of the screen area up to 1.5x slower\n    const screenPercentage =\n        (elBox.width * elBox.height) / (window.innerWidth * window.innerHeight);\n    const speedFactor =\n        screenPercentage > 0.12\n            ? Math.min(1.5, (screenPercentage - 0.12) * 10 + 1)\n            : 1;\n\n    return {\n        x: offsetX - (originX + elBox.left),\n        y: offsetY - (originY + elBox.top),\n        scaleX,\n        scaleY,\n        speedFactor,\n    };\n}\n\n/**\n * ## On Before Enter\n *\n * Before the element is inserted into the DOM.\n *\n * @param el\n */\nfunction onBeforeEnter(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n    (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/**\n * ## On Enter\n *\n * Called one frame after the element is inserted.\n *\n * @param el\n * @param done\n */\nasync function onEnter(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    (el as HTMLElement).style.visibility = \"\";\n    const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n    const duration = 250;\n\n    const animation = animate(\n        el,\n        [\n            {\n                transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n                opacity: 0,\n            },\n            {},\n        ],\n        {\n            duration: duration * speedFactor,\n            easing: easingStandard,\n        },\n    );\n    getChildren(el)?.forEach((el) => {\n        animate(el, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {\n            duration: duration * speedFactor,\n            easing: easingStandard,\n        });\n    });\n    animation.finished.then(() => done());\n}\n\n/**\n * ## On After Enter\n *\n * Called when the enter transition has finished.\n *\n * @param el\n */\nfunction onAfterEnter(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * ## On Before Leave\n *\n * Called before the leave hook.\n *\n * @param el\n */\nfunction onBeforeLeave(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/**\n * ## On Leave\n *\n * Called when the leave transition starts.\n *\n * @param el\n * @param done\n */\nasync function onLeave(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n\n    const animation = animate(\n        el,\n        [\n            {},\n            {\n                transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n                opacity: 0,\n            },\n        ],\n        {\n            duration: 125 * speedFactor,\n            easing: easingAccelerate,\n        },\n    );\n    animation.finished.then(() => done());\n\n    getChildren(el)?.forEach((el) => {\n        animate(el, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {\n            duration: 250 * speedFactor,\n            easing: easingStandard,\n        });\n    });\n}\n\n/**\n * ## On After Leave\n *\n * Called when the leave transition has finished and the element has been removed from the DOM.\n *\n * @param el\n */\nfunction onAfterLeave(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * Calculate transition props so we can use v-bind.\n */\nconst transitionProps = computed(() => {\n    return props.target\n        ? {\n              css: false,\n              onBeforeEnter,\n              onEnter,\n              onAfterEnter,\n              onBeforeLeave,\n              onLeave,\n              onAfterLeave,\n          }\n        : {};\n});\n</script>\n\n<template>\n    <transition name=\"ev-menu-transition\" v-bind=\"transitionProps\">\n        <slot />\n    </transition>\n</template>\n"],"names":["el"],"mappings":"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"}
+{"version":3,"file":"EvMenuTransition.vue.mjs","sources":["../../../../src/components/EvMenu/EvMenuTransition.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvMenu Transition\n *\n * We use JavaScript hooks to animate the menu.\n *\n * @see https://vuejs.org/guide/built-ins/transition.html#javascript-hooks\n */\nimport { computed, PropType } from \"vue\";\nimport { animate, easingAccelerate, easingStandard, Rect } from \"@/util\";\n\nconst props = defineProps({\n    target: Object as PropType<HTMLElement>,\n});\n\n/**\n * ## Get Children\n *\n * We're only interested in animating the following children:\n *\n * - `ev-surface`\n * - `ev-card`\n * - `ev-list`\n *\n * @param el\n */\nfunction getChildren(el: Element) {\n    const els = el.querySelector(\n        \":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list\",\n    )?.children;\n    return els && [...els];\n}\n\n/**\n * ## Get Dimensions\n * @param target\n * @param el\n */\nfunction getDimensions(target: HTMLElement, el: HTMLElement) {\n    const targetBox = Rect.fromElement(target);\n    const elBox = Rect.fromElement(el, true);\n    const elStyle = getComputedStyle(el);\n    const [originX, originY] = elStyle.transformOrigin\n        .split(\" \")\n        .map((v) => parseFloat(v));\n    const [anchorSide, anchorOffset] = elStyle\n        .getPropertyValue(\"--ev-overlay-position\")\n        .split(\" \");\n\n    let offsetX = targetBox.left;\n    if (anchorSide === \"center\" || anchorOffset === \"center\") {\n        offsetX += targetBox.width / 2;\n    } else if (anchorSide === \"right\" || anchorOffset === \"right\") {\n        offsetX += targetBox.width;\n    }\n\n    let offsetY = targetBox.top;\n    if (anchorSide === \"center\" || anchorOffset === \"center\") {\n        offsetY += targetBox.height / 2;\n    } else if (anchorSide === \"bottom\" || anchorOffset === \"bottom\") {\n        offsetY += targetBox.height;\n    }\n\n    const targetScaleX = targetBox.width / elBox.width;\n    const targetScaleY = targetBox.height / elBox.height;\n    const maxScale = Math.max(1, targetScaleX, targetScaleY);\n    const scaleX = targetScaleX / maxScale || 0;\n    const scaleY = targetScaleY / maxScale || 0;\n\n    // Animate elements larger than 12% of the screen area up to 1.5x slower\n    const screenPercentage =\n        (elBox.width * elBox.height) / (window.innerWidth * window.innerHeight);\n    const speedFactor =\n        screenPercentage > 0.12\n            ? Math.min(1.5, (screenPercentage - 0.12) * 10 + 1)\n            : 1;\n\n    return {\n        x: offsetX - (originX + elBox.left),\n        y: offsetY - (originY + elBox.top),\n        scaleX,\n        scaleY,\n        speedFactor,\n    };\n}\n\n/**\n * ## On Before Enter\n *\n * Before the element is inserted into the DOM.\n *\n * @param el\n */\nfunction onBeforeEnter(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n    (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/**\n * ## On Enter\n *\n * Called one frame after the element is inserted.\n *\n * @param el\n * @param done\n */\nasync function onEnter(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    (el as HTMLElement).style.visibility = \"\";\n    const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n    const duration = 250;\n\n    const animation = animate(\n        el,\n        [\n            {\n                transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n                opacity: 0,\n            },\n            {},\n        ],\n        {\n            duration: duration * speedFactor,\n            easing: easingStandard,\n        },\n    );\n    getChildren(el)?.forEach((el) => {\n        animate(el, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {\n            duration: duration * speedFactor,\n            easing: easingStandard,\n        });\n    });\n    animation.finished.then(() => done());\n}\n\n/**\n * ## On After Enter\n *\n * Called when the enter transition has finished.\n *\n * @param el\n */\nfunction onAfterEnter(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * ## On Before Leave\n *\n * Called before the leave hook.\n *\n * @param el\n */\nfunction onBeforeLeave(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/**\n * ## On Leave\n *\n * Called when the leave transition starts.\n *\n * @param el\n * @param done\n */\nasync function onLeave(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    const { x, y, scaleX, scaleY, speedFactor } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n\n    const animation = animate(\n        el,\n        [\n            {},\n            {\n                transform: `translate(${x}px, ${y}px) scale(${scaleX}, ${scaleY})`,\n                opacity: 0,\n            },\n        ],\n        {\n            duration: 125 * speedFactor,\n            easing: easingAccelerate,\n        },\n    );\n    animation.finished.then(() => done());\n\n    getChildren(el)?.forEach((el) => {\n        animate(el, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {\n            duration: 250 * speedFactor,\n            easing: easingStandard,\n        });\n    });\n}\n\n/**\n * ## On After Leave\n *\n * Called when the leave transition has finished and the element has been removed from the DOM.\n *\n * @param el\n */\nfunction onAfterLeave(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * Calculate transition props so we can use v-bind.\n */\nconst transitionProps = computed(() => {\n    return props.target\n        ? {\n              css: false,\n              onBeforeEnter,\n              onEnter,\n              onAfterEnter,\n              onBeforeLeave,\n              onLeave,\n              onAfterLeave,\n          }\n        : {};\n});\n</script>\n\n<template>\n    <transition name=\"ev-menu-transition\" v-bind=\"transitionProps\">\n        <slot />\n    </transition>\n</template>\n"],"names":["getChildren","el","els","_a","getDimensions","target","targetBox","Rect","elBox","elStyle","originX","originY","v","anchorSide","anchorOffset","offsetX","offsetY","targetScaleX","targetScaleY","maxScale","scaleX","scaleY","screenPercentage","speedFactor","onBeforeEnter","onEnter","done","resolve","x","y","props","duration","animation","animate","easingStandard","onAfterEnter","onBeforeLeave","onLeave","easingAccelerate","onAfterLeave","transitionProps","computed"],"mappings":"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"}

package/dist/esm/components/EvMenu/EvMenuTransition.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvMenuTransition.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvMenuTransition.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvMenuTransition.vue2.mjs.map

package/dist/esm/components/EvMenu/EvMenuTransition.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvMenuTransition.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvMenuTransition.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvMenu/shared.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-const EvMenuSymbol = Symbol.for("ev:menu");
-export {
-  EvMenuSymbol
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol.for("ev:menu");exports.EvMenuSymbol=e;
 //# sourceMappingURL=shared.mjs.map

package/dist/esm/components/EvMenu/shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared.mjs","sources":["../../../../src/components/EvMenu/shared.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\n\ninterface MenuProvide {\n    register(): void;\n    unregister(): void;\n    closeParents(): void;\n}\n\nexport const EvMenuSymbol: InjectionKey<MenuProvide> = Symbol.for(\"ev:menu\");\n"],"names":[],"mappings":";AAQa,MAAA,eAA0C,OAAO,IAAI,SAAS;"}
+{"version":3,"file":"shared.mjs","sources":["../../../../src/components/EvMenu/shared.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\n\ninterface MenuProvide {\n    register(): void;\n    unregister(): void;\n    closeParents(): void;\n}\n\nexport const EvMenuSymbol: InjectionKey<MenuProvide> = Symbol.for(\"ev:menu\");\n"],"names":["EvMenuSymbol"],"mappings":"sHAQa,MAAAA,EAA0C,OAAO,IAAI,SAAS"}

package/dist/esm/components/EvMessage/EvMessage.mjs

@@ -1,36 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { IconProp } from "../../composables/icons.mjs";
-import { makeTagProps } from "../../composables/tag.mjs";
-import { makeComponentProps } from "../../composables/component.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { makeAppearanceProps } from "../../util/appearance.mjs";
-const makeEvMessageProps = propsFactory(
-  {
-    description: String,
-    dismissDelay: {
-      type: [Boolean, Number],
-      default: 0
-    },
-    dismissible: [Boolean, Object],
-    expandable: Boolean,
-    icon: IconProp,
-    modelValue: {
-      type: [Boolean, Object],
-      default: true
-    },
-    title: String,
-    actions: Array,
-    ...makeAppearanceProps({
-      variant: "tonal"
-    }),
-    ...makeTagProps({
-      tag: "section"
-    }),
-    ...makeComponentProps()
-  },
-  "EvMessage"
-);
-export {
-  makeEvMessageProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/icons.mjs"),o=require("../../composables/tag.mjs"),r=require("../../composables/component.mjs"),t=require("../../util/props.mjs"),a=require("../../util/appearance.mjs"),s=t.propsFactory({description:String,dismissDelay:{type:[Boolean,Number],default:0},dismissible:[Boolean,Object],expandable:Boolean,icon:e.IconProp,modelValue:{type:[Boolean,Object],default:!0},title:String,actions:Array,...a.makeAppearanceProps({variant:"tonal"}),...o.makeTagProps({tag:"section"}),...r.makeComponentProps()},"EvMessage");exports.makeEvMessageProps=s;
 //# sourceMappingURL=EvMessage.mjs.map

package/dist/esm/components/EvMessage/EvMessage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvMessage.mjs","sources":["../../../../src/components/EvMessage/EvMessage.ts"],"sourcesContent":["import { AppearanceProp, makeAppearanceProps, propsFactory } from \"@/util\";\nimport { PropType, Ref } from \"vue\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\ntype ModelValueProp = boolean | Ref<boolean>;\ntype EvMessageVariant = \"subtle\" | \"tonal\" | \"bold\";\n\n/**\n * # EvMessageProps\n */\nexport interface EvMessageProps {\n    description?: string;\n    dismissible?: boolean;\n    expandable?: boolean;\n    icon?: IconValue;\n    modelValue?: Ref<boolean>;\n    title?: string;\n    variant?: EvMessageVariant;\n    actions?: EvButtonProps[];\n    appearance?: AppearanceProp;\n    onDismiss?: () => void;\n}\n\nexport interface EvMessageSlots {\n    icon?: any;\n    default?: any;\n    actions?: any;\n}\n\n/**\n * # makeEvMessageProps\n */\nexport const makeEvMessageProps = propsFactory(\n    {\n        description: String,\n        dismissDelay: {\n            type: [Boolean, Number],\n            default: 0,\n        },\n        dismissible: [Boolean, Object] as PropType<ModelValueProp>,\n        expandable: Boolean,\n        icon: IconProp,\n        modelValue: {\n            type: [Boolean, Object] as PropType<ModelValueProp>,\n            default: true,\n        },\n        title: String,\n        actions: Array as PropType<EvButtonProps[]>,\n\n        ...makeAppearanceProps({\n            variant: \"tonal\",\n        }),\n        ...makeTagProps({\n            tag: \"section\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvMessage\",\n);\n"],"names":[],"mappings":";;;;;;AAmCO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,aAAa;AAAA,IACb,cAAc;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IACb;AAAA,IACA,aAAa,CAAC,SAAS,MAAM;AAAA,IAC7B,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,YAAY;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IAET,GAAG,oBAAoB;AAAA,MACnB,SAAS;AAAA,IAAA,CACZ;AAAA,IACD,GAAG,aAAa;AAAA,MACZ,KAAK;AAAA,IAAA,CACR;AAAA,IACD,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvMessage.mjs","sources":["../../../../src/components/EvMessage/EvMessage.ts"],"sourcesContent":["import { AppearanceProp, makeAppearanceProps, propsFactory } from \"@/util\";\nimport { PropType, Ref } from \"vue\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\ntype ModelValueProp = boolean | Ref<boolean>;\ntype EvMessageVariant = \"subtle\" | \"tonal\" | \"bold\";\n\n/**\n * # EvMessageProps\n */\nexport interface EvMessageProps {\n    description?: string;\n    dismissible?: boolean;\n    expandable?: boolean;\n    icon?: IconValue;\n    modelValue?: Ref<boolean>;\n    title?: string;\n    variant?: EvMessageVariant;\n    actions?: EvButtonProps[];\n    appearance?: AppearanceProp;\n    onDismiss?: () => void;\n}\n\nexport interface EvMessageSlots {\n    icon?: any;\n    default?: any;\n    actions?: any;\n}\n\n/**\n * # makeEvMessageProps\n */\nexport const makeEvMessageProps = propsFactory(\n    {\n        description: String,\n        dismissDelay: {\n            type: [Boolean, Number],\n            default: 0,\n        },\n        dismissible: [Boolean, Object] as PropType<ModelValueProp>,\n        expandable: Boolean,\n        icon: IconProp,\n        modelValue: {\n            type: [Boolean, Object] as PropType<ModelValueProp>,\n            default: true,\n        },\n        title: String,\n        actions: Array as PropType<EvButtonProps[]>,\n\n        ...makeAppearanceProps({\n            variant: \"tonal\",\n        }),\n        ...makeTagProps({\n            tag: \"section\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvMessage\",\n);\n"],"names":["makeEvMessageProps","propsFactory","IconProp","makeAppearanceProps","makeTagProps","makeComponentProps"],"mappings":"kUAmCaA,EAAqBC,EAAA,aAC9B,CACI,YAAa,OACb,aAAc,CACV,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,CACb,EACA,YAAa,CAAC,QAAS,MAAM,EAC7B,WAAY,QACZ,KAAMC,EAAA,SACN,WAAY,CACR,KAAM,CAAC,QAAS,MAAM,EACtB,QAAS,EACb,EACA,MAAO,OACP,QAAS,MAET,GAAGC,sBAAoB,CACnB,QAAS,OAAA,CACZ,EACD,GAAGC,eAAa,CACZ,IAAK,SAAA,CACR,EACD,GAAGC,EAAmB,mBAAA,CAC1B,EACA,WACJ"}