@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/components/VvAlertGroup/VvAlertGroup.es.js

@@ -1,4 +1,4 @@
-import { Fragment as Q, TransitionGroup as X, computed as l, createBlock as _, createCommentVNode as g, createElementBlock as m, createElementVNode as Z, createTextVNode as I, createVNode as x, defineComponent as N, guardReactiveProps as V, inject as M, mergeDefaults as ee, mergeProps as $, normalizeProps as L, onBeforeUnmount as te, openBlock as f, provide as re, ref as q, renderList as ae, renderSlot as c, toDisplayString as w, toHandlers as oe, toRefs as le, unref as u, useId as ne, watch as ie, withCtx as se, withModifiers as ue } from "vue";
+import { Fragment as Q, TransitionGroup as X, computed as l, createBlock as _, createCommentVNode as g, createElementBlock as m, createElementVNode as Z, createTextVNode as I, createVNode as x, defineComponent as N, guardReactiveProps as V, inject as M, mergeDefaults as ee, mergeProps as $, normalizeProps as L, onBeforeUnmount as te, openBlock as v, provide as re, ref as q, renderList as ae, renderSlot as c, toDisplayString as w, toHandlers as oe, toRefs as le, unref as u, useId as ne, watch as ie, withCtx as se, withModifiers as ue } from "vue";
 import de from "mitt";
 import { Icon as ve, addIcon as fe, iconLoaded as A } from "@iconify/vue";
 var ce = {
@@ -14,11 +14,11 @@ var ce = {
   download: "download"
 }, pe = { prefix: "normal" }, R = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), ye = /* @__PURE__ */ (function(e) {
+})({}), be = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), h = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), be = /* @__PURE__ */ (function(e) {
+})({}), ye = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), C = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
@@ -54,7 +54,7 @@ var ce = {
     type: [String, Array],
     default: void 0
   }
-}, j = {
+}, T = {
   loading: {
     type: Boolean,
     default: !1
@@ -94,7 +94,7 @@ var ce = {
 } }, k = { label: {
   type: [String, Number],
   default: void 0
-} }, T = { readonly: {
+} }, j = { readonly: {
   type: Boolean,
   default: !1
 } }, B = { modifiers: {
@@ -152,12 +152,12 @@ var ce = {
   placement: {
     type: String,
     default: h.bottom,
-    validator: (e) => Object.values(h).includes(e) || Object.values(be).includes(e)
+    validator: (e) => Object.values(h).includes(e) || Object.values(ye).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(ye).includes(e)
+    validator: (e) => Object.values(be).includes(e)
   },
   transitionName: {
     type: String,
@@ -221,11 +221,11 @@ var ce = {
   ...Ve,
   ...U,
   ...P,
-  ...T,
+  ...j,
   ...O,
   ...E,
   ...F,
-  ...j,
+  ...T,
   ...B,
   ...Be,
   ...Ie,
@@ -252,10 +252,10 @@ var ce = {
   ...E,
   ...F,
   ...P,
-  ...T,
+  ...j,
   ...B,
   ...k,
-  ...j,
+  ...T,
   value: {
     type: [
       String,
@@ -279,10 +279,10 @@ var ce = {
   ...ke,
   ...F,
   ...P,
-  ...T,
+  ...j,
   ...B,
   ...k,
-  ...j,
+  ...T,
   ...z,
   modelValue: {
     type: [
@@ -414,10 +414,10 @@ function Oe(e, r) {
 function Ee() {
   return M(K, {});
 }
-function je(e) {
+function Te(e) {
   return l(() => String(e?.value || ne()));
 }
-function Te(e, r) {
+function je(e, r) {
   const n = l(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), o = l(() => r?.value === C.before ? n.value : void 0), i = l(() => r?.value === C.after ? n.value : void 0);
   return {
     hasIcon: n,
@@ -466,14 +466,14 @@ var Fe = {
   }
 }, Ge = ["close"];
 function Re(e, r) {
-  const { bus: n } = Ee(), o = je(l(() => e.id)), i = l(() => `${o.value}-title`);
+  const { bus: n } = Ee(), o = Te(l(() => e.id)), i = l(() => `${o.value}-title`);
   let a;
-  const v = () => {
+  const d = () => {
     a && clearTimeout(a), r("close", o.value), n?.emit("close", o.value);
   };
-  ie(() => e.autoClose, (b) => {
-    if (b > 0) {
-      a = setTimeout(v, b);
+  ie(() => e.autoClose, (y) => {
+    if (y > 0) {
+      a = setTimeout(d, y);
       return;
     }
     a && clearTimeout(a);
@@ -482,22 +482,22 @@ function Re(e, r) {
   });
   const t = q(!1), p = () => {
     t.value = !0, a && clearTimeout(a);
-  }, y = () => {
-    t.value = !1, e.autoClose > 0 && (a = setTimeout(v, e.autoClose));
-  }, { hasIcon: S } = Te(l(() => e.icon)), s = G("vv-alert", l(() => e.modifiers), l(() => ({
+  }, b = () => {
+    t.value = !1, e.autoClose > 0 && (a = setTimeout(d, e.autoClose));
+  }, { hasIcon: S } = je(l(() => e.icon)), s = G("vv-alert", l(() => e.modifiers), l(() => ({
     dismissable: e.autoClose > 0 || e.dismissable,
     "auto-close": e.autoClose > 0,
     hover: t.value
-  }))), d = l(() => ({ "--alert-duration": `${e.autoClose}ms` }));
+  }))), f = l(() => ({ "--alert-duration": `${e.autoClose}ms` }));
   return {
-    close: v,
+    close: d,
     hasIcon: S,
     hasTitleId: i,
     hasProps: l(() => ({
       onMouseover: p,
-      onMouseleave: y,
+      onMouseleave: b,
       class: s.value,
-      style: d.value,
+      style: f.value,
       role: e.role,
       "aria-labelledby": i.value
     }))
@@ -527,31 +527,30 @@ var Me = { name: "VvIcon" }, qe = /* @__PURE__ */ N({
     modifiers: {}
   }, pe),
   setup(e) {
-    const r = e, n = l(() => typeof r.rotate == "string" ? Number.parseFloat(r.rotate) : r.rotate), o = q(!0), i = De(), { modifiers: a } = le(r), v = G("vv-icon", a), t = l(() => r.provider || i?.iconsProvider), p = l(() => {
-      const s = r.name ?? "", d = `@${t.value}:${r.prefix}:${s}`;
-      if (A(d)) return d;
-      const b = i?.iconsCollections.find((W) => A(`@${t.value}:${W.prefix}:${s}`));
-      return b ? `@${t.value}:${b.prefix}:${s}` : s;
+    const r = e, n = l(() => typeof r.rotate == "string" ? Number.parseFloat(r.rotate) : r.rotate), o = q(!0), i = De(), { modifiers: a } = le(r), d = G("vv-icon", a), t = l(() => r.provider || i?.iconsProvider), p = l(() => {
+      const s = r.name ?? "", f = `@${t.value}:${r.prefix}:${s}`;
+      if (A(f)) return f;
+      const y = i?.iconsCollections.find((W) => A(`@${t.value}:${W.prefix}:${s}`));
+      return y ? `@${t.value}:${y.prefix}:${s}` : s;
     });
-    function y(s) {
-      const d = typeof window < "u" ? new window.DOMParser() : null;
-      return d ? d.parseFromString(s, "text/html").querySelector("svg") : null;
+    function b(s) {
+      return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(s, "text/html").querySelector("svg");
     }
     function S(s) {
-      const d = y(s), b = d?.innerHTML.trim() || "";
-      d && b && fe(`@${t.value}:${r.prefix}:${r.name}`, {
-        body: b,
-        height: d.viewBox.baseVal.height,
-        width: d.viewBox.baseVal.width
+      const f = b(s), y = f?.innerHTML.trim() || "";
+      f && y && fe(`@${t.value}:${r.prefix}:${r.name}`, {
+        body: y,
+        height: f.viewBox.baseVal.height,
+        width: f.viewBox.baseVal.width
       });
     }
     return i && r.src && !A(`@${t.value}:${r.prefix}:${r.name}`) && (o.value = !1, i.fetchIcon(r.src).then((s) => {
       s && S(s), o.value = !0;
     }).catch((s) => {
       throw o.value = !0, new Error(`Error during fetch icon: ${s?.message}`);
-    })), r.svg && S(r.svg), (s, d) => u(o) ? (f(), _(u(ve), $({
+    })), r.svg && S(r.svg), (s, f) => u(o) ? (v(), _(u(ve), $({
       key: 0,
-      class: u(v)
+      class: u(d)
     }, {
       inline: e.inline,
       width: e.width,
@@ -578,29 +577,29 @@ var Me = { name: "VvIcon" }, qe = /* @__PURE__ */ N({
   props: Fe,
   emits: Ge,
   setup(e, { expose: r, emit: n }) {
-    const { hasProps: o, hasTitleId: i, hasIcon: a, close: v } = Re(e, n);
-    return r({ close: v }), (t, p) => (f(), m("div", L(V(u(o))), [
-      t.$slots.header || t.$slots.title || t.$slots.close || t.$slots["title::before"] || t.$slots["title::after"] || t.title || u(a) || t.dismissable || t.autoClose ? (f(), m("div", ze, [
-        u(a) ? (f(), _(Ke, $({ key: 0 }, u(a), { class: "vv-alert__icon" }), null, 16)) : g("v-if", !0),
+    const { hasProps: o, hasTitleId: i, hasIcon: a, close: d } = Re(e, n);
+    return r({ close: d }), (t, p) => (v(), m("div", L(V(u(o))), [
+      t.$slots.header || t.$slots.title || t.$slots.close || t.$slots["title::before"] || t.$slots["title::after"] || t.title || u(a) || t.dismissable || t.autoClose ? (v(), m("div", ze, [
+        u(a) ? (v(), _(Ke, $({ key: 0 }, u(a), { class: "vv-alert__icon" }), null, 16)) : g("v-if", !0),
         c(t.$slots, "header", {}, () => [
           c(t.$slots, "title::before"),
-          t.$slots.title || t.title ? (f(), m("strong", {
+          t.$slots.title || t.title ? (v(), m("strong", {
             key: 0,
             id: u(i),
             class: "vv-alert__title"
           }, [c(t.$slots, "title", {}, () => [I(w(t.title), 1)])], 8, He)) : g("v-if", !0),
           c(t.$slots, "title::after")
         ]),
-        c(t.$slots, "close", L(V({ close: u(v) })), () => [t.dismissable || t.autoClose ? (f(), m("button", {
+        c(t.$slots, "close", L(V({ close: u(d) })), () => [t.dismissable || t.autoClose ? (v(), m("button", {
           key: 0,
           class: "vv-alert__close",
           type: "button",
           "aria-label": t.closeLabel,
-          onClick: p[0] || (p[0] = ue((...y) => u(v) && u(v)(...y), ["stop"]))
+          onClick: p[0] || (p[0] = ue((...b) => u(d) && u(d)(...b), ["stop"]))
         }, [...p[1] || (p[1] = [Z("div", { class: "vv-alert__close-mask" }, null, -1)])], 8, Ue)) : g("v-if", !0)])
       ])) : g("v-if", !0),
-      t.$slots.default || t.content ? (f(), m("div", Je, [c(t.$slots, "default", {}, () => [I(w(t.content), 1)])])) : g("v-if", !0),
-      t.$slots.footer || t.footer ? (f(), m("div", Ye, [c(t.$slots, "footer", {}, () => [I(w(t.footer), 1)])])) : g("v-if", !0)
+      t.$slots.default || t.content ? (v(), m("div", Je, [c(t.$slots, "default", {}, () => [I(w(t.content), 1)])])) : g("v-if", !0),
+      t.$slots.footer || t.footer ? (v(), m("div", Ye, [c(t.$slots, "footer", {}, () => [I(w(t.footer), 1)])])) : g("v-if", !0)
     ], 16));
   }
 }), Xe = Qe, Ze = { name: "VvAlertGroup" }, xe = /* @__PURE__ */ N({
@@ -608,7 +607,7 @@ var Me = { name: "VvIcon" }, qe = /* @__PURE__ */ N({
   props: _e,
   emits: Ne,
   setup(e, { emit: r }) {
-    const n = e, o = r, { hasProps: i, hasTransition: a } = Oe(n, o), v = {
+    const n = e, o = r, { hasProps: i, hasTransition: a } = Oe(n, o), d = {
       "before-enter": () => {
         o("beforeEnter");
       },
@@ -634,15 +633,15 @@ var Me = { name: "VvIcon" }, qe = /* @__PURE__ */ N({
         o("leaveCancelled");
       }
     };
-    return (t, p) => (f(), m("div", L(V(u(i))), [
+    return (t, p) => (v(), m("div", L(V(u(i))), [
       c(t.$slots, "before"),
       x(X, $({
         tag: "div",
         role: "group",
         name: u(a),
         class: "vv-alert-group__list"
-      }, oe(v)), {
-        default: se(() => [c(t.$slots, "default", {}, () => [(f(!0), m(Q, null, ae(t.items, (y) => (f(), _(Xe, $({ ref_for: !0 }, y, { key: y.id }), null, 16))), 128))])]),
+      }, oe(d)), {
+        default: se(() => [c(t.$slots, "default", {}, () => [(v(!0), m(Q, null, ae(t.items, (b) => (v(), _(Xe, $({ ref_for: !0 }, b, { key: b.id }), null, 16))), 128))])]),
         _: 3
       }, 16, ["name"]),
       c(t.$slots, "after")

package/dist/components/VvAlertGroup/VvAlertGroup.umd.js

@@ -1 +1 @@
-(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("mitt"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","mitt","@iconify/vue"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAlertGroup=v(t.Vue,t.mitt,t.IconifyVue))})(this,function(t,v,b){var F=Object.create,_=Object.defineProperty,G=Object.getOwnPropertyDescriptor,R=Object.getOwnPropertyNames,D=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty,M=(e,o,n,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(var i=R(o),a=0,d=i.length,r;a<d;a++)r=i[a],!q.call(e,r)&&r!==n&&_(e,r,{get:(f=>o[f]).bind(null,r),enumerable:!(l=G(o,r))||l.enumerable});return e},z=(e,o,n)=>(n=e!=null?F(D(e)):{},M(o||!e||!e.__esModule?_(n,"default",{value:e,enumerable:!0}):n,e));v=z(v,1);var K={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},H={prefix:"normal"},w=(function(e){return e.local="local",e.session="session",e})({}),U=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),m=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),J=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),y=(function(e){return e.before="before",e.after="after",e})({}),I=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),Y=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),W=(function(e){return e.alert="alert",e.alertdialog="alertdialog",e})({}),x=Symbol.for("volver"),N=Symbol.for("alertGroup"),Q={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},B={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},k={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},g={disabled:{type:Boolean,default:!1}},E={required:{type:Boolean,default:!1}},X={active:{type:Boolean,default:!1}},Z={current:{type:Boolean,default:!1}},Ae={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:K.clear},labelClear:{type:String,default:"Clear"}},ee={pressed:{type:Boolean,default:!1}},h={label:{type:[String,Number],default:void 0}},$={readonly:{type:Boolean,default:!1}},S={modifiers:{type:[String,Array],default:void 0}},V={hintLabel:{type:String,default:""}},te={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},re={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},oe={debounce:{type:[Number,String],default:void 0}},A={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:y.before,validation:e=>Object.values(y).includes(e)}},L={tabindex:{type:[String,Number],default:0}},ae={floating:{type:Boolean,default:!1}},j={id:[String,Number]},Le={placement:{type:String,default:m.bottom,validator:e=>Object.values(m).includes(e)||Object.values(J).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(U).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},T={...j,name:{type:String,required:!0}},le={autofocus:{type:Boolean,default:!1}},ne={autocomplete:{type:String,default:"off"}},je={...T,...le,...ne,...L,...g,...$,...B,...k,...V,...C,...S,...re,...oe,...A,...ae,...h,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...E},Te={...T,...L,...B,...k,...V,...g,...$,...S,...h,...C,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Fe={...B,...k,...te,...V,...g,...$,...S,...h,...C,...E,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ge={...g,...h,...ee,...X,...Z,...Q,type:{type:String,default:I.button,validator:e=>Object.values(I).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:Y.button}},Re={storageType:{type:String,default:w.local,validator:e=>Object.values(w).includes(e)},storageKey:String};function ie({name:e}){const o=(0,v.default)();return(0,t.provide)(N,{name:e,bus:o}),o}function O(e,o,n){return(0,t.computed)(()=>{const l={[e]:!0},i=typeof o?.value=="string"?o.value.split(" "):o?.value;return i&&Array.isArray(i)&&i.forEach(a=>{a&&(l[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{l[`${e}--${a}`]=(0,t.unref)(n.value[a])}),l})}var se={...S,name:{type:String,required:!0},items:{type:Array,default:()=>[]},stack:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},inline:{type:String,default:void 0},block:{type:String,default:void 0},position:{type:String,default:void 0},transition:{type:String,default:void 0}},de=["close","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"];function ue(e,o){const n=ie({name:(0,t.computed)(()=>e.name)});(e.block&&!e.inline||!e.block&&e.inline)&&console.warn("[VvAlertGroup]: block and inline props must coexist at the same time.");const l=(0,t.computed)(()=>{const a=[O("vv-alert-group",(0,t.computed)(()=>e.modifiers),(0,t.computed)(()=>({stack:e.stack,reverse:e.reverse,absolute:e.position==="absolute",fixed:e.position==="fixed"}))).value];return e.inline&&e.block&&a.push(`vv-alert-group--${e.block}-${e.inline}`),a}),i=(0,t.computed)(()=>e.transition?e.transition:e.position?e.inline==="start"?"vv-alert--fade-inline-start":e.inline==="end"?"vv-alert--fade-inline-end":e.block==="top"?"vv-alert--fade-block-top":e.block==="bottom"?"vv-alert--fade-block-bottom":"vv-alert--fade":"vv-alert--fade");return n.on("close",a=>{o("close",a)}),{hasTransition:i,hasProps:(0,t.computed)(()=>({class:l.value}))}}function fe(){return(0,t.inject)(N,{})}function ce(e){return(0,t.computed)(()=>String(e?.value||(0,t.useId)()))}function pe(e,o){const n=(0,t.computed)(()=>typeof e?.value=="string"?{name:e?.value}:e?.value),l=(0,t.computed)(()=>o?.value===y.before?n.value:void 0),i=(0,t.computed)(()=>o?.value===y.after?n.value:void 0);return{hasIcon:n,hasIconLeft:(0,t.computed)(()=>o?.value===m.left?n.value:void 0),hasIconRight:(0,t.computed)(()=>o?.value===m.right?n.value:void 0),hasIconTop:(0,t.computed)(()=>o?.value===m.top?n.value:void 0),hasIconBottom:(0,t.computed)(()=>o?.value===m.bottom?n.value:void 0),hasIconBefore:l,hasIconAfter:i}}var ve={...j,...A,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:W.alert}},me=["close"];function be(e,o){const{bus:n}=fe(),l=ce((0,t.computed)(()=>e.id)),i=(0,t.computed)(()=>`${l.value}-title`);let a;const d=()=>{a&&clearTimeout(a),o("close",l.value),n?.emit("close",l.value)};(0,t.watch)(()=>e.autoClose,p=>{if(p>0){a=setTimeout(d,p);return}a&&clearTimeout(a)},{immediate:!0}),(0,t.onBeforeUnmount)(()=>{a&&clearTimeout(a)});const r=(0,t.ref)(!1),f=()=>{r.value=!0,a&&clearTimeout(a)},c=()=>{r.value=!1,e.autoClose>0&&(a=setTimeout(d,e.autoClose))},{hasIcon:P}=pe((0,t.computed)(()=>e.icon)),s=O("vv-alert",(0,t.computed)(()=>e.modifiers),(0,t.computed)(()=>({dismissable:e.autoClose>0||e.dismissable,"auto-close":e.autoClose>0,hover:r.value}))),u=(0,t.computed)(()=>({"--alert-duration":`${e.autoClose}ms`}));return{close:d,hasIcon:P,hasTitleId:i,hasProps:(0,t.computed)(()=>({onMouseover:f,onMouseleave:c,class:s.value,style:u.value,role:e.role,"aria-labelledby":i.value}))}}function ye(){return(0,t.inject)(x,void 0)}var ge={name:"VvIcon"},he=(0,t.defineComponent)({...ge,props:(0,t.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},H),setup(e){const o=e,n=(0,t.computed)(()=>typeof o.rotate=="string"?Number.parseFloat(o.rotate):o.rotate),l=(0,t.ref)(!0),i=ye(),{modifiers:a}=(0,t.toRefs)(o),d=O("vv-icon",a),r=(0,t.computed)(()=>o.provider||i?.iconsProvider),f=(0,t.computed)(()=>{const s=o.name??"",u=`@${r.value}:${o.prefix}:${s}`;if((0,b.iconLoaded)(u))return u;const p=i?.iconsCollections.find(Ee=>(0,b.iconLoaded)(`@${r.value}:${Ee.prefix}:${s}`));return p?`@${r.value}:${p.prefix}:${s}`:s});function c(s){const u=typeof window<"u"?new window.DOMParser:null;return u?u.parseFromString(s,"text/html").querySelector("svg"):null}function P(s){const u=c(s),p=u?.innerHTML.trim()||"";u&&p&&(0,b.addIcon)(`@${r.value}:${o.prefix}:${o.name}`,{body:p,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return i&&o.src&&!(0,b.iconLoaded)(`@${r.value}:${o.prefix}:${o.name}`)&&(l.value=!1,i.fetchIcon(o.src).then(s=>{s&&P(s),l.value=!0}).catch(s=>{throw l.value=!0,new Error(`Error during fetch icon: ${s?.message}`)})),o.svg&&P(o.svg),(s,u)=>(0,t.unref)(l)?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(b.Icon),(0,t.mergeProps)({key:0,class:(0,t.unref)(d)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:(0,t.unref)(n),color:e.color,icon:(0,t.unref)(f)},{onLoad:e.onLoad}),null,16,["class","onLoad"])):(0,t.createCommentVNode)("v-if",!0)}}),Se=he,Pe={key:0,class:"vv-alert__header"},Be=["id"],ke=["aria-label"],Ce={key:1,class:"vv-alert__content"},$e={key:2,class:"vv-alert__footer"},Ve={name:"VvAlert"},Oe=(0,t.defineComponent)({...Ve,props:ve,emits:me,setup(e,{expose:o,emit:n}){const{hasProps:l,hasTitleId:i,hasIcon:a,close:d}=be(e,n);return o({close:d}),(r,f)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.normalizeProps)((0,t.guardReactiveProps)((0,t.unref)(l))),[r.$slots.header||r.$slots.title||r.$slots.close||r.$slots["title::before"]||r.$slots["title::after"]||r.title||(0,t.unref)(a)||r.dismissable||r.autoClose?((0,t.openBlock)(),(0,t.createElementBlock)("div",Pe,[(0,t.unref)(a)?((0,t.openBlock)(),(0,t.createBlock)(Se,(0,t.mergeProps)({key:0},(0,t.unref)(a),{class:"vv-alert__icon"}),null,16)):(0,t.createCommentVNode)("v-if",!0),(0,t.renderSlot)(r.$slots,"header",{},()=>[(0,t.renderSlot)(r.$slots,"title::before"),r.$slots.title||r.title?((0,t.openBlock)(),(0,t.createElementBlock)("strong",{key:0,id:(0,t.unref)(i),class:"vv-alert__title"},[(0,t.renderSlot)(r.$slots,"title",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.title),1)])],8,Be)):(0,t.createCommentVNode)("v-if",!0),(0,t.renderSlot)(r.$slots,"title::after")]),(0,t.renderSlot)(r.$slots,"close",(0,t.normalizeProps)((0,t.guardReactiveProps)({close:(0,t.unref)(d)})),()=>[r.dismissable||r.autoClose?((0,t.openBlock)(),(0,t.createElementBlock)("button",{key:0,class:"vv-alert__close",type:"button","aria-label":r.closeLabel,onClick:f[0]||(f[0]=(0,t.withModifiers)((...c)=>(0,t.unref)(d)&&(0,t.unref)(d)(...c),["stop"]))},[...f[1]||(f[1]=[(0,t.createElementVNode)("div",{class:"vv-alert__close-mask"},null,-1)])],8,ke)):(0,t.createCommentVNode)("v-if",!0)])])):(0,t.createCommentVNode)("v-if",!0),r.$slots.default||r.content?((0,t.openBlock)(),(0,t.createElementBlock)("div",Ce,[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.content),1)])])):(0,t.createCommentVNode)("v-if",!0),r.$slots.footer||r.footer?((0,t.openBlock)(),(0,t.createElementBlock)("div",$e,[(0,t.renderSlot)(r.$slots,"footer",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.footer),1)])])):(0,t.createCommentVNode)("v-if",!0)],16))}}),_e=Oe,we={name:"VvAlertGroup"},Ie=(0,t.defineComponent)({...we,props:se,emits:de,setup(e,{emit:o}){const n=e,l=o,{hasProps:i,hasTransition:a}=ue(n,l),d={"before-enter":()=>{l("beforeEnter")},"after-leave":()=>{l("afterLeave")},enter:()=>{l("enter")},"after-enter":()=>{l("afterEnter")},"enter-cancelled":()=>{l("enterCancelled")},"before-leave":()=>{l("beforeLeave")},leave:()=>{l("leave")},"leave-cancelled":()=>{l("leaveCancelled")}};return(r,f)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.normalizeProps)((0,t.guardReactiveProps)((0,t.unref)(i))),[(0,t.renderSlot)(r.$slots,"before"),(0,t.createVNode)(t.TransitionGroup,(0,t.mergeProps)({tag:"div",role:"group",name:(0,t.unref)(a),class:"vv-alert-group__list"},(0,t.toHandlers)(d)),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(r.items,c=>((0,t.openBlock)(),(0,t.createBlock)(_e,(0,t.mergeProps)({ref_for:!0},c,{key:c.id}),null,16))),128))])]),_:3},16,["name"]),(0,t.renderSlot)(r.$slots,"after")],16))}}),Ne=Ie;return Ne});
+(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("mitt"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","mitt","@iconify/vue"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAlertGroup=v(t.Vue,t.mitt,t.IconifyVue))})(this,function(t,v,b){var F=Object.create,_=Object.defineProperty,G=Object.getOwnPropertyDescriptor,R=Object.getOwnPropertyNames,D=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty,M=(e,o,n,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(var i=R(o),a=0,d=i.length,r;a<d;a++)r=i[a],!q.call(e,r)&&r!==n&&_(e,r,{get:(u=>o[u]).bind(null,r),enumerable:!(l=G(o,r))||l.enumerable});return e},z=(e,o,n)=>(n=e!=null?F(D(e)):{},M(o||!e||!e.__esModule?_(n,"default",{value:e,enumerable:!0}):n,e));v=z(v,1);var K={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},H={prefix:"normal"},I=(function(e){return e.local="local",e.session="session",e})({}),U=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),m=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),J=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),y=(function(e){return e.before="before",e.after="after",e})({}),w=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),Y=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),W=(function(e){return e.alert="alert",e.alertdialog="alertdialog",e})({}),x=Symbol.for("volver"),N=Symbol.for("alertGroup"),Q={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},B={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},k={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},g={disabled:{type:Boolean,default:!1}},E={required:{type:Boolean,default:!1}},X={active:{type:Boolean,default:!1}},Z={current:{type:Boolean,default:!1}},Ae={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:K.clear},labelClear:{type:String,default:"Clear"}},ee={pressed:{type:Boolean,default:!1}},h={label:{type:[String,Number],default:void 0}},$={readonly:{type:Boolean,default:!1}},S={modifiers:{type:[String,Array],default:void 0}},V={hintLabel:{type:String,default:""}},te={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},re={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},oe={debounce:{type:[Number,String],default:void 0}},A={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:y.before,validation:e=>Object.values(y).includes(e)}},L={tabindex:{type:[String,Number],default:0}},ae={floating:{type:Boolean,default:!1}},j={id:[String,Number]},Le={placement:{type:String,default:m.bottom,validator:e=>Object.values(m).includes(e)||Object.values(J).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(U).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},T={...j,name:{type:String,required:!0}},le={autofocus:{type:Boolean,default:!1}},ne={autocomplete:{type:String,default:"off"}},je={...T,...le,...ne,...L,...g,...$,...B,...k,...V,...C,...S,...re,...oe,...A,...ae,...h,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...E},Te={...T,...L,...B,...k,...V,...g,...$,...S,...h,...C,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Fe={...B,...k,...te,...V,...g,...$,...S,...h,...C,...E,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ge={...g,...h,...ee,...X,...Z,...Q,type:{type:String,default:w.button,validator:e=>Object.values(w).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:Y.button}},Re={storageType:{type:String,default:I.local,validator:e=>Object.values(I).includes(e)},storageKey:String};function ie({name:e}){const o=(0,v.default)();return(0,t.provide)(N,{name:e,bus:o}),o}function O(e,o,n){return(0,t.computed)(()=>{const l={[e]:!0},i=typeof o?.value=="string"?o.value.split(" "):o?.value;return i&&Array.isArray(i)&&i.forEach(a=>{a&&(l[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{l[`${e}--${a}`]=(0,t.unref)(n.value[a])}),l})}var se={...S,name:{type:String,required:!0},items:{type:Array,default:()=>[]},stack:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},inline:{type:String,default:void 0},block:{type:String,default:void 0},position:{type:String,default:void 0},transition:{type:String,default:void 0}},de=["close","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"];function ue(e,o){const n=ie({name:(0,t.computed)(()=>e.name)});(e.block&&!e.inline||!e.block&&e.inline)&&console.warn("[VvAlertGroup]: block and inline props must coexist at the same time.");const l=(0,t.computed)(()=>{const a=[O("vv-alert-group",(0,t.computed)(()=>e.modifiers),(0,t.computed)(()=>({stack:e.stack,reverse:e.reverse,absolute:e.position==="absolute",fixed:e.position==="fixed"}))).value];return e.inline&&e.block&&a.push(`vv-alert-group--${e.block}-${e.inline}`),a}),i=(0,t.computed)(()=>e.transition?e.transition:e.position?e.inline==="start"?"vv-alert--fade-inline-start":e.inline==="end"?"vv-alert--fade-inline-end":e.block==="top"?"vv-alert--fade-block-top":e.block==="bottom"?"vv-alert--fade-block-bottom":"vv-alert--fade":"vv-alert--fade");return n.on("close",a=>{o("close",a)}),{hasTransition:i,hasProps:(0,t.computed)(()=>({class:l.value}))}}function fe(){return(0,t.inject)(N,{})}function ce(e){return(0,t.computed)(()=>String(e?.value||(0,t.useId)()))}function pe(e,o){const n=(0,t.computed)(()=>typeof e?.value=="string"?{name:e?.value}:e?.value),l=(0,t.computed)(()=>o?.value===y.before?n.value:void 0),i=(0,t.computed)(()=>o?.value===y.after?n.value:void 0);return{hasIcon:n,hasIconLeft:(0,t.computed)(()=>o?.value===m.left?n.value:void 0),hasIconRight:(0,t.computed)(()=>o?.value===m.right?n.value:void 0),hasIconTop:(0,t.computed)(()=>o?.value===m.top?n.value:void 0),hasIconBottom:(0,t.computed)(()=>o?.value===m.bottom?n.value:void 0),hasIconBefore:l,hasIconAfter:i}}var ve={...j,...A,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:W.alert}},me=["close"];function be(e,o){const{bus:n}=fe(),l=ce((0,t.computed)(()=>e.id)),i=(0,t.computed)(()=>`${l.value}-title`);let a;const d=()=>{a&&clearTimeout(a),o("close",l.value),n?.emit("close",l.value)};(0,t.watch)(()=>e.autoClose,p=>{if(p>0){a=setTimeout(d,p);return}a&&clearTimeout(a)},{immediate:!0}),(0,t.onBeforeUnmount)(()=>{a&&clearTimeout(a)});const r=(0,t.ref)(!1),u=()=>{r.value=!0,a&&clearTimeout(a)},c=()=>{r.value=!1,e.autoClose>0&&(a=setTimeout(d,e.autoClose))},{hasIcon:P}=pe((0,t.computed)(()=>e.icon)),s=O("vv-alert",(0,t.computed)(()=>e.modifiers),(0,t.computed)(()=>({dismissable:e.autoClose>0||e.dismissable,"auto-close":e.autoClose>0,hover:r.value}))),f=(0,t.computed)(()=>({"--alert-duration":`${e.autoClose}ms`}));return{close:d,hasIcon:P,hasTitleId:i,hasProps:(0,t.computed)(()=>({onMouseover:u,onMouseleave:c,class:s.value,style:f.value,role:e.role,"aria-labelledby":i.value}))}}function ye(){return(0,t.inject)(x,void 0)}var ge={name:"VvIcon"},he=(0,t.defineComponent)({...ge,props:(0,t.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},H),setup(e){const o=e,n=(0,t.computed)(()=>typeof o.rotate=="string"?Number.parseFloat(o.rotate):o.rotate),l=(0,t.ref)(!0),i=ye(),{modifiers:a}=(0,t.toRefs)(o),d=O("vv-icon",a),r=(0,t.computed)(()=>o.provider||i?.iconsProvider),u=(0,t.computed)(()=>{const s=o.name??"",f=`@${r.value}:${o.prefix}:${s}`;if((0,b.iconLoaded)(f))return f;const p=i?.iconsCollections.find(Ee=>(0,b.iconLoaded)(`@${r.value}:${Ee.prefix}:${s}`));return p?`@${r.value}:${p.prefix}:${s}`:s});function c(s){return globalThis.window===void 0?null:new globalThis.DOMParser().parseFromString(s,"text/html").querySelector("svg")}function P(s){const f=c(s),p=f?.innerHTML.trim()||"";f&&p&&(0,b.addIcon)(`@${r.value}:${o.prefix}:${o.name}`,{body:p,height:f.viewBox.baseVal.height,width:f.viewBox.baseVal.width})}return i&&o.src&&!(0,b.iconLoaded)(`@${r.value}:${o.prefix}:${o.name}`)&&(l.value=!1,i.fetchIcon(o.src).then(s=>{s&&P(s),l.value=!0}).catch(s=>{throw l.value=!0,new Error(`Error during fetch icon: ${s?.message}`)})),o.svg&&P(o.svg),(s,f)=>(0,t.unref)(l)?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(b.Icon),(0,t.mergeProps)({key:0,class:(0,t.unref)(d)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:(0,t.unref)(n),color:e.color,icon:(0,t.unref)(u)},{onLoad:e.onLoad}),null,16,["class","onLoad"])):(0,t.createCommentVNode)("v-if",!0)}}),Se=he,Pe={key:0,class:"vv-alert__header"},Be=["id"],ke=["aria-label"],Ce={key:1,class:"vv-alert__content"},$e={key:2,class:"vv-alert__footer"},Ve={name:"VvAlert"},Oe=(0,t.defineComponent)({...Ve,props:ve,emits:me,setup(e,{expose:o,emit:n}){const{hasProps:l,hasTitleId:i,hasIcon:a,close:d}=be(e,n);return o({close:d}),(r,u)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.normalizeProps)((0,t.guardReactiveProps)((0,t.unref)(l))),[r.$slots.header||r.$slots.title||r.$slots.close||r.$slots["title::before"]||r.$slots["title::after"]||r.title||(0,t.unref)(a)||r.dismissable||r.autoClose?((0,t.openBlock)(),(0,t.createElementBlock)("div",Pe,[(0,t.unref)(a)?((0,t.openBlock)(),(0,t.createBlock)(Se,(0,t.mergeProps)({key:0},(0,t.unref)(a),{class:"vv-alert__icon"}),null,16)):(0,t.createCommentVNode)("v-if",!0),(0,t.renderSlot)(r.$slots,"header",{},()=>[(0,t.renderSlot)(r.$slots,"title::before"),r.$slots.title||r.title?((0,t.openBlock)(),(0,t.createElementBlock)("strong",{key:0,id:(0,t.unref)(i),class:"vv-alert__title"},[(0,t.renderSlot)(r.$slots,"title",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.title),1)])],8,Be)):(0,t.createCommentVNode)("v-if",!0),(0,t.renderSlot)(r.$slots,"title::after")]),(0,t.renderSlot)(r.$slots,"close",(0,t.normalizeProps)((0,t.guardReactiveProps)({close:(0,t.unref)(d)})),()=>[r.dismissable||r.autoClose?((0,t.openBlock)(),(0,t.createElementBlock)("button",{key:0,class:"vv-alert__close",type:"button","aria-label":r.closeLabel,onClick:u[0]||(u[0]=(0,t.withModifiers)((...c)=>(0,t.unref)(d)&&(0,t.unref)(d)(...c),["stop"]))},[...u[1]||(u[1]=[(0,t.createElementVNode)("div",{class:"vv-alert__close-mask"},null,-1)])],8,ke)):(0,t.createCommentVNode)("v-if",!0)])])):(0,t.createCommentVNode)("v-if",!0),r.$slots.default||r.content?((0,t.openBlock)(),(0,t.createElementBlock)("div",Ce,[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.content),1)])])):(0,t.createCommentVNode)("v-if",!0),r.$slots.footer||r.footer?((0,t.openBlock)(),(0,t.createElementBlock)("div",$e,[(0,t.renderSlot)(r.$slots,"footer",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.footer),1)])])):(0,t.createCommentVNode)("v-if",!0)],16))}}),_e=Oe,Ie={name:"VvAlertGroup"},we=(0,t.defineComponent)({...Ie,props:se,emits:de,setup(e,{emit:o}){const n=e,l=o,{hasProps:i,hasTransition:a}=ue(n,l),d={"before-enter":()=>{l("beforeEnter")},"after-leave":()=>{l("afterLeave")},enter:()=>{l("enter")},"after-enter":()=>{l("afterEnter")},"enter-cancelled":()=>{l("enterCancelled")},"before-leave":()=>{l("beforeLeave")},leave:()=>{l("leave")},"leave-cancelled":()=>{l("leaveCancelled")}};return(r,u)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.normalizeProps)((0,t.guardReactiveProps)((0,t.unref)(i))),[(0,t.renderSlot)(r.$slots,"before"),(0,t.createVNode)(t.TransitionGroup,(0,t.mergeProps)({tag:"div",role:"group",name:(0,t.unref)(a),class:"vv-alert-group__list"},(0,t.toHandlers)(d)),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(r.items,c=>((0,t.openBlock)(),(0,t.createBlock)(_e,(0,t.mergeProps)({ref_for:!0},c,{key:c.id}),null,16))),128))])]),_:3},16,["name"]),(0,t.renderSlot)(r.$slots,"after")],16))}}),Ne=we;return Ne});

package/dist/components/VvAlertGroup/VvAlertGroup.vue.d.ts

@@ -0,0 +1,97 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    items: {
+        type: PropType<import("../..").Alert[]>;
+        default: () => never[];
+    };
+    stack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: PropType<"start" | "middle" | "end">;
+        default: undefined;
+    };
+    block: {
+        type: PropType<"top" | "center" | "bottom">;
+        default: undefined;
+    };
+    position: {
+        type: PropType<"absolute" | "fixed">;
+        default: undefined;
+    };
+    transition: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    items: {
+        type: PropType<import("../..").Alert[]>;
+        default: () => never[];
+    };
+    stack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: PropType<"start" | "middle" | "end">;
+        default: undefined;
+    };
+    block: {
+        type: PropType<"top" | "center" | "bottom">;
+        default: undefined;
+    };
+    position: {
+        type: PropType<"absolute" | "fixed">;
+        default: undefined;
+    };
+    transition: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    reverse: boolean;
+    modifiers: string | string[];
+    inline: "start" | "end" | "middle";
+    transition: string;
+    position: "absolute" | "fixed";
+    items: import("../..").Alert[];
+    stack: boolean;
+    block: "top" | "bottom" | "center";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    before?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    after?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvAlertGroup/index.d.ts

@@ -0,0 +1,47 @@
+import type { ExtractPropTypes } from 'vue';
+import type { Alert } from '@/types';
+export declare const VvAlertGroupProps: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    items: {
+        type: PropType<Alert[]>;
+        default: () => never[];
+    };
+    stack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: PropType<"start" | "middle" | "end">;
+        default: undefined;
+    };
+    block: {
+        type: PropType<"top" | "center" | "bottom">;
+        default: undefined;
+    };
+    position: {
+        type: PropType<"absolute" | "fixed">;
+        default: undefined;
+    };
+    transition: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};
+export declare const VvAlertGroupEvents: string[];
+export declare function useVvAlertGroup(props: Readonly<ExtractPropTypes<typeof VvAlertGroupProps>>, emit: (event: string, ...args: unknown[]) => void): {
+    hasTransition: globalThis.ComputedRef<string>;
+    hasProps: globalThis.ComputedRef<{
+        class: (string | Record<string, boolean>)[];
+    }>;
+};

package/dist/components/VvAvatar/VvAvatar.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    imgSrc: StringConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    imgSrc: StringConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modifiers: string | string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvAvatar/index.d.ts

@@ -0,0 +1,10 @@
+export declare const VvAvatarProps: {
+    /**
+     * Image src for avatar
+     */
+    imgSrc: StringConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};

package/dist/components/VvAvatarGroup/VvAvatarGroup.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    items: {
+        type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    toShow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalItems: {
+        type: NumberConstructor;
+    };
+    avatarModifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    items: {
+        type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    toShow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalItems: {
+        type: NumberConstructor;
+    };
+    avatarModifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modifiers: string | string[];
+    items: import("@/components/VvAvatarGroup").AvatarItem[];
+    toShow: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvAvatarGroup/index.d.ts

@@ -0,0 +1,28 @@
+export type AvatarItem = {
+    key?: string;
+    text?: string;
+    imgSrc?: string;
+    modifiers?: string | string[];
+};
+export declare const VvAvatarGroupProps: {
+    /**
+     * avatar items
+     */
+    items: {
+        type: PropType<AvatarItem[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    toShow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalItems: {
+        type: NumberConstructor;
+    };
+    avatarModifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};

package/dist/components/VvBadge/VvBadge.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    value: (NumberConstructor | StringConstructor)[];
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    value: (NumberConstructor | StringConstructor)[];
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modifiers: string | string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvBadge/index.d.ts

@@ -0,0 +1,7 @@
+export declare const VvBadgeProps: {
+    value: (NumberConstructor | StringConstructor)[];
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};