@teammodlr/ui-kit 1.0.2

package/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/lib/__storybook__/argTypes.d.ts

@@ -0,0 +1,31 @@
+export declare const sizeArgType: () => {
+    size: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                "Extra Small": string;
+                Small: string;
+                Medium: string;
+                Large: string;
+                "Extra Large": string;
+            };
+        };
+    };
+};
+export declare const colorArgType: () => {
+    color: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+};
+export declare const popperPositionArgType: () => {
+    placement: {
+        options: readonly import("@/composables/usePopper").Placement[];
+        control: {
+            type: string;
+        };
+    };
+};

package/lib/__storybook__/createStory.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from 'vue';
+export declare const createStory: (component: Component, storyArgs?: {
+    classes?: string;
+}) => (args: any) => {
+    setup: () => () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+};

package/lib/__storybook__/index.d.ts

@@ -0,0 +1,2 @@
+export * from './createStory';
+export * from './argTypes';

package/lib/components/avatar/Avatar.vue.d.ts

@@ -0,0 +1,70 @@
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    srcSet: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    fit: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    avatar: import("vue").Ref<HTMLElement | null>;
+    avatarGroup: undefined;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        'm-avatar': boolean;
+    }>;
+    customSize: import("vue").ComputedRef<{
+        width: string | number;
+        height: string | number;
+    } | {
+        width?: undefined;
+        height?: undefined;
+    }>;
+    imageExists: import("vue").Ref<boolean>;
+    handleImageLoadError: (e: Event) => void;
+}, 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;
+        default: string;
+    };
+    srcSet: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    fit: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onError?: ((e: Event) => any) | undefined;
+}, {
+    src: string;
+    fit: string;
+    srcSet: string;
+    size: string | number;
+    variant: string;
+}>;
+export default _default;

package/lib/components/avatargroup/AvatarGroup.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+    }>> & {}>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>>, {
+    size: string | number;
+    max: number;
+}>;
+export default _default;

package/lib/components/breadcrumb/Breadcrumb.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import("vue").DefineComponent<{
+    seperator: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        seperator: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {}>>;
+    refreshItems: () => void;
+    classes: import("vue").ComputedRef<{
+        'm-breadcrumbs': boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    seperator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    seperator: string;
+}>;
+export default _default;

package/lib/components/breadcrumbitem/BreadcrumbItem.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+}, {
+    label: import("vue").Ref<string | number>;
+    separator: import("vue").Ref<string>;
+    handleClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+}>>, {
+    label: string | number;
+}>;
+export default _default;

package/lib/components/breadcrumbitem/index.d.ts

@@ -0,0 +1 @@
+export { default as MBreadcrumbItem } from './MBreadcrumbItem.vue';

package/lib/components/button/Button.vue.d.ts

@@ -0,0 +1,121 @@
+import type { PropType } from 'vue';
+import type { Color, Size } from "@/types/props";
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    secondary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strong: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    computedClasses: import("vue").ComputedRef<(string | {
+        [x: string]: boolean | Color;
+        'm-button--rounded': boolean;
+        'm-button--block': boolean;
+        'm-button--icon': boolean;
+        'm-button--secondary': boolean;
+        'm-button--disabled': boolean;
+        'm-button--strong': boolean;
+        'm-button--icon-left': boolean;
+        'm-button--icon-right': boolean;
+    })[]>;
+    computedTag: import("vue").ComputedRef<"a" | "button" | "router-link">;
+    hasIconLeft: import("vue").ComputedRef<boolean>;
+    hasIconRight: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    secondary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strong: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    type: string;
+    strong: boolean;
+    size: Size;
+    color: Color;
+    rounded: boolean;
+    disabled: boolean;
+    block: boolean;
+    secondary: boolean;
+    to: string | Record<string, any>;
+    href: string;
+    icon: boolean;
+}>;
+export default _default;

package/lib/components/buttongroup/ButtonGroup.vue.d.ts

@@ -0,0 +1,29 @@
+import type { Size } from '@/types/props';
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+}, {
+    computedClasses: import("vue").ComputedRef<(string | {
+        [x: string]: Size;
+    })[]>;
+}, 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;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+}>>, {
+    size: Size;
+    tag: string;
+}>;
+export default _default;

package/lib/components/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,97 @@
+import { type PropType } from 'vue';
+import type { Size, Color } from '@/types/props';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+    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[];
+    };
+}, {
+    id: Readonly<import("vue").Ref<string>>;
+    formError: any;
+    insideForm: boolean;
+    reset: () => void;
+    validate: (value: any) => boolean;
+    setError: (value: string) => void;
+    disabled: import("vue").ComputedRef<any>;
+    loading: import("vue").ComputedRef<any>;
+    name: import("vue").Ref<string | undefined>;
+    checked: import("vue").Ref<boolean>;
+    checkboxRef: import("vue").Ref<HTMLElement | null>;
+    inputError: import("vue").ComputedRef<any>;
+    toggle: () => void;
+    wrapperComputedClasses: import("vue").ComputedRef<(string | {
+        'm-form__input': boolean;
+    })[]>;
+    checkboxComputedClass: import("vue").ComputedRef<{
+        [x: string]: any;
+        'm-checkbox': boolean;
+        'm-checkbox--checked': boolean;
+        'm-checkbox--disabled': any;
+        'm-checkbox--error': any;
+    }>;
+    hasSlot: import("vue").ComputedRef<boolean>;
+}, 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;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+    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;
+    color: Color;
+    disabled: boolean;
+    loading: boolean;
+    readonly: boolean;
+    rules: unknown[];
+}>;
+export default _default;

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

@@ -0,0 +1,114 @@
+import type { Placement } from '@popperjs/core';
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    transfer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+    virtual: {
+        type: ObjectConstructor[];
+        default: null;
+    };
+    x: {
+        type: NumberConstructor;
+        default: number;
+    };
+    y: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        default: null;
+        static: boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    onSelect: {
+        type: PropType<(labels: any) => void>;
+        default: () => void;
+    };
+}, {
+    wrapper: import("vue").Ref<null>;
+    referenceRef: import("vue").Ref<null>;
+    popper: import("vue").Ref<HTMLElement | null | undefined>;
+    transferTo: import("vue").Ref<String>;
+    isOpen: import("vue").Ref<boolean>;
+    isNested: boolean;
+    placement: import("vue").Ref<Placement>;
+    computedWrapperClasses: import("vue").ComputedRef<(string | {
+        'm-dropdown--open': boolean;
+        'm-dropdown--nested': boolean;
+    })[]>;
+    computedReferenceClasses: import("vue").ComputedRef<void>;
+    transitionName: import("vue").ComputedRef<string>;
+    toggleDropdown: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    transfer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+    virtual: {
+        type: ObjectConstructor[];
+        default: null;
+    };
+    x: {
+        type: NumberConstructor;
+        default: number;
+    };
+    y: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        default: null;
+        static: boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: string;
+    };
+    onSelect: {
+        type: PropType<(labels: any) => void>;
+        default: () => void;
+    };
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: null;
+    onSelect: (labels: any) => void;
+    placement: Placement;
+    transfer: boolean;
+    open: boolean;
+    trigger: "click" | "hover";
+    virtual: Record<string, any>;
+    x: number;
+    y: number;
+    transitionName: string;
+}>;
+export default _default;

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

@@ -0,0 +1,61 @@
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reference: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSelect: {
+        type: PropType<(label: string | number) => void>;
+        default: () => void;
+    };
+    hotkey: {
+        type: StringConstructor;
+        default: null;
+    };
+}, {
+    wrapper: import("vue").Ref<null>;
+    hasIconLeft: import("vue").ComputedRef<boolean>;
+    hasIconRight: import("vue").ComputedRef<boolean>;
+    handleSelect: () => void;
+    computedWrapperClasses: import("vue").ComputedRef<{
+        'm-dropdown-item': boolean;
+        'm-dropdown-item--disabled': boolean;
+        'm-dropdown-item--reference': boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reference: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onSelect: {
+        type: PropType<(label: string | number) => void>;
+        default: () => void;
+    };
+    hotkey: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & {}, {
+    label: string | number;
+    onSelect: (label: string | number) => void;
+    disabled: boolean;
+    reference: boolean;
+    hotkey: string;
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import type { Ref } from 'vue';
+export declare function useLabel(rawLabel: Ref<string | number | null>, element: Ref<HTMLElement | null | undefined>): Ref<string | number | null>;