@volverjs/ui-vue 0.0.10-beta.46 → 0.0.10-beta.48

package/dist/components/VvDropdown/VvDropdown.es.js

@@ -1,6 +1,5 @@
-import { computed, defineComponent, provide, h, Fragment, unref, toRefs, useAttrs, ref, onMounted, watch, nextTick, openBlock, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, Transition, mergeProps, toHandlers, withDirectives, createElementVNode, normalizeStyle, normalizeClass, createCommentVNode, vShow } from "vue";
+import { computed, useId, defineComponent, provide, h, Fragment, unref, toRefs, useAttrs, ref, useTemplateRef, onMounted, watch, nextTick, openBlock, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, Transition, mergeProps, toHandlers, withDirectives, createElementVNode, normalizeStyle, normalizeClass, createCommentVNode, vShow } from "vue";
 import { autoPlacement, flip, shift, size, offset, arrow, useFloating, autoUpdate } from "@floating-ui/vue";
-import { uid } from "uid";
 import { useMutationObserver, useVModel, onClickOutside, useFocusWithin, useElementHover, onKeyStroke } from "@vueuse/core";
 import mitt from "mitt";
 var StorageType = /* @__PURE__ */ ((StorageType2) => {
@@ -328,9 +327,9 @@ const VvDropdownProps = {
   }
 };
 function useUniqueId(id) {
-  return computed(() => String((id == null ? void 0 : id.value) || uid()));
+  return computed(() => String((id == null ? void 0 : id.value) || useId()));
 }
-function useProvideDropdownTrigger({
+function useDropdownProvideTrigger({
   reference,
   id,
   expanded,
@@ -358,7 +357,7 @@ function useProvideDropdownTrigger({
     component
   };
 }
-function useProvideDropdownItem({
+function useDropdownProvideItem({
   role,
   ...others
 }) {
@@ -427,10 +426,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const maxWidth = ref("auto");
     const maxHeight = ref("auto");
-    const localReferenceEl = ref(null);
+    const localReferenceEl = ref();
     const floatingEl = ref();
-    const arrowEl = ref(null);
-    const listEl = ref(null);
+    const arrowEl = useTemplateRef("arrowEl");
+    const listEl = useTemplateRef("listEl");
     const referenceEl = computed({
       get: () => props.reference ?? localReferenceEl.value,
       set: (newValue) => {
@@ -627,7 +626,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "aria-haspopup": true,
       "aria-expanded": expanded.value
     }));
-    const { component: VvDropdownTriggerProvider, bus } = useProvideDropdownTrigger({
+    const { component: VvDropdownTriggerProvider, bus } = useDropdownProvideTrigger({
       reference: referenceEl,
       id: hasId,
       expanded,
@@ -704,7 +703,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     const hovered = useElementHover(floatingEl);
-    const { itemRole } = useProvideDropdownItem({
+    const { itemRole } = useDropdownProvideItem({
       role,
       expanded,
       focused,

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

@@ -1,31 +1,31 @@
 import type { Ref } from 'vue';
 import type { AutoPlacementOptions, FlipOptions, OffsetOptions, ShiftOptions, SizeOptions } from '../../types/floating-ui';
 import { Side, Strategy } from '../../constants';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };
     reference: {
-        type: globalThis.PropType<HTMLElement | null>;
+        type: PropType<HTMLElement | null>;
         default: null;
     };
     role: {
-        type: globalThis.PropType<`${import("../../constants").DropdownRole}`>;
+        type: PropType<`${import("../../constants").DropdownRole}`>;
         default: import("../../constants").DropdownRole;
         validator: (value: import("../../constants").DropdownRole) => boolean;
     };
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
     placement: {
-        type: globalThis.PropType<`${Side}` | `${import("../../constants").Placement}`>;
+        type: PropType<`${Side}` | `${import("../../constants").Placement}`>;
         default: Side;
         validator: (value: Side & import("../../constants").Placement) => boolean;
     };
     strategy: {
-        type: globalThis.PropType<`${Strategy}`>;
+        type: PropType<`${Strategy}`>;
         default: undefined;
         validator: (value: Strategy) => boolean;
     };
@@ -34,25 +34,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     offset: {
-        type: globalThis.PropType<OffsetOptions | number | string>;
+        type: PropType<OffsetOptions | number | string>;
         default: number;
     };
     shift: {
-        type: globalThis.PropType<ShiftOptions | boolean>;
+        type: PropType<ShiftOptions | boolean>;
         default: boolean;
     };
     flip: {
-        type: globalThis.PropType<FlipOptions | boolean>;
+        type: PropType<FlipOptions | boolean>;
         default: boolean;
     };
     size: {
-        type: globalThis.PropType<SizeOptions | boolean>;
+        type: PropType<SizeOptions | boolean>;
         default: () => {
             padding: number;
         };
     };
     autoPlacement: {
-        type: globalThis.PropType<AutoPlacementOptions | boolean>;
+        type: PropType<AutoPlacementOptions | boolean>;
         default: boolean;
     };
     arrow: {
@@ -72,13 +72,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}, {
+}>, {
     toggle: () => void;
     show: () => void;
     hide: () => void;
     init: (el: HTMLElement) => void;
-    customPosition: Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    customPosition: Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     beforeEnter: (...args: any[]) => void;
     afterLeave: (...args: any[]) => void;
@@ -100,25 +100,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     reference: {
-        type: globalThis.PropType<HTMLElement | null>;
+        type: PropType<HTMLElement | null>;
         default: null;
     };
     role: {
-        type: globalThis.PropType<`${import("../../constants").DropdownRole}`>;
+        type: PropType<`${import("../../constants").DropdownRole}`>;
         default: import("../../constants").DropdownRole;
         validator: (value: import("../../constants").DropdownRole) => boolean;
     };
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
     placement: {
-        type: globalThis.PropType<`${Side}` | `${import("../../constants").Placement}`>;
+        type: PropType<`${Side}` | `${import("../../constants").Placement}`>;
         default: Side;
         validator: (value: Side & import("../../constants").Placement) => boolean;
     };
     strategy: {
-        type: globalThis.PropType<`${Strategy}`>;
+        type: PropType<`${Strategy}`>;
         default: undefined;
         validator: (value: Strategy) => boolean;
     };
@@ -127,25 +127,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     offset: {
-        type: globalThis.PropType<OffsetOptions | number | string>;
+        type: PropType<OffsetOptions | number | string>;
         default: number;
     };
     shift: {
-        type: globalThis.PropType<ShiftOptions | boolean>;
+        type: PropType<ShiftOptions | boolean>;
         default: boolean;
     };
     flip: {
-        type: globalThis.PropType<FlipOptions | boolean>;
+        type: PropType<FlipOptions | boolean>;
         default: boolean;
     };
     size: {
-        type: globalThis.PropType<SizeOptions | boolean>;
+        type: PropType<SizeOptions | boolean>;
         default: () => {
             padding: number;
         };
     };
     autoPlacement: {
-        type: globalThis.PropType<AutoPlacementOptions | boolean>;
+        type: PropType<AutoPlacementOptions | boolean>;
         default: boolean;
     };
     arrow: {
@@ -165,7 +165,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onBeforeEnter?: ((...args: any[]) => any) | undefined;
     onAfterLeave?: ((...args: any[]) => any) | undefined;
@@ -181,8 +181,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onAfterCollapse?: ((...args: any[]) => any) | undefined;
     "onBefore-enter"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     reference: HTMLElement | null;
+    placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    strategy: "absolute" | "fixed";
     size: boolean | {
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
@@ -193,7 +195,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             availableWidth: number;
             availableHeight: number;
         }) => void | Promise<void>) | undefined;
-    } | import("@floating-ui/core").Derivable<{
+    } | import("@floating-ui/dom").Derivable<{
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
@@ -205,23 +207,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }) => void | Promise<void>) | undefined;
     }> | undefined;
     shift: boolean | {
+        crossAxis?: boolean | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
         padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
         mainAxis?: boolean | undefined;
         limiter?: {
             fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
             options?: any;
         } | undefined;
         boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/core").Derivable<{
+    } | import("@floating-ui/dom").Derivable<{
+        crossAxis?: boolean | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
         padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
         mainAxis?: boolean | undefined;
         limiter?: {
             fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
@@ -233,60 +235,58 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modifiers: string | string[];
     role: "listbox" | "menu";
     flip: boolean | {
+        crossAxis?: boolean | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
         padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
         mainAxis?: boolean | undefined;
-        fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-        fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-        fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+        fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
+        fallbackStrategy?: ("bestFit" | "initialPlacement") | undefined;
+        fallbackAxisSideDirection?: ("none" | "start" | "end") | undefined;
         flipAlignment?: boolean | undefined;
         boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/core").Derivable<{
+    } | import("@floating-ui/dom").Derivable<{
+        crossAxis?: boolean | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
         padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
         mainAxis?: boolean | undefined;
-        fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-        fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-        fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+        fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
+        fallbackStrategy?: ("bestFit" | "initialPlacement") | undefined;
+        fallbackAxisSideDirection?: ("none" | "start" | "end") | undefined;
         flipAlignment?: boolean | undefined;
         boundary?: import("@floating-ui/dom").Boundary | undefined;
     }> | undefined;
-    placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-    strategy: "absolute" | "fixed";
     transitionName: string;
-    offset: string | import("@floating-ui/core").OffsetOptions | undefined;
+    offset: string | import("@floating-ui/dom").OffsetOptions | undefined;
     autoPlacement: boolean | {
+        crossAxis?: boolean | undefined;
+        alignment?: (import("@floating-ui/utils").Alignment | null) | undefined;
+        autoAlignment?: boolean | undefined;
+        allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
         padding?: import("@floating-ui/utils").Padding | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+    } | import("@floating-ui/dom").Derivable<{
         crossAxis?: boolean | undefined;
-        alignment?: import("@floating-ui/utils").Alignment | null | undefined;
+        alignment?: (import("@floating-ui/utils").Alignment | null) | undefined;
         autoAlignment?: boolean | undefined;
-        allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/core").Derivable<{
+        allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
         rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
         elementContext?: import("@floating-ui/core").ElementContext | undefined;
         altBoundary?: boolean | undefined;
         padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
-        alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-        autoAlignment?: boolean | undefined;
-        allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
         boundary?: import("@floating-ui/dom").Boundary | undefined;
     }> | undefined;
     arrow: boolean;
     keepOpen: boolean;
     autofocusFirst: boolean;
     triggerWidth: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {
         init: (el: HTMLElement) => void;
         show: () => void;

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

@@ -1,15 +1,21 @@
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
 };
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
     type: {
-        type: globalThis.PropType<`${import("../../constants.js").ButtonType}`>;
-        default: import("../../constants.js").ButtonType;
-        validator: (value: import("../../constants.js").ButtonType) => boolean;
+        type: PropType<`${import("../../constants").ButtonType}`>;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
     };
     ariaLabel: {
         type: StringConstructor;
@@ -17,7 +23,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     };
     defaultTag: {
         type: StringConstructor;
-        default: import("../../constants.js").ActionTag;
+        default: import("../../constants").ActionTag;
     };
     to: {
         type: (ObjectConstructor | StringConstructor)[];
@@ -48,15 +54,15 @@ declare const __VLS_component: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
     type: {
-        type: globalThis.PropType<`${import("../../constants.js").ButtonType}`>;
-        default: import("../../constants.js").ButtonType;
-        validator: (value: import("../../constants.js").ButtonType) => boolean;
+        type: PropType<`${import("../../constants").ButtonType}`>;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
     };
     ariaLabel: {
         type: StringConstructor;
@@ -64,7 +70,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     };
     defaultTag: {
         type: StringConstructor;
-        default: import("../../constants.js").ActionTag;
+        default: import("../../constants").ActionTag;
     };
     to: {
         type: (ObjectConstructor | StringConstructor)[];
@@ -95,7 +101,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     label: string | number;
     disabled: boolean;
     modifiers: string | string[];
@@ -106,8 +112,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
     current: boolean;
     active: boolean;
     pressed: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,16 +1,16 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     focusOnHover: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     focusOnHover: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     focusOnHover: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,14 +1,14 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     label: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     label: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     label: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLLIElement>;
 export default _default;

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     deselectHintLabel: {
         type: StringConstructor;
     };
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
     unselectable: {
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     deselectHintLabel: {
         type: StringConstructor;
     };
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
     unselectable: {
@@ -58,13 +58,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     disabled: boolean;
     modifiers: string | string[];
     unselectable: boolean;
     focusOnHover: boolean;
     selected: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
     hint?(_: {
         disabled: boolean;

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

@@ -483,7 +483,7 @@ const VvDropdownItemProps = {
     default: false
   }
 };
-function useProvideDropdownAction({
+function useDropdownProvideAction({
   expanded
 }) {
   provide(INJECTION_KEY_DROPDOWN_ACTION, {
@@ -501,7 +501,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { role, expanded } = useInjectedDropdownItem();
     const element = ref(null);
-    useProvideDropdownAction({ expanded });
+    useDropdownProvideAction({ expanded });
     const hovered = useElementHover(element);
     const { focused } = useFocus(element);
     const { focused: focusedWithin } = useFocusWithin(element);

package/dist/components/VvDropdownItem/VvDropdownItem.es.js

@@ -335,7 +335,7 @@ const VvDropdownItemProps = {
 function useInjectedDropdownItem() {
   return inject(INJECTION_KEY_DROPDOWN_ITEM, {});
 }
-function useProvideDropdownAction({
+function useDropdownProvideAction({
   expanded
 }) {
   provide(INJECTION_KEY_DROPDOWN_ACTION, {
@@ -353,7 +353,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { role, expanded } = useInjectedDropdownItem();
     const element = ref(null);
-    useProvideDropdownAction({ expanded });
+    useDropdownProvideAction({ expanded });
     const hovered = useElementHover(element);
     const { focused } = useFocus(element);
     const { focused: focusedWithin } = useFocusWithin(element);

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

@@ -369,7 +369,7 @@ const VvDropdownOptionProps = {
 function useInjectedDropdownItem() {
   return inject(INJECTION_KEY_DROPDOWN_ITEM, {});
 }
-function useProvideDropdownAction({
+function useDropdownProvideAction({
   expanded
 }) {
   provide(INJECTION_KEY_DROPDOWN_ACTION, {
@@ -387,7 +387,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { role, expanded } = useInjectedDropdownItem();
     const element = ref(null);
-    useProvideDropdownAction({ expanded });
+    useDropdownProvideAction({ expanded });
     const hovered = useElementHover(element);
     const { focused } = useFocus(element);
     const { focused: focusedWithin } = useFocusWithin(element);