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

package/dist/composable/align.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+export declare type TAlign = typeof allowedAlign[number];
+export declare const allowedAlign: string[];
+export interface IAlignProps {
+    align: TAlign;
+}
+export declare const makeAlignProps: <Defaults extends {
+    align?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Выравнивание
+     */
+    align: {
+        type: PropType<string>;
+        default: string;
+    };
+}, Defaults>;

package/dist/composable/datetime.d.ts

@@ -1,11 +1,12 @@
 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;
-    readonly: boolean;
-    disabled: boolean;
+    locale?: ILocale | TAvailableLocale;
+    readonly?: boolean;
+    disabled?: boolean;
 }
 export interface IUseDatetime {
     editable: ComputedRef<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/delay.d.ts

@@ -4,8 +4,8 @@ export interface IDelayProps {
     openDelay: number | string;
 }
 export interface IUseDelay {
-    runCloseDelay: () => void;
-    runOpenDelay: () => void;
+    runCloseDelay: () => Promise<boolean>;
+    runOpenDelay: () => Promise<boolean>;
 }
 export declare const makeDelayProps: <Defaults extends {
     closeDelay?: unknown;

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

@@ -9,11 +9,13 @@ export interface IFieldProps {
     suffix: string | undefined;
     prependInnerIcon: TCdsIconsName | undefined;
     appendInnerIcon: TCdsIconsName | undefined;
-    type: TFieldTypes | undefined;
+    type: TFieldTypes;
+    role: string | undefined;
     placeholder: string | undefined;
     counter: boolean;
     limit: number | undefined;
     clearable: boolean;
+    persistentClearable: boolean;
     'onClick:appendInner': EventProp | undefined;
     'onClick:prependInner': EventProp | undefined;
 }
@@ -34,10 +36,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 +77,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" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "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 +85,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" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "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 +93,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 +132,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,9 +42,17 @@ 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>;
+export declare function defaultFilter(value: string, query: string): TFilterMath;
+export declare function filterItems(items: readonly (readonly [item: IInternalItem, transformed: {}])[] | readonly IInternalItem[], query: string, options: Omit<IFilterProps, 'customFilter'> & {
+    default?: TFilterFunction;
+}): TFilteredItems[];
+declare type TFilteredItems = {
+    index: number;
+    matches: Record<string, TFilterMath>;
+};
 declare type TFilterFunction = (value: string, query: string, item?: any) => TFilterMath;
 declare type TFilterKeyFunctions = Record<string, TFilterFunction>;
 declare type TFilterKeys = string | string[];

package/dist/composable/form.d.ts

@@ -23,7 +23,7 @@ export interface IFormProps {
     readonly: boolean;
     firstFail: boolean;
     modelValue: boolean | null;
-    validateOn?: IValidationProps['validateOn'];
+    validateOn: IValidationProps['validateOn'];
 }
 interface IFormField {
     id: number | string;

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" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "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" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "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,13 @@ 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';
+export * from './theme';

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

@@ -1,5 +1,5 @@
 import type { ComputedRef, PropType } from 'vue';
-export interface ILoadingProp {
+export interface ILoadingProps {
     loading: boolean;
 }
 export interface IUseLoading {
@@ -17,4 +17,4 @@ export declare const makeLoadingProps: <Defaults extends {
         default: boolean;
     };
 }, Defaults>;
-export declare function useLoading(props: ILoadingProp): IUseLoading;
+export declare function useLoading(props: ILoadingProps): IUseLoading;

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 {};