vft 0.0.310 → 0.0.311

package/lib/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -1,105 +1,63 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    command: {
-        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
-        default: () => {};
-    };
-    disabled: BooleanConstructor;
-    divided: BooleanConstructor;
-    textValue: StringConstructor;
-    icon: StringConstructor;
-}>, {
-    ns: {
-        namespace: import("vue").ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string) => string;
-        m: (modifier?: string) => string;
-        be: (blockSuffix?: string, element?: string) => string;
-        em: (element?: string, modifier?: string) => string;
-        bm: (blockSuffix?: string, modifier?: string) => string;
-        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-        cssVar: (object: Record<string, string>) => Record<string, string>;
-        cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-        cssVarBlockName: (name: string) => string;
-    };
-    itemRef: (el: Element | import("vue").ComponentPublicInstance | null) => void;
-    dataset: {
-        "data-vft-collection-item": string;
-    };
-    role: import("vue").ComputedRef<string>;
-    tabIndex: import("vue").Ref<number, number>;
-    handleFocus: (e: Event) => void;
-    handleKeydown: (event: KeyboardEvent) => void;
-    handleMousedown: (e: Event) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    command: {
-        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
-        default: () => {};
-    };
-    disabled: BooleanConstructor;
-    divided: BooleanConstructor;
-    textValue: StringConstructor;
-    icon: StringConstructor;
-}>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-    onPointerleave?: ((...args: any[]) => any) | undefined;
-    onPointermove?: ((...args: any[]) => any) | undefined;
-    onClickimpl?: ((...args: any[]) => any) | undefined;
+interface Props {
+    command?: object | string | number;
+    disabled?: boolean;
+    divided?: boolean;
+    textValue?: string;
+    icon?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    command: () => {};
+    disabled: boolean;
+    divided: boolean;
+    textValue: string;
+    icon: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pointermove: (event: PointerEvent) => void;
+    pointerleave: (event: PointerEvent) => void;
+    click: (event: MouseEvent) => void;
+    clickimpl: (event: MouseEvent) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    command: () => {};
+    disabled: boolean;
+    divided: boolean;
+    textValue: string;
+    icon: string;
+}>>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onPointerleave?: ((event: PointerEvent) => any) | undefined;
+    onPointermove?: ((event: PointerEvent) => any) | undefined;
+    onClickimpl?: ((event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    command: string | number | Record<string, any>;
+    icon: string;
+    command: object | string | number;
     divided: boolean;
-}, {}, {
-    DropIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        icon: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        size: {
-            type: import("vue").PropType<string | number>;
-        };
-        color: {
-            type: import("vue").PropType<string>;
-        };
-        rotate: {
-            type: import("vue").PropType<boolean>;
-        };
-        rotateSpeed: {
-            type: import("vue").PropType<number>;
-        };
-        pointer: {
-            type: import("vue").PropType<boolean>;
-        };
-        hoverColor: {
-            type: import("vue").PropType<string>;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        icon: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        size: {
-            type: import("vue").PropType<string | number>;
-        };
-        color: {
-            type: import("vue").PropType<string>;
-        };
-        rotate: {
-            type: import("vue").PropType<boolean>;
-        };
-        rotateSpeed: {
-            type: import("vue").PropType<number>;
-        };
-        pointer: {
-            type: import("vue").PropType<boolean>;
-        };
-        hoverColor: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    textValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/dropdown/dropdown-item-impl.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("../collection/collection.cjs"),q=require("../icon/index.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");const e=require("vue");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const N=require("../roving-focus-group/types.cjs"),f=require("../roving-focus-group/tokens.cjs"),r=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const v=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const C=require("../../utils/vue/refs.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./tokens.cjs"),g=require("./types.cjs"),D=e.defineComponent({name:"DropdownItemImpl",components:{DropIcon:q.VftIcon},props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click","clickimpl"],setup(S,{emit:i}){const c=T.useNamespace("dropdown"),{role:n}=e.inject(R.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:u}=e.inject(g.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:s}=e.inject(N.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:l,tabIndex:d,handleFocus:a,handleKeydown:m,handleMousedown:I}=e.inject(f.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),p=C.composeRefs(u,s,l),_=e.computed(()=>n.value==="menu"?"menuitem":n.value==="navigation"?"link":"button"),O=v.composeEventHandlers(o=>{const{code:t}=o;if(t===r.EVENT_CODE.enter||t===r.EVENT_CODE.space)return o.preventDefault(),o.stopImmediatePropagation(),i("clickimpl",o),!0},m);return{ns:c,itemRef:p,dataset:{[E.COLLECTION_ITEM_SIGN]:""},role:_,tabIndex:d,handleFocus:a,handleKeydown:O,handleMousedown:I}}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../collection/collection.cjs"),T=require("../icon/index.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const R=require("../roving-focus-group/types.cjs"),g=require("../roving-focus-group/tokens.cjs"),d=require("../../constants/aria.cjs");require("@vueuse/core");const y=require("@vft/utils"),P=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const _=require("../../utils/vue/refs.cjs"),w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./tokens.cjs"),V=require("./types.cjs"),$=["aria-disabled","tabindex","role"],B=e.defineComponent({name:"DropdownItemImpl"}),D=e.defineComponent({...B,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click","clickimpl"],setup(a,{emit:m}){const c=a,f=m,r=w.useNamespace("dropdown"),p=e.computed(()=>y.singleAttrToObj(c.icon,"icon")),{role:i}=e.inject(M.DROPDOWN_INJECTION_KEY,void 0),{collectionItemRef:I}=e.inject(V.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,void 0),{collectionItemRef:v}=e.inject(R.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupItemRef:E,tabIndex:O,handleFocus:l,handleKeydown:N,handleMousedown:s}=e.inject(g.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,void 0),q=_.composeRefs(I,v,E),C=e.computed(()=>i.value==="menu"?"menuitem":i.value==="navigation"?"link":"button"),u=P.composeEventHandlers(o=>{const{code:n}=o;if(n===d.EVENT_CODE.enter||n===d.EVENT_CODE.space)return o.preventDefault(),o.stopImmediatePropagation(),f("clickimpl",o),!0},N),k=e.computed(()=>({[b.COLLECTION_ITEM_SIGN]:""}));return(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.divided?(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:0,role:"separator",class:e.unref(r).bem("menu","item","divided")},o.$attrs),null,16)):e.createCommentVNode("",!0),e.createElementVNode("li",e.mergeProps({ref:e.unref(q)},{...k.value,...o.$attrs},{"aria-disabled":o.disabled,class:[e.unref(r).be("menu","item"),e.unref(r).is("disabled",o.disabled)],tabindex:e.unref(O),role:C.value,onClick:n[0]||(n[0]=t=>o.$emit("clickimpl",t)),onFocus:n[1]||(n[1]=(...t)=>e.unref(l)&&e.unref(l)(...t)),onKeydown:n[2]||(n[2]=e.withModifiers((...t)=>e.unref(u)&&e.unref(u)(...t),["self"])),onMousedown:n[3]||(n[3]=(...t)=>e.unref(s)&&e.unref(s)(...t)),onPointermove:n[4]||(n[4]=t=>o.$emit("pointermove",t)),onPointerleave:n[5]||(n[5]=t=>o.$emit("pointerleave",t))}),[o.icon?(e.openBlock(),e.createBlock(e.unref(T.VftIcon),e.normalizeProps(e.mergeProps({key:0},p.value)),null,16)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],16,$)],64))}});exports.default=D;

package/lib/components/dropdown/dropdown-item.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./dropdown-item.vue2.cjs"),e=require("vue"),i=require("../../_virtual/_plugin-vue_export-helper.cjs");function d(o,s,u,p,c,m){const t=e.resolveComponent("dropdown-item-impl"),n=e.resolveComponent("roving-focus-item"),l=e.resolveComponent("dropdown-collection-item");return e.openBlock(),e.createBlock(l,{disabled:o.disabled,"text-value":o.textValue??o.textContent},{default:e.withCtx(()=>[e.createVNode(n,{focusable:!o.disabled},{default:e.withCtx(()=>[e.createVNode(t,e.mergeProps(o.propsAndAttrs,{onPointerleave:o.handlePointerLeave,onPointermove:o.handlePointerMove,onClickimpl:o.handleClick}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"])}const a=i.default(r.default,[["render",d]]);exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown-item.vue2.cjs");exports.default=e.default;

package/lib/components/dropdown/dropdown-item.vue.d.ts

@@ -0,0 +1,61 @@
+interface Props {
+    command?: object | string | number;
+    disabled?: boolean;
+    divided?: boolean;
+    textValue?: string;
+    icon?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    command: () => {};
+    disabled: boolean;
+    divided: boolean;
+    textValue: string;
+    icon: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pointermove: (event: PointerEvent) => void;
+    pointerleave: (event: PointerEvent) => void;
+    click: (event: PointerEvent) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    command: () => {};
+    disabled: boolean;
+    divided: boolean;
+    textValue: string;
+    icon: string;
+}>>> & Readonly<{
+    onClick?: ((event: PointerEvent) => any) | undefined;
+    onPointerleave?: ((event: PointerEvent) => any) | undefined;
+    onPointermove?: ((event: PointerEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    icon: string;
+    command: object | string | number;
+    divided: boolean;
+    textValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/dropdown/dropdown-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../roving-focus-group/roving-focus-group.vue2.cjs");const t=require("vue");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const q=require("../roving-focus-group/roving-focus-item.vue.cjs");require("../roving-focus-group/types.cjs");require("@vueuse/core");require("@vft/utils");const o=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const g=require("./dropdown-item-impl.vue.cjs"),w=require("./tokens.cjs"),C=require("./types.cjs"),P=require("./useDropdown.cjs"),b=t.defineComponent({name:"VftDropdownItem",components:{DropdownCollectionItem:C.VftCollectionItem,RovingFocusItem:q.default,DropdownItemImpl:g.default},inheritAttrs:!1,props:{command:{type:[Object,String,Number],default:()=>({})},disabled:Boolean,divided:Boolean,textValue:String,icon:String},emits:["pointermove","pointerleave","click"],setup(n,{emit:r,attrs:c}){const{elDropdown:i}=P.useDropdown(),s=t.getCurrentInstance(),l=t.ref(null),a=t.computed(()=>t.unref(l)?.textContent??""),{onItemEnter:m,onItemLeave:d}=t.inject(w.DROPDOWN_INJECTION_KEY,void 0),v=o.composeEventHandlers(e=>(r("pointermove",e),e.defaultPrevented),o.whenMouse(e=>{if(n.disabled){d(e);return}const u=e.currentTarget;u===document.activeElement||u.contains(document.activeElement)||(m(e),e.defaultPrevented||u?.focus())})),f=o.composeEventHandlers(e=>(r("pointerleave",e),e.defaultPrevented),o.whenMouse(e=>{d(e)})),p=o.composeEventHandlers(e=>{if(!n.disabled)return r("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{if(n.disabled){e.stopImmediatePropagation();return}i?.hideOnClick?.value&&i.handleClick?.(),i.commandHandler?.(n.command,s,e)}),I=t.computed(()=>({...n,...c}));return{handleClick:p,handlePointerMove:v,handlePointerLeave:f,textContent:a,propsAndAttrs:I}}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");const P=require("../roving-focus-group/roving-focus-item.vue.cjs");require("../roving-focus-group/types.cjs");require("@vueuse/core");require("@vft/utils");const o=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const b=require("./dropdown-item-impl.vue2.cjs"),h=require("./tokens.cjs"),k=require("./types.cjs"),w=require("./useDropdown.cjs"),I=t.defineComponent({name:"VftDropdownItem",inheritAttrs:!1}),g=t.defineComponent({...I,props:{command:{default:()=>({})},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},textValue:{default:""},icon:{default:""}},emits:["pointermove","pointerleave","click"],setup(a,{emit:d}){const n=a,u=d,s=t.useAttrs(),{elDropdown:i}=w.useDropdown(),c=t.getCurrentInstance(),f=t.ref(null),m=t.computed(()=>t.unref(f)?.textContent??""),{onItemEnter:p,onItemLeave:l}=t.inject(h.DROPDOWN_INJECTION_KEY,void 0),v=o.composeEventHandlers(e=>(u("pointermove",e),e.defaultPrevented),o.whenMouse(e=>{if(n.disabled){l(e);return}const r=e.currentTarget;r===document.activeElement||r.contains(document.activeElement)||(p(e),e.defaultPrevented||r?.focus())})),_=o.composeEventHandlers(e=>(u("pointerleave",e),e.defaultPrevented),o.whenMouse(e=>{l(e)})),C=o.composeEventHandlers(e=>{if(!n.disabled)return u("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{if(n.disabled){e.stopImmediatePropagation();return}i?.hideOnClick?.value&&i.handleClick?.(),i.commandHandler?.(n.command,c,e)}),q=t.computed(()=>({...n,...s}));return(e,r)=>(t.openBlock(),t.createBlock(t.unref(k.VftCollectionItem),{disabled:e.disabled,"text-value":e.textValue??m.value},{default:t.withCtx(()=>[t.createVNode(t.unref(P.default),{focusable:!e.disabled},{default:t.withCtx(()=>[t.createVNode(b.default,t.mergeProps(q.value,{onPointerleave:t.unref(_),onPointermove:t.unref(v),onClickimpl:t.unref(C)}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["onPointerleave","onPointermove","onClickimpl"])]),_:3},8,["focusable"])]),_:3},8,["disabled","text-value"]))}});exports.default=g;

package/lib/components/dropdown/dropdown-menu.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./dropdown-menu.vue2.cjs"),n=require("vue"),s=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=["role","aria-labelledby"];function d(e,o,t,a,p,f){return n.openBlock(),n.createElementBlock("ul",{ref:e.dropdownListWrapperRef,class:n.normalizeClass(e.dropdownKls),style:n.normalizeStyle(e.rovingFocusGroupRootStyle),tabindex:-1,role:e.role,"aria-labelledby":e.triggerId,onBlur:o[0]||(o[0]=(...r)=>e.onBlur&&e.onBlur(...r)),onFocus:o[1]||(o[1]=(...r)=>e.onFocus&&e.onFocus(...r)),onKeydown:o[2]||(o[2]=n.withModifiers((...r)=>e.handleKeydown&&e.handleKeydown(...r),["self"])),onMousedown:o[3]||(o[3]=n.withModifiers((...r)=>e.onMousedown&&e.onMousedown(...r),["self"]))},[n.renderSlot(e.$slots,"default")],46,u)}const i=s.default(l.default,[["render",d]]);exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dropdown-menu.vue2.cjs");exports.default=e.default;

package/lib/components/dropdown/dropdown-menu.vue.d.ts

@@ -1,22 +1,23 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    onKeydown: {
-        type: FunctionConstructor;
+interface Props {
+    onKeydown?: (e: KeyboardEvent) => void;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
     };
-}>, {
-    size: import("vue").ComputedRef<string> | undefined;
-    rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue, import("vue").StyleValue>;
-    tabIndex: import("vue").Ref<number, number>;
-    dropdownKls: import("vue").ComputedRef<string[]>;
-    role: import("vue").ComputedRef<string>;
-    triggerId: import("vue").ComputedRef<string>;
-    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance | null) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
-    onBlur: (e: Event) => void;
-    onFocus: (e: FocusEvent) => void;
-    onMousedown: (e: Event) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    onKeydown: {
-        type: FunctionConstructor;
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
+};

package/lib/components/dropdown/dropdown-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../focus-trap/focus-trap.vue2.cjs");const o=require("vue"),y=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const D=require("../roving-focus-group/types.cjs"),F=require("../roving-focus-group/tokens.cjs"),b=require("../roving-focus-group/utils.cjs"),L=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const Y=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const j=require("../../utils/vue/refs.cjs"),G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("./tokens.cjs"),t=require("./types.cjs"),J=require("./useDropdown.cjs"),M=o.defineComponent({name:"VftDropdownMenu",props:{onKeydown:{type:Function}},setup(p){const s=G.useNamespace("dropdown"),{_elDropdownSize:l}=J.useDropdown(),i=l.value,{focusTrapRef:a,onKeydown:f}=o.inject(y.FOCUS_TRAP_INJECTION_KEY,void 0),{contentRef:u,role:_,triggerId:q}=o.inject(P.DROPDOWN_INJECTION_KEY,void 0),{collectionRef:O,getItems:I}=o.inject(t.DROPDOWN_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupRef:m,rovingFocusGroupRootStyle:E,tabIndex:N,onBlur:v,onFocus:R,onMousedown:C}=o.inject(F.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{collectionRef:w}=o.inject(D.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),T=o.computed(()=>[s.b("menu"),s.bm("menu",i?.value)]),K=j.composeRefs(u,O,a,m,w),g=Y.composeEventHandlers(e=>{p.onKeydown?.(e)},e=>{const{currentTarget:S,code:r,target:c}=e;if(S.contains(c),L.EVENT_CODE.tab===r&&e.stopImmediatePropagation(),e.preventDefault(),c!==o.unref(u)||!t.FIRST_LAST_KEYS.includes(r))return;const d=I().filter(n=>!n.disabled).map(n=>n.ref);t.LAST_KEYS.includes(r)&&d.reverse(),b.focusFirst(d)});return{size:i,rovingFocusGroupRootStyle:E,tabIndex:N,dropdownKls:T,role:_,triggerId:q,dropdownListWrapperRef:K,handleKeydown:e=>{g(e),f(e)},onBlur:v,onFocus:R,onMousedown:C}}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../focus-trap/focus-trap.vue2.cjs");const g=require("../focus-trap/tokens.cjs");require("../focus-trap/utils.cjs");require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");const F=require("../roving-focus-group/types.cjs"),D=require("../roving-focus-group/tokens.cjs"),L=require("../roving-focus-group/utils.cjs"),M=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const Y=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const j=require("../../utils/vue/refs.cjs"),G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("./tokens.cjs"),s=require("./types.cjs"),k=require("./useDropdown.cjs"),J=["role","aria-labelledby"],z=e.defineComponent({name:"VftDropdownMenu"}),B=e.defineComponent({...z,props:{onKeydown:{type:Function}},setup(p){const _=p,i=G.useNamespace("dropdown"),{_elDropdownSize:q}=k.useDropdown(),m=q.value,{focusTrapRef:O,onKeydown:E}=e.inject(g.FOCUS_TRAP_INJECTION_KEY,void 0),{contentRef:u,role:I,triggerId:v}=e.inject(P.DROPDOWN_INJECTION_KEY,void 0),{collectionRef:w,getItems:C}=e.inject(s.DROPDOWN_COLLECTION_INJECTION_KEY,void 0),{rovingFocusGroupRef:N,rovingFocusGroupRootStyle:R,tabIndex:U,onBlur:c,onFocus:l,onMousedown:d}=e.inject(D.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{collectionRef:y}=e.inject(F.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),T=e.computed(()=>[i.b("menu"),i.bm("menu",m?.value)]),K=j.composeRefs(u,w,O,N,y),S=Y.composeEventHandlers(o=>{_.onKeydown?.(o)},o=>{const{currentTarget:r,code:n,target:f}=o;if(r.contains(f),M.EVENT_CODE.tab===n&&o.stopImmediatePropagation(),o.preventDefault(),f!==e.unref(u)||!s.FIRST_LAST_KEYS.includes(n))return;const a=C().filter(t=>!t.disabled).map(t=>t.ref);s.LAST_KEYS.includes(n)&&a.reverse(),L.focusFirst(a)}),b=o=>{S(o),E(o)};return(o,r)=>(e.openBlock(),e.createElementBlock("ul",{ref:e.unref(K),class:e.normalizeClass(T.value),style:e.normalizeStyle(e.unref(R)),tabindex:-1,role:e.unref(I),"aria-labelledby":e.unref(v),onBlur:r[0]||(r[0]=(...n)=>e.unref(c)&&e.unref(c)(...n)),onFocus:r[1]||(r[1]=(...n)=>e.unref(l)&&e.unref(l)(...n)),onKeydown:e.withModifiers(b,["self"]),onMousedown:r[2]||(r[2]=e.withModifiers((...n)=>e.unref(d)&&e.unref(d)(...n),["self"]))},[e.renderSlot(o.$slots,"default")],46,J))}});exports.default=B;

package/lib/components/dropdown/dropdown.vue.d.ts

@@ -46,9 +46,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
 }>, {
-    disabled: boolean;
     maxHeight: number | string;
     role: string;
+    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
     tabindex: number | string;

package/lib/components/dropdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const n=require("./dropdown.vue2.cjs"),t=require("./dropdown-item.vue.cjs"),o=require("./dropdown-menu.vue.cjs"),u=require("./tokens.cjs"),r=e.withInstall(n.default,{DropdownItem:t.default,DropdownMenu:o.default}),d=e.withNoopInstall(t.default),l=e.withNoopInstall(o.default);exports.DROPDOWN_INJECTION_KEY=u.DROPDOWN_INJECTION_KEY;exports.VftDropdown=r;exports.VftDropdownItem=d;exports.VftDropdownMenu=l;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./dropdown.vue2.cjs"),t=require("./dropdown-item.vue2.cjs"),r=require("./dropdown-menu.vue2.cjs"),n=require("./tokens.cjs"),o=e.withInstall(u.default,{DropdownItem:t.default,DropdownMenu:r.default}),_=e.withNoopInstall(t.default),d=e.withNoopInstall(r.default);exports.DROPDOWN_INJECTION_KEY=n.DROPDOWN_INJECTION_KEY;exports.VftDropdown=o;exports.VftDropdownItem=_;exports.VftDropdownMenu=d;exports.default=o;