@privyid/persona 0.9.0 → 0.11.0

package/dist/components/dropdown-subitem/DropdownSubitem.vue.d.ts

@@ -10,12 +10,12 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     isRoot: import("vue-demi").ComputedRef<boolean>;
     tree: import("vue-demi").ShallowRef<import(".").DropdownNode>;
-    view: import("vue-demi").ComputedRef<import("vue-demi").Slot>;
+    view: import("vue-demi").ComputedRef<import("vue-demi").Slot | undefined>;
     next: () => void;
     back: () => void;
     reset: () => void;
     canBack: import("vue-demi").ComputedRef<boolean>;
-    transition: import("vue-demi").Ref<"none" | "slide-left" | "slide-right">;
+    transition: import("vue-demi").Ref<"slide-left" | "slide-right" | "none">;
     handleOnClick: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "click"[], "click", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     text: {
@@ -27,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onClick?: (...args: any[]) => any;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {
     text: string;
     noCaret: boolean;

package/dist/components/dropzone/Dropzone.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier, MultipleType } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<string | string[] | File | File[]>;
-        default: any;
+        default: undefined;
     };
     modelModifiers: {
         type: PropType<ModelModifier>;
@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     maxlength: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     accept: {
         type: StringConstructor;
@@ -39,14 +39,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     clear: () => void;
     isDragover: import("vue-demi").Ref<boolean>;
     isHovered: import("vue-demi").Ref<boolean>;
-    model: import("vue-demi").Ref<string | string[] | File | File[]>;
-    rawModel: import("vue-demi").Ref<File | File[]>;
+    model: import("vue-demi").Ref<string | string[] | File | File[] | undefined>;
+    rawModel: import("vue-demi").Ref<File | File[] | undefined>;
     onDrop: (event: DragEvent) => void;
     onChange: (event: Event) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue" | "cancel")[], "change" | "update:modelValue" | "cancel", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue")[], "cancel" | "change" | "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | string[] | File | File[]>;
-        default: any;
+        default: undefined;
     };
     modelModifiers: {
         type: PropType<ModelModifier>;
@@ -58,7 +58,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     maxlength: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     accept: {
         type: StringConstructor;
@@ -77,17 +77,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onCancel?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     modelValue: string | string[] | File | File[];
+    disabled: boolean;
     readonly: boolean;
     modelModifiers: ModelModifier;
     multiple: boolean | MultipleType;
-    accept: string;
     maxlength: string | number;
+    accept: string;
     clearOnCancel: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
 export interface ModelModifier {
     base64?: boolean;
 }
-export declare type MultipleType = 'replace' | 'append';
+export type MultipleType = 'replace' | 'append';

package/dist/components/filterbar/Filterbar.vue

@@ -16,7 +16,7 @@
     <Button
       size="sm"
       variant="link"
-      color="primary"
+      color="info"
       @click="reset">
       Reset
     </Button>
@@ -30,10 +30,10 @@ import {
 } from "vue-demi";
 import Dropdown from "../dropdown/Dropdown.vue";
 import Button from "../button/Button.vue";
-import Select from "./pinned/Select.vue";
-import Toggle from "./pinned/Toggle.vue";
-import Multiselect from "./pinned/Multiselect.vue";
-import Date from "./pinned/Date.vue";
+import Select from "./pinned/PinnedSelect.vue";
+import Toggle from "./pinned/PinnedToggle.vue";
+import Multiselect from "./pinned/PinnedMultiselect.vue";
+import Date from "./pinned/PinnedDate.vue";
 import { useVModel } from "../input";
 export default defineComponent({
   components: {
@@ -94,7 +94,8 @@ export default defineComponent({
     &.filterbar--active {
       &.btn--default,
       & .dropdown__activator.btn--default {
-        @apply bg-emphasis-subtle text-on-emphasis border-on-emphasis;
+        @apply bg-inverse text-on-emphasis border-inverse;
+        @apply dark:bg-dark-inverse dark:text-dark-on-emphasis dark:border-dark-inverse;
       }
     }
   }

package/dist/components/filterbar/Filterbar.vue.d.ts

@@ -3,7 +3,7 @@ import { FilterItem } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     schema: {
         type: PropType<FilterItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<Record<string, unknown>>;
@@ -18,14 +18,14 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, unknown>;
     schema: FilterItem[];

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

@@ -40,6 +40,6 @@ export interface FilterDate extends FilterType {
 export interface FitlerDateRange extends FilterType {
     type: 'daterange';
 }
-export declare type FilterItem = FilterText | FilterSelect | FilterSelectMultiple | FilterToggle | FilterDate | FitlerDateRange;
+export type FilterItem = FilterText | FilterSelect | FilterSelectMultiple | FilterToggle | FilterDate | FitlerDateRange;
 export declare function defineFilter(scheme: FilterItem[]): FilterItem[];
 export {};

package/dist/components/filterbar/pinned/{Date.vue.d.ts → PinnedDate.vue.d.ts}

@@ -7,7 +7,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     format: {
         type: StringConstructor;
@@ -15,18 +15,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
         default: string;
     };
 }, {
-    model: import("vue-demi").Ref<Date>;
+    model: import("vue-demi").Ref<Date | undefined>;
     value: import("vue-demi").ComputedRef<string>;
     isOpen: import("vue-demi").Ref<boolean>;
     close: () => void;
@@ -37,7 +37,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     format: {
         type: StringConstructor;
@@ -45,18 +45,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     min: Date;
     max: Date;

package/dist/components/filterbar/pinned/{Multiselect.vue.d.ts → PinnedMultiselect.vue.d.ts}

@@ -8,11 +8,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: ArrayConstructor;
-        default: () => any[];
+        default: () => never[];
     };
 }, {
     model: import("vue-demi").Ref<unknown[]>;
@@ -27,14 +27,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: ArrayConstructor;
-        default: () => any[];
+        default: () => never[];
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: unknown[];
     options: string[] | SelectItem[];

package/dist/components/filterbar/pinned/{Select.vue.d.ts → PinnedSelect.vue.d.ts}

@@ -8,17 +8,17 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
-        default: any;
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        default: undefined;
     };
 }, {
-    model: import("vue-demi").Ref<string | number | boolean | unknown[] | Record<string, any> | Date>;
+    model: import("vue-demi").Ref<string | number | boolean | unknown[] | Date | Record<string, any> | undefined>;
     items: import("vue-demi").ComputedRef<SelectItem[]>;
     isOpen: import("vue-demi").Ref<boolean>;
-    selected: import("vue-demi").ComputedRef<SelectItem>;
+    selected: import("vue-demi").ComputedRef<SelectItem | undefined>;
     close: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
@@ -27,16 +27,16 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
-        default: any;
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        default: undefined;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
+    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     options: string[] | SelectItem[];
 }>;
 export default _default;

package/dist/components/filterbar/pinned/{Toggle.vue.d.ts → PinnedToggle.vue.d.ts}

@@ -6,15 +6,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -30,15 +30,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -46,12 +46,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | boolean | unknown[] | Record<string, any> | Date;
-    modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
-    uncheckedValue: string | number | boolean | unknown[] | Record<string, any> | Date;
+    value: string | number | boolean | unknown[] | Date | Record<string, any>;
+    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    uncheckedValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     checked: boolean;
 }>;
 export default _default;

package/dist/components/form-group/FormGroup.vue

@@ -81,23 +81,28 @@ export default defineComponent({
   @apply flex flex-col mb-4;
 
   &__label {
-    @apply font-bold text-xs mb-2 relative;
+    @apply font-bold text-xs mb-2 relative text-default;
+    @apply dark:text-dark-default;
 
     > sup {
       @apply text-danger;
+      @apply dark:text-dark-danger;
     }
   }
 
   & > &__description {
-    @apply text-xs my-2;
+    @apply text-xs my-2 text-subtle;
+    @apply dark:text-dark-subtle;
   }
 
   & > &__error {
-    @apply text-xs text-danger my-2;
+    @apply text-xs text-danger;
+    @apply dark:text-dark-danger my-2;
   }
 
   &__hint {
-    @apply absolute bottom-0 right-0 text-accent cursor-pointer focus:outline-none;
+    @apply absolute bottom-0 right-0 text-info cursor-pointer focus:outline-none;
+    @apply dark:text-dark-info;
   }
 }
 </style>

package/dist/components/form-group/FormGroup.vue.d.ts

@@ -51,10 +51,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
-    caption: string;
     error: string;
-    required: boolean;
+    caption: string;
     label: string;
+    required: boolean;
     description: string;
     hint: string;
 }>;

package/dist/components/global/context.d.ts

@@ -1,4 +1,4 @@
-declare type Lang = 'id' | 'en';
+type Lang = 'id' | 'en';
 /**
  * Simple vuex-like-store for global configuaration
  */

package/dist/components/global/use-singleton.d.ts

@@ -1,6 +1,6 @@
 import { DefineComponent, Ref } from 'vue-demi';
-export declare type Component = DefineComponent<{}, {}, any>;
-export declare type ComponentInstance<C extends Component> = InstanceType<C>;
+export type Component = DefineComponent<{}, {}, any>;
+export type ComponentInstance<C extends Component> = InstanceType<C>;
 export interface GlobalInstance<C extends Component> {
     component: C;
     ref: Ref<ComponentInstance<C>>;

package/dist/components/global/utils/queue.d.ts

@@ -1,4 +1,4 @@
-declare type Task<R> = () => Promise<R>;
+type Task<R> = () => Promise<R>;
 interface QueueJob<R> {
     resolve: (value: R) => void;
     reject: (reason: unknown) => void;
@@ -9,7 +9,7 @@ export default class Queue {
     protected running: boolean;
     constructor();
     protected enqueue(job: QueueJob<unknown>): void;
-    protected dequeue(): QueueJob<unknown>;
+    protected dequeue(): QueueJob<unknown> | undefined;
     add<R>(task: Task<R>): Promise<R>;
     protected run(): void;
 }

package/dist/components/heading/Heading.vue

@@ -73,6 +73,12 @@ export default defineComponent({
     * Weight variant
     * of heading
     */
+
+    :where(&--normal, &--medium, &--bold) {
+      @apply text-default;
+      @apply dark:text-dark-default;
+    }
+
     &--normal {
       @apply font-normal;
     }

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

@@ -1,3 +1,3 @@
-export declare type ElementVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export declare type WeightVariant = 'normal' | 'medium' | 'bold';
-export declare type TransformVariant = 'normalcase' | 'lowercase' | 'capitalize' | 'uppercase';
+export type ElementVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type WeightVariant = 'normal' | 'medium' | 'bold';
+export type TransformVariant = 'normalcase' | 'lowercase' | 'capitalize' | 'uppercase';

package/dist/components/input/Input.vue

@@ -23,10 +23,12 @@
 <script>
 import {
   computed,
-  defineComponent
+  defineComponent,
+  inject
 } from "vue-demi";
 import { useVModel } from ".";
 import IconClear from "@carbon/icons-vue/lib/close--filled/16";
+import { INPUTGROUP_SETTING } from "../input-group";
 export default defineComponent({
   components: { IconClear },
   inheritAttrs: false,
@@ -63,9 +65,12 @@ export default defineComponent({
   emits: ["update:modelValue", "clear"],
   setup(props, { emit }) {
     const model = useVModel(props);
+    const setting = inject(INPUTGROUP_SETTING, void 0, false);
     const classNames = computed(() => {
       const result = [];
-      if (props.size)
+      if (setting?.size.value)
+        result.push(`input--${setting?.size.value}`);
+      else if (props.size)
         result.push(`input--${props.size}`);
       if (props.disabled)
         result.push("input--disabled");
@@ -77,10 +82,10 @@ export default defineComponent({
         result.push("input--clearable");
       return result;
     });
-    function clear() {
-      if (!props.disabled && !props.readonly)
+    function clear(event) {
+      emit("clear", event);
+      if (!props.disabled && !props.readonly && !event.defaultPrevented)
         model.value = "";
-      emit("clear");
     }
     return {
       classNames,
@@ -94,48 +99,51 @@ export default defineComponent({
 <style lang="postcss">
 .input {
   @apply w-full relative bg-default rounded;
+  @apply dark:bg-dark-default;
 
   &__form {
-    @apply py-[10px] px-3 text-base relative rounded border border-solid border-muted hover:border-subtle placeholder:text-muted w-full outline-none;
+    @apply py-[10px] px-3 text-base relative rounded border border-solid border-muted hover:border-subtle text-default placeholder:text-muted w-full outline-none;
+    @apply dark:border-dark-muted hover:dark:border-dark-subtle dark:text-dark-default placeholder:dark:text-dark-muted;
 
     &:disabled,
     &--disabled,
     .state--disabled & {
-      @apply bg-muted border-muted pointer-events-none text-muted;
+      @apply bg-subtle border-subtle pointer-events-none text-muted;
+      @apply dark:bg-dark-subtle dark:border-dark-subtle  dark:text-dark-muted;
     }
 
     &:focus {
       @apply border-subtle ring-4 ring-subtle/10 z-[1];
+      @apply dark:border-dark-subtle dark:ring-dark-subtle/10;
     }
   }
 
   &--xs {
-    @apply text-xs px-3 py-2;
+    @apply text-sm py-[2px] rounded-xs;
   }
 
   &--sm {
-    @apply px-3 py-2;
+    @apply py-[4px] rounded-sm;
   }
 
   &--md {
-    @apply px-3 py-3;
+    @apply py-[10px];
   }
 
   &--lg {
-    @apply px-3 py-4;
+    @apply py-4;
   }
 
-  .state--error &__form,
-  &--error {
-    @apply border-danger-emphasis hover:border-danger-emphasis;
-
-    &:focus {
-      @apply ring-danger border-danger-emphasis;
-    }
+  .state--error,
+  &--error,
+  &-group--error.input-group .input > .input__form {
+    @apply border-danger-emphasis hover:border-danger-emphasis focus:ring-danger focus:border-danger-emphasis;
+    @apply dark:border-dark-danger-emphasis hover:dark:border-dark-danger-emphasis focus:dark:ring-dark-danger focus:dark:border-dark-danger-emphasis;
   }
 
   .input__clear {
-    @apply cursor-pointer hover:text-danger z-1;
+    @apply text-default/30 cursor-pointer hover:text-danger z-1;
+    @apply dark:text-dark-default/30 hover:dark:text-dark-danger;
   }
 
   &--clearable {

package/dist/components/input/Input.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
     model: import("vue-demi").Ref<string | number>;
-    clear: () => void;
+    clear: (event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
@@ -55,13 +55,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
     size: SizeVariant;
-    disabled: boolean;
     modelValue: string | number;
+    disabled: boolean;
     readonly: boolean;
     clearable: boolean;
 }>;