mediacube-ui-v2 0.0.1 → 0.0.2

package/dist/components/elements/McSeparator/McSeparator.vue.d.ts

@@ -0,0 +1,133 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Толщина `s, m`
+     */
+    weight: {
+        type: PropType<"s" | "m">;
+        default: string;
+    };
+    /**
+     * Цвет (токены)
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     * Отступ слева и справа: 50, 200... ...1000
+     */
+    indentX: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ сверху и снизу: 50, 200... ...1000
+     */
+    indentY: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ сверху: 50, 200... ...1000
+     */
+    indentTop: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ снизу: 50, 200... ...1000
+     */
+    indentBottom: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ слева: 50, 200... ...1000
+     */
+    indentLeft: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ справа: 50, 200... ...1000
+     */
+    indentRight: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Толщина `s, m`
+     */
+    weight: {
+        type: PropType<"s" | "m">;
+        default: string;
+    };
+    /**
+     * Цвет (токены)
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     * Отступ слева и справа: 50, 200... ...1000
+     */
+    indentX: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ сверху и снизу: 50, 200... ...1000
+     */
+    indentY: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ сверху: 50, 200... ...1000
+     */
+    indentTop: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ снизу: 50, 200... ...1000
+     */
+    indentBottom: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ слева: 50, 200... ...1000
+     */
+    indentLeft: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+    /**
+     * Отступ справа: 50, 200... ...1000
+     */
+    indentRight: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    weight: "s" | "m";
+    indentX: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+    indentY: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+    indentTop: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+    indentBottom: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+    indentLeft: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+    indentRight: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "800" | "900" | "1000" | "450";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/elements/McSlideUpDown/McSlideUpDown.vue.d.ts

@@ -0,0 +1,68 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: PropType<number>;
+        default: number;
+    };
+    type: {
+        type: PropType<string>;
+        default: string;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    useHidden: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "slide-open-start": (value: boolean) => any;
+    "slide-close-start": (value: boolean) => any;
+    "slide-open-end": (value: boolean) => any;
+    "slide-close-end": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: PropType<number>;
+        default: number;
+    };
+    type: {
+        type: PropType<string>;
+        default: string;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    useHidden: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onSlide-open-start"?: ((value: boolean) => any) | undefined;
+    "onSlide-close-start"?: ((value: boolean) => any) | undefined;
+    "onSlide-open-end"?: ((value: boolean) => any) | undefined;
+    "onSlide-close-end"?: ((value: boolean) => any) | undefined;
+}>, {
+    type: string;
+    tag: string;
+    active: boolean;
+    duration: number;
+    useHidden: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/elements/McStack/McStack.vue.d.ts

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    visibleCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    collapsed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visibleCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    collapsed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    visibleCount: number;
+    collapsed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/elements/McSvgIcon/McSvgIcon.vue.d.ts

@@ -0,0 +1,119 @@
+import { SizeTypes } from '../../../types/styles/Sizes';
+import { ColorTypes } from '../../../types/styles/Colors';
+import { PropType } from 'vue';
+import { DirectionsUnion } from '../../../types/IDirections';
+import { IconsListUnion } from '../../../types/styles/Icons';
+import { Directions } from '../../../enums/ui/Directions';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Путь к спрайту с иконками
+     * */
+    spritePath: {
+        type: StringConstructor;
+        default: any;
+        validator(value: string): boolean;
+    };
+    /**
+     * Имя иконки
+     */
+    name: {
+        type: () => IconsListUnion;
+        required: true;
+    };
+    /**
+     * Цвет иконки
+     * (по токенам)
+     */
+    color: {
+        type: () => ColorTypes;
+        default: string;
+    };
+    /**
+     * Размер
+     */
+    size: {
+        type: () => SizeTypes;
+        default: string;
+    };
+    /**
+     * Толщина линий 0-5 если нужно больше, нужно дописать список в стилях
+     * stroke-width
+     */
+    weight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Отображение иконки,
+     * если не найдена по имени
+     * в 'name'
+     */
+    defaultName: {
+        type: PropType<string>;
+        default: string;
+    };
+    dir: {
+        type: () => DirectionsUnion;
+        default: Directions;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Путь к спрайту с иконками
+     * */
+    spritePath: {
+        type: StringConstructor;
+        default: any;
+        validator(value: string): boolean;
+    };
+    /**
+     * Имя иконки
+     */
+    name: {
+        type: () => IconsListUnion;
+        required: true;
+    };
+    /**
+     * Цвет иконки
+     * (по токенам)
+     */
+    color: {
+        type: () => ColorTypes;
+        default: string;
+    };
+    /**
+     * Размер
+     */
+    size: {
+        type: () => SizeTypes;
+        default: string;
+    };
+    /**
+     * Толщина линий 0-5 если нужно больше, нужно дописать список в стилях
+     * stroke-width
+     */
+    weight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Отображение иконки,
+     * если не найдена по имени
+     * в 'name'
+     */
+    defaultName: {
+        type: PropType<string>;
+        default: string;
+    };
+    dir: {
+        type: () => DirectionsUnion;
+        default: Directions;
+    };
+}>> & Readonly<{}>, {
+    size: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "550" | "800" | "900" | "1000";
+    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    spritePath: string;
+    weight: number;
+    defaultName: string;
+    dir: DirectionsUnion;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/elements/McTitle/McTitle.vue.d.ts

@@ -0,0 +1,201 @@
+import { HorizontalAlignmentUnion } from '../../../types/styles/Alignment';
+import { WeightsUnion } from '../../../types/styles/Weights';
+import { PropType } from 'vue';
+import { TitleVariationsUnion } from '../../../types/ITitle';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
+     */
+    variation: {
+        type: () => TitleVariationsUnion;
+        default: string;
+    };
+    /**
+     * В одну строку с точками в конце, если не вмещается
+     */
+    ellipsis: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Если нужен другой тэг
+     */
+    tagName: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Заглавные буквы
+     */
+    uppercase: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Цвет
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     *  Позиция текста:
+     *  `left, center, right`
+     */
+    textAlign: {
+        type: () => HorizontalAlignmentUnion;
+        default: string;
+    };
+    /**
+     * Если нужна иная высота строки: `100`, `200`, `300` и т.д.
+     */
+    lineHeight: {
+        type: () => "400" | "500" | "600" | "150" | "200" | "250" | "300";
+        default: string;
+    };
+    /**
+     * Толщина текста:
+     * normal, medium, semi-bold
+     */
+    weight: {
+        type: () => WeightsUnion;
+        default: string;
+    };
+    /**
+     * Если нужно указать свою
+     * максимальную ширину
+     */
+    maxWidth: {
+        type: PropType<string>;
+        default: string;
+    };
+    preLine: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    nowrap: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    plainText: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * ** Analog v-html, component use DOMPurify**
+     * */
+    htmlData: {
+        type: PropType<string>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
+     */
+    variation: {
+        type: () => TitleVariationsUnion;
+        default: string;
+    };
+    /**
+     * В одну строку с точками в конце, если не вмещается
+     */
+    ellipsis: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Если нужен другой тэг
+     */
+    tagName: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Заглавные буквы
+     */
+    uppercase: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Цвет
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     *  Позиция текста:
+     *  `left, center, right`
+     */
+    textAlign: {
+        type: () => HorizontalAlignmentUnion;
+        default: string;
+    };
+    /**
+     * Если нужна иная высота строки: `100`, `200`, `300` и т.д.
+     */
+    lineHeight: {
+        type: () => "400" | "500" | "600" | "150" | "200" | "250" | "300";
+        default: string;
+    };
+    /**
+     * Толщина текста:
+     * normal, medium, semi-bold
+     */
+    weight: {
+        type: () => WeightsUnion;
+        default: string;
+    };
+    /**
+     * Если нужно указать свою
+     * максимальную ширину
+     */
+    maxWidth: {
+        type: PropType<string>;
+        default: string;
+    };
+    preLine: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    nowrap: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    plainText: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * ** Analog v-html, component use DOMPurify**
+     * */
+    htmlData: {
+        type: PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    uppercase: boolean;
+    variation: TitleVariationsUnion;
+    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    weight: WeightsUnion;
+    textAlign: HorizontalAlignmentUnion;
+    ellipsis: boolean;
+    tagName: string;
+    lineHeight: "400" | "500" | "600" | "150" | "200" | "250" | "300";
+    maxWidth: string;
+    preLine: boolean;
+    nowrap: boolean;
+    plainText: boolean;
+    htmlData: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    "icon-prepend"?(_: {}): any;
+    default?(_: {}): any;
+    "icon-append"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/elements/McTooltip/McTooltip.vue.d.ts

@@ -0,0 +1,104 @@
+import { TooltipPositionsUnion, TooltipSizesUnion } from '../../../types/ITooltip';
+import { PropType } from 'vue';
+import { TooltipPositions, TooltipSizes } from '../../../enums/Tooltip';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Текст подсказки:
+     */
+    content: {
+        type: PropType<string>;
+        required: true;
+    };
+    /**
+     *  Расположение:
+     */
+    placement: {
+        type: () => TooltipPositionsUnion;
+        default: TooltipPositions;
+    };
+    /**
+     *  Цвет:
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     *  Цвет текста:
+     */
+    textColor: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     * Максимальный размер
+     */
+    size: {
+        type: () => TooltipSizesUnion;
+        default: TooltipSizes;
+    };
+    /**
+     *  Всключить стрелку
+     */
+    arrowVisible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Текст подсказки:
+     */
+    content: {
+        type: PropType<string>;
+        required: true;
+    };
+    /**
+     *  Расположение:
+     */
+    placement: {
+        type: () => TooltipPositionsUnion;
+        default: TooltipPositions;
+    };
+    /**
+     *  Цвет:
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     *  Цвет текста:
+     */
+    textColor: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: string;
+    };
+    /**
+     * Максимальный размер
+     */
+    size: {
+        type: () => TooltipSizesUnion;
+        default: TooltipSizes;
+    };
+    /**
+     *  Всключить стрелку
+     */
+    arrowVisible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: TooltipSizesUnion;
+    placement: TooltipPositionsUnion;
+    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    textColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    arrowVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};