@volverjs/ui-vue 0.0.13 → 0.0.15

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

@@ -0,0 +1,73 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    title: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: StringConstructor;
+    keepOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelClose: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {
+    /** Close the dialog */
+    close: () => void;
+    /** Open the dialog */
+    open: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    title: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: StringConstructor;
+    keepOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelClose: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modelValue: boolean;
+    modifiers: string | string[];
+    keepOpen: boolean;
+    transition: string;
+    labelClose: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    header?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,45 @@
+export declare const VvDialogEvents: string[];
+export declare const VvDialogProps: {
+    /**
+     * Dialog title
+     */
+    title: StringConstructor;
+    /**
+     * Show / hide dialog programmatically
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Dialog transition
+     */
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Dialog size
+     * @deprecated use modifiers instead
+     */
+    size: StringConstructor;
+    /**
+     * Keep open dialog on click outside
+     */
+    keepOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Close button label
+     */
+    labelClose: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};

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

@@ -446,10 +446,10 @@ var At = [
     }), P = p(!1);
     ze(() => {
       ot(s.value, () => {
-        P.value = window.getComputedStyle(s.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+        P.value = globalThis.getComputedStyle(s.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
       }, {
         attributeFilter: ["style"],
-        window
+        window: globalThis.window
       });
     });
     function x(t, a, h) {
@@ -492,8 +492,8 @@ var At = [
         [d.left]: d.right
       }[ke.value];
       return {
-        left: E.value.arrow?.x !== void 0 ? `${E.value.arrow?.x}px` : void 0,
-        top: E.value.arrow?.y !== void 0 ? `${E.value.arrow?.y}px` : void 0,
+        left: E.value.arrow?.x === void 0 ? void 0 : `${E.value.arrow?.x}px`,
+        top: E.value.arrow?.y === void 0 ? void 0 : `${E.value.arrow?.y}px`,
         [t]: `${-(L.value?.offsetWidth ?? 0) / 2}px`
       };
     }), I = lt(r, "modelValue", l), z = p(!1), o = i({

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

@@ -1 +1 @@
-(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt")):typeof define=="function"&&define.amd?define(["vue","@floating-ui/vue","@vueuse/core","mitt"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.VvDropdown=s(e.Vue,e.FloatingUiVue,e.VueuseCore,e.mitt))})(this,function(e,s,c,k){var ne=Object.create,T=Object.defineProperty,le=Object.getOwnPropertyDescriptor,ie=Object.getOwnPropertyNames,se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty,fe=(t,i,d,o)=>{if(i&&typeof i=="object"||typeof i=="function")for(var l=ie(i),f=0,S=l.length,v;f<S;f++)v=l[f],!de.call(t,v)&&v!==d&&T(t,v,{get:(O=>i[O]).bind(null,v),enumerable:!(o=le(i,v))||o.enumerable});return t},ue=(t,i,d)=>(d=t!=null?ne(se(t)):{},fe(i||!t||!t.__esModule?T(d,"default",{value:t,enumerable:!0}):d,t));k=ue(k,1);var z=(function(t){return t.local="local",t.session="session",t})({}),K=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),u=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),pe=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),M=(function(t){return t.before="before",t.after="after",t})({}),q=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),ce=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),V=(function(t){return t.listbox="listbox",t.menu="menu",t})({}),H=(function(t){return t.option="option",t.presentation="presentation",t})({}),ve=Symbol.for("dropdownTrigger"),be=Symbol.for("dropdownItem"),me={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ye={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},D={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},A={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},L={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},h={disabled:{type:Boolean,default:!1}},W={required:{type:Boolean,default:!1}},ge={selected:{type:Boolean,default:!1}},he={active:{type:Boolean,default:!1}},Pe={current:{type:Boolean,default:!1}},ot={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:me.clear},labelClear:{type:String,default:"Clear"}},Se={pressed:{type:Boolean,default:!1}},E={label:{type:[String,Number],default:void 0}},I={readonly:{type:Boolean,default:!1}},P={modifiers:{type:[String,Array],default:void 0}},R={hintLabel:{type:String,default:""}},we={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},xe={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Ee={debounce:{type:[Number,String],default:void 0}},Oe={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:M.before,validation:t=>Object.values(M).includes(t)}},U={tabindex:{type:[String,Number],default:0}},Ce={floating:{type:Boolean,default:!1}},Be={unselectable:{type:Boolean,default:!0}},G={id:[String,Number]},Ne={placement:{type:String,default:u.bottom,validator:t=>Object.values(u).includes(t)||Object.values(pe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(K).includes(t)},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}},J={...G,name:{type:String,required:!0}},je={autofocus:{type:Boolean,default:!1}},ke={autocomplete:{type:String,default:"off"}},at={...J,...je,...ke,...U,...h,...I,...D,...A,...R,...L,...P,...xe,...Ee,...Oe,...Ce,...E,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...W},nt={...J,...U,...D,...A,...R,...h,...I,...P,...E,...L,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},lt={...D,...A,...we,...R,...h,...I,...P,...E,...L,...W,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},it={...h,...E,...Se,...he,...Pe,...ye,type:{type:String,default:q.button,validator:t=>Object.values(q).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:ce.button}},st={storageType:{type:String,default:z.local,validator:t=>Object.values(z).includes(t)},storageKey:String},Ve={...G,...Ne,...P,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:V.menu,validator:t=>Object.values(V).includes(t)}},dt={...h,...ge,...Be,...P,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function De(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function Ae({reference:t,id:i,expanded:d,aria:o}){const l=(0,k.default)();return{bus:l,component:(0,e.defineComponent)({name:"VvDropdownTriggerProvider",setup(){(0,e.provide)(ve,{reference:t,id:i,expanded:d,aria:o,bus:l})},render(){return(0,e.h)(e.Fragment,{},this.$slots.default?.())}})}}function Le({role:t,...i}){const d=(0,e.computed)(()=>t.value===V.listbox?H.option:H.presentation);return(0,e.provide)(be,{role:d,...i}),{itemRole:d}}function Ie(t,i,d){return(0,e.computed)(()=>{const o={[t]:!0},l=typeof i?.value=="string"?i.value.split(" "):i?.value;return l&&Array.isArray(l)&&l.forEach(f=>{f&&(o[`${t}--${f}`]=!0)}),d&&Object.keys(d.value).forEach(f=>{o[`${t}--${f}`]=(0,e.unref)(d.value[f])}),o})}var Re=["id","tabindex","role","aria-labelledby"],$e={name:"VvDropdown",inheritAttrs:!1},Fe=(0,e.defineComponent)({...$e,props:Ve,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:i,emit:d}){const o=t,l=d,{id:f}=(0,e.toRefs)(o),S=De(f),v=(0,e.useAttrs)(),O=(0,e.ref)("auto"),Y=(0,e.ref)("auto"),Q=(0,e.ref)(),p=(0,e.ref)(),$=(0,e.ref)(),X=(0,e.ref)(),b=(0,e.computed)({get:()=>o.reference??Q.value,set:r=>{Q.value=r}}),C=(0,e.ref)(!1);(0,e.onMounted)(()=>{(0,c.useMutationObserver)(p.value,()=>{C.value=window.getComputedStyle(p.value).getPropertyValue("--dropdown-custom-position")?.trim()==="true"},{attributeFilter:["style"],window})});function B(r,a,x){return typeof r=="boolean"?a():x(r)}const ze=(0,e.computed)(()=>{const r=[];if(o.autoPlacement?r.push(B(o.autoPlacement,()=>(0,s.autoPlacement)(),a=>(0,s.autoPlacement)(a))):o.flip&&r.push(B(o.flip,()=>(0,s.flip)({fallbackStrategy:"initialPlacement"}),a=>(0,s.flip)(a))),o.shift&&r.push(B(o.shift,()=>(0,s.shift)(),a=>(0,s.shift)(a))),o.size){const a=({availableWidth:x,availableHeight:rt})=>{O.value=`${x}px`,Y.value=`${rt}px`};r.push(B(o.size,()=>(0,s.size)({apply:a}),x=>(0,s.size)({...x,apply:a})))}return o.offset&&r.push(["string","number"].includes(typeof o.offset)?(0,s.offset)(Number(o.offset)):(0,s.offset)(o.offset)),o.arrow&&r.push((0,s.arrow)({element:$})),r}),{x:Ke,y:Me,middlewareData:N,placement:qe,strategy:He}=(0,s.useFloating)(b,p,{whileElementsMounted:(...r)=>(0,s.autoUpdate)(...r,{animationFrame:o.strategy===K.fixed}),placement:(0,e.computed)(()=>o.placement),strategy:(0,e.computed)(()=>o.strategy),middleware:ze}),We=(0,e.computed)(()=>{if(C.value)return;const r=o.triggerWidth&&b.value?`${b.value?.offsetWidth}px`:void 0;return{position:He.value,top:`${Me.value??0}px`,left:`${Ke.value??0}px`,maxWidth:r?void 0:O.value,maxHeight:Y.value,width:r}}),Ue=(0,e.computed)(()=>qe.value.split("-")[0]),Ge=(0,e.computed)(()=>{if(C.value)return;const r={[u.top]:u.bottom,[u.right]:u.left,[u.bottom]:u.top,[u.left]:u.right}[Ue.value];return{left:N.value.arrow?.x!==void 0?`${N.value.arrow?.x}px`:void 0,top:N.value.arrow?.y!==void 0?`${N.value.arrow?.y}px`:void 0,[r]:`${-($.value?.offsetWidth??0)/2}px`}}),F=(0,c.useVModel)(o,"modelValue",l),Z=(0,e.ref)(!1),n=(0,e.computed)({get:()=>F.value??Z.value,set:r=>{if(F.value===void 0){Z.value=r;return}F.value=r}});function w(){n.value=!0}function m(){n.value=!1}function y(){n.value=!n.value}function _(r){b.value=r}(0,c.onClickOutside)(p,()=>{!o.keepOpen&&n.value&&(n.value=!1)},{ignore:[b]});const Je=(0,e.computed)(()=>b.value?.getAttribute?.("id")??void 0),ee=(0,e.computed)(()=>({"aria-controls":S.value,"aria-haspopup":!0,"aria-expanded":n.value})),{component:Ye,bus:Qe}=Ae({reference:b,id:S,expanded:n,aria:ee});Qe.on("click",y);const{role:te,modifiers:Xe}=(0,e.toRefs)(o),Ze=Ie("vv-dropdown",Xe,(0,e.computed)(()=>({arrow:o.arrow}))),{focused:g}=(0,c.useFocusWithin)(p);function j(r){return r?[...r.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(a=>!a.hasAttribute("disabled")&&!a.getAttribute("aria-hidden")):[]}function re(){(0,e.nextTick)(()=>{const r=j(p.value);r.length>0&&r[0].focus({preventScroll:!0})})}function _e(){(0,e.nextTick)(()=>{const r=j(X.value);r.length>0&&r[0].focus({preventScroll:!0})})}function oe(){(0,e.nextTick)(()=>{if(g.value){const r=j(p.value);if(r.length===0||!document.activeElement)return;const a=r.indexOf(document.activeElement);a<r.length-1?r[a+1].focus({preventScroll:!0}):r[0].focus({preventScroll:!0})}})}function ae(){(0,e.nextTick)(()=>{if(g.value){const r=j(p.value);if(r.length===0||!document.activeElement)return;const a=r.indexOf(document.activeElement);if(a>0){r[a-1].focus({preventScroll:!0});return}r.at(-1)?.focus({preventScroll:!0})}})}(0,e.watch)(n,r=>{r&&o.autofocusFirst&&re()}),i({toggle:y,show:w,hide:m,init:_,focusFirst:re,focusFirstListElement:_e,focusNext:oe,focusPrev:ae,customPosition:C});const{itemRole:et}=Le({role:te,expanded:n,focused:g,hovered:(0,c.useElementHover)(p)});(0,c.onKeyStroke)("Escape",r=>{n.value&&(r.preventDefault(),m())}),(0,c.onKeyStroke)("ArrowDown",r=>{n.value&&g.value&&(r.preventDefault(),oe())}),(0,c.onKeyStroke)("ArrowUp",r=>{n.value&&g.value&&(r.preventDefault(),ae())}),(0,c.onKeyStroke)([" ","Enter"],r=>{const a=r.target;n.value&&g.value&&a&&a?.click()});const tt={"before-enter":()=>{l(n.value?"beforeExpand":"beforeCollapse"),l("beforeEnter")},"after-leave":()=>{l(n.value?"afterExpand":"afterCollapse"),l("afterLeave")},enter:()=>{l("enter")},"after-enter":()=>{l("afterEnter")},"enter-cancelled":()=>{l("enterCancelled")},"before-leave":()=>{l("beforeLeave")},leave:()=>{l("leave")},"leave-cancelled":()=>{l("leaveCancelled")}};return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)((0,e.unref)(Ye),null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({init:_,show:w,hide:m,toggle:y,expanded:(0,e.unref)(n),aria:(0,e.unref)(ee)})))]),_:3}),(0,e.createVNode)(e.Transition,(0,e.mergeProps)({name:r.transitionName},(0,e.toHandlers)(tt),{persisted:""}),{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)("div",{ref_key:"floatingEl",ref:p,style:(0,e.normalizeStyle)((0,e.unref)(We)),class:(0,e.normalizeClass)((0,e.unref)(Ze))},[o.arrow?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,ref_key:"arrowEl",ref:$,style:(0,e.normalizeStyle)((0,e.unref)(Ge)),class:"vv-dropdown__arrow"},null,4)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(r.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n)}))),(0,e.createElementVNode)("div",(0,e.mergeProps)((0,e.unref)(v),{id:(0,e.unref)(S),ref_key:"listEl",ref:X,tabindex:(0,e.unref)(n)?void 0:-1,role:(0,e.unref)(te),"aria-labelledby":(0,e.unref)(Je),class:"vv-dropdown__list"}),[(0,e.renderSlot)(r.$slots,"items",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n),role:(0,e.unref)(et)})))],16,Re),(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n)})))],6),[[e.vShow,(0,e.unref)(n)]])]),_:3},16,["name"])],64))}}),Te=Fe;return Te});
+(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt")):typeof define=="function"&&define.amd?define(["vue","@floating-ui/vue","@vueuse/core","mitt"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.VvDropdown=s(e.Vue,e.FloatingUiVue,e.VueuseCore,e.mitt))})(this,function(e,s,c,k){var ne=Object.create,F=Object.defineProperty,le=Object.getOwnPropertyDescriptor,ie=Object.getOwnPropertyNames,se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty,fe=(t,i,d,o)=>{if(i&&typeof i=="object"||typeof i=="function")for(var l=ie(i),f=0,S=l.length,b;f<S;f++)b=l[f],!de.call(t,b)&&b!==d&&F(t,b,{get:(O=>i[O]).bind(null,b),enumerable:!(o=le(i,b))||o.enumerable});return t},ue=(t,i,d)=>(d=t!=null?ne(se(t)):{},fe(i||!t||!t.__esModule?F(d,"default",{value:t,enumerable:!0}):d,t));k=ue(k,1);var z=(function(t){return t.local="local",t.session="session",t})({}),K=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),u=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),pe=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),M=(function(t){return t.before="before",t.after="after",t})({}),q=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),ce=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),V=(function(t){return t.listbox="listbox",t.menu="menu",t})({}),H=(function(t){return t.option="option",t.presentation="presentation",t})({}),be=Symbol.for("dropdownTrigger"),ve=Symbol.for("dropdownItem"),me={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ye={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},D={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},A={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},L={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},h={disabled:{type:Boolean,default:!1}},W={required:{type:Boolean,default:!1}},ge={selected:{type:Boolean,default:!1}},he={active:{type:Boolean,default:!1}},Pe={current:{type:Boolean,default:!1}},ot={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:me.clear},labelClear:{type:String,default:"Clear"}},Se={pressed:{type:Boolean,default:!1}},E={label:{type:[String,Number],default:void 0}},I={readonly:{type:Boolean,default:!1}},P={modifiers:{type:[String,Array],default:void 0}},T={hintLabel:{type:String,default:""}},we={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},xe={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Ee={debounce:{type:[Number,String],default:void 0}},Oe={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:M.before,validation:t=>Object.values(M).includes(t)}},U={tabindex:{type:[String,Number],default:0}},Ce={floating:{type:Boolean,default:!1}},Be={unselectable:{type:Boolean,default:!0}},G={id:[String,Number]},Ne={placement:{type:String,default:u.bottom,validator:t=>Object.values(u).includes(t)||Object.values(pe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(K).includes(t)},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}},J={...G,name:{type:String,required:!0}},je={autofocus:{type:Boolean,default:!1}},ke={autocomplete:{type:String,default:"off"}},at={...J,...je,...ke,...U,...h,...I,...D,...A,...T,...L,...P,...xe,...Ee,...Oe,...Ce,...E,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...W},nt={...J,...U,...D,...A,...T,...h,...I,...P,...E,...L,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},lt={...D,...A,...we,...T,...h,...I,...P,...E,...L,...W,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},it={...h,...E,...Se,...he,...Pe,...ye,type:{type:String,default:q.button,validator:t=>Object.values(q).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:ce.button}},st={storageType:{type:String,default:z.local,validator:t=>Object.values(z).includes(t)},storageKey:String},Ve={...G,...Ne,...P,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:V.menu,validator:t=>Object.values(V).includes(t)}},dt={...h,...ge,...Be,...P,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function De(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function Ae({reference:t,id:i,expanded:d,aria:o}){const l=(0,k.default)();return{bus:l,component:(0,e.defineComponent)({name:"VvDropdownTriggerProvider",setup(){(0,e.provide)(be,{reference:t,id:i,expanded:d,aria:o,bus:l})},render(){return(0,e.h)(e.Fragment,{},this.$slots.default?.())}})}}function Le({role:t,...i}){const d=(0,e.computed)(()=>t.value===V.listbox?H.option:H.presentation);return(0,e.provide)(ve,{role:d,...i}),{itemRole:d}}function Ie(t,i,d){return(0,e.computed)(()=>{const o={[t]:!0},l=typeof i?.value=="string"?i.value.split(" "):i?.value;return l&&Array.isArray(l)&&l.forEach(f=>{f&&(o[`${t}--${f}`]=!0)}),d&&Object.keys(d.value).forEach(f=>{o[`${t}--${f}`]=(0,e.unref)(d.value[f])}),o})}var Te=["id","tabindex","role","aria-labelledby"],Re={name:"VvDropdown",inheritAttrs:!1},$e=(0,e.defineComponent)({...Re,props:Ve,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:i,emit:d}){const o=t,l=d,{id:f}=(0,e.toRefs)(o),S=De(f),b=(0,e.useAttrs)(),O=(0,e.ref)("auto"),Y=(0,e.ref)("auto"),Q=(0,e.ref)(),p=(0,e.ref)(),R=(0,e.ref)(),X=(0,e.ref)(),v=(0,e.computed)({get:()=>o.reference??Q.value,set:r=>{Q.value=r}}),C=(0,e.ref)(!1);(0,e.onMounted)(()=>{(0,c.useMutationObserver)(p.value,()=>{C.value=globalThis.getComputedStyle(p.value).getPropertyValue("--dropdown-custom-position")?.trim()==="true"},{attributeFilter:["style"],window:globalThis.window})});function B(r,a,x){return typeof r=="boolean"?a():x(r)}const ze=(0,e.computed)(()=>{const r=[];if(o.autoPlacement?r.push(B(o.autoPlacement,()=>(0,s.autoPlacement)(),a=>(0,s.autoPlacement)(a))):o.flip&&r.push(B(o.flip,()=>(0,s.flip)({fallbackStrategy:"initialPlacement"}),a=>(0,s.flip)(a))),o.shift&&r.push(B(o.shift,()=>(0,s.shift)(),a=>(0,s.shift)(a))),o.size){const a=({availableWidth:x,availableHeight:rt})=>{O.value=`${x}px`,Y.value=`${rt}px`};r.push(B(o.size,()=>(0,s.size)({apply:a}),x=>(0,s.size)({...x,apply:a})))}return o.offset&&r.push(["string","number"].includes(typeof o.offset)?(0,s.offset)(Number(o.offset)):(0,s.offset)(o.offset)),o.arrow&&r.push((0,s.arrow)({element:R})),r}),{x:Ke,y:Me,middlewareData:N,placement:qe,strategy:He}=(0,s.useFloating)(v,p,{whileElementsMounted:(...r)=>(0,s.autoUpdate)(...r,{animationFrame:o.strategy===K.fixed}),placement:(0,e.computed)(()=>o.placement),strategy:(0,e.computed)(()=>o.strategy),middleware:ze}),We=(0,e.computed)(()=>{if(C.value)return;const r=o.triggerWidth&&v.value?`${v.value?.offsetWidth}px`:void 0;return{position:He.value,top:`${Me.value??0}px`,left:`${Ke.value??0}px`,maxWidth:r?void 0:O.value,maxHeight:Y.value,width:r}}),Ue=(0,e.computed)(()=>qe.value.split("-")[0]),Ge=(0,e.computed)(()=>{if(C.value)return;const r={[u.top]:u.bottom,[u.right]:u.left,[u.bottom]:u.top,[u.left]:u.right}[Ue.value];return{left:N.value.arrow?.x===void 0?void 0:`${N.value.arrow?.x}px`,top:N.value.arrow?.y===void 0?void 0:`${N.value.arrow?.y}px`,[r]:`${-(R.value?.offsetWidth??0)/2}px`}}),$=(0,c.useVModel)(o,"modelValue",l),Z=(0,e.ref)(!1),n=(0,e.computed)({get:()=>$.value??Z.value,set:r=>{if($.value===void 0){Z.value=r;return}$.value=r}});function w(){n.value=!0}function m(){n.value=!1}function y(){n.value=!n.value}function _(r){v.value=r}(0,c.onClickOutside)(p,()=>{!o.keepOpen&&n.value&&(n.value=!1)},{ignore:[v]});const Je=(0,e.computed)(()=>v.value?.getAttribute?.("id")??void 0),ee=(0,e.computed)(()=>({"aria-controls":S.value,"aria-haspopup":!0,"aria-expanded":n.value})),{component:Ye,bus:Qe}=Ae({reference:v,id:S,expanded:n,aria:ee});Qe.on("click",y);const{role:te,modifiers:Xe}=(0,e.toRefs)(o),Ze=Ie("vv-dropdown",Xe,(0,e.computed)(()=>({arrow:o.arrow}))),{focused:g}=(0,c.useFocusWithin)(p);function j(r){return r?[...r.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(a=>!a.hasAttribute("disabled")&&!a.getAttribute("aria-hidden")):[]}function re(){(0,e.nextTick)(()=>{const r=j(p.value);r.length>0&&r[0].focus({preventScroll:!0})})}function _e(){(0,e.nextTick)(()=>{const r=j(X.value);r.length>0&&r[0].focus({preventScroll:!0})})}function oe(){(0,e.nextTick)(()=>{if(g.value){const r=j(p.value);if(r.length===0||!document.activeElement)return;const a=r.indexOf(document.activeElement);a<r.length-1?r[a+1].focus({preventScroll:!0}):r[0].focus({preventScroll:!0})}})}function ae(){(0,e.nextTick)(()=>{if(g.value){const r=j(p.value);if(r.length===0||!document.activeElement)return;const a=r.indexOf(document.activeElement);if(a>0){r[a-1].focus({preventScroll:!0});return}r.at(-1)?.focus({preventScroll:!0})}})}(0,e.watch)(n,r=>{r&&o.autofocusFirst&&re()}),i({toggle:y,show:w,hide:m,init:_,focusFirst:re,focusFirstListElement:_e,focusNext:oe,focusPrev:ae,customPosition:C});const{itemRole:et}=Le({role:te,expanded:n,focused:g,hovered:(0,c.useElementHover)(p)});(0,c.onKeyStroke)("Escape",r=>{n.value&&(r.preventDefault(),m())}),(0,c.onKeyStroke)("ArrowDown",r=>{n.value&&g.value&&(r.preventDefault(),oe())}),(0,c.onKeyStroke)("ArrowUp",r=>{n.value&&g.value&&(r.preventDefault(),ae())}),(0,c.onKeyStroke)([" ","Enter"],r=>{const a=r.target;n.value&&g.value&&a&&a?.click()});const tt={"before-enter":()=>{l(n.value?"beforeExpand":"beforeCollapse"),l("beforeEnter")},"after-leave":()=>{l(n.value?"afterExpand":"afterCollapse"),l("afterLeave")},enter:()=>{l("enter")},"after-enter":()=>{l("afterEnter")},"enter-cancelled":()=>{l("enterCancelled")},"before-leave":()=>{l("beforeLeave")},leave:()=>{l("leave")},"leave-cancelled":()=>{l("leaveCancelled")}};return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)((0,e.unref)(Ye),null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({init:_,show:w,hide:m,toggle:y,expanded:(0,e.unref)(n),aria:(0,e.unref)(ee)})))]),_:3}),(0,e.createVNode)(e.Transition,(0,e.mergeProps)({name:r.transitionName},(0,e.toHandlers)(tt),{persisted:""}),{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)("div",{ref_key:"floatingEl",ref:p,style:(0,e.normalizeStyle)((0,e.unref)(We)),class:(0,e.normalizeClass)((0,e.unref)(Ze))},[o.arrow?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,ref_key:"arrowEl",ref:R,style:(0,e.normalizeStyle)((0,e.unref)(Ge)),class:"vv-dropdown__arrow"},null,4)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(r.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n)}))),(0,e.createElementVNode)("div",(0,e.mergeProps)((0,e.unref)(b),{id:(0,e.unref)(S),ref_key:"listEl",ref:X,tabindex:(0,e.unref)(n)?void 0:-1,role:(0,e.unref)(te),"aria-labelledby":(0,e.unref)(Je),class:"vv-dropdown__list"}),[(0,e.renderSlot)(r.$slots,"items",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n),role:(0,e.unref)(et)})))],16,Te),(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n)})))],6),[[e.vShow,(0,e.unref)(n)]])]),_:3},16,["name"])],64))}}),Fe=$e;return Fe});

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

@@ -0,0 +1,258 @@
+import type { AutoPlacementOptions, FlipOptions, OffsetOptions, ShiftOptions, SizeOptions } from '../../types/floating-ui';
+import { Side, Strategy } from '../../constants';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    reference: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+    role: {
+        type: PropType<`${import("../../constants").DropdownRole}`>;
+        default: import("../../constants").DropdownRole;
+        validator: (value: import("../../constants").DropdownRole) => boolean;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<`${Side}` | `${import("../../constants").Placement}`>;
+        default: Side;
+        validator: (value: Side & import("../../constants").Placement) => boolean;
+    };
+    strategy: {
+        type: PropType<`${Strategy}`>;
+        default: undefined;
+        validator: (value: Strategy) => boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    offset: {
+        type: PropType<OffsetOptions | number | string>;
+        default: number;
+    };
+    shift: {
+        type: PropType<ShiftOptions | boolean>;
+        default: boolean;
+    };
+    flip: {
+        type: PropType<FlipOptions | boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<SizeOptions | boolean>;
+        default: () => {
+            padding: number;
+        };
+    };
+    autoPlacement: {
+        type: PropType<AutoPlacementOptions | boolean>;
+        default: boolean;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocusFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>, {
+    /** Toggle the dropdown */
+    toggle: () => void;
+    /** Show the dropdown */
+    show: () => void;
+    /** Hide the dropdown */
+    hide: () => void;
+    /**
+     * Initialize the dropdown
+     * @param {HTMLElement} el - The dropdown reference element to attach to
+     */
+    init: (el: HTMLElement) => void;
+    /** Focus the first focusable element */
+    focusFirst: () => void;
+    /** Focus the first focusable element in the list */
+    focusFirstListElement: () => void;
+    /** Focus the next focusable element */
+    focusNext: () => void;
+    /** Focus the previous focusable element */
+    focusPrev: () => void;
+    /** The dropdown has custom position */
+    customPosition: globalThis.Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    beforeEnter: (...args: any[]) => void;
+    afterLeave: (...args: any[]) => void;
+    beforeExpand: (...args: any[]) => void;
+    beforeCollapse: (...args: any[]) => void;
+    afterExpand: (...args: any[]) => void;
+    afterCollapse: (...args: any[]) => void;
+    "before-enter": (...args: any[]) => void;
+    "after-leave": (...args: any[]) => void;
+    enter: (...args: any[]) => void;
+    afterEnter: (...args: any[]) => void;
+    enterCancelled: (...args: any[]) => void;
+    beforeLeave: (...args: any[]) => void;
+    leave: (...args: any[]) => void;
+    leaveCancelled: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    reference: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+    role: {
+        type: PropType<`${import("../../constants").DropdownRole}`>;
+        default: import("../../constants").DropdownRole;
+        validator: (value: import("../../constants").DropdownRole) => boolean;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<`${Side}` | `${import("../../constants").Placement}`>;
+        default: Side;
+        validator: (value: Side & import("../../constants").Placement) => boolean;
+    };
+    strategy: {
+        type: PropType<`${Strategy}`>;
+        default: undefined;
+        validator: (value: Strategy) => boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    offset: {
+        type: PropType<OffsetOptions | number | string>;
+        default: number;
+    };
+    shift: {
+        type: PropType<ShiftOptions | boolean>;
+        default: boolean;
+    };
+    flip: {
+        type: PropType<FlipOptions | boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<SizeOptions | boolean>;
+        default: () => {
+            padding: number;
+        };
+    };
+    autoPlacement: {
+        type: PropType<AutoPlacementOptions | boolean>;
+        default: boolean;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocusFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBeforeEnter?: ((...args: any[]) => any) | undefined;
+    onAfterLeave?: ((...args: any[]) => any) | undefined;
+    onBeforeExpand?: ((...args: any[]) => any) | undefined;
+    onBeforeCollapse?: ((...args: any[]) => any) | undefined;
+    onAfterExpand?: ((...args: any[]) => any) | undefined;
+    onAfterCollapse?: ((...args: any[]) => any) | undefined;
+    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+    onEnter?: ((...args: any[]) => any) | undefined;
+    onAfterEnter?: ((...args: any[]) => any) | undefined;
+    onEnterCancelled?: ((...args: any[]) => any) | undefined;
+    onBeforeLeave?: ((...args: any[]) => any) | undefined;
+    onLeave?: ((...args: any[]) => any) | undefined;
+    onLeaveCancelled?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    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 | SizeOptions;
+    shift: boolean | ShiftOptions;
+    modifiers: string | string[];
+    role: "listbox" | "menu";
+    flip: boolean | FlipOptions;
+    transitionName: string;
+    offset: string | OffsetOptions;
+    autoPlacement: boolean | AutoPlacementOptions;
+    arrow: boolean;
+    keepOpen: boolean;
+    autofocusFirst: boolean;
+    triggerWidth: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {
+        init: (el: HTMLElement) => void;
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        expanded: boolean;
+        aria: {
+            'aria-controls': string;
+            'aria-haspopup': boolean;
+            'aria-expanded': boolean;
+        };
+    }) => any;
+} & {
+    before?: (props: {
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        expanded: boolean;
+    }) => any;
+} & {
+    items?: (props: {
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        expanded: boolean;
+        role: import("../../constants").DropdownItemRole;
+    }) => any;
+} & {
+    after?: (props: {
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        expanded: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,118 @@
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<`${import("../../constants").ButtonType}`>;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultTag: {
+        type: StringConstructor;
+        default: import("../../constants").ActionTag;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<`${import("../../constants").ButtonType}`>;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultTag: {
+        type: StringConstructor;
+        default: import("../../constants").ActionTag;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    modifiers: string | string[];
+    label: string | number;
+    disabled: boolean;
+    type: "button" | "submit" | "reset";
+    ariaLabel: string;
+    defaultTag: string;
+    rel: string;
+    current: boolean;
+    active: boolean;
+    pressed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,22 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    focusOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, 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, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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