@topvisor/ui 1.2.0 → 1.3.1-dev.2

package/src/components/dialog/dialog/page/types.d.ts

@@ -0,0 +1,72 @@
+export interface Props extends PropsCommon {
+    /**
+     * Статус загрузки страницы диалогового окна
+     *
+     * При включении взаимодействие со страницей блокируется, отображается анимация загрузки
+     */
+    isLoading?: boolean;
+}
+/**
+ * Общие props для компонентов реализуюущих TopDialogPage
+ */
+export interface PropsCommon {
+    /**
+     * Имя страницы для диалогового окна
+     *
+     * Имя страницы нужно для навигации между страницами в одном диалоговом окне
+     */
+    name: string;
+    /**
+     * Порядкой номер страницы в диалоговом окне
+     *
+     * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер
+     */
+    order: number;
+    /**
+     * Имя предыдущей страницы
+     *
+     * Для кнопки Назад / Закрыть в мобильной версии
+     */
+    prevName?: string;
+    /**
+     * Стиль отображения футера, при котороым элементы растягиваются на всю ширину
+     *
+     * Разрешены переносы
+     */
+    footerFullWith?: boolean;
+}
+/**
+ * Общие props для компонентов реализуюущих TopDialogPage
+ *
+ * Для не SFC компонентов
+ */
+export declare const propsPageCommon: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    order: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    prevName: StringConstructor;
+    footerFullWith: BooleanConstructor;
+};
+export interface Slots {
+    /**
+     * Шапка страницы
+     */
+    header(props: {}): any;
+    /**
+     * Кнопки для шапки страницы
+     */
+    headerButtons?(props: {}): any;
+    /**
+     * Контент страницы
+     */
+    body(props: {}): any;
+    /**
+     * Футер страницы
+     */
+    footer?(props: {}): any;
+}

package/src/components/dialog/dialog/pageComponent/pageComponent.vue.d.ts

@@ -0,0 +1,6 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    keepAlive: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/components/dialog/dialog/pageComponent/types.d.ts

@@ -0,0 +1,18 @@
+import { PropsCommon } from '../page/types';
+import { Component } from 'vue';
+export interface Props extends PropsCommon {
+    /**
+     * Компонент страницы с реализицией TopDialogPage
+     */
+    component: Component;
+    /**
+     * Кешировать ли эту страницу
+     *
+     * По умолчанию: true
+     */
+    keepAlive?: boolean;
+    /**
+     * Произвольный набор props, который будет передан в компонент страницы
+     */
+    props?: Record<string, any>;
+}

package/src/components/dialog/dialog/stories/dialog_example/pages/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefineProps } from 'vue';
+import { TopDialogPagePropsCommon } from '../../..';
+/**
+ * Логирования в console.log() событий страницы диалогового окна
+ * @param props
+ */
+export declare const useLog: (props: DefineProps<TopDialogPagePropsCommon, never>) => void;

package/src/components/dialog/dialog/types.d.ts

@@ -0,0 +1,58 @@
+export interface Props {
+    id: string;
+    /**
+     * Имя активной страницы
+     */
+    pageActive: string;
+    /**
+     * Базовая ширина окна
+     */
+    width?: string;
+    /**
+     * Базовая высота окна
+     *
+     * Установите auto, если окно должно подстраиваться под размеры содержимого
+     *
+     * Установите значение, если окно должно подстраиваться под размеры содержимого
+     *
+     * @example 'auto'
+     * @example '200px'
+     */
+    height?: string;
+    /**
+     * Является ли окно модальным
+     *
+     * @see https://api.jqueryui.com/dialog/#option-modal
+     */
+    modal?: boolean;
+    /**
+     * Позиция окна
+     *
+     * @see https://api.jqueryui.com/dialog/#option-position
+     */
+    position?: string;
+    /**
+     * Для хеш-навигации
+     */
+    historyType?: 'push' | 'replace';
+    /**
+     * Список css классов для диалогового окна
+     */
+    classes?: string[];
+}
+export type Emits = {
+    /**
+     * Диалоговое окно было открыто
+     */
+    open: [pageName: string];
+    /**
+     * Диалоговое окно было закрыто
+     */
+    close: [pageName: string];
+};
+export interface Slots {
+    /**
+     * Слот с компонентами `TopDialogPage` и / или `TopDialogPageComponent`
+     */
+    default(props: {}): any;
+}

package/src/components/dialog/dialog.d.ts

@@ -0,0 +1,6 @@
+export { default as TopDialog } from './dialog/dialog.vue';
+export { default as TopDialogPage } from './dialog/page/page.vue';
+export type { PropsCommon as TopDialogPagePropsCommon } from './dialog/page/types';
+export { propsPageCommon } from './dialog/page/types';
+export { default as TopDialogPageComponent } from './dialog/pageComponent/pageComponent.vue';
+export { useTopDialogSelf } from './dialog/composables/utils';

package/src/components/dialog/lib/types.d.ts

@@ -0,0 +1,44 @@
+export type TopDialogOptions = {
+    /**
+     * Загрузчик для компонентов диалоговых окон по их id
+     */
+    load?: TopDialogLoad;
+    /**
+     * Глобальный декоратор на событие инициализации диалогового окна
+     */
+    decoratorOnCreate?: DecoratorOnCreate;
+    /**
+     * Пауза перед загрузкой утилиты диалоговых окон в ms
+     *
+     * Для производительности
+     *
+     * Утилиты будут в любом случае загружены при работе с диалоговыми окнами, но их не надо грузить каждый раз после открытия страинцы
+     */
+    autoInitDelay?: number;
+};
+export type TopDialogLoad = (dialogId: string) => Promise<void>;
+export type DecoratorOnCreate = (elDialog: HTMLElement) => Promise<void>;
+export type MoveDirection = 'next' | 'prev' | 'none';
+export type ElTopDialogOpener<El extends HTMLElement = HTMLElement> = El & {
+    dataset: {
+        toView: string;
+    };
+};
+export type ElTopDialogWrapper = HTMLElement & {
+    querySelector: (selectors: '.ui-dialog-content') => ElTopDialog;
+};
+export type ElTopDialog = HTMLElement & {
+    getAttribute: (qualifiedName: 'id') => string;
+    closest: (el: '.ui-dialog') => ElTopDialogWrapper;
+    dataset: {
+        viewPageActive: string;
+    };
+};
+export type ElTopDialogBody = HTMLElement;
+export type ElTopDialogPage = HTMLElement & {
+    dataset: {
+        'view-page': string;
+        order?: string;
+    };
+};
+export type ElTopDialogModalLayer = HTMLElement;

package/src/components/dialog/lib/utils.d.ts

@@ -0,0 +1,14 @@
+import { ElTopDialog, ElTopDialogPage, MoveDirection } from './types';
+export declare const TopDialogUtils: {
+    getElDialogById: (id: string) => ElTopDialog | null;
+    updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
+    recalcPositions: () => void;
+    toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
+    toView: (viewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
+    toViewPage: (elDialog: ElTopDialog | JQuery<ElTopDialog>, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
+    toPrevPage: (elDialog: ElTopDialog) => void;
+    setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
+    isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => boolean;
+    inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
+    close: (dialogId: string) => void;
+};

package/src/components/dialog/lib/utils.globalEvents.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Инициализация глобальных событий для диалоговых окон
+ *
+ * Производится один раз при подключении диалогового окна
+ *
+ * События не размонтируются
+ */
+export declare const initDialogGlobalEvents: () => void;

package/src/components/dialog/lib/worker.d.ts

@@ -0,0 +1,76 @@
+import { ElTopDialog, ElTopDialogPage, MoveDirection, TopDialogOptions } from './types';
+import { $el } from '../../types';
+export declare abstract class TopDialogWorker {
+    static state: {
+        load: TopDialogOptions["load"] | undefined;
+        decoratorOnCreate: TopDialogOptions["decoratorOnCreate"] | undefined;
+        /**
+         * Порядковый номер перехода в диалоговых окнах
+         *
+         * Для расчета анимации Вперед / Назад
+         */
+        viewPageN: number;
+    };
+    private static inited;
+    /**
+     * Инициировать события слежения за парамтерами url
+     *
+     * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
+     */
+    static init(options?: TopDialogOptions): void;
+    private static opendDialogsFromChangeUrl;
+    static getDialogsUtils(): Promise<{
+        getElDialogById: (id: string) => ElTopDialog | null;
+        updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
+        recalcPositions: () => void;
+        toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
+        toView: (viewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
+        toViewPage: (elDialog: ElTopDialog | JQuery<ElTopDialog>, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
+        toPrevPage: (elDialog: ElTopDialog) => void;
+        setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
+        isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => boolean;
+        inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
+        close: (dialogId: string) => void;
+    }>;
+    static getDialog(el: HTMLElement): ElTopDialog | null;
+    /**
+     * todo: Переписать на сайте на this.getDialog()
+     *
+     * @deprecated Для обратной совместимости
+     */
+    static get$dialog($el: $el): JQuery<HTMLElement>;
+    static getPage(el: HTMLElement): ElTopDialogPage | null;
+    /**
+     * todo: Переписать на сайте на this.getPage()
+     *
+     * @deprecated Для обратной совместимости
+     */
+    static get$page($el: $el): JQuery<HTMLElement>;
+    /**
+     * todo: Переписать на сайте на this.getPairPage()
+     *
+     * @deprecated Для обратной совместимости
+     */
+    static get$pairPage($el: $el): JQuery<HTMLElement>;
+    static getPairPage(el: HTMLElement): HTMLElement[] | undefined;
+    /**
+     * Закрыть диалоговое окно
+     */
+    static close(dialogId: string): void;
+    /**
+     * Размонтировать $.dialog
+     */
+    static destroy(dialogId: string): void;
+    /**
+     * Сгенерировать ссылку на страницу в диалоговом окне
+     * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
+     * @param moveDirection
+     */
+    static genViewPageHash(toView: string, moveDirection?: MoveDirection): string;
+    /**
+     * Сравнить версию открытых диалоговых окон
+     * @returns вернет true, если состояния открытых окон изменилось
+     */
+    static compareStates(hash: string, hash2: string): boolean;
+    static opendDialogsFromUrl: () => Promise<true | void>;
+}

package/src/components/extra/extra.d.ts

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

package/src/components/extra/rive/rive.vue.d.ts

@@ -0,0 +1,11 @@
+import { Rive } from '@rive-app/canvas-lite';
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {
+    riveInstance: Rive | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    autoplay: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    el: HTMLCanvasElement;
+}, HTMLCanvasElement>;
+export default _default;

package/src/components/extra/rive/types.d.ts

@@ -0,0 +1,7 @@
+import { RiveParameters } from '@rive-app/canvas-lite';
+export interface Props extends Omit<RiveParameters, 'canvas' | 'file'> {
+    /**
+     * Описание всех полей см. тут: https://rive.app/docs/runtimes/web/rive-parameters
+     */
+    src: RiveParameters['src'];
+}

package/src/components/forms/avatar/avatar.vue.d.ts

@@ -0,0 +1,10 @@
+import { Props, Size } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: Size;
+    i18n: {
+        Online: string;
+        LastSeen: string;
+    };
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/src/components/forms/avatar/types.d.ts

@@ -0,0 +1,32 @@
+export interface Props {
+    /**
+     * Размер
+     */
+    size?: Size;
+    /**
+     * Изображение для аватара пользователя
+     */
+    image: string;
+    /**
+     * Имя пользователя
+     */
+    nickname?: string;
+    /**
+     * Флаг того, что пользователь online
+     */
+    isOnline?: boolean;
+    /**
+     * Время в формате Y-m-d H:i:s, когда пользователь был онлайн
+     */
+    lastActiveTime?: string;
+    /**
+     * Объект со списком перевода Online и LastSeen
+     */
+    i18n?: I18n;
+}
+type I18n = {
+    Online: string;
+    LastSeen: string;
+};
+export type Size = 24 | 28 | 40 | 64;
+export {};

package/src/components/forms/button/button.vue.d.ts

@@ -0,0 +1,21 @@
+import { Props, Slots, Size, Color, Styling } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Slots> & Slots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: Size;
+    color: Color;
+    styling: Styling;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/forms/button/types.d.ts

@@ -0,0 +1,49 @@
+import { Size } from '../helpers';
+/**
+ * Определение параметров
+ */
+export interface Props {
+    color?: Color;
+    styling?: Styling;
+    size?: Size;
+    name?: string;
+    title?: string;
+    icon?: string;
+    icon2?: string;
+    /**
+     * Ссылка
+     *
+     * Если указана ссылка, isSubmit не может быть true
+     */
+    href?: string;
+    /**
+     * Добавить на кнопку бейдж с числом
+     */
+    badgeNumber?: number;
+    /**
+     * Расположить badge после текста
+     */
+    badgePosAfterText?: boolean;
+    disabled?: boolean;
+    isSubmit?: boolean;
+    isActive?: boolean;
+    isProgress?: boolean;
+}
+export interface Slots {
+    /**
+     * Текст в кнопке
+     */
+    default?(props: {}): any;
+    /**
+     * HTML в кнопке
+     */
+    html?(props: {}): any;
+}
+/**
+ * Определение событий
+ */
+export interface Emits {
+}
+export type Color = 'theme' | 'blue' | 'green' | 'orange' | 'red' | 'pink' | 'brand';
+export type Styling = '' | 'soft' | 'outline';
+export type { Size };

package/src/components/forms/caption/caption.vue.d.ts

@@ -0,0 +1,17 @@
+import { Props, Slots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Slots> & Slots;
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/forms/caption/types.d.ts

@@ -0,0 +1,9 @@
+export interface Props {
+    title: string;
+}
+export interface Slots {
+    /**
+     * Слот с элементом ввода
+     */
+    default(props: {}): any;
+}

package/src/components/forms/checkbox/checkbox.vue.d.ts

@@ -0,0 +1,27 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: Props['modelValue'];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | number[] | string[] | Set<string> | Set<number> | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | number[] | string[] | Set<string> | Set<number> | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/forms/checkbox/types.d.ts

@@ -0,0 +1,21 @@
+type ModelValue = boolean | number[] | string[] | Set<number> | Set<string> | undefined;
+export interface Props {
+    /**
+     * Может быть одного из типов:
+     * - boolean
+     * - number[]
+     * - string[]
+     * - Set<number>
+     * - Set<string>
+     *
+     * [подробнее](https://vuejs.org/guide/essentials/forms.html#checkbox)
+     */
+    modelValue: ModelValue;
+    name?: string;
+    value?: string;
+    description?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    isError?: boolean;
+}
+export {};

package/src/components/forms/controlLabel/controlLabel.vue.d.ts

@@ -0,0 +1,19 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/forms/controlLabel/types.d.ts

@@ -0,0 +1,4 @@
+export interface Props {
+    description?: string;
+    disabled?: boolean;
+}

package/src/components/forms/forms.d.ts

@@ -0,0 +1,15 @@
+export { default as TopAvatar } from './avatar/avatar.vue';
+export { default as TopButton } from './button/button.vue';
+export { default as TopCaption } from './caption/caption.vue';
+export { default as TopCheckbox } from './checkbox/checkbox.vue';
+export { default as TopControlLabel } from './controlLabel/controlLabel.vue';
+export { default as TopHint } from './hint/hint.vue';
+export { default as TopInput } from './input/input.vue';
+export { default as TopInputDate } from './inputDate/inputDate.vue';
+export { default as TopInputRange } from './inputRange/inputRange.vue';
+export { default as TopRadio } from './radio/radio.vue';
+export { default as TopSwitcher } from './switcher/switcher.vue';
+export { default as TopTextarea } from './textarea/textarea.vue';
+export { default as TopSelect } from './select/select.vue';
+export { default as TopLoadbar } from './loadbar/loadbar.vue';
+export { default as TopPreloader } from './preloader/preloader.vue';

package/src/components/forms/helpers.d.ts

@@ -0,0 +1 @@
+export type Size = 'xs' | 's' | 'm' | 'l';

package/src/components/forms/hint/hint.vue.d.ts

@@ -0,0 +1,4 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/src/components/forms/hint/types.d.ts

@@ -0,0 +1,8 @@
+export interface Props {
+    /**
+     * Текст подсказки, значение атрибута title
+     *
+     * Для подключения tooltip используйте директиву **v-top-tooltip**
+     */
+    hint: string;
+}

package/src/components/forms/input/input.vue.d.ts

@@ -0,0 +1,27 @@
+import { Props, Size, Styling, CaptionType } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: Size;
+    styling: Styling;
+    captionType: CaptionType;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/forms/input/types.d.ts

@@ -0,0 +1,23 @@
+import { Size } from '../helpers';
+export interface Props {
+    modelValue: string;
+    name?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    modificator?: string;
+    size?: Size;
+    styling?: Styling;
+    isError?: boolean;
+    isLoading?: boolean;
+    icon?: string;
+    icon2?: string;
+    addCleaner?: boolean;
+    title?: string;
+    captionType?: CaptionType;
+}
+export interface Emits {
+    (e: 'update:modelValue', value: string): void;
+}
+export type Styling = '' | 'light' | 'soft' | 'transparent';
+export type CaptionType = '' | 'slide' | 'top';
+export type { Size };