@teammodlr/ui-kit 3.0.0-beta.9 → 3.0.0

package/lib/components/radio/Radio.vue.d.ts

@@ -21,11 +21,11 @@ declare const _default: import("vue").DefineComponent<{
         type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
         default: null;
     };
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
-    error: StringConstructor;
+    error: PropType<string | null | undefined>;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: import("vue").ComputedRef<any>;
     name: import("vue").Ref<string | undefined>;
     checked: import("vue").ComputedRef<boolean>;
-    pick: import("vue").WritableComputedRef<string | number | boolean | object | any[] | undefined>;
+    pick: import("vue").WritableComputedRef<string | number | boolean | object | any[] | null | undefined>;
     radioRef: import("vue").Ref<HTMLElement | null>;
     inputError: import("vue").ComputedRef<any>;
     style: typeof style;
@@ -73,11 +73,11 @@ declare const _default: import("vue").DefineComponent<{
         type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
         default: null;
     };
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
-    error: StringConstructor;
+    error: PropType<string | null | undefined>;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];

package/lib/components/radiobutton/RadioButton.vue.d.ts

@@ -26,11 +26,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => void;
     };
     loading: BooleanConstructor;
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
-    error: StringConstructor;
+    error: PropType<string | null | undefined>;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
@@ -73,11 +73,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => void;
     };
     loading: BooleanConstructor;
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
-    error: StringConstructor;
+    error: PropType<string | null | undefined>;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];

package/lib/components/select/Select.vue.d.ts

@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     error: {
-        type: StringConstructor;
+        type: PropType<string | null>;
     };
     allowBlank: {
         type: BooleanConstructor;
@@ -73,16 +73,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     zIndex: {
         type: NumberConstructor;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearValue: {
+        type: PropType<string | number | boolean | object | null>;
+        default: undefined;
+    };
     showDataOptions: {
         type: BooleanConstructor;
         default: boolean;
     };
     'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
     onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -92,7 +108,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     container: import("vue").Ref<HTMLElement | null>;
-    optionsRef: import("vue").Ref<HTMLElement[]>;
+    virtualListRef: import("vue").Ref<{
+        scrollToIndex: (index: number, opts?: {
+            align?: "start" | "center" | "end" | "nearest";
+        }) => void;
+    } | null>;
     searchRef: import("vue").Ref<HTMLInputElement | undefined>;
     selectRef: import("vue").Ref<HTMLElement | undefined>;
     popper: import("vue").Ref<HTMLElement | undefined>;
@@ -127,13 +147,17 @@ declare const _default: import("vue").DefineComponent<{
         'm-select--multiple': boolean;
         'm-select--error': any;
     })[]>;
-    computedWrapperClasses: import("vue").ComputedRef<string[]>;
+    computedWrapperClasses: import("vue").ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
     computedConsistentWidth: import("vue").ComputedRef<{
         zIndex: number;
     }>;
     getSelectedLabel: (value: string | number | []) => any;
     openSelect: (forceOpen?: boolean) => void;
-    removeSelected: (event: MouseEvent, value: string | number) => void;
+    removeSelected: (value: string | number) => void;
+    showClear: import("vue").ComputedRef<boolean>;
+    clearSelected: () => void;
     inputError: import("vue").ComputedRef<any>;
     transitionName: import("vue").ComputedRef<string>;
     inputListeners: {};
@@ -146,90 +170,20 @@ declare const _default: import("vue").DefineComponent<{
         leaveTo: string;
     };
     toggleAllItems: () => void;
+    optionItemHeight: import("vue").ComputedRef<number>;
+    optionsHeight: import("vue").ComputedRef<number>;
+    optionSizeClass: import("vue").ComputedRef<string>;
+    fillRootClass: import("vue").ComputedRef<string | undefined>;
+    fillLabelClass: import("vue").ComputedRef<string | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: number]: string;
-    length: number;
-    toString(): string;
-    toLocaleString(): string;
-    toLocaleString(locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
-    pop(): string | undefined;
-    push(...items: string[]): number;
-    concat(...items: ConcatArray<string>[]): string[];
-    concat(...items: (string | ConcatArray<string>)[]): string[];
-    join(separator?: string): string;
-    reverse(): string[];
-    shift(): string | undefined;
-    slice(start?: number, end?: number): string[];
-    sort(compareFn?: ((a: string, b: string) => number) | undefined): string[];
-    splice(start: number, deleteCount?: number): string[];
-    splice(start: number, deleteCount: number, ...items: string[]): string[];
-    unshift(...items: string[]): number;
-    indexOf(searchElement: string, fromIndex?: number): number;
-    lastIndexOf(searchElement: string, fromIndex?: number): number;
-    every<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
-    every(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
-    some(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
-    forEach(callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any): void;
-    map<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any): U[];
-    filter<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-    filter(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-    reduce(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-    reduce(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-    reduce<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-    reduceRight(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-    reduceRight(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-    reduceRight<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-    find<S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
-    find(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-    findIndex(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): number;
-    fill(value: string, start?: number, end?: number): string[];
-    copyWithin(target: number, start: number, end?: number): string[];
-    entries(): IterableIterator<[number, string]>;
-    keys(): IterableIterator<number>;
-    values(): IterableIterator<string>;
-    includes(searchElement: string, fromIndex?: number): boolean;
-    flatMap<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | ReadonlyArray<U>, thisArg?: This | undefined): U[];
-    flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
-    [Symbol.iterator](): IterableIterator<string>;
-    [Symbol.unscopables]: {
-        [x: number]: boolean | undefined;
-        length?: boolean | undefined;
-        toString?: boolean | undefined;
-        toLocaleString?: boolean | undefined;
-        pop?: boolean | undefined;
-        push?: boolean | undefined;
-        concat?: boolean | undefined;
-        join?: boolean | undefined;
-        reverse?: boolean | undefined;
-        shift?: boolean | undefined;
-        slice?: boolean | undefined;
-        sort?: boolean | undefined;
-        splice?: boolean | undefined;
-        unshift?: boolean | undefined;
-        indexOf?: boolean | undefined;
-        lastIndexOf?: boolean | undefined;
-        every?: boolean | undefined;
-        some?: boolean | undefined;
-        forEach?: boolean | undefined;
-        map?: boolean | undefined;
-        filter?: boolean | undefined;
-        reduce?: boolean | undefined;
-        reduceRight?: boolean | undefined;
-        find?: boolean | undefined;
-        findIndex?: boolean | undefined;
-        fill?: boolean | undefined;
-        copyWithin?: boolean | undefined;
-        entries?: boolean | undefined;
-        keys?: boolean | undefined;
-        values?: boolean | undefined;
-        includes?: boolean | undefined;
-        flatMap?: boolean | undefined;
-        flat?: boolean | undefined;
-        [Symbol.iterator]?: boolean | undefined;
-        readonly [Symbol.unscopables]?: boolean | undefined;
-        at?: boolean | undefined;
-    };
-    at(index: number): string | undefined;
+    'on-open': () => true;
+    'on-close': () => true;
+    clear: () => true;
+    'update:modelValue': (...args: any[]) => any;
+    blur: (...args: any[]) => any;
+    focus: (...args: any[]) => any;
+    input: (...args: any[]) => any;
+    change: (...args: any[]) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
@@ -283,7 +237,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     error: {
-        type: StringConstructor;
+        type: PropType<string | null>;
     };
     allowBlank: {
         type: BooleanConstructor;
@@ -301,16 +255,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     zIndex: {
         type: NumberConstructor;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearValue: {
+        type: PropType<string | number | boolean | object | null>;
+        default: undefined;
+    };
     showDataOptions: {
         type: BooleanConstructor;
         default: boolean;
     };
     'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
     onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -319,9 +289,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
 }>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onOn-open"?: (() => any) | undefined;
+    "onOn-close"?: (() => any) | undefined;
 }, {
     size: Size;
+    fill: boolean;
     multiple: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -331,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     max: number;
     rules: unknown[];
     placeholder: string;
+    clearable: boolean;
     transitionName: string;
     searchable: boolean;
     optionValue: string;
@@ -339,6 +318,8 @@ declare const _default: import("vue").DefineComponent<{
     allowBlank: boolean;
     selectAll: boolean;
     portal: boolean;
+    noBorder: boolean;
+    clearValue: string | number | boolean | object | null;
     showDataOptions: boolean;
 }, {}>;
 export default _default;

package/lib/components/select/style/Select.css.d.ts

@@ -31,11 +31,19 @@ export declare const option: string;
 export declare const optionFocused: string;
 export declare const optionSelected: string;
 export declare const optionLabel: string;
+export declare const optionSizes: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
 export declare const checkAll: string;
 export declare const checkAllButton: string;
 export declare const checkAllButtonActive: string;
 export declare const optionIcon: string;
 export declare const noResults: string;
-export declare const clearable: string;
+export declare const clear: string;
+export declare const hasClear: string;
 export declare const arrow: string;
 export declare const arrowOpen: string;
+export declare const fillRoot: string;
+export declare const fill: string;
+export declare const sizes: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
+export declare const fillBase: string;
+export declare const fillLabel: string;
+export declare const noBorder: string;

package/lib/components/switch/Switch.vue.d.ts

@@ -17,11 +17,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
-    error: StringConstructor;
+    error: PropType<string | null | undefined>;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
@@ -65,11 +65,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
-    error: StringConstructor;
+    error: PropType<string | null | undefined>;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];

package/lib/components/textarea/Textarea.vue.d.ts

@@ -34,14 +34,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     error: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
     };
     height: {
         type: NumberConstructor;
         default: number;
     };
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     required: BooleanConstructor;
     rules: {
@@ -67,6 +71,8 @@ declare const _default: import("vue").DefineComponent<{
     textareaValue: import("vue").ComputedRef<string>;
     inputError: import("vue").ComputedRef<any>;
     style: typeof style;
+    showClear: import("vue").ComputedRef<boolean>;
+    onNativeInput: (event: Event) => void;
     onClear: () => void;
     validate: (value: any) => boolean;
     setError: (value: string) => void;
@@ -106,14 +112,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     error: {
-        type: StringConstructor;
+        type: PropType<string | null>;
         default: string;
     };
     height: {
         type: NumberConstructor;
         default: number;
     };
-    modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
     name: StringConstructor;
     required: BooleanConstructor;
     rules: {
@@ -130,9 +140,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     description: string;
     required: boolean;
-    error: string;
+    error: string | null;
     loading: boolean;
     rules: unknown[];
     placeholder: string;
+    clearable: boolean;
 }, {}>;
 export default _default;

package/lib/components/textarea/style/Textarea.css.d.ts

@@ -13,6 +13,8 @@ export declare const base: string;
 export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
 export declare const block: string;
 export declare const disabled: string;
+export declare const hasClear: string;
+export declare const clear: string;
 export declare const label: string;
 export declare const description: string;
 export declare const errorMessage: string;

package/lib/composables/useInput.d.ts

@@ -4,6 +4,13 @@ export interface FormInput {
     validate: (value: any) => void;
     setError: (value: string) => void;
 }
+export interface InputEmitsMap {
+    'update:modelValue': (...args: any[]) => any;
+    blur: (...args: any[]) => any;
+    focus: (...args: any[]) => any;
+    input: (...args: any[]) => any;
+    change: (...args: any[]) => any;
+}
 export declare const useInput: {
     (props: any, { focus, emit, withListeners }: {
         focus: () => void;
@@ -23,11 +30,11 @@ export declare const useInput: {
     };
     emits(withListeners?: boolean): string[];
     props(): {
-        readonly modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
+        readonly modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
         readonly name: StringConstructor;
         readonly readonly: BooleanConstructor;
         readonly required: BooleanConstructor;
-        readonly error: StringConstructor;
+        readonly error: PropType<string | null | undefined>;
         readonly rules: {
             readonly type: ArrayConstructor;
             readonly default: () => never[];