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

package/dist/components/CdsTooltip/index.d.ts

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

package/dist/components/CdsTree/composable/index.d.ts

@@ -0,0 +1 @@
+export * from './tree';

package/dist/components/CdsTree/composable/tree.d.ts

@@ -0,0 +1,6 @@
+import type { NTree } from '../interface';
+import type { ShallowRef } from 'vue';
+export declare function useMaxLevel<TreeDataType extends NTree.IBasicDataNode = NTree.IDataNode>(keyEntities: ShallowRef<Record<NTree.TKey, NTree.IDataEntity>>): {
+    maxLevel: import("vue").Ref<number>;
+    levelEntities: ShallowRef<Map<number, Set<NTree.IDataEntity<TreeDataType>>> | undefined>;
+};

package/dist/components/CdsTree/interface.d.ts

@@ -0,0 +1,60 @@
+import type { CSSProperties, VNode } from 'vue';
+export declare namespace NTree {
+    type TKey = string | number;
+    type TNodeElement = VNode<any>;
+    type TGetCheckDisabled<RecordType> = (record: RecordType) => boolean;
+    interface IBasicDataNode {
+        checkable?: boolean;
+        selectable?: boolean;
+        disabled?: boolean;
+        disableCheckbox?: boolean;
+        icon?: any;
+        isLeaf?: boolean;
+        switcherIcon?: any;
+        class?: string;
+        style?: CSSProperties;
+        slots?: Record<string, string>;
+        [key: string]: any;
+    }
+    interface IDataNode extends IBasicDataNode {
+        children?: IDataNode[];
+        key: string | number;
+        title?: any;
+    }
+    interface IEntity {
+        node: TNodeElement;
+        index?: number;
+        key: TKey;
+        pos: string;
+        parent?: IEntity;
+        children?: IEntity[];
+    }
+    interface EventDataNode extends IDataNode {
+        expanded?: boolean;
+        selected?: boolean;
+        checked: boolean;
+        loaded?: boolean;
+        loading?: boolean;
+        halfChecked?: boolean;
+        dragOver?: boolean;
+        dragOverGapTop?: boolean;
+        dragOverGapBottom?: boolean;
+        pos?: string;
+        active?: boolean;
+        dataRef?: IDataNode;
+        parent?: IDataNode;
+        eventKey?: TKey;
+    }
+    interface IDataEntity<TreeDataType extends IBasicDataNode = IDataNode> extends Omit<IEntity, 'node' | 'parent' | 'children'> {
+        node: TreeDataType;
+        nodes: TreeDataType[];
+        parent?: IDataEntity<TreeDataType>;
+        children?: IDataEntity<TreeDataType>[];
+        level?: number;
+    }
+    interface IFieldNames {
+        title?: string;
+        key?: string;
+        children?: string;
+    }
+}

package/dist/components/CdsTree/utils/conduct.d.ts

@@ -0,0 +1,11 @@
+import type { NTree } from '../../CdsTree/interface';
+interface IConductReturnType {
+    checkedKeys: NTree.TKey[];
+    halfCheckedKeys: NTree.TKey[];
+}
+export declare function isCheckDisabled<TreeDataType>(node: TreeDataType): boolean;
+export declare function conductCheck<TreeDataType extends NTree.IBasicDataNode = NTree.IDataNode>(keyList: NTree.TKey[], checked: true | {
+    checked: false;
+    halfCheckedKeys: NTree.TKey[];
+}, keyEntities: Record<NTree.TKey, NTree.IDataEntity<TreeDataType>>, maxLevel: number, levelEntities: Map<number, Set<NTree.IDataEntity<TreeDataType>>>, getCheckedDisabled?: NTree.TGetCheckDisabled<TreeDataType>): IConductReturnType;
+export {};

package/dist/components/CdsTree/utils/data.d.ts

@@ -0,0 +1,36 @@
+import { NTree } from '../interface';
+declare type TExternalGetKey = GetKey<NTree.IDataNode> | string;
+interface IWrapper {
+    posEntities: Record<string, any>;
+    keyEntities: Record<any, any>;
+}
+export declare type GetKey<RecordType> = (record: RecordType, index?: number) => NTree.TKey;
+export declare function convertDataToEntities(dataNodes: NTree.IDataNode[], { initWrapper, processEntity, onProcessFinished, externalGetKey, childrenPropName, fieldNames }?: {
+    initWrapper?: (wrapper: IWrapper) => IWrapper;
+    processEntity?: (entity: NTree.IDataEntity, wrapper: IWrapper) => void;
+    onProcessFinished?: (wrapper: IWrapper) => void;
+    externalGetKey?: TExternalGetKey;
+    childrenPropName?: string;
+    fieldNames?: NTree.IFieldNames;
+}): {
+    posEntities: any;
+    keyEntities: any;
+};
+interface ITraverseConfig {
+    childrenPropName?: string;
+    externalGetKey?: TExternalGetKey;
+    fieldNames?: NTree.IFieldNames;
+}
+export declare function traverseDataNodes(dataNodes: NTree.IDataNode[], callback: (data: {
+    node: NTree.IDataNode;
+    index?: number;
+    pos: string;
+    key: NTree.TKey;
+    parentPos?: string | number | null;
+    level?: number;
+    nodes: NTree.IDataNode[];
+}) => void, config?: ITraverseConfig | string): void;
+export declare function fillFieldNames(fieldNames?: NTree.IFieldNames): Required<NTree.IFieldNames>;
+export declare function getKey(key: NTree.TKey, pos: string): NTree.TKey;
+export declare function getPosition(level?: string | number, index?: number): string;
+export {};

package/dist/components/CdsTree/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data';
+export * from './conduct';

package/dist/components/index.d.ts

@@ -1,12 +1,18 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 4/24/2023, 2:59:08 PM
+ * Generated on 7/6/2023, 12:01:13 PM
  **/
 export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
+export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs.vue';
+export { default as CdsBreadcrumbsItem } from './CdsBreadcrumbs/CdsBreadcrumbsItem.vue';
 export { default as CdsButton } from './CdsButton/CdsButton.vue';
 export { default as CdsCheckbox } from './CdsCheckbox/CdsCheckbox.vue';
 export { default as CdsCheckboxGroup } from './CdsCheckbox/CdsCheckboxGroup.vue';
+export { default as CdsCombobox } from './CdsCombobox/CdsCombobox.vue';
+export { default as CdsDatePicker } from './CdsDatePicker/CdsDatePicker.vue';
 export { default as CdsDrawer } from './CdsDrawer/CdsDrawer.vue';
+export { default as CdsDropdown } from './CdsDropdown/CdsDropdown.vue';
+export { default as CdsEmptyState } from './CdsEmptyState/CdsEmptyState.vue';
 export { default as CdsForm } from './CdsForm/CdsForm.vue';
 export { default as CdsCol } from './CdsGrid/CdsCol.vue';
 export { default as CdsGrid } from './CdsGrid/CdsGrid.vue';
@@ -24,12 +30,48 @@ export { default as CdsListItem } from './CdsList/CdsListItem.vue';
 export { default as CdsLoader } from './CdsLoader/CdsLoader.vue';
 export { default as CdsMenu } from './CdsMenu/CdsMenu.vue';
 export { default as CdsOverlay } from './CdsOverlay/CdsOverlay.vue';
+export { default as CdsPagination } from './CdsPagination/CdsPagination.vue';
 export { default as CdsRadio } from './CdsRadioButton/CdsRadio.vue';
 export { default as CdsRadioButton } from './CdsRadioButton/CdsRadioButton.vue';
 export { default as CdsSelect } from './CdsSelect/CdsSelect.vue';
 export { default as CdsSidebar } from './CdsSidebar/CdsSidebar.vue';
 export { default as CdsStages } from './CdsStages/CdsStages.vue';
 export { default as CdsStatus } from './CdsStatus/CdsStatus.vue';
+export { default as CdsTable } from './CdsTable/CdsTable.vue';
+export { default as CdsTableColumn } from './CdsTable/CdsTableColumn.vue';
+export { default as CdsTableColumnGroup } from './CdsTable/CdsTableColumnGroup.vue';
 export { default as CdsTag } from './CdsTag/CdsTag.vue';
 export { default as CdsTextArea } from './CdsTextArea/CdsTextArea.vue';
 export { default as CdsTextInput } from './CdsTextInput/CdsTextInput.vue';
+export { default as CdsTimePicker } from './CdsTimePicker/CdsTimePicker.vue';
+export { default as CdsTooltip } from './CdsTooltip/CdsTooltip.vue';
+export * from './CdsBadge';
+export * from './CdsBreadcrumbs';
+export * from './CdsButton';
+export * from './CdsCheckbox';
+export * from './CdsCombobox';
+export * from './CdsDatePicker';
+export * from './CdsDrawer';
+export * from './CdsDropdown';
+export * from './CdsEmptyState';
+export * from './CdsForm';
+export * from './CdsGrid';
+export * from './CdsIcon';
+export * from './CdsInput';
+export * from './CdsLink';
+export * from './CdsList';
+export * from './CdsLoader';
+export * from './CdsMenu';
+export * from './CdsOverlay';
+export * from './CdsPagination';
+export * from './CdsRadioButton';
+export * from './CdsSelect';
+export * from './CdsSidebar';
+export * from './CdsStages';
+export * from './CdsStatus';
+export * from './CdsTable';
+export * from './CdsTag';
+export * from './CdsTextArea';
+export * from './CdsTextInput';
+export * from './CdsTimePicker';
+export * from './CdsTooltip';

package/dist/composable/color.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, PropType } from 'vue';
+import type { ComputedRef, PropType } from 'vue';
 export declare type TColor = typeof allowedColor[number];
 export declare type IColorProps = {
     color: TColor | undefined;
@@ -10,11 +10,13 @@ export declare const allowedColor: readonly ["yellow", "light-blue", "blue", "de
 export declare const makeColorProps: <Defaults extends {
     color?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Цвет
+     */
     color: {
         type: PropType<"yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink">;
         available: readonly ["yellow", "light-blue", "blue", "deep-purple", "purple", "pink"];
         default: undefined;
-        description: string;
         validator: (value: TColor) => boolean;
     };
 }, Defaults>;

package/dist/composable/datetime.d.ts

@@ -0,0 +1,45 @@
+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?: ILocale | TAvailableLocale;
+    readonly: boolean;
+    disabled: boolean;
+}
+export interface IUseDatetime {
+    editable: ComputedRef<boolean>;
+    tabindex: ComputedRef<number>;
+    getCurrentDate: (dateOnly?: boolean) => IRawDate;
+    getShortDate: (date: IRawDate) => Partial<IRawDate>;
+    getLocale: () => TDateLocale;
+    getMask: () => string;
+    decodeString: (date: string) => IRawDate;
+}
+export declare type TDatetimeValueRange = {
+    from: string | IRawDate;
+    to: string | IRawDate;
+    target?: string | IRawDate;
+};
+export declare const makeDatetimeProps: <Defaults extends {
+    modelValue?: unknown;
+    mask?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Значение модели
+     */
+    modelValue: {
+        type: PropType<string | TDatetimeValueRange | (string | TDatetimeValueRange)[]>;
+        default: null;
+    };
+    /**
+     * Формат даты/времени
+     */
+    mask: {
+        type: PropType<string>;
+        default: string;
+    };
+}, Defaults>;
+export declare function useDatetime(props: IDatetimeProps): IUseDatetime;
+export declare function getDayHash(date: IRawDate): string;

package/dist/composable/delay.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 export interface IDelayProps {
     closeDelay: number | string;
     openDelay: number | string;

package/dist/composable/dimensions.d.ts

@@ -13,35 +13,53 @@ export interface IUseDimensions {
 }
 export declare const makeDimensionProps: <Defaults extends {
     height?: unknown;
+    width?: unknown;
     maxHeight?: unknown;
     maxWidth?: unknown;
     minHeight?: unknown;
     minWidth?: unknown;
-    width?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Высота
+     */
     height: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Ширина
+     */
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    /**
+     * Максимальная высота
+     */
     maxHeight: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Максимальная ширина
+     */
     maxWidth: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Минимальная высота
+     */
     minHeight: {
         type: PropType<string | number>;
         default: string;
     };
+    /**
+     * Минимальная ширина
+     */
     minWidth: {
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>;
-        default: string;
-    };
 }, Defaults>;
 export declare function useDimensions(props: IDimensionsProps): IUseDimensions;

package/dist/composable/display.d.ts

@@ -0,0 +1,59 @@
+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>;
+}
+export interface IDisplayInstance {
+    name: Ref<TBreakpoint>;
+    xs: Ref<boolean>;
+    sm: Ref<boolean>;
+    md: Ref<boolean>;
+    lg: Ref<boolean>;
+    xl: Ref<boolean>;
+    smUp: Ref<boolean>;
+    mdUp: Ref<boolean>;
+    lgUp: Ref<boolean>;
+    xlUp: Ref<boolean>;
+    smDown: Ref<boolean>;
+    mdDown: Ref<boolean>;
+    lgDown: Ref<boolean>;
+    xlDown: Ref<boolean>;
+    mobile: Ref<boolean>;
+    mobileBreakpoint: Ref<number | TBreakpoint>;
+    width: Ref<number>;
+    height: Ref<number>;
+    platform: Ref<TDisplayPlatform>;
+    thresholds: Ref<TDisplayThresholds>;
+    ssr: boolean;
+    update(): void;
+}
+export declare type TDisplayThresholds = {
+    [key in TBreakpoint]: number;
+};
+export declare type TDisplayPlatform = {
+    android: boolean;
+    ios: boolean;
+    cordova: boolean;
+    electron: boolean;
+    chrome: boolean;
+    edge: boolean;
+    firefox: boolean;
+    opera: boolean;
+    win: boolean;
+    mac: boolean;
+    linux: boolean;
+    touch: boolean;
+    ssr: boolean;
+};
+export declare type TSSROptions = boolean | {
+    clientWidth: number;
+    clientHeight?: number;
+};
+export declare const DisplaySymbol: InjectionKey<IDisplayInstance>;
+export declare function createDisplay(options?: IDisplayOptions, ssr?: TSSROptions): IDisplayInstance;
+export declare function useDisplay(): IDisplayInstance;

package/dist/composable/field.d.ts

@@ -12,6 +12,7 @@ export interface IFieldProps {
     type: TFieldTypes | undefined;
     placeholder: string | undefined;
     counter: boolean;
+    limit: number | undefined;
     clearable: boolean;
     'onClick:appendInner': EventProp | undefined;
     'onClick:prependInner': EventProp | undefined;
@@ -72,7 +73,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Иконка внутри элемента перед значением поля
      */
     prependInnerIcon: {
-        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" | "save" | "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;
     };
@@ -80,7 +81,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Иконка внутри элемента после значения поля
      */
     appendInnerIcon: {
-        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" | "save" | "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;
     };
@@ -88,7 +89,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Тип поля
      */
     type: {
-        type: PropType<"number" | "password" | "text" | "email" | "tel" | "url">;
+        type: PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
         default: string;
         validator: (value: TFieldTypes) => boolean;
     };

package/dist/composable/filter.d.ts

@@ -0,0 +1,52 @@
+import type { IInternalItem } from './items';
+import type { MaybeRef } from '../utils';
+import type { PropType, Ref } from 'vue';
+export declare type TFilterMath = boolean | number | [number, number] | [number, number][];
+export interface IFilterProps {
+    customFilter?: TFilterFunction;
+    customKeyFilter?: TFilterKeyFunctions;
+    filterKeys?: TFilterKeys;
+    filterMode?: TFilterMode;
+    noFilter?: boolean;
+}
+export interface IUseFilter<T> {
+    getMatches: (item: T) => Record<string, TFilterMath> | undefined;
+    filteredItems: Ref<T[]>;
+    filteredMatches: Ref<Map<unknown, Record<string, TFilterMath>>>;
+}
+export declare const makeFilterProps: <Defaults extends {
+    customFilter?: unknown;
+    customKeyFilter?: unknown;
+    filterKeys?: unknown;
+    filterMode?: unknown;
+    noFilter?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    customFilter: {
+        type: PropType<TFilterFunction>;
+        default: null;
+    };
+    customKeyFilter: {
+        type: PropType<TFilterKeyFunctions>;
+        default: null;
+    };
+    filterKeys: {
+        type: PropType<TFilterKeys>;
+        default: string;
+    };
+    filterMode: {
+        type: PropType<TFilterMode>;
+        default: string;
+    };
+    noFilter: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useFilter<T extends IInternalItem>(props: IFilterProps, items: MaybeRef<T[]>, query: Ref<string | number | undefined>, options?: {
+    filterKeys?: MaybeRef<TFilterKeys>;
+}): IUseFilter<T>;
+declare type TFilterFunction = (value: string, query: string, item?: any) => TFilterMath;
+declare type TFilterKeyFunctions = Record<string, TFilterFunction>;
+declare type TFilterKeys = string | string[];
+declare type TFilterMode = 'some' | 'every' | 'union' | 'intersection';
+export {};

package/dist/composable/form.d.ts

@@ -17,6 +17,8 @@ export interface IFormProvide {
     validateOn: Ref<IFormProps['validateOn']>;
 }
 export interface IFormProps {
+    label: string;
+    description: string;
     disabled: boolean;
     readonly: boolean;
     firstFail: boolean;

package/dist/composable/hidration.d.ts

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

package/dist/composable/icon.d.ts

@@ -22,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" | "save" | "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;
     };
@@ -30,7 +30,7 @@ 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" | "save" | "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;
     };

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';
@@ -27,3 +29,13 @@ 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

@@ -16,6 +16,8 @@ export interface IInputProps {
     label: string | undefined;
     description: string | undefined;
     value: any;
+    messages: string[] | string;
+    persistentMessages: boolean;
 }
 export interface IUseInput {
     id: ComputedRef<string>;
@@ -74,9 +76,9 @@ export declare const makeInputProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useInput(props: IInputProps, slots: Record<string, unknown>, name?: string): IUseInput;
-export declare function useFilteredInputProps(props: Record<string, unknown>, exclude: string[]): {
-    inputProps: Ref<{}>;
-    excludedProps: Ref<{}>;
+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<{}>;
@@ -84,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/items.d.ts

@@ -22,6 +22,8 @@ export interface IItemsProps {
 export interface IUseItems {
     items: ComputedRef<IInternalItem[]>;
     itemsProps: string[];
+    transformIn: (value: any[]) => IInternalItem[];
+    transformOut: (value: any[]) => any[];
 }
 export declare const makeItemsProps: <Defaults extends {
     items?: unknown;

package/dist/composable/lazy.d.ts

@@ -1,5 +1,4 @@
-import { ComputedRef } from 'vue';
-import type { Ref } from 'vue';
+import type { Ref, ComputedRef, PropType } from 'vue';
 export interface ILazyProps {
     eager: boolean;
 }
@@ -8,4 +7,15 @@ export interface IUseLazy {
     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/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;