@volverjs/ui-vue 0.0.1-beta.8 → 0.0.2

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

@@ -1,153 +1,49 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            open: boolean;
-            transition: string;
-            size: string;
-            autoClose: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            title: StringConstructor;
-            open: BooleanConstructor;
-            transition: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            autoClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "open" | "transition" | "size" | "autoClose">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            title: StringConstructor;
-            open: BooleanConstructor;
-            transition: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            autoClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            open: boolean;
-            transition: string;
-            size: string;
-            autoClose: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        title: StringConstructor;
-        open: BooleanConstructor;
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        autoClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
         required: boolean;
     };
     title: StringConstructor;
-    open: BooleanConstructor;
+    modelValue: BooleanConstructor;
     transition: {
         type: StringConstructor;
         default: string;
     };
-    size: {
+    size: StringConstructor;
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    title: StringConstructor;
+    modelValue: BooleanConstructor;
+    transition: {
         type: StringConstructor;
         default: string;
-        validator: (value: string) => boolean;
     };
+    size: StringConstructor;
     autoClose: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-    open: boolean;
+}, {
+    modelValue: boolean;
     transition: string;
-    size: string;
     autoClose: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        header: (_: {}) => any;
-        default: (_: {}) => any;
-        footer: (_: {}) => any;
-    };
-});
+}>, {
+    header: (_: {}) => any;
+    default: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvDialog/{VvDialog.d.ts → index.d.ts}

@@ -5,16 +5,12 @@ export declare const VvDialogProps: {
         required: boolean;
     };
     title: StringConstructor;
-    open: BooleanConstructor;
+    modelValue: BooleanConstructor;
     transition: {
         type: StringConstructor;
         default: string;
     };
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
+    size: StringConstructor;
     autoClose: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -0,0 +1,227 @@
+import { computed as B, unref as a, toRefs as N, defineComponent as $, openBlock as b, createElementBlock as V, normalizeClass as j, createElementVNode as v, toDisplayString as O, createCommentVNode as w, Fragment as x, renderList as D, withModifiers as L, createTextVNode as R } from "vue";
+import { nanoid as E } from "nanoid";
+function A(r, t, e) {
+  return e ? _(r, e) === _(t, e) : C(r, t);
+}
+function C(r, t) {
+  if (r === t)
+    return !0;
+  if (r && t && typeof r == "object" && typeof t == "object") {
+    const e = Array.isArray(r), s = Array.isArray(t);
+    let n, u, l;
+    if (e && s) {
+      if (u = r.length, u != t.length)
+        return !1;
+      for (n = u; n-- !== 0; )
+        if (!C(r[n], t[n]))
+          return !1;
+      return !0;
+    }
+    if (e != s)
+      return !1;
+    const i = r instanceof Date, d = t instanceof Date;
+    if (i != d)
+      return !1;
+    if (i && d)
+      return r.getTime() == t.getTime();
+    const f = r instanceof RegExp, g = t instanceof RegExp;
+    if (f != g)
+      return !1;
+    if (f && g)
+      return r.toString() == t.toString();
+    const m = Object.keys(r);
+    if (u = m.length, u !== Object.keys(t).length)
+      return !1;
+    for (n = u; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, m[n]))
+        return !1;
+    for (n = u; n-- !== 0; )
+      if (l = m[n], !C(r[l], t[l]))
+        return !1;
+    return !0;
+  }
+  return r !== r && t !== t;
+}
+function _(r, t) {
+  if (r && Object.keys(r).length && t) {
+    if (t.indexOf(".") === -1)
+      return r[t];
+    {
+      const e = t.split(".");
+      let s = r;
+      for (let n = 0, u = e.length; n < u; ++n) {
+        if (r == null)
+          return null;
+        s = s[e[n]];
+      }
+      return s;
+    }
+  } else
+    return null;
+}
+function P(r, t) {
+  let e = -1;
+  if (t) {
+    for (let s = 0; s < t.length; s++)
+      if (A(t[s], r)) {
+        e = s;
+        break;
+      }
+  }
+  return e;
+}
+function h(r, t) {
+  if (r != null && t && t.length) {
+    for (const e of t)
+      if (A(r, e))
+        return !0;
+  }
+  return !1;
+}
+function F(r, t) {
+  const e = P(r, t);
+  return e > -1 ? t.filter((s, n) => n !== e) : t;
+}
+function S(r) {
+  var t, e;
+  if (r)
+    return (e = (t = r.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : t.join("-")) == null ? void 0 : e.toLowerCase();
+}
+function I(r, t) {
+  const e = { [`${r}`]: !0 };
+  return {
+    bemCssClasses: B(() => Object.keys(t).reduce((n, u) => {
+      const l = a(t[u]) || !1;
+      if (!l)
+        return n;
+      if (u === "modifiers") {
+        const i = Array.isArray(l) ? l : l.split(" ");
+        return {
+          ...n,
+          ...i.reduce(
+            (d, f) => ({
+              ...d,
+              [`${r}--${S(f)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${r}--${S(u)}`]: l
+        };
+    }, e) || {})
+  };
+}
+function K(r) {
+  const { options: t, labelKey: e, valueKey: s } = N(r);
+  return {
+    options: t,
+    getOptionLabel: (l) => typeof l != "object" && l !== null ? l : typeof e.value == "function" ? e.value(l) : l[e.value],
+    getOptionValue: (l) => typeof l != "object" && l !== null ? l : typeof s.value == "function" ? s.value(l) : l[s.value]
+  };
+}
+const M = {
+  disabled: Boolean
+}, T = {
+  modifiers: [String, Array]
+}, Z = {
+  options: {
+    type: Array,
+    default: () => []
+  },
+  labelKey: { type: [String, Function], default: "label" },
+  valueKey: { type: [String, Function], default: "value" }
+}, q = {
+  id: [String, Number],
+  name: { type: String, required: !0 }
+}, z = {
+  ...q,
+  ...Z,
+  ...M,
+  ...T,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array]
+  },
+  labelNoResults: { type: String, default: "No results" },
+  multiple: Boolean,
+  maxValues: [Number, String],
+  unselectable: { type: Boolean, default: !0 }
+}, G = ["id"], H = {
+  key: 0,
+  role: "option"
+}, J = ["aria-selected"], Q = ["for", "onClick"], U = ["id", "type", "value", "checked", "disabled", "name"], W = {
+  name: "VvDropdown"
+}, te = /* @__PURE__ */ $({
+  ...W,
+  props: z,
+  emits: ["update:modelValue"],
+  setup(r, { emit: t }) {
+    const e = r, s = B(() => String(e.id || E())), { modifiers: n, disabled: u } = N(e), { getOptionLabel: l, getOptionValue: i } = K(e), { bemCssClasses: d } = I("vv-dropdown", {
+      modifiers: n,
+      disabled: u
+    });
+    function f(o) {
+      return Array.isArray(e.modelValue) ? h(o, e.modelValue) || h(i(o), e.modelValue) : A(o, e.modelValue) || A(i(o), e.modelValue);
+    }
+    function g(o) {
+      return typeof o == "string" || o.disabled === void 0 ? u.value : o.disabled;
+    }
+    function m(o) {
+      var y;
+      if (e.disabled)
+        return;
+      let p = o;
+      if (e.multiple)
+        if (Array.isArray(e.modelValue)) {
+          if (e.maxValues !== void 0 && e.maxValues >= 0 && ((y = e.modelValue) == null ? void 0 : y.length) >= e.maxValues && !h(o, e.modelValue))
+            return;
+          p = h(o, e.modelValue) ? F(o, e.modelValue) : [...e.modelValue, o];
+        } else
+          p = [o];
+      else
+        e.unselectable && o === e.modelValue && (p = void 0);
+      t("update:modelValue", p);
+    }
+    return (o, p) => {
+      var y;
+      return b(), V("ul", {
+        id: a(s),
+        class: j(a(d)),
+        role: "listbox"
+      }, [
+        (y = o.options) != null && y.length ? w("", !0) : (b(), V("li", H, [
+          v("label", null, O(o.labelNoResults), 1)
+        ])),
+        (b(!0), V(x, null, D(o.options, (c, k) => (b(), V("li", {
+          key: k,
+          role: "option",
+          "aria-selected": f(c)
+        }, [
+          v("label", {
+            for: `dropdown-${k}-${a(s)}`,
+            onClick: L((X) => m(a(i)(c)), ["prevent"])
+          }, [
+            v("input", {
+              id: `dropdown-${k}-${a(s)}`,
+              type: o.multiple ? "checkbox" : "radio",
+              value: a(i)(c),
+              checked: f(c),
+              disabled: g(c),
+              name: o.name,
+              tabindex: "-1",
+              "aria-hidden": "true"
+            }, null, 8, U),
+            R(" " + O(a(l)(c)), 1)
+          ], 8, Q)
+        ], 8, J))), 128))
+      ], 10, G);
+    };
+  }
+});
+export {
+  te as default
+};

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

@@ -0,0 +1 @@
+(function(r,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],p):(r=typeof globalThis<"u"?globalThis:r||self,r.VvDropdown=p(r.vue,r.nanoid))})(this,function(r,p){"use strict";function V(n,t,e){return e?C(n,e)===C(t,e):k(n,t)}function k(n,t){if(n===t)return!0;if(n&&t&&typeof n=="object"&&typeof t=="object"){const e=Array.isArray(n),i=Array.isArray(t);let o,u,l;if(e&&i){if(u=n.length,u!=t.length)return!1;for(o=u;o--!==0;)if(!k(n[o],t[o]))return!1;return!0}if(e!=i)return!1;const a=n instanceof Date,d=t instanceof Date;if(a!=d)return!1;if(a&&d)return n.getTime()==t.getTime();const f=n instanceof RegExp,h=t instanceof RegExp;if(f!=h)return!1;if(f&&h)return n.toString()==t.toString();const m=Object.keys(n);if(u=m.length,u!==Object.keys(t).length)return!1;for(o=u;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,m[o]))return!1;for(o=u;o--!==0;)if(l=m[o],!k(n[l],t[l]))return!1;return!0}return n!==n&&t!==t}function C(n,t){if(n&&Object.keys(n).length&&t){if(t.indexOf(".")===-1)return n[t];{const e=t.split(".");let i=n;for(let o=0,u=e.length;o<u;++o){if(n==null)return null;i=i[e[o]]}return i}}else return null}function _(n,t){let e=-1;if(t){for(let i=0;i<t.length;i++)if(V(t[i],n)){e=i;break}}return e}function b(n,t){if(n!=null&&t&&t.length){for(const e of t)if(V(n,e))return!0}return!1}function B(n,t){const e=_(n,t);return e>-1?t.filter((i,o)=>o!==e):t}function O(n){var t,e;if(n)return(e=(t=n.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:e.toLowerCase()}function N(n,t){const e={[`${n}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((o,u)=>{const l=r.unref(t[u])||!1;if(!l)return o;if(u==="modifiers"){const a=Array.isArray(l)?l:l.split(" ");return{...o,...a.reduce((d,f)=>({...d,[`${n}--${O(f)}`]:!0}),{})}}else return{...o,[`${n}--${O(u)}`]:l}},e)||{})}}function S(n){const{options:t,labelKey:e,valueKey:i}=r.toRefs(n);return{options:t,getOptionLabel:l=>typeof l!="object"&&l!==null?l:typeof e.value=="function"?e.value(l):l[e.value],getOptionValue:l=>typeof l!="object"&&l!==null?l:typeof i.value=="function"?i.value(l):l[i.value]}}const D={...{id:[String,Number],name:{type:String,required:!0}},...{options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},...{disabled:Boolean},...{modifiers:[String,Array]},modelValue:{type:[String,Number,Boolean,Object,Array]},labelNoResults:{type:String,default:"No results"},multiple:Boolean,maxValues:[Number,String],unselectable:{type:Boolean,default:!0}},E=["id"],j={key:0,role:"option"},w=["aria-selected"],x=["for","onClick"],P=["id","type","value","checked","disabled","name"],$={name:"VvDropdown"};return r.defineComponent({...$,props:D,emits:["update:modelValue"],setup(n,{emit:t}){const e=n,i=r.computed(()=>String(e.id||p.nanoid())),{modifiers:o,disabled:u}=r.toRefs(e),{getOptionLabel:l,getOptionValue:a}=S(e),{bemCssClasses:d}=N("vv-dropdown",{modifiers:o,disabled:u});function f(s){return Array.isArray(e.modelValue)?b(s,e.modelValue)||b(a(s),e.modelValue):V(s,e.modelValue)||V(a(s),e.modelValue)}function h(s){return typeof s=="string"||s.disabled===void 0?u.value:s.disabled}function m(s){var g;if(e.disabled)return;let y=s;if(e.multiple)if(Array.isArray(e.modelValue)){if(e.maxValues!==void 0&&e.maxValues>=0&&((g=e.modelValue)==null?void 0:g.length)>=e.maxValues&&!b(s,e.modelValue))return;y=b(s,e.modelValue)?B(s,e.modelValue):[...e.modelValue,s]}else y=[s];else e.unselectable&&s===e.modelValue&&(y=void 0);t("update:modelValue",y)}return(s,y)=>{var g;return r.openBlock(),r.createElementBlock("ul",{id:r.unref(i),class:r.normalizeClass(r.unref(d)),role:"listbox"},[(g=s.options)!=null&&g.length?r.createCommentVNode("",!0):(r.openBlock(),r.createElementBlock("li",j,[r.createElementVNode("label",null,r.toDisplayString(s.labelNoResults),1)])),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(s.options,(c,A)=>(r.openBlock(),r.createElementBlock("li",{key:A,role:"option","aria-selected":f(c)},[r.createElementVNode("label",{for:`dropdown-${A}-${r.unref(i)}`,onClick:r.withModifiers(F=>m(r.unref(a)(c)),["prevent"])},[r.createElementVNode("input",{id:`dropdown-${A}-${r.unref(i)}`,type:s.multiple?"checkbox":"radio",value:r.unref(a)(c),checked:f(c),disabled:h(c),name:s.name,tabindex:"-1","aria-hidden":"true"},null,8,P),r.createTextVNode(" "+r.toDisplayString(r.unref(l)(c)),1)],8,x)],8,w))),128))],10,E)}}})});

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

@@ -1,166 +1,79 @@
-import { type Option } from './VvDropdown';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            disabled: BooleanConstructor;
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "labelNoResult" | "useObject" | "multiple" | "labelKey" | "valueKey">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            disabled: BooleanConstructor;
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
-            disabled: boolean;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        labelNoResult: {
-            type: StringConstructor;
-            default: string;
-        };
-        options: {
-            type: import("vue").PropType<(string | Option)[]>;
-            required: boolean;
-        };
-        useObject: BooleanConstructor;
-        multiple: BooleanConstructor;
-        maxValues: (StringConstructor | NumberConstructor)[];
-        labelKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        valueKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        modifiers: (StringConstructor | ArrayConstructor)[];
-        disabled: BooleanConstructor;
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-    labelNoResult: {
+import type { Option } from '@/types/generic';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    };
+    labelNoResults: {
         type: StringConstructor;
         default: string;
     };
+    multiple: BooleanConstructor;
+    maxValues: (StringConstructor | NumberConstructor)[];
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    disabled: BooleanConstructor;
     options: {
         type: import("vue").PropType<(string | Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
         required: boolean;
     };
-    useObject: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    };
+    labelNoResults: {
+        type: StringConstructor;
+        default: string;
+    };
     multiple: BooleanConstructor;
     maxValues: (StringConstructor | NumberConstructor)[];
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    disabled: BooleanConstructor;
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        default: () => never[];
+    };
     labelKey: {
-        type: StringConstructor;
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     valueKey: {
-        type: StringConstructor;
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
-    modifiers: (StringConstructor | ArrayConstructor)[];
-    disabled: BooleanConstructor;
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
+}, {
     disabled: boolean;
-    labelNoResult: string;
-    useObject: boolean;
     multiple: boolean;
-    labelKey: string;
-    valueKey: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    unselectable: boolean;
+    options: (string | Option)[];
+    labelKey: string | Function;
+    valueKey: string | Function;
+    labelNoResults: string;
+}>;
 export default _default;