@volverjs/ui-vue 0.0.10-beta.74 → 0.0.10-beta.76

package/dist/components/VvDropdown/VvDropdown.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt")):"function"==typeof define&&define.amd?define(["vue","@floating-ui/vue","@vueuse/core","mitt"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdown=t(e.vue,e.vue$1,e.core,e.mitt)}(this,(function(e,t,o,r){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),l=(e=>(e.absolute="absolute",e.fixed="fixed",e))(l||{}),a=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(a||{}),u=(e=>(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))(u||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),s=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(s||{}),d=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(d||{}),f=(e=>(e.listbox="listbox",e.menu="menu",e))(f||{}),c=(e=>(e.option="option",e.presentation="presentation",e))(c||{});const p=Symbol.for("dropdownTrigger"),v=Symbol.for("dropdownItem"),m={modifiers:{type:[String,Array],default:void 0}};i.before;const b={id:[String,Number]},g={placement:{type:String,default:a.bottom,validator:e=>Object.values(a).includes(e)||Object.values(u).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(l).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}};s.button,d.button,n.local;const h={...b,...g,...m,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:f.menu,validator:e=>Object.values(f).includes(e)}};const y=["id","tabindex","role","aria-labelledby"];return e.defineComponent({name:"VvDropdown",inheritAttrs:!1,props:h,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(n,{expose:u,emit:i}){const s=n,d=i,{id:m}=e.toRefs(s),b=function(t){return e.computed((()=>String((null==t?void 0:t.value)||e.useId())))}(m),g=e.useAttrs(),h=e.ref("auto"),x=e.ref("auto"),w=e.ref(),S=e.ref(),E=e.ref(),k=e.ref(),P=e.computed({get:()=>s.reference??w.value,set:e=>{w.value=e}}),O=e.ref(!1);e.onMounted((()=>{o.useMutationObserver(S.value,(()=>{var e;O.value="true"===(null==(e=window.getComputedStyle(S.value).getPropertyValue("--dropdown-custom-position"))?void 0:e.trim())}),{attributeFilter:["style"],window:window})}));const $=e.computed((()=>{const e=[];if(s.autoPlacement?"boolean"==typeof s.autoPlacement?e.push(t.autoPlacement()):e.push(t.autoPlacement(s.autoPlacement)):s.flip&&("boolean"==typeof s.flip?e.push(t.flip({fallbackStrategy:"initialPlacement"})):e.push(t.flip(s.flip))),s.shift&&("boolean"==typeof s.shift?e.push(t.shift()):e.push(t.shift(s.shift))),s.size){const o=({availableWidth:e,availableHeight:t})=>{h.value=`${e}px`,x.value=`${t}px`};"boolean"==typeof s.size?e.push(t.size({apply:o})):e.push(t.size({...s.size,apply:o}))}return s.offset&&(e.push(t.offset(Number(s.offset))),["string","number"].includes(typeof s.offset)?e.push(t.offset(Number(s.offset))):e.push(t.offset(s.offset))),s.arrow&&e.push(t.arrow({element:E})),e})),{x:C,y:z,middlewareData:B,placement:V,strategy:j}=t.useFloating(P,S,{whileElementsMounted:(...e)=>t.autoUpdate(...e,{animationFrame:s.strategy===l.fixed}),placement:e.computed((()=>s.placement)),strategy:e.computed((()=>s.strategy)),middleware:$}),N=e.computed((()=>{var e;if(O.value)return;const t=s.triggerWidth&&P.value?`${null==(e=P.value)?void 0:e.offsetWidth}px`:void 0;return{position:j.value,top:`${z.value??0}px`,left:`${C.value??0}px`,maxWidth:t?void 0:h.value,maxHeight:x.value,width:t}})),A=e.computed((()=>V.value.split("-")[0])),F=e.computed((()=>{var e,t,o,r,n;if(O.value)return;const l={[a.top]:a.bottom,[a.right]:a.left,[a.bottom]:a.top,[a.left]:a.right}[A.value];return{left:void 0!==(null==(e=B.value.arrow)?void 0:e.x)?`${null==(t=B.value.arrow)?void 0:t.x}px`:void 0,top:void 0!==(null==(o=B.value.arrow)?void 0:o.y)?`${null==(r=B.value.arrow)?void 0:r.y}px`:void 0,[l]:-((null==(n=E.value)?void 0:n.offsetWidth)??0)/2+"px"}})),D=o.useVModel(s,"modelValue",d),T=e.ref(!1),_=e.computed({get:()=>D.value??T.value,set:e=>{void 0!==D.value?D.value=e:T.value=e}});function R(){_.value=!0}function L(){_.value=!1}function W(){_.value=!_.value}function q(e){P.value=e}o.onClickOutside(S,(()=>{!s.keepOpen&&_.value&&(_.value=!1)}),{ignore:[P]});const H=e.computed((()=>{var e,t;return(null==(t=null==(e=P.value)?void 0:e.getAttribute)?void 0:t.call(e,"id"))??void 0})),K=e.computed((()=>({"aria-controls":b.value,"aria-haspopup":!0,"aria-expanded":_.value}))),{component:M,bus:I}=function({reference:t,id:o,expanded:n,aria:l}){const a=r(),u=e.defineComponent({name:"VvDropdownTriggerProvider",setup(){e.provide(p,{reference:t,id:o,expanded:n,aria:l,bus:a})},render(){var t,o;return e.h(e.Fragment,{},null==(o=(t=this.$slots).default)?void 0:o.call(t))}});return{bus:a,component:u}}({reference:P,id:b,expanded:_,aria:K});I.on("click",W);const{role:U,modifiers:G}=e.toRefs(s),J=function(t,o,r){return e.computed((()=>{const n={[t]:!0},l="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(n[`${t}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((o=>{n[`${t}--${o}`]=e.unref(r.value[o])})),n}))}("vv-dropdown",G,e.computed((()=>({arrow:s.arrow})))),{focused:Q}=o.useFocusWithin(S);function X(e){return e?[...e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden"))):[]}function Y(){e.nextTick((()=>{const e=X(S.value);e.length>0&&e[0].focus({preventScroll:!0})}))}function Z(){e.nextTick((()=>{if(Q.value){const e=X(S.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t<e.length-1?e[t+1].focus({preventScroll:!0}):e[0].focus({preventScroll:!0})}}))}function ee(){e.nextTick((()=>{if(Q.value){const e=X(S.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t>0?e[t-1].focus({preventScroll:!0}):e[e.length-1].focus({preventScroll:!0})}}))}e.watch(_,(e=>{e&&s.autofocusFirst&&Y()})),u({toggle:W,show:R,hide:L,init:q,focusFirst:Y,focusFirstListElement:function(){e.nextTick((()=>{const e=X(k.value);e.length>0&&e[0].focus({preventScroll:!0})}))},focusNext:Z,focusPrev:ee,customPosition:O});const te=o.useElementHover(S),{itemRole:oe}=function({role:t,...o}){const r=e.computed((()=>t.value===f.listbox?c.option:c.presentation));return e.provide(v,{role:r,...o}),{itemRole:r}}({role:U,expanded:_,focused:Q,hovered:te});o.onKeyStroke("Escape",(e=>{_.value&&(e.preventDefault(),L())})),o.onKeyStroke("ArrowDown",(e=>{_.value&&Q.value&&(e.preventDefault(),Z())})),o.onKeyStroke("ArrowUp",(e=>{_.value&&Q.value&&(e.preventDefault(),ee())})),o.onKeyStroke([" ","Enter"],(e=>{const t=e.target;_.value&&Q.value&&t&&(null==t||t.click())}));const re={"before-enter":()=>{d(_.value?"beforeExpand":"beforeCollapse"),d("beforeEnter")},"after-leave":()=>{d(_.value?"afterExpand":"afterCollapse"),d("afterLeave")},enter:()=>{d("enter")},"after-enter":()=>{d("afterEnter")},"enter-cancelled":()=>{d("enterCancelled")},"before-leave":()=>{d("beforeLeave")},leave:()=>{d("leave")},"leave-cancelled":()=>{d("leaveCancelled")}};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(M),null,{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps({init:q,show:R,hide:L,toggle:W,expanded:e.unref(_),aria:e.unref(K)})))])),_:3}),e.createVNode(e.Transition,e.mergeProps({name:t.transitionName},e.toHandlers(re),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:S,style:e.normalizeStyle(e.unref(N)),class:e.normalizeClass(e.unref(J))},[s.arrow?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"arrowEl",ref:E,style:e.normalizeStyle(e.unref(F)),class:"vv-dropdown__arrow"},null,4)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)}))),e.createElementVNode("div",e.mergeProps(e.unref(g),{id:e.unref(b),ref_key:"listEl",ref:k,tabindex:e.unref(_)?void 0:-1,role:e.unref(U),"aria-labelledby":e.unref(H),class:"vv-dropdown__list"}),[e.renderSlot(t.$slots,"items",e.normalizeProps(e.guardReactiveProps({role:e.unref(oe)})))],16,y),e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)})))],6),[[e.vShow,e.unref(_)]])])),_:3},16,["name"])],64))}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt")):"function"==typeof define&&define.amd?define(["vue","@floating-ui/vue","@vueuse/core","mitt"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdown=t(e.Vue,e.FloatingVue,e.VueUse,e.mitt)}(this,function(e,t,o,r){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),a=(e=>(e.absolute="absolute",e.fixed="fixed",e))(a||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),u=(e=>(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))(u||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),s=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(s||{}),f=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(f||{}),d=(e=>(e.listbox="listbox",e.menu="menu",e))(d||{}),c=(e=>(e.option="option",e.presentation="presentation",e))(c||{});const p=Symbol.for("dropdownTrigger"),v=Symbol.for("dropdownItem"),m={modifiers:{type:[String,Array],default:void 0}};i.before;const b={id:[String,Number]},g={placement:{type:String,default:l.bottom,validator:e=>Object.values(l).includes(e)||Object.values(u).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(a).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}};s.button,f.button,n.local;const h={...b,...g,...m,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:d.menu,validator:e=>Object.values(d).includes(e)}};const y=["id","tabindex","role","aria-labelledby"];return e.defineComponent({name:"VvDropdown",inheritAttrs:!1,props:h,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(n,{expose:u,emit:i}){const s=n,f=i,{id:m}=e.toRefs(s),b=function(t){return e.computed(()=>String(t?.value||e.useId()))}(m),g=e.useAttrs(),h=e.ref("auto"),x=e.ref("auto"),w=e.ref(),S=e.ref(),E=e.ref(),k=e.ref(),P=e.computed({get:()=>s.reference??w.value,set:e=>{w.value=e}}),O=e.ref(!1);e.onMounted(()=>{o.useMutationObserver(S.value,()=>{O.value="true"===window.getComputedStyle(S.value).getPropertyValue("--dropdown-custom-position")?.trim()},{attributeFilter:["style"],window:window})});const C=e.computed(()=>{const e=[];if(s.autoPlacement?"boolean"==typeof s.autoPlacement?e.push(t.autoPlacement()):e.push(t.autoPlacement(s.autoPlacement)):s.flip&&("boolean"==typeof s.flip?e.push(t.flip({fallbackStrategy:"initialPlacement"})):e.push(t.flip(s.flip))),s.shift&&("boolean"==typeof s.shift?e.push(t.shift()):e.push(t.shift(s.shift))),s.size){const o=({availableWidth:e,availableHeight:t})=>{h.value=`${e}px`,x.value=`${t}px`};"boolean"==typeof s.size?e.push(t.size({apply:o})):e.push(t.size({...s.size,apply:o}))}return s.offset&&(e.push(t.offset(Number(s.offset))),["string","number"].includes(typeof s.offset)?e.push(t.offset(Number(s.offset))):e.push(t.offset(s.offset))),s.arrow&&e.push(t.arrow({element:E})),e}),{x:V,y:$,middlewareData:z,placement:B,strategy:j}=t.useFloating(P,S,{whileElementsMounted:(...e)=>t.autoUpdate(...e,{animationFrame:s.strategy===a.fixed}),placement:e.computed(()=>s.placement),strategy:e.computed(()=>s.strategy),middleware:C}),N=e.computed(()=>{if(O.value)return;const e=s.triggerWidth&&P.value?`${P.value?.offsetWidth}px`:void 0;return{position:j.value,top:`${$.value??0}px`,left:`${V.value??0}px`,maxWidth:e?void 0:h.value,maxHeight:x.value,width:e}}),A=e.computed(()=>B.value.split("-")[0]),F=e.computed(()=>{if(O.value)return;const e={[l.top]:l.bottom,[l.right]:l.left,[l.bottom]:l.top,[l.left]:l.right}[A.value];return{left:void 0!==z.value.arrow?.x?`${z.value.arrow?.x}px`:void 0,top:void 0!==z.value.arrow?.y?`${z.value.arrow?.y}px`:void 0,[e]:-(E.value?.offsetWidth??0)/2+"px"}}),D=o.useVModel(s,"modelValue",f),T=e.ref(!1),_=e.computed({get:()=>D.value??T.value,set:e=>{void 0!==D.value?D.value=e:T.value=e}});function R(){_.value=!0}function L(){_.value=!1}function W(){_.value=!_.value}function q(e){P.value=e}o.onClickOutside(S,()=>{!s.keepOpen&&_.value&&(_.value=!1)},{ignore:[P]});const H=e.computed(()=>P.value?.getAttribute?.("id")??void 0),K=e.computed(()=>({"aria-controls":b.value,"aria-haspopup":!0,"aria-expanded":_.value})),{component:M,bus:U}=function({reference:t,id:o,expanded:n,aria:a}){const l=r(),u=e.defineComponent({name:"VvDropdownTriggerProvider",setup(){e.provide(p,{reference:t,id:o,expanded:n,aria:a,bus:l})},render(){return e.h(e.Fragment,{},this.$slots.default?.())}});return{bus:l,component:u}}({reference:P,id:b,expanded:_,aria:K});U.on("click",W);const{role:I,modifiers:G}=e.toRefs(s),J=function(t,o,r){return e.computed(()=>{const n={[t]:!0},a="string"==typeof o?.value?o.value.split(" "):o?.value;return a&&Array.isArray(a)&&a.forEach(e=>{e&&(n[`${t}--${e}`]=!0)}),r&&Object.keys(r.value).forEach(o=>{n[`${t}--${o}`]=e.unref(r.value[o])}),n})}("vv-dropdown",G,e.computed(()=>({arrow:s.arrow}))),{focused:Q}=o.useFocusWithin(S);function X(e){return e?[...e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden")):[]}function Y(){e.nextTick(()=>{const e=X(S.value);e.length>0&&e[0].focus({preventScroll:!0})})}function Z(){e.nextTick(()=>{if(Q.value){const e=X(S.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t<e.length-1?e[t+1].focus({preventScroll:!0}):e[0].focus({preventScroll:!0})}})}function ee(){e.nextTick(()=>{if(Q.value){const e=X(S.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t>0?e[t-1].focus({preventScroll:!0}):e[e.length-1].focus({preventScroll:!0})}})}e.watch(_,e=>{e&&s.autofocusFirst&&Y()}),u({toggle:W,show:R,hide:L,init:q,focusFirst:Y,focusFirstListElement:function(){e.nextTick(()=>{const e=X(k.value);e.length>0&&e[0].focus({preventScroll:!0})})},focusNext:Z,focusPrev:ee,customPosition:O});const te=o.useElementHover(S),{itemRole:oe}=function({role:t,...o}){const r=e.computed(()=>t.value===d.listbox?c.option:c.presentation);return e.provide(v,{role:r,...o}),{itemRole:r}}({role:I,expanded:_,focused:Q,hovered:te});o.onKeyStroke("Escape",e=>{_.value&&(e.preventDefault(),L())}),o.onKeyStroke("ArrowDown",e=>{_.value&&Q.value&&(e.preventDefault(),Z())}),o.onKeyStroke("ArrowUp",e=>{_.value&&Q.value&&(e.preventDefault(),ee())}),o.onKeyStroke([" ","Enter"],e=>{const t=e.target;_.value&&Q.value&&t&&t?.click()});const re={"before-enter":()=>{f(_.value?"beforeExpand":"beforeCollapse"),f("beforeEnter")},"after-leave":()=>{f(_.value?"afterExpand":"afterCollapse"),f("afterLeave")},enter:()=>{f("enter")},"after-enter":()=>{f("afterEnter")},"enter-cancelled":()=>{f("enterCancelled")},"before-leave":()=>{f("beforeLeave")},leave:()=>{f("leave")},"leave-cancelled":()=>{f("leaveCancelled")}};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(M),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps({init:q,show:R,hide:L,toggle:W,expanded:e.unref(_),aria:e.unref(K)})))]),_:3}),e.createVNode(e.Transition,e.mergeProps({name:t.transitionName},e.toHandlers(re),{persisted:""}),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:S,style:e.normalizeStyle(e.unref(N)),class:e.normalizeClass(e.unref(J))},[s.arrow?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"arrowEl",ref:E,style:e.normalizeStyle(e.unref(F)),class:"vv-dropdown__arrow"},null,4)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)}))),e.createElementVNode("div",e.mergeProps(e.unref(g),{id:e.unref(b),ref_key:"listEl",ref:k,tabindex:e.unref(_)?void 0:-1,role:e.unref(I),"aria-labelledby":e.unref(H),class:"vv-dropdown__list"}),[e.renderSlot(t.$slots,"items",e.normalizeProps(e.guardReactiveProps({role:e.unref(oe)})))],16,y),e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)})))],6),[[e.vShow,e.unref(_)]])]),_:3},16,["name"])],64))}})});

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

@@ -238,7 +238,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
     modifiers: string | string[];
     role: "listbox" | "menu";
     flip: boolean | {
-        crossAxis?: boolean | undefined;
+        crossAxis?: boolean | "alignment" | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
@@ -250,7 +250,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
         flipAlignment?: boolean | undefined;
         boundary?: import("@floating-ui/dom").Boundary | undefined;
     } | import("@floating-ui/dom").Derivable<{
-        crossAxis?: boolean | undefined;
+        crossAxis?: boolean | "alignment" | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;

package/dist/components/VvDropdown/VvDropdownAction.vue.d.ts

@@ -1,6 +1,6 @@
-declare var __VLS_8: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modifiers: {

package/dist/components/VvDropdownAction/VvDropdownAction.es.js

@@ -224,7 +224,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     );
     const pressed = computed(() => {
-      return props.pressed || (dropdownExpanded == null ? void 0 : dropdownExpanded.value);
+      return props.pressed || dropdownExpanded?.value;
     });
     const { role } = useInjectedDropdownAction();
     const hasTag = computed(() => {
@@ -232,7 +232,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         case props.disabled:
           return ActionTag.button;
         case props.to !== void 0:
-          return (volver == null ? void 0 : volver.nuxt) ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
+          return volver?.nuxt ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
         case props.href !== void 0:
           return ActionTag.a;
         default:
@@ -241,10 +241,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     });
     const hasProps = computed(() => {
       const toReturn = {
-        ...dropdownAria == null ? void 0 : dropdownAria.value,
+        ...dropdownAria?.value,
         ariaPressed: pressed.value ? true : void 0,
         ariaLabel: props.ariaLabel,
-        role: role == null ? void 0 : role.value
+        role: role?.value
       };
       switch (hasTag.value) {
         case ActionTag.a:
@@ -272,32 +272,29 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     });
     function onClick(e) {
-      var _a;
       if (props.disabled) {
         e.preventDefault();
         return;
       }
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onClick) {
+      if (instance?.vnode.props?.onClick) {
         emit("click", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("click", e);
+      dropdownEventBus?.emit("click", e);
     }
     function onMouseover(e) {
-      var _a;
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseover) {
+      if (instance?.vnode.props?.onMouseover) {
         emit("mouseover", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseover", e);
+      dropdownEventBus?.emit("mouseover", e);
     }
     function onMouseleave(e) {
-      var _a;
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseleave) {
+      if (instance?.vnode.props?.onMouseleave) {
         emit("mouseleave", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseleave", e);
+      dropdownEventBus?.emit("mouseleave", e);
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(hasTag)), mergeProps(unref(hasProps), {
@@ -391,7 +388,7 @@ function useModifiers(prefix, modifiers, others) {
     const toReturn = {
       [prefix]: true
     };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
     if (modifiersArray) {
       if (Array.isArray(modifiersArray)) {
         modifiersArray.forEach((modifier) => {

package/dist/components/VvDropdownAction/VvDropdownAction.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownAction=t(e.vue,null,e.core)}(this,(function(e,t,o){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),u=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(u||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{}),a=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(a||{}),s=(e=>(e.listbox="listbox",e.menu="menu",e))(s||{});const d=Symbol.for("volver"),c=Symbol.for("dropdownTrigger"),f=Symbol.for("dropdownItem"),p=Symbol.for("dropdownAction"),v={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},m={disabled:{type:Boolean,default:!1}},b={active:{type:Boolean,default:!1}},y={current:{type:Boolean,default:!1}},g={pressed:{type:Boolean,default:!1}},k={label:{type:[String,Number],default:void 0}},h={modifiers:{type:[String,Array],default:void 0}};l.before,r.bottom;const x={...m,...k,...g,...b,...y,...v,type:{type:String,default:u.button,validator:e=>Object.values(u).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:i.button}};n.local;const S=x;const w=e.defineComponent({name:"VvAction",props:S,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:n}){const r=t,l=n,u=e.getCurrentInstance(),a=e.inject(d,void 0),s=e.ref(null);o({$el:s});const{reference:f,bus:v,aria:m,expanded:b}=e.inject(c,{});e.watch((()=>s.value),(e=>{f&&(f.value=e)}));const y=e.computed((()=>r.pressed||(null==b?void 0:b.value))),{role:g}=e.inject(p,{}),k=e.computed((()=>{switch(!0){case r.disabled:return i.button;case void 0!==r.to:return(null==a?void 0:a.nuxt)?e.resolveComponent(i.nuxtLink):i.routerLink;case void 0!==r.href:return i.a;default:return r.defaultTag}})),h=e.computed((()=>{const e={...null==m?void 0:m.value,ariaPressed:!!y.value||void 0,ariaLabel:r.ariaLabel,role:null==g?void 0:g.value};switch(k.value){case i.a:return{...e,href:r.href,target:r.target,rel:r.rel};case i.routerLink:case i.nuxtLink:return{...e,to:r.to,target:r.target};case i.button:return{...e,type:r.type,disabled:r.disabled};default:return e}}));function x(e){var t;r.disabled?e.preventDefault():(null==(t=null==u?void 0:u.vnode.props)?void 0:t.onClick)?l("click",e):null==v||v.emit("click",e)}function S(e){var t;(null==(t=null==u?void 0:u.vnode.props)?void 0:t.onMouseover)?l("mouseover",e):null==v||v.emit("mouseover",e)}function w(e){var t;(null==(t=null==u?void 0:u.vnode.props)?void 0:t.onMouseleave)?l("mouseleave",e):null==v||v.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"element",ref:s,class:{active:t.active,pressed:e.unref(y),disabled:t.disabled,current:t.current},onClickPassive:x,onMouseoverPassive:S,onMouseleavePassive:w}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}});s.menu;const B={focusOnHover:{type:Boolean,default:!1}};const C=e.defineComponent({name:"VvDropdownItem",props:B,setup(t){const n=t,{role:r,expanded:l}=e.inject(f,{}),u=e.ref(null);!function({expanded:t}){e.provide(p,{role:e.ref(a.menuitem),expanded:t})}({expanded:l});const i=o.useElementHover(u),{focused:s}=o.useFocus(u),{focused:d}=o.useFocusWithin(u);return e.watch(i,(e=>{e&&n.focusOnHover&&(s.value=!0)})),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(r)},{ref_key:"element",ref:u,class:["vv-dropdown__item",{"focus-visible":e.unref(s)||e.unref(d)}]}),[e.renderSlot(t.$slots,"default")],16))}});return e.defineComponent({__name:"VvDropdownAction",props:{...x,...h},setup(t){const o=t,{modifiers:n}=e.toRefs(o),r=function(t,o){return e.computed((()=>{const e={[t]:!0},n="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return n&&Array.isArray(n)&&n.forEach((o=>{o&&(e[`${t}--${o}`]=!0)})),e}))}("vv-dropdown-action",n);return(t,o)=>(e.openBlock(),e.createBlock(C,null,{default:e.withCtx((()=>[e.createVNode(w,e.mergeProps({disabled:t.disabled,pressed:t.pressed,active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel},{class:e.unref(r)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"])])),_:3}))}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownAction=t(e.Vue,e.mitt,e.VueUse)}(this,function(e,t,o){"use strict";var r=(e=>(e.local="local",e.session="session",e))(r||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),u=(e=>(e.before="before",e.after="after",e))(u||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{}),s=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(s||{}),i=(e=>(e.listbox="listbox",e.menu="menu",e))(i||{});const d=Symbol.for("volver"),c=Symbol.for("dropdownTrigger"),f=Symbol.for("dropdownItem"),p=Symbol.for("dropdownAction"),v={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},m={disabled:{type:Boolean,default:!1}},b={active:{type:Boolean,default:!1}},y={current:{type:Boolean,default:!1}},g={pressed:{type:Boolean,default:!1}},k={label:{type:[String,Number],default:void 0}},h={modifiers:{type:[String,Array],default:void 0}};u.before,n.bottom;const x={...m,...k,...g,...b,...y,...v,type:{type:String,default:l.button,validator:e=>Object.values(l).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};r.local;const S=x;const w=e.defineComponent({name:"VvAction",props:S,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,u=r,l=e.getCurrentInstance(),s=e.inject(d,void 0),i=e.ref(null);o({$el:i});const{reference:f,bus:v,aria:m,expanded:b}=e.inject(c,{});e.watch(()=>i.value,e=>{f&&(f.value=e)});const y=e.computed(()=>n.pressed||b?.value),{role:g}=e.inject(p,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return s?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),h=e.computed(()=>{const e={...m?.value,ariaPressed:!!y.value||void 0,ariaLabel:n.ariaLabel,role:g?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function x(e){n.disabled?e.preventDefault():l?.vnode.props?.onClick?u("click",e):v?.emit("click",e)}function S(e){l?.vnode.props?.onMouseover?u("mouseover",e):v?.emit("mouseover",e)}function w(e){l?.vnode.props?.onMouseleave?u("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"element",ref:i,class:{active:t.active,pressed:e.unref(y),disabled:t.disabled,current:t.current},onClickPassive:x,onMouseoverPassive:S,onMouseleavePassive:w}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}});i.menu;const B={focusOnHover:{type:Boolean,default:!1}};const C=e.defineComponent({name:"VvDropdownItem",props:B,setup(t){const r=t,{role:n,expanded:u}=e.inject(f,{}),l=e.ref(null);!function({expanded:t}){e.provide(p,{role:e.ref(s.menuitem),expanded:t})}({expanded:u});const a=o.useElementHover(l),{focused:i}=o.useFocus(l),{focused:d}=o.useFocusWithin(l);return e.watch(a,e=>{e&&r.focusOnHover&&(i.value=!0)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(n)},{ref_key:"element",ref:l,class:["vv-dropdown__item",{"focus-visible":e.unref(i)||e.unref(d)}]}),[e.renderSlot(t.$slots,"default")],16))}});return e.defineComponent({__name:"VvDropdownAction",props:{...x,...h},setup(t){const o=t,{modifiers:r}=e.toRefs(o),n=function(t,o){return e.computed(()=>{const e={[t]:!0},r="string"==typeof o?.value?o.value.split(" "):o?.value;return r&&Array.isArray(r)&&r.forEach(o=>{o&&(e[`${t}--${o}`]=!0)}),e})}("vv-dropdown-action",r);return(t,o)=>(e.openBlock(),e.createBlock(C,null,{default:e.withCtx(()=>[e.createVNode(w,e.mergeProps({disabled:t.disabled,pressed:t.pressed,active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel},{class:e.unref(n)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"])]),_:3}))}})});

package/dist/components/VvDropdownItem/VvDropdownItem.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownItem=o(e.vue,null,e.core)}(this,(function(e,o,t){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),u=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(u||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),s=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(s||{}),l=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(l||{}),f=(e=>(e.listbox="listbox",e.menu="menu",e))(f||{});const d=Symbol.for("dropdownItem"),m=Symbol.for("dropdownAction");r.before,u.bottom,i.button,s.button,n.local,f.menu;const c={focusOnHover:{type:Boolean,default:!1}};return e.defineComponent({name:"VvDropdownItem",props:c,setup(o){const n=o,{role:u,expanded:r}=e.inject(d,{}),i=e.ref(null);!function({expanded:o}){e.provide(m,{role:e.ref(l.menuitem),expanded:o})}({expanded:r});const s=t.useElementHover(i),{focused:f}=t.useFocus(i),{focused:c}=t.useFocusWithin(i);return e.watch(s,(e=>{e&&n.focusOnHover&&(f.value=!0)})),(o,t)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(u)},{ref_key:"element",ref:i,class:["vv-dropdown__item",{"focus-visible":e.unref(f)||e.unref(c)}]}),[e.renderSlot(o.$slots,"default")],16))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownItem=o(e.Vue,e.mitt,e.VueUse)}(this,function(e,o,t){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),u=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(u||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),s=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(s||{}),l=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(l||{}),f=(e=>(e.listbox="listbox",e.menu="menu",e))(f||{});const d=Symbol.for("dropdownItem"),m=Symbol.for("dropdownAction");r.before,u.bottom,i.button,s.button,n.local,f.menu;const c={focusOnHover:{type:Boolean,default:!1}};return e.defineComponent({name:"VvDropdownItem",props:c,setup(o){const n=o,{role:u,expanded:r}=e.inject(d,{}),i=e.ref(null);!function({expanded:o}){e.provide(m,{role:e.ref(l.menuitem),expanded:o})}({expanded:r});const s=t.useElementHover(i),{focused:f}=t.useFocus(i),{focused:c}=t.useFocusWithin(i);return e.watch(s,e=>{e&&n.focusOnHover&&(f.value=!0)}),(o,t)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(u)},{ref_key:"element",ref:i,class:["vv-dropdown__item",{"focus-visible":e.unref(f)||e.unref(c)}]}),[e.renderSlot(o.$slots,"default")],16))}})});

package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.umd.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).VvDropdownOptgroup=e(t.vue)}(this,(function(t){"use strict";var e=(t=>(t.local="local",t.session="session",t))(e||{}),o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),n=(t=>(t.before="before",t.after="after",t))(n||{}),r=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(r||{}),u=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(u||{});const i={label:{type:[String,Number],default:void 0}};n.before,o.bottom,r.button,u.button,e.local;const l={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"};return t.defineComponent({name:"VvDropdownOptgroup",props:{...i},setup(e){const o=e;return(e,n)=>(t.openBlock(),t.createElementBlock("li",l,t.toDisplayString(o.label),1))}})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).VvDropdownOptgroup=e(t.Vue)}(this,function(t){"use strict";var e=(t=>(t.local="local",t.session="session",t))(e||{}),o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),n=(t=>(t.before="before",t.after="after",t))(n||{}),r=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(r||{}),u=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(u||{});const i={label:{type:[String,Number],default:void 0}};n.before,o.bottom,r.button,u.button,e.local;const l={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"};return t.defineComponent({name:"VvDropdownOptgroup",props:{...i},setup(e){const o=e;return(e,n)=>(t.openBlock(),t.createElementBlock("li",l,t.toDisplayString(o.label),1))}})});

package/dist/components/VvDropdownOption/VvDropdownOption.es.js

@@ -201,7 +201,7 @@ function useModifiers(prefix, modifiers, others) {
     const toReturn = {
       [prefix]: true
     };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
     if (modifiersArray) {
       if (Array.isArray(modifiersArray)) {
         modifiersArray.forEach((modifier) => {

package/dist/components/VvDropdownOption/VvDropdownOption.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownOption=t(e.vue,null,e.core)}(this,(function(e,t,o){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),s=(e=>(e.before="before",e.after="after",e))(s||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{}),u=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(u||{}),d=(e=>(e.listbox="listbox",e.menu="menu",e))(d||{});const a=Symbol.for("dropdownItem"),c=Symbol.for("dropdownAction"),f={disabled:{type:Boolean,default:!1}},p={selected:{type:Boolean,default:!1}},b={modifiers:{type:[String,Array],default:void 0}};s.before;const m={unselectable:{type:Boolean,default:!0}};l.bottom,r.button,i.button,n.local,d.menu;const v={focusOnHover:{type:Boolean,default:!1}},y={...f,...p,...m,...b,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};const h=e.defineComponent({name:"VvDropdownItem",props:v,setup(t){const n=t,{role:l,expanded:s}=e.inject(a,{}),r=e.ref(null);!function({expanded:t}){e.provide(c,{role:e.ref(u.menuitem),expanded:t})}({expanded:s});const i=o.useElementHover(r),{focused:d}=o.useFocus(r),{focused:f}=o.useFocusWithin(r);return e.watch(i,(e=>{e&&n.focusOnHover&&(d.value=!0)})),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(l)},{ref_key:"element",ref:r,class:["vv-dropdown__item",{"focus-visible":e.unref(d)||e.unref(f)}]}),[e.renderSlot(t.$slots,"default")],16))}});const x=["title"];return e.defineComponent({name:"VvDropdownOption",props:y,setup(t){const o=t,{modifiers:n}=e.toRefs(o),l=function(t,o,n){return e.computed((()=>{const l={[t]:!0},s="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return s&&Array.isArray(s)&&s.forEach((e=>{e&&(l[`${t}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((o=>{l[`${t}--${o}`]=e.unref(n.value[o])})),l}))}("vv-dropdown-option",n,e.computed((()=>({disabled:o.disabled,selected:o.selected,unselectable:o.unselectable&&o.selected})))),s=e.computed((()=>o.selected?o.unselectable?o.deselectHintLabel:o.selectedHintLabel:o.disabled?"":o.selectHintLabel));return(t,o)=>(e.openBlock(),e.createBlock(h,{class:e.normalizeClass(e.unref(l)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled,"focus-on-hover":t.focusOnHover},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(s)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)),1)]))],8,x)])),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownOption=t(e.Vue,e.mitt,e.VueUse)}(this,function(e,t,o){"use strict";var n=(e=>(e.local="local",e.session="session",e))(n||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),s=(e=>(e.before="before",e.after="after",e))(s||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{}),u=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(u||{}),d=(e=>(e.listbox="listbox",e.menu="menu",e))(d||{});const a=Symbol.for("dropdownItem"),c=Symbol.for("dropdownAction"),f={disabled:{type:Boolean,default:!1}},p={selected:{type:Boolean,default:!1}},b={modifiers:{type:[String,Array],default:void 0}};s.before;const m={unselectable:{type:Boolean,default:!0}};l.bottom,r.button,i.button,n.local,d.menu;const v={focusOnHover:{type:Boolean,default:!1}},y={...f,...p,...m,...b,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};const h=e.defineComponent({name:"VvDropdownItem",props:v,setup(t){const n=t,{role:l,expanded:s}=e.inject(a,{}),r=e.ref(null);!function({expanded:t}){e.provide(c,{role:e.ref(u.menuitem),expanded:t})}({expanded:s});const i=o.useElementHover(r),{focused:d}=o.useFocus(r),{focused:f}=o.useFocusWithin(r);return e.watch(i,e=>{e&&n.focusOnHover&&(d.value=!0)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(l)},{ref_key:"element",ref:r,class:["vv-dropdown__item",{"focus-visible":e.unref(d)||e.unref(f)}]}),[e.renderSlot(t.$slots,"default")],16))}});const x=["title"];return e.defineComponent({name:"VvDropdownOption",props:y,setup(t){const o=t,{modifiers:n}=e.toRefs(o),l=function(t,o,n){return e.computed(()=>{const l={[t]:!0},s="string"==typeof o?.value?o.value.split(" "):o?.value;return s&&Array.isArray(s)&&s.forEach(e=>{e&&(l[`${t}--${e}`]=!0)}),n&&Object.keys(n.value).forEach(o=>{l[`${t}--${o}`]=e.unref(n.value[o])}),l})}("vv-dropdown-option",n,e.computed(()=>({disabled:o.disabled,selected:o.selected,unselectable:o.unselectable&&o.selected}))),s=e.computed(()=>o.selected?o.unselectable?o.deselectHintLabel:o.selectedHintLabel:o.disabled?"":o.selectHintLabel);return(t,o)=>(e.openBlock(),e.createBlock(h,{class:e.normalizeClass(e.unref(l)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled,"focus-on-hover":t.focusOnHover},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(s)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),()=>[e.createTextVNode(e.toDisplayString(e.unref(s)),1)])],8,x)]),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}})});

package/dist/components/VvIcon/VvIcon.es.js

@@ -13,7 +13,7 @@ function useModifiers(prefix, modifiers, others) {
     const toReturn = {
       [prefix]: true
     };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
     if (modifiersArray) {
       if (Array.isArray(modifiersArray)) {
         modifiersArray.forEach((modifier) => {
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-icon", modifiers);
     const provider = computed(() => {
-      return props.provider || (volver == null ? void 0 : volver.iconsProvider);
+      return props.provider || volver?.iconsProvider;
     });
     const icon = computed(() => {
       const name = props.name ?? "";
@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (iconLoaded(iconName)) {
         return iconName;
       }
-      const iconsCollection = volver == null ? void 0 : volver.iconsCollections.find(
+      const iconsCollection = volver?.iconsCollections.find(
         (iconsCollection2) => {
           const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
           return iconLoaded(icon2);
@@ -94,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function addIconFromSvg(svg) {
       const svgContentEl = getSvgContent(svg);
-      const svgContent = (svgContentEl == null ? void 0 : svgContentEl.innerHTML.trim()) || "";
+      const svgContent = svgContentEl?.innerHTML.trim() || "";
       if (svgContentEl && svgContent) {
         addIcon(`@${provider.value}:${props.prefix}:${props.name}`, {
           body: svgContent,
@@ -113,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             show.value = true;
           }
         }).catch((e) => {
-          throw new Error(`Error during fetch icon: ${e == null ? void 0 : e.message}`);
+          throw new Error(`Error during fetch icon: ${e?.message}`);
         });
       }
     }

package/dist/components/VvIcon/VvIcon.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvIcon=o(e.vue,e.vue$1)}(this,(function(e,o){"use strict";const n={prefix:"normal"},i=Symbol.for("volver");return e.defineComponent({name:"VvIcon",props:e.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:{}},n),setup(n){const r=n,t=e.computed((()=>"string"==typeof r.rotate?Number.parseFloat(r.rotate):r.rotate)),l=e.ref(!0),u=e.inject(i,void 0),{modifiers:a}=e.toRefs(r),c=function(o,n){return e.computed((()=>{const e={[o]:!0},i="string"==typeof(null==n?void 0:n.value)?n.value.split(" "):null==n?void 0:n.value;return i&&Array.isArray(i)&&i.forEach((n=>{n&&(e[`${o}--${n}`]=!0)})),e}))}("vv-icon",a),d=e.computed((()=>r.provider||(null==u?void 0:u.iconsProvider))),f=e.computed((()=>{const e=r.name??"",n=`@${d.value}:${r.prefix}:${e}`;if(o.iconLoaded(n))return n;const i=null==u?void 0:u.iconsCollections.find((n=>{const i=`@${d.value}:${n.prefix}:${e}`;return o.iconLoaded(i)}));return i?`@${d.value}:${i.prefix}:${e}`:e}));function s(e){const n=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),i=(null==n?void 0:n.innerHTML.trim())||"";n&&i&&o.addIcon(`@${d.value}:${r.prefix}:${r.name}`,{body:i,height:n.viewBox.baseVal.height,width:n.viewBox.baseVal.width})}return u&&r.src&&!o.iconLoaded(`@${d.value}:${r.prefix}:${r.name}`)&&(l.value=!1,u.fetchIcon(r.src).then((e=>{e&&(s(e),l.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),r.svg&&s(r.svg),(n,i)=>e.unref(l)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(c)},{inline:n.inline,width:n.width,height:n.height,horizontalFlip:n.horizontalFlip,verticalFlip:n.verticalFlip,flip:n.flip,rotate:e.unref(t),color:n.color,icon:e.unref(f)},{onLoad:n.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvIcon=o(e.Vue,e.Iconify)}(this,function(e,o){"use strict";const n={prefix:"normal"},r=Symbol.for("volver");return e.defineComponent({name:"VvIcon",props:e.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:{}},n),setup(n){const i=n,t=e.computed(()=>"string"==typeof i.rotate?Number.parseFloat(i.rotate):i.rotate),a=e.ref(!0),c=e.inject(r,void 0),{modifiers:l}=e.toRefs(i),u=function(o,n){return e.computed(()=>{const e={[o]:!0},r="string"==typeof n?.value?n.value.split(" "):n?.value;return r&&Array.isArray(r)&&r.forEach(n=>{n&&(e[`${o}--${n}`]=!0)}),e})}("vv-icon",l),f=e.computed(()=>i.provider||c?.iconsProvider),s=e.computed(()=>{const e=i.name??"",n=`@${f.value}:${i.prefix}:${e}`;if(o.iconLoaded(n))return n;const r=c?.iconsCollections.find(n=>{const r=`@${f.value}:${n.prefix}:${e}`;return o.iconLoaded(r)});return r?`@${f.value}:${r.prefix}:${e}`:e});function d(e){const n=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=n?.innerHTML.trim()||"";n&&r&&o.addIcon(`@${f.value}:${i.prefix}:${i.name}`,{body:r,height:n.viewBox.baseVal.height,width:n.viewBox.baseVal.width})}return c&&i.src&&!o.iconLoaded(`@${f.value}:${i.prefix}:${i.name}`)&&(a.value=!1,c.fetchIcon(i.src).then(e=>{e&&(d(e),a.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),i.svg&&d(i.svg),(n,r)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:n.inline,width:n.width,height:n.height,horizontalFlip:n.horizontalFlip,verticalFlip:n.verticalFlip,flip:n.flip,rotate:e.unref(t),color:n.color,icon:e.unref(s)},{onLoad:n.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}})});