@teammodlr/ui-kit 1.0.2

package/lib/components/form/Form.vue.d.ts

@@ -0,0 +1,67 @@
+import type { PropType } from 'vue';
+export type FormError = {
+    field: string;
+    message: string;
+};
+export type Form = {
+    name: string;
+    focus: () => void;
+    validate: () => boolean;
+    setError: (error: string) => void;
+};
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errors: {
+        type: PropType<[FormError[], FormError]>;
+        default: () => never[];
+    };
+    autoValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    submit: (e: Event) => void;
+    computedStyles: import("vue").ComputedRef<never[]>;
+    computedClasses: import("vue").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errors: {
+        type: PropType<[FormError[], FormError]>;
+        default: () => never[];
+    };
+    autoValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    loading: boolean;
+    errors: [FormError[], FormError];
+    autoValidate: boolean;
+    autoFocus: boolean;
+}>;
+export default _default;

package/lib/components/image/Image.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    scrSet: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: StringConstructor;
+        default: string;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    source: import("vue").Ref<string | undefined>;
+    computedClasses: import("vue").ComputedRef<{
+        "m-image": boolean;
+    }>;
+    computedStyles: import("vue").ComputedRef<{}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (e: Event) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    scrSet: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: StringConstructor;
+        default: string;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onError?: ((e: Event) => any) | undefined;
+}, {
+    scrSet: string;
+    fit: string;
+    alt: string;
+}>;
+export default _default;

package/lib/components/index.d.ts

@@ -0,0 +1,26 @@
+export { default as MButton } from './button/Button.vue';
+export { default as MButtonGroup } from './buttongroup/ButtonGroup.vue';
+export { default as MForm } from './form/Form.vue';
+export { default as MInput } from './input/Input.vue';
+export { default as MSelect } from './select/Select.vue';
+export { default as MCheckbox } from './checkbox/Checkbox.vue';
+export { default as MBreadcrumb } from './breadcrumb/Breadcrumb.vue';
+export { default as MBreadcrumbItem } from './breadcrumbitem/BreadcrumbItem.vue';
+export { default as MAvatar } from './avatar/Avatar.vue';
+export { default as MAvatarGroup } from './avatargroup/AvatarGroup.vue';
+export { default as MImage } from './image/Image.vue';
+export { default as MSkeleton } from './skeleton/Skeleton.vue';
+export { default as MLink } from './link/Link.vue';
+export { default as MTooltip } from './tooltip/Tooltip.vue';
+export { default as MTabGroup } from './tab/TabGroup.vue';
+export { default as MTab } from './tab/Tab.vue';
+export { default as MTable } from './table/Table.vue';
+export { default as MTableBody } from './table/TableBody.vue';
+export { default as MTableCell } from './table/TableCell.vue';
+export { default as MTableHead } from './table/TableHead.vue';
+export { default as MTableHeadRow } from './table/TableHeadRow.vue';
+export { default as MTableRow } from './table/TableRow.vue';
+export { default as MDropdown } from './dropdown/Dropdown.vue';
+export { default as MDropdownWrapper } from './dropdown/DropdownWrapper.vue';
+export { default as MDropdownList } from './dropdown/DropdownList.vue';
+export { default as MDropdownItem } from './dropdown/DropdownItem.vue';

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

@@ -0,0 +1,126 @@
+import type { PropType } from "vue";
+import type { Size } from "@/types/props";
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    help: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    required: BooleanConstructor;
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+}, {
+    id: Readonly<import("vue").Ref<string>>;
+    inputType: import("vue").ComputedRef<string>;
+    disabled: import("vue").ComputedRef<any>;
+    loading: import("vue").ComputedRef<any>;
+    readonly: import("vue").ComputedRef<boolean>;
+    inputComputedClasses: import("vue").ComputedRef<(string | {
+        'm-input--disabled': any;
+        'm-input--readonly': boolean;
+        'm-input--focused': boolean;
+        'm-input--error': any;
+        'm-input--prefix': boolean;
+        'm-input--suffix': boolean;
+        'm-input--loading': boolean;
+        'm-input--password': boolean;
+    })[]>;
+    wrapperComputedClasses: import("vue").ComputedRef<(string | {
+        'm-form__input': boolean;
+    })[]>;
+    name: import("vue").Ref<string | undefined>;
+    hasPrefix: import("vue").ComputedRef<boolean>;
+    hasSuffix: import("vue").ComputedRef<boolean>;
+    inputError: import("vue").ComputedRef<any>;
+    onClear: () => void;
+    focus: () => void;
+    validate: (value: any) => boolean;
+    setError: (value: string) => void;
+    listeners: {};
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    help: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    required: BooleanConstructor;
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
+    required: boolean;
+    size: Size;
+    disabled: boolean;
+    loading: boolean;
+    readonly: boolean;
+    rules: unknown[];
+    placeholder: string;
+    help: string;
+}>;
+export default _default;

package/lib/components/link/Link.vue.d.ts

@@ -0,0 +1,51 @@
+import type { Color } from "@/types/props";
+import { type PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: PropType<Color>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    to: (StringConstructor | ObjectConstructor)[];
+}, {
+    computedClasses: import("vue").ComputedRef<(string | {
+        [x: string]: boolean | Color | undefined;
+        'm-link--underline': boolean;
+        'm-link--block': boolean;
+        'm-link--disabled': boolean;
+        'm-link--external': boolean;
+    })[]>;
+    tag: import("vue").ComputedRef<"a" | "router-link">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: PropType<Color>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    underline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    to: (StringConstructor | ObjectConstructor)[];
+}>>, {
+    disabled: boolean;
+    block: boolean;
+    underline: boolean;
+}>;
+export default _default;

package/lib/components/messageprovider/Message.vue.d.ts

@@ -0,0 +1,61 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    onInternalAfterLeave: PropType<(key: string) => void>;
+    internalKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    content: {
+        type: StringConstructor[];
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClose: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}, {
+    show: import("vue").Ref<boolean>;
+    hide: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onInternalAfterLeave: PropType<(key: string) => void>;
+    internalKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    content: {
+        type: StringConstructor[];
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClose: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>>, {
+    type: string;
+    timeout: number;
+    showClose: boolean;
+    onClose: Function;
+}>;
+export default _default;

package/lib/components/messageprovider/MessageProvider.vue.d.ts

@@ -0,0 +1,51 @@
+import type { MessageType, MessageReactive, MessageApiInjection } from './types';
+import type { PropType } from 'vue';
+export type MessageProviderInst = MessageApiInjection;
+interface PrivateMessageRef extends MessageReactive {
+    key: string;
+    hide: () => void;
+}
+declare const _default: import("vue").DefineComponent<{
+    teleportTo: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    messageRefs: import("vue").Ref<Record<string, PrivateMessageRef>>;
+    messageList: import("vue").Ref<{
+        key: string;
+        content: string;
+        timeout?: number | undefined;
+        closable?: boolean | undefined;
+        type: MessageType;
+        onClose?: (() => void) | undefined;
+        destroy: () => void;
+    }[]>;
+    onInternalAfterLeave: (key: string) => void;
+} & MessageApiInjection, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    teleportTo: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
+    timeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    placement: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    timeout: number;
+    teleportTo: string;
+}>;
+export default _default;

package/lib/components/messageprovider/types.d.ts

@@ -0,0 +1,28 @@
+import type { VNodeChild } from 'vue';
+export type ContentType = string;
+export type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'default';
+export type MessageRenderMessage = (props: any) => VNodeChild;
+export interface MessageOptions {
+    type?: MessageType;
+    render?: MessageRenderMessage;
+    timeout?: number;
+    closable?: boolean;
+    onClose?: () => void;
+}
+export interface MessageReactive {
+    content: ContentType;
+    timeout?: number;
+    closable?: boolean;
+    type: MessageType;
+    onClose?: () => void;
+    destroy: () => void;
+}
+export interface MessageApiInjection {
+    create: (content: ContentType, options?: MessageOptions) => MessageReactive;
+    info: (content: ContentType, options?: MessageOptions) => MessageReactive;
+    success: (content: ContentType, options?: MessageOptions) => MessageReactive;
+    warning: (content: ContentType, options?: MessageOptions) => MessageReactive;
+    error: (content: ContentType, options?: MessageOptions) => MessageReactive;
+    loading: (content: ContentType, options?: MessageOptions) => MessageReactive;
+    destroyAll: () => void;
+}

package/lib/components/messageprovider/useMessage.d.ts

@@ -0,0 +1,2 @@
+import type { MessageApiInjection } from './types';
+export declare function useMessage(): MessageApiInjection;

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

@@ -0,0 +1,180 @@
+import type { Size } from "@/types/props";
+import { type PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<any[]>;
+        required: true;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    help: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    consistentWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+}, {
+    container: import("vue").Ref<HTMLDivElement | undefined>;
+    optionsRef: import("vue").Ref<HTMLDivElement[] | undefined>;
+    searchRef: import("vue").Ref<HTMLDivElement | undefined>;
+    selectRef: import("vue").Ref<HTMLDivElement | undefined>;
+    popper: import("vue").Ref<HTMLElement | null | undefined>;
+    id: Readonly<import("vue").Ref<string>>;
+    open: import("vue").Ref<boolean>;
+    selected: import("vue").WritableComputedRef<any>;
+    computedOptions: import("vue").ComputedRef<{
+        value: any;
+        label: any;
+        active: boolean;
+        onClick: () => void;
+    }[]>;
+    selectedIndex: import("vue").Ref<number | undefined>;
+    search: import("vue").Ref<string>;
+    containerComputedClasses: import("vue").ComputedRef<(string | {
+        'm-form__input': boolean;
+    })[]>;
+    selectComputedClasses: import("vue").ComputedRef<(string | {
+        [x: string]: any;
+        'm-select--disabled': any;
+        'm-select--focused': boolean;
+        'm-select--multiple': boolean;
+        'm-select--error': any;
+    })[]>;
+    computedConsistentWidth: import("vue").ComputedRef<{
+        width: string;
+    } | {
+        width?: undefined;
+    }>;
+    getSelectedLabel: (value: string | number | []) => any;
+    openSelect: () => void;
+    inputError: import("vue").ComputedRef<any>;
+    transitionName: import("vue").ComputedRef<string>;
+    listeners: {};
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<any[]>;
+        required: true;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    help: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    consistentWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    size: Size;
+    disabled: boolean;
+    loading: boolean;
+    readonly: boolean;
+    rules: unknown[];
+    transitionName: string;
+    placeholder: string;
+    help: string;
+    searchable: boolean;
+    multiple: boolean;
+    optionValue: string;
+    optionLabel: string;
+    consistentWidth: boolean;
+}>;
+export default _default;

package/lib/components/skeleton/Skeleton.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    animation: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    computedClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        "m-skeleton": boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    animation: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    variant: string;
+    tag: string;
+    animation: string;
+}>;
+export default _default;