@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.10

package/dist/composable/focus.d.ts

@@ -1,12 +1,22 @@
-import type { Ref } from 'vue';
-export declare type TFocusLocation = 'next' | 'previous' | 'first' | 'last';
+import type { ComputedRef, PropType, Ref } from 'vue';
+export interface IFocusProps {
+    focused: boolean;
+}
 export interface IUseFocus {
-    contentRef: Ref<HTMLElement | null>;
     isFocused: Ref<boolean>;
-    onFocusin: (event: FocusEvent) => void;
-    onFocusout: (event: FocusEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onKeydown: (event: KeyboardEvent) => void;
-    focus: (location?: TFocusLocation) => void;
+    focusClasses: ComputedRef<Record<string, boolean>>;
+    focus: () => void;
+    blur: () => void;
 }
-export declare function useFocus(): IUseFocus;
+export declare const makeFocusProps: <Defaults extends {
+    focused?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Элемент в фокусе
+     */
+    focused: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useFocus(props: IFocusProps, name: string): IUseFocus;

package/dist/composable/form.d.ts

@@ -0,0 +1,128 @@
+import { InjectionKey } from 'vue';
+import type { Ref, ComputedRef, PropType } from 'vue';
+import type { IValidationProps } from './validation';
+export interface IFormProvide {
+    register: (item: {
+        id: number | string;
+        validate: () => Promise<string[]>;
+        reset: () => void;
+        resetValidation: () => void;
+    }) => void;
+    unregister: (id: number | string) => void;
+    update: (id: number | string, isValid: boolean | null, errorMessages: string[]) => void;
+    items: Ref<IFormField[]>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isValidating: Ref<boolean>;
+    validateOn: Ref<IFormProps['validateOn']>;
+}
+export interface IFormProps {
+    label: string;
+    description: string;
+    disabled: boolean;
+    readonly: boolean;
+    firstFail: boolean;
+    modelValue: boolean | null;
+    validateOn?: IValidationProps['validateOn'];
+}
+interface IFormField {
+    id: number | string;
+    validate: () => Promise<string[]>;
+    reset: () => void;
+    resetValidation: () => void;
+    isValid: boolean | null;
+    errorMessages: string[];
+}
+interface IFieldValidationResult {
+    id: number | string;
+    errorMessages: string[];
+}
+interface IFormValidationResult {
+    valid: boolean;
+    errors: IFieldValidationResult[];
+}
+export interface SubmitEventPromise extends SubmitEvent, Promise<IFormValidationResult> {
+}
+export declare const makeFormProps: <Defaults extends {
+    label?: unknown;
+    description?: unknown;
+    disabled?: unknown;
+    readonly?: unknown;
+    firstFail?: unknown;
+    modelValue?: unknown;
+    validateOn?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Заголовок формы
+     */
+    label: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Описание формы
+     */
+    description: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Заблокировать форму
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Сделать форму только для чтения
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Остановить валидацию при первой ошибке
+     */
+    firstFail: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Значение модели
+     */
+    modelValue: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    /**
+     * Событие для валидации
+     */
+    validateOn: {
+        type: PropType<"input" | "blur" | "submit" | undefined>;
+        default: string;
+    };
+}, Defaults>;
+export declare const FormKey: InjectionKey<IFormProvide>;
+export declare function createForm(props: IFormProps): {
+    errors: Ref<{
+        id: string | number;
+        errorMessages: string[];
+    }[]>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isValidating: Ref<boolean>;
+    model: Ref<boolean | null> & {
+        readonly externalValue: boolean | null;
+    };
+    validate: () => Promise<{
+        valid: boolean;
+        errors: {
+            id: string | number;
+            errorMessages: string[];
+        }[];
+    }>;
+    reset: () => void;
+    resetValidation: () => void;
+};
+export declare function useForm(): IFormProvide | null;
+export {};

package/dist/composable/hidration.d.ts

@@ -0,0 +1,2 @@
+import type { Ref } from 'vue';
+export declare function useHydration(): Ref<boolean>;

package/dist/composable/icon.d.ts

@@ -1,12 +1,18 @@
-import type { PropType, ComputedRef, SetupContext } from 'vue';
+import { EventProp } from '../utils';
+import type { PropType, ComputedRef } from 'vue';
 import type { TCdsIconsName } from '@central-design-system/icons';
 export interface IIconProps {
     prependIcon: TCdsIconsName | undefined;
     appendIcon: TCdsIconsName | undefined;
+    'onClick:prepend'?: EventProp | undefined;
+    'onClick:append'?: EventProp | undefined;
 }
 export interface IUseIcon {
     hasPrepend: ComputedRef<boolean>;
     hasAppend: ComputedRef<boolean>;
+    iconClasses: ComputedRef<Record<string, boolean>>;
+    handleClickPrepend: (event: MouseEvent) => void;
+    handleClickAppend: (event: MouseEvent) => void;
 }
 export declare const makeIconProps: <Defaults extends {
     prependIcon?: unknown;
@@ -16,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в начале элемента
      */
     prependIcon: {
-        type: PropType<"add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "filters" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "link" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "search" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -24,9 +30,28 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в конце элемента
      */
     appendIcon: {
-        type: PropType<"add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "filters" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "link" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "search" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
 }, Defaults>;
-export declare function useIcon(props: IIconProps, context: SetupContext<any>): IUseIcon;
+export declare const makeIconEvents: <Defaults extends {
+    'onClick:prepend'?: unknown;
+    'onClick:append'?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Событие клика по иконке перед значением поля
+     */
+    'onClick:prepend': {
+        type: PropType<(...args: any[]) => any>;
+        default: undefined;
+    };
+    /**
+     * Событие клика по иконке после значения поля
+     */
+    'onClick:append': {
+        type: PropType<(...args: any[]) => any>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useIcon(props: IIconProps, slots: Record<string, unknown>, name: string): IUseIcon;

package/dist/composable/index.d.ts

@@ -1,10 +1,12 @@
 export * from './text';
+export * from './title';
 export * from './link';
 export * from './icon';
 export * from './loading';
 export * from './appearance';
 export * from './size';
 export * from './disabled';
+export * from './readonly';
 export * from './dark';
 export * from './color';
 export * from './status';
@@ -15,3 +17,25 @@ export * from './proxyModel';
 export * from './toggleScope';
 export * from './nested/nested';
 export * from './render';
+export * from './input';
+export * from './form';
+export * from './validation';
+export * from './direction';
+export * from './field';
+export * from './transition';
+export * from './overlay';
+export * from './lazy';
+export * from './delay';
+export * from './dimensions';
+export * from './hidration';
+export * from './scopeId';
+export * from './router';
+export * from './select';
+export * from './filter';
+export * from './menu';
+export * from './datetime';
+export * from './resizeObserver';
+export * from './refs';
+export * from './display';
+export * from './state';
+export * from './locale';

package/dist/composable/input.d.ts

@@ -0,0 +1,99 @@
+import type { ComputedRef, PropType, Ref } from 'vue';
+export interface IInputSlot {
+    id: ComputedRef<string>;
+    isDirty: ComputedRef<boolean>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isPure: Ref<boolean>;
+    isValid: ComputedRef<boolean | null>;
+    isValidating: Ref<boolean>;
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => Promise<string[]>;
+}
+export interface IInputProps {
+    id: string | undefined;
+    label: string | undefined;
+    description: string | undefined;
+    value: any;
+    messages: string[] | string;
+    persistentMessages: boolean;
+}
+export interface IUseInput {
+    id: ComputedRef<string>;
+    hasLabel: ComputedRef<boolean>;
+    hasDescription: ComputedRef<boolean>;
+}
+export declare const makeInputProps: <Defaults extends {
+    id?: unknown;
+    label?: unknown;
+    description?: unknown;
+    value?: unknown;
+    messages?: unknown;
+    persistentMessages?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Идентификатор
+     */
+    id: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Лейбл
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Описание
+     */
+    description: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Значение
+     */
+    value: {
+        type: PropType<any>;
+        default: null;
+    };
+    /**
+     * Сообщения подсказки
+     */
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    /**
+     * Всегда показывать сообщения и подсказки
+     */
+    persistentMessages: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useInput(props: IInputProps, slots: Record<string, unknown>, name?: string): IUseInput;
+export declare function useFilteredInputProps<T extends Record<string, unknown>>(props: T, exclude: string[]): {
+    inputProps: [Partial<T>] extends [Ref<any>] ? Ref<any> & Partial<T> : Ref<import("vue").UnwrapRef<Partial<T>>>;
+    excludedProps: [Partial<T>] extends [Ref<any>] ? Ref<any> & Partial<T> : Ref<import("vue").UnwrapRef<Partial<T>>>;
+};
+export declare function useFilteredInputAttrs(attrs: Record<string, unknown>): {
+    rootAttrs: Ref<{}>;
+    inputAttrs: Ref<{}>;
+};
+/**
+ * Filter attributes that should be applied to
+ * the root element of an input component. Remaining
+ * attributes should be passed to the <input> element inside.
+ */
+export declare function filterInputAttrs(attrs: Record<string, unknown>): [yes: Partial<Pick<Record<string, unknown>, any>>, no: Omit<Record<string, unknown>, any>];
+/**
+ * Filter props for input controls
+ * @param props
+ * @param exclude
+ */
+export declare function filterInputProps(props: Record<string, unknown>, exclude: string[]): (Partial<Pick<Record<string, unknown>, string>> | Omit<Record<string, unknown>, string>)[];
+export declare const excludeControls: RegExp;

package/dist/composable/items.d.ts

@@ -1,5 +1,5 @@
-import { SelectItemKey } from '../utils';
 import type { PropType, ComputedRef } from 'vue';
+export declare type TItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
 export interface IInternalItem<T = any> {
     title: string;
     value: any;
@@ -13,14 +13,17 @@ export interface IInternalItem<T = any> {
 }
 export interface IItemsProps {
     items: any[];
-    itemTitle: SelectItemKey;
-    itemValue: SelectItemKey;
-    itemChildren: SelectItemKey;
-    itemProps: SelectItemKey;
+    itemTitle: TItemKey;
+    itemValue: TItemKey;
+    itemChildren: TItemKey;
+    itemProps: TItemKey;
     returnObject: boolean;
 }
 export interface IUseItems {
     items: ComputedRef<IInternalItem[]>;
+    itemsProps: string[];
+    transformIn: (value: any[]) => IInternalItem[];
+    transformOut: (value: any[]) => any[];
 }
 export declare const makeItemsProps: <Defaults extends {
     items?: unknown;
@@ -41,28 +44,28 @@ export declare const makeItemsProps: <Defaults extends {
      * Ключ для заголовка элемента
      */
     itemTitle: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**
      * Ключ для значения элемента
      */
     itemValue: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**
      * Ключ для дочерних элементов
      */
     itemChildren: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**
      * Ключ для дополнительных свойств элемента
      */
     itemProps: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**

package/dist/composable/lazy.d.ts

@@ -0,0 +1,21 @@
+import type { Ref, ComputedRef, PropType } from 'vue';
+export interface ILazyProps {
+    eager: boolean;
+}
+export interface IUseLazy {
+    isBooted: Ref<boolean>;
+    hasContent: ComputedRef<boolean>;
+    onAfterLeave: () => void;
+}
+export declare const makeLazyProps: <Defaults extends {
+    eager?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Принудительно рендерит контент компонента в DOM, даже если компонент скрыт. Полезно для SEO оптимизации.
+     */
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useLazy(props: ILazyProps, active: Ref<boolean>): IUseLazy;

package/dist/composable/link.d.ts

@@ -1,4 +1,3 @@
-import { SetupContext } from 'vue';
 import type { ComputedRef, PropType } from 'vue';
 import type { RouteLocationRaw, useLink as TUseLink } from 'vue-router';
 export interface ILinkProps {
@@ -33,4 +32,4 @@ export declare const makeLinkProps: <Defaults extends {
         default: undefined;
     };
 }, Defaults>;
-export declare function useLink(props: ILinkProps, context: SetupContext<any>): IUseLink;
+export declare function useLink(props: ILinkProps, emit: Function): IUseLink;

package/dist/composable/loading.d.ts

@@ -4,6 +4,7 @@ export interface ILoadingProp {
 }
 export interface IUseLoading {
     loadingClasses: ComputedRef<string | undefined>;
+    hasLoading: ComputedRef<boolean>;
 }
 export declare const makeLoadingProps: <Defaults extends {
     loading?: unknown;

package/dist/composable/locale.d.ts

@@ -0,0 +1,18 @@
+import { ILocale, TAvailableLocale } from '../locale';
+import type { InjectionKey, PropType } from 'vue';
+export interface ILocaleProps {
+    locale?: ILocale | TAvailableLocale;
+}
+export declare const LocaleSymbol: InjectionKey<TAvailableLocale | ILocale>;
+export declare const makeLocaleProps: <Defaults extends {
+    locale?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Локализация компонента
+     */
+    locale: {
+        type: PropType<"ru" | "en" | ILocale>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useLocale(props: ILocaleProps): ILocale;

package/dist/composable/menu.d.ts

@@ -0,0 +1,37 @@
+import type { Ref, PropType, WritableComputedRef } from 'vue';
+import type { IDisabledProps } from './disabled';
+export interface IMenuProps extends IDisabledProps {
+    menu: boolean | undefined;
+}
+export interface IUseMenu<MenuRef> {
+    internalMenu: WritableComputedRef<boolean | undefined>;
+    menuRef: Ref<MenuRef | undefined>;
+}
+export declare const makeMenuProps: <Defaults extends {
+    menu?: unknown;
+    menuProps?: unknown;
+    menuHeight?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Состояние выпадающего меню (открыто/закрыто)
+     */
+    menu: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /**
+     * Свойства для компонент CdsMenu
+     */
+    menuProps: {
+        type: PropType<any>;
+        default: null;
+    };
+    /**
+     * Максимальная высота выпадающего меню (10rem по умолчанию)
+     */
+    menuHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}, Defaults>;
+export declare function useMenu<MenuRef>(props: IMenuProps): IUseMenu<MenuRef>;

package/dist/composable/nested/nested.d.ts

@@ -26,7 +26,7 @@ export interface INestedProps {
     'onUpdate:selected'?: ((val: unknown[]) => void) | undefined;
     'onUpdate:opened'?: ((val: unknown[]) => void) | undefined;
 }
-export declare const VNestedSymbol: InjectionKey<TNestedProvide>;
+export declare const NestedKey: InjectionKey<TNestedProvide>;
 export declare const emptyNested: TNestedProvide;
 export declare const makeNestedProps: <Defaults extends {
     selectStrategy?: unknown;
@@ -56,7 +56,7 @@ export declare const makeNestedProps: <Defaults extends {
      */
     required: BooleanConstructor;
 }, Defaults>;
-export declare const useNested: (props: INestedProps, ctx: SetupContext<any>) => TNestedProvide['root'];
+export declare const useNested: (props: INestedProps, ctx: SetupContext<any[]>) => TNestedProvide['root'];
 export declare const useNestedItem: (id: Ref<unknown>, isGroup: boolean) => {
     id: import("vue").ComputedRef<{}>;
     open: (open: boolean, event: Event) => void;

package/dist/composable/overlay.d.ts

@@ -0,0 +1,98 @@
+import { PropType } from 'vue';
+export interface IOverlayProps {
+    attach: boolean | string | Element | undefined;
+    contained: boolean | undefined;
+    disabled: boolean | undefined;
+    persistent: boolean | undefined;
+    scrim: boolean | string | undefined;
+    modelValue: boolean | undefined;
+    zIndex: number | string | undefined;
+    contentClasses: string | string[] | Record<string, boolean> | undefined;
+    contentProps: Record<string, unknown> | undefined;
+}
+export declare const makeOverlayProps: <Defaults extends {
+    attach?: unknown;
+    contained?: unknown;
+    disabled?: unknown;
+    persistent?: unknown;
+    scrim?: unknown;
+    modelValue?: unknown;
+    closeOnBack?: unknown;
+    zIndex?: unknown;
+    contentClasses?: unknown;
+    contentProps?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Указывает, к какому DOM элементу будет прикреплен компонент.
+     * По умолчанию прикрепляется к body.
+     * Если передана строка, то ищет элемент по querySelector.
+     * Если передан объект, то считает его допустимым Node элементом.
+     */
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    /**
+     * Указывает, что компонент будет прикреплен к родительскому элементу. Подразумевает absolute и attach
+     */
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Блокирует возможность клика или фокуса всплывающего компонента
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Клик за пределами компонента или esc не будет закрывать его
+     */
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Фон для компонента. Строкой можно передать цвет фона.
+     */
+    scrim: {
+        type: PropType<string | boolean>;
+        default: boolean;
+    };
+    /**
+     * Значение v-model. Управляет видимостью компонента.
+     */
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Закрывать ли компонент при навигации назад
+     */
+    closeOnBack: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Значение z-index
+     */
+    zIndex: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Классы для контента компонента
+     */
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    /**
+     * Свойства для контента компонента
+     */
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+}, Defaults>;

package/dist/composable/readonly.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface IReadonlyProps {
+    readonly: boolean;
+}
+export interface IUseReadonly {
+    readonlyClasses: ComputedRef<string | undefined>;
+}
+export declare const makeReadonlyProps: <Defaults extends {
+    readonly?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Только для чтения
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useReadonly(props: IReadonlyProps): IUseReadonly;