@central-design-system/components 3.0.0-alpha.9 → 3.0.0-beta.2

package/dist/composable/datetime.d.ts

@@ -1,9 +1,10 @@
 import type { ComputedRef, PropType } from 'vue';
 import type { IRawDate, TDateLocale } from '../utils';
+import type { ILocale, TAvailableLocale } from '../locale';
 export interface IDatetimeProps {
     modelValue: string | TDatetimeValueRange | Array<string | TDatetimeValueRange>;
     mask: string;
-    locale: TDateLocale;
+    locale?: ILocale | TAvailableLocale;
     readonly: boolean;
     disabled: boolean;
 }
@@ -24,7 +25,6 @@ export declare type TDatetimeValueRange = {
 export declare const makeDatetimeProps: <Defaults extends {
     modelValue?: unknown;
     mask?: unknown;
-    locale?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     /**
      * Значение модели
@@ -40,22 +40,6 @@ export declare const makeDatetimeProps: <Defaults extends {
         type: PropType<string>;
         default: string;
     };
-    /**
-     * Локализация компонента
-     */
-    locale: {
-        type: PropType<{
-            days: string[];
-            daysShort: string[];
-            months: string[];
-            monthsLong: string[];
-            monthsShort: string[];
-            firstDayOfWeek: number;
-            format24h: boolean;
-            pluralDay: (day?: number | undefined) => string;
-        }>;
-        default: null;
-    };
 }, Defaults>;
 export declare function useDatetime(props: IDatetimeProps): IUseDatetime;
 export declare function getDayHash(date: IRawDate): string;

package/dist/composable/display.d.ts

@@ -1,6 +1,9 @@
 import type { InjectionKey, Ref } from 'vue';
 export declare const breakpoints: readonly ["xs", "sm", "md", "lg", "xl"];
+export declare const breakpointsUpDown: readonly ["smUp", "smDown", "mdUp", "mdDown", "lgUp", "lgDown", "xlUp", "xlDown"];
 export declare type TBreakpoint = typeof breakpoints[number];
+export declare type TBreakpointUpDown = typeof breakpointsUpDown[number];
+export declare type TBreakpointMap = Record<TBreakpoint, string>;
 export interface IDisplayOptions {
     mobileBreakpoint?: number | TBreakpoint;
     thresholds?: Partial<TDisplayThresholds>;

package/dist/composable/field.d.ts

@@ -34,10 +34,12 @@ export declare const makeFieldProps: <Defaults extends {
     prependInnerIcon?: unknown;
     appendInnerIcon?: unknown;
     type?: unknown;
+    role?: unknown;
     placeholder?: unknown;
     counter?: unknown;
     limit?: unknown;
     clearable?: unknown;
+    persistentClearable?: unknown;
     'onClick:prependInner'?: unknown;
     'onClick:appendInner'?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
@@ -73,7 +75,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Иконка внутри элемента перед значением поля
      */
     prependInnerIcon: {
-        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">;
+        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "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" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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;
     };
@@ -81,7 +83,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Иконка внутри элемента после значения поля
      */
     appendInnerIcon: {
-        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">;
+        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "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" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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;
     };
@@ -89,10 +91,17 @@ export declare const makeFieldProps: <Defaults extends {
      * Тип поля
      */
     type: {
-        type: PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
+        type: PropType<"number" | "password" | "text" | "email" | "tel" | "url">;
         default: string;
         validator: (value: TFieldTypes) => boolean;
     };
+    /**
+     * Роль поля
+     */
+    role: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Плейсхолдер поля
      */
@@ -121,6 +130,13 @@ export declare const makeFieldProps: <Defaults extends {
         type: PropType<boolean>;
         default: boolean;
     };
+    /**
+     * Всегда показывать иконку очистки поля
+     */
+    persistentClearable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     /**
      * Событие клика по иконке внутри элемента перед значением поля
      */

package/dist/composable/filter.d.ts

@@ -42,8 +42,8 @@ export declare const makeFilterProps: <Defaults extends {
         default: boolean;
     };
 }, Defaults>;
-export declare function useFilter<T extends IInternalItem>(props: IFilterProps, items: MaybeRef<T[]>, query: Ref<string | number | undefined>, options?: {
-    filterKeys?: MaybeRef<TFilterKeys>;
+export declare function useFilter<T extends IInternalItem>(props: IFilterProps, items: MaybeRef<T[]>, query: Ref<string | number | undefined> | (() => string | undefined), options?: {
+    transform?: (item: T) => {};
 }): IUseFilter<T>;
 declare type TFilterFunction = (value: string, query: string, item?: any) => TFilterMath;
 declare type TFilterKeyFunctions = Record<string, TFilterFunction>;

package/dist/composable/group.d.ts

@@ -0,0 +1,139 @@
+import type { ComponentInternalInstance, ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+import type { IDisabledProps } from '../composable';
+export interface IGroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+export interface IGroupProps {
+    disabled: boolean;
+    modelValue: unknown;
+    multiple?: boolean;
+    required?: boolean | 'force';
+    max?: number;
+    selectedClass: string | undefined;
+    'onUpdate:modelValue': ((val: unknown) => void) | undefined;
+}
+export interface IGroupProvide {
+    selected: Ref<Readonly<number[]>>;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    register: (item: IGroupItem, instance: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    getItemIndex: (value: unknown) => number;
+}
+export interface IGroupItemProvide {
+    id: number;
+    isSelected: Ref<boolean>;
+    selectedClass: Ref<(string | undefined)[] | false>;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+    group: IGroupProvide;
+    select: (value: boolean) => void;
+    toggle: () => void;
+}
+export declare const makeGroupProps: <Defaults extends {
+    modelValue?: unknown;
+    multiple?: unknown;
+    required?: unknown;
+    max?: unknown;
+    selectedClass?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Значение v-model
+     */
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    /**
+     * Множественный выбор
+     */
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Обязательно должен быть выбран хотя бы один элемент
+     */
+    required: {
+        type: PropType<boolean | "force">;
+        default: undefined;
+    };
+    /**
+     * Максимально допустимое количество выбранных элементов
+     */
+    max: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Классы для выбранных элементов
+     */
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, Defaults>;
+export interface IGroupItemProps extends ExtractPropTypes<ReturnType<typeof makeGroupItemProps>> {
+    disabled: IDisabledProps['disabled'];
+    'onGroup:selected': ((value: {
+        value: boolean;
+    }) => void) | undefined;
+}
+export declare const makeGroupItemProps: <Defaults extends {
+    value?: unknown;
+    selectedClass?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Значение элемента
+     */
+    value: {
+        type: null;
+        default: undefined;
+    };
+    /**
+     * Классы для выбранных элементов
+     */
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, Defaults>;
+export interface ISlideGroupProps extends ExtractPropTypes<ReturnType<typeof makeSlideGroupProps>> {
+    disabled: IDisabledProps['disabled'];
+    'onGroup:selected': ((value: {
+        value: boolean;
+    }) => void) | undefined;
+}
+export declare const makeSlideGroupProps: <Defaults extends {
+    centerActive?: unknown;
+    showArrows?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Принудительно центрировать активный элемент
+     */
+    centerActive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Показывать стрелки для переключения между элементами
+     */
+    showArrows: {
+        type: PropType<string | boolean>;
+        validator: (value: any) => boolean;
+    };
+}, Defaults>;
+export declare function useGroupItem(props: IGroupItemProps, injectKey: InjectionKey<IGroupProvide>, required?: true): IGroupItemProvide;
+export declare function useGroupItem(props: IGroupItemProps, injectKey: InjectionKey<IGroupProvide>, required: false): IGroupItemProvide | null;
+export declare function useGroup(props: IGroupProps, injectKey: InjectionKey<IGroupProvide>): IGroupProvide;

package/dist/composable/icon.d.ts

@@ -22,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в начале элемента
      */
     prependIcon: {
-        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">;
+        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "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" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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;
     };
@@ -30,7 +30,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в конце элемента
      */
     appendIcon: {
-        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">;
+        type: PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "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" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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;
     };

package/dist/composable/index.d.ts

@@ -1,3 +1,4 @@
+export * from './align';
 export * from './text';
 export * from './title';
 export * from './link';
@@ -35,5 +36,12 @@ export * from './filter';
 export * from './menu';
 export * from './datetime';
 export * from './resizeObserver';
+export * from './intersectionObserver';
 export * from './refs';
 export * from './display';
+export * from './state';
+export * from './locale';
+export * from './group';
+export * from './ssrBoot';
+export * from './variant';
+export * from './layout';

package/dist/composable/input.d.ts

@@ -86,7 +86,7 @@ export declare function useFilteredInputAttrs(attrs: Record<string, unknown>): {
 };
 /**
  * Filter attributes that should be applied to
- * the root element of a an input component. Remaining
+ * 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>];

package/dist/composable/intersectionObserver.d.ts

@@ -0,0 +1,4 @@
+export declare function useIntersectionObserver(callback?: IntersectionObserverCallback, options?: IntersectionObserverInit): {
+    intersectionRef: import("vue").Ref<HTMLElement | undefined>;
+    isIntersection: import("vue").ShallowRef<boolean>;
+};

package/dist/composable/items.d.ts

@@ -25,6 +25,12 @@ export interface IUseItems {
     transformIn: (value: any[]) => IInternalItem[];
     transformOut: (value: any[]) => any[];
 }
+export interface IItemSlotProps {
+    isActive: boolean;
+    isSelected: boolean;
+    isIndeterminate: boolean;
+    select: (selected: boolean, event?: Event) => void;
+}
 export declare const makeItemsProps: <Defaults extends {
     items?: unknown;
     itemTitle?: unknown;

package/dist/composable/layout.d.ts

@@ -0,0 +1,79 @@
+import type { PropType } from 'vue';
+import { CSSProperties, Ref } from 'vue';
+export interface ILayoutProps {
+    modelValue: boolean;
+    reveal: boolean;
+    revealOffset: number;
+    bordered: boolean;
+    elevated: boolean;
+    height: string | number;
+}
+export declare const makeLayoutProps: <Defaults extends {
+    modelValue?: unknown;
+    reveal?: unknown;
+    revealOffset?: unknown;
+    bordered?: unknown;
+    elevated?: unknown;
+    height?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Видимость элемента
+     */
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Плавающий элемент
+     */
+    reveal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отступ для плавающего элемента
+     */
+    revealOffset: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Отображение границы
+     */
+    bordered: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображение тени
+     */
+    elevated: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Высота элемента
+     */
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}, Defaults>;
+export declare function useLayout(props: ILayoutProps, componentName: string, view?: 'H' | 'F'): {
+    layout: import("../components/CdsLayout/context").ILayoutContextProps;
+    size: Ref<number>;
+    revealed: Ref<boolean>;
+    fixed: import("vue").ComputedRef<boolean>;
+    windowHeight: Ref<number>;
+    containerHeight: import("vue").ComputedRef<number>;
+    offset: import("vue").ComputedRef<number>;
+    hidden: import("vue").ComputedRef<boolean>;
+    revealOnFocus: import("vue").ComputedRef<boolean>;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    style: import("vue").ComputedRef<CSSProperties>;
+    updateLocal: (prop: Ref, value: any) => void;
+    updateRevealed: () => void;
+    onResize: ({ height }: Pick<DOMRectReadOnly, 'width' | 'height'>) => void;
+};

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/nested/nested.d.ts

@@ -1,7 +1,7 @@
 import type { Ref, InjectionKey, PropType, SetupContext } from 'vue';
 import type { TSelectStrategyProp } from './selectStrategies';
 import type { TOpenStrategyProp } from './openStrategies';
-declare type TNestedProvide = {
+export declare type TNestedProvide = {
     id: Ref<unknown>;
     isGroupActivator?: boolean;
     root: {
@@ -82,4 +82,3 @@ export declare const useNestedItem: (id: Ref<unknown>, isGroup: boolean) => {
     };
 };
 export declare const useNestedGroupActivator: () => void;
-export {};

package/dist/composable/overlay.d.ts

@@ -21,6 +21,7 @@ export declare const makeOverlayProps: <Defaults extends {
     zIndex?: unknown;
     contentClasses?: unknown;
     contentProps?: unknown;
+    noClickAnimation?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     /**
      * Указывает, к какому DOM элементу будет прикреплен компонент.
@@ -95,4 +96,11 @@ export declare const makeOverlayProps: <Defaults extends {
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
+    /**
+     * Отключает анимацию при клике вне контента
+     */
+    noClickAnimation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }, Defaults>;

package/dist/composable/resizeObserver.d.ts

@@ -3,5 +3,5 @@ interface IUseResizeObserver {
     resizeRef: Ref<HTMLElement | undefined>;
     contentRect: DeepReadonly<Ref<DOMRectReadOnly | undefined>>;
 }
-export declare function useResizeObserver(callback?: ResizeObserverCallback): IUseResizeObserver;
+export declare function useResizeObserver(callback?: ResizeObserverCallback, box?: 'content' | 'border'): IUseResizeObserver;
 export {};

package/dist/composable/select.d.ts

@@ -5,20 +5,17 @@ export interface ISelectProps {
     multiple: boolean;
     openOnClear: boolean;
     hideSelected: boolean;
-    noDataText: string;
     hideNoData: boolean;
     isSelectAll: boolean;
-    selectAllText: string;
     modelValue: any;
 }
 export declare const makeSelectProps: <Defaults extends {
     multiple?: unknown;
     openOnClear?: unknown;
     hideSelected?: unknown;
-    noDataText?: unknown;
     hideNoData?: unknown;
     isSelectAll?: unknown;
-    selectAllText?: unknown;
+    listProps?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     /**
      * Множественный выбор элементов
@@ -41,13 +38,6 @@ export declare const makeSelectProps: <Defaults extends {
         type: PropType<boolean>;
         default: boolean;
     };
-    /**
-     * Текст, который будет отображаться, если нет данных
-     */
-    noDataText: {
-        type: PropType<string>;
-        default: string;
-    };
     /**
      * Скрывать отображаемый текст, если нет данных
      */
@@ -63,11 +53,106 @@ export declare const makeSelectProps: <Defaults extends {
         default: boolean;
     };
     /**
-     * Текст для выбора всех элементов
+     * Свойства для списка
      */
-    selectAllText: {
-        type: PropType<string>;
-        default: string;
+    listProps: {
+        type: PropType<Omit<Partial<{
+            items: any[];
+            itemTitle: import("./items").TItemKey;
+            itemValue: import("./items").TItemKey;
+            itemChildren: import("./items").TItemKey;
+            itemProps: import("./items").TItemKey;
+            returnObject: boolean;
+            tag: string;
+            size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
+            disabled: boolean;
+            dark: boolean;
+            required: boolean;
+            selectStrategy: NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>;
+            openStrategy: NonNullable<import("./nested/openStrategies").TOpenStrategyProp>;
+            lines: false | "one" | "two" | "three";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            selectStrategy: {
+                type: PropType<NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>>;
+                default: NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>;
+            };
+            openStrategy: {
+                type: PropType<NonNullable<import("./nested/openStrategies").TOpenStrategyProp>>;
+                default: NonNullable<import("./nested/openStrategies").TOpenStrategyProp>;
+            };
+            opened: PropType<unknown[]>;
+            selected: PropType<unknown[]>;
+            required: BooleanConstructor;
+            dark: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            size: Omit<{
+                type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                default: string;
+                available: readonly ["xs", "sm", "md", "lg", "xl"];
+                validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+            }, "default" | "type"> & {
+                type: PropType<NonNullable<"xs" | "sm" | "md" | "lg" | "xl">>;
+                default: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
+            };
+            tag: {
+                type: PropType<string>;
+                default: string;
+                description: string;
+            };
+            items: {
+                type: PropType<any[]>;
+                default: () => never[];
+            };
+            itemTitle: {
+                type: PropType<import("./items").TItemKey>;
+                default: string;
+            };
+            itemValue: {
+                /**
+                 * Свойства для списка
+                 */
+                type: PropType<import("./items").TItemKey>;
+                default: string;
+            };
+            itemChildren: {
+                type: PropType<import("./items").TItemKey>;
+                default: string;
+            };
+            itemProps: {
+                type: PropType<import("./items").TItemKey>;
+                default: string;
+            };
+            returnObject: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            lines: {
+                type: PropType<false | "one" | "two" | "three">;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:selected"?: ((value: unknown[]) => any) | undefined;
+            "onUpdate:opened"?: ((value: unknown[]) => any) | undefined;
+            "onClick:open"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+                event: Event;
+            }) => any) | undefined;
+            "onClick:select"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+                event: Event;
+            }) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        default: undefined;
     };
 }, Defaults>;
 export declare function useSelect(props: ISelectProps, items: ComputedRef<IInternalItem[]> | Ref<IInternalItem[]>, transformIn: IUseItems['transformIn'], transformOut: IUseItems['transformOut']): {

package/dist/composable/ssrBoot.d.ts

@@ -0,0 +1,6 @@
+export declare function useSsrBoot(): {
+    ssrBootStyles: import("vue").ComputedRef<{
+        transition: string;
+    } | undefined>;
+    isBooted: Readonly<import("vue").Ref<boolean>>;
+};