@central-design-system/components 3.0.2 → 3.0.4

package/dist/components/index.d.ts

@@ -2,84 +2,84 @@
  * Automatically generated by CDS CLI
  * Generated on 11/5/2024, 4:41:10 PM
  **/
-export { default as CdsAutocomplete } from './CdsAutocomplete/CdsAutocomplete.vue';
-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 CdsFunctionalButton } from './CdsButton/CdsFunctionalButton.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 CdsContainer } from './CdsContainer/CdsContainer.vue';
-export { default as CdsContainerItem } from './CdsContainer/CdsContainerItem.vue';
-export { default as CdsContentSwitcher } from './CdsContentSwitcher/CdsContentSwitcher.vue';
-export { default as CdsContentSwitcherItem } from './CdsContentSwitcher/CdsContentSwitcherItem.vue';
-export { default as CdsDatePicker } from './CdsDatePicker/CdsDatePicker.vue';
-export { default as CdsDivider } from './CdsDivider/CdsDivider.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 CdsExpandablePanel } from './CdsExpandablePanel/CdsExpandablePanel.vue';
-export { default as CdsExpandablePanelContent } from './CdsExpandablePanel/CdsExpandablePanelContent.vue';
-export { default as CdsExpandablePanels } from './CdsExpandablePanel/CdsExpandablePanels.vue';
-export { default as CdsExpandablePanelTitle } from './CdsExpandablePanel/CdsExpandablePanelTitle.vue';
-export { default as CdsFooter } from './CdsFooter/CdsFooter.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';
-export { default as CdsRow } from './CdsGrid/CdsRow.vue';
-export { default as CdsHeader } from './CdsHeader/CdsHeader.vue';
-export { default as CdsIcon } from './CdsIcon/CdsIcon.vue';
-export { default as CdsImage } from './CdsImage/CdsImage.vue';
-export { default as CdsInput } from './CdsInput/CdsInput.vue';
-export { default as CdsInputCounter } from './CdsInput/CdsInputCounter.vue';
-export { default as CdsInputDescription } from './CdsInput/CdsInputDescription.vue';
-export { default as CdsInputLabel } from './CdsInput/CdsInputLabel.vue';
-export { default as CdsInputMessages } from './CdsInput/CdsInputMessages.vue';
-export { default as CdsLayout } from './CdsLayout/CdsLayout.vue';
-export { default as CdsLink } from './CdsLink/CdsLink.vue';
-export { default as CdsList } from './CdsList/CdsList.vue';
-export { default as CdsListGroup } from './CdsList/CdsListGroup.vue';
-export { default as CdsListItem } from './CdsList/CdsListItem.vue';
-export { default as CdsLoader } from './CdsLoader/CdsLoader.vue';
-export { default as CdsMain } from './CdsMain/CdsMain.vue';
-export { default as CdsMenu } from './CdsMenu/CdsMenu.vue';
-export { default as CdsModal } from './CdsModal/CdsModal.vue';
-export { default as CdsNotification } from './CdsNotification/CdsNotification.vue';
-export { default as CdsNotificationAlert } from './CdsNotification/CdsNotificationAlert.vue';
-export { default as CdsOverlay } from './CdsOverlay/CdsOverlay.vue';
-export { default as CdsPage } from './CdsPage/CdsPage.vue';
-export { default as CdsPagination } from './CdsPagination/CdsPagination.vue';
-export { default as CdsProgress } from './CdsProgress/CdsProgress.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 CdsSkeletonLoader } from './CdsSkeletonLoader/CdsSkeletonLoader.vue';
-export { default as CdsSlideGroup } from './CdsSlideGroup/CdsSlideGroup.vue';
-export { default as CdsSlideGroupItem } from './CdsSlideGroup/CdsSlideGroupItem.vue';
-export { default as CdsStages } from './CdsStages/CdsStages.vue';
-export { default as CdsStatus } from './CdsStatus/CdsStatus.vue';
-export { default as CdsSteps } from './CdsSteps/CdsSteps.vue';
-export { default as CdsStepsItem } from './CdsSteps/CdsStepsItem.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 CdsTab } from './CdsTabs/CdsTab.vue';
-export { default as CdsTabs } from './CdsTabs/CdsTabs.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 CdsToggle } from './CdsToggle/CdsToggle.vue';
-export { default as CdsToolbar } from './CdsToolbar/CdsToolbar.vue';
-export { default as CdsToolbarTitle } from './CdsToolbar/CdsToolbarTitle.vue';
-export { default as CdsTooltip } from './CdsTooltip/CdsTooltip.vue';
-export { default as CdsTree } from './CdsTree/CdsTree.vue';
-export { default as CdsTreeDirectory } from './CdsTree/CdsTreeDirectory.vue';
-export { default as CdsTreeNode } from './CdsTree/CdsTreeNode.vue';
-export { default as CdsUploader } from './CdsUploader/CdsUploader.vue';
+export { default as CdsAutocomplete } from './CdsAutocomplete/CdsAutocomplete';
+export { default as CdsBadge } from './CdsBadge/CdsBadge';
+export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs';
+export { default as CdsBreadcrumbsItem } from './CdsBreadcrumbs/CdsBreadcrumbsItem';
+export { default as CdsButton } from './CdsButton/CdsButton';
+export { default as CdsFunctionalButton } from './CdsButton/CdsFunctionalButton';
+export { default as CdsCheckbox } from './CdsCheckbox/CdsCheckbox';
+export { default as CdsCheckboxGroup } from './CdsCheckbox/CdsCheckboxGroup';
+export { default as CdsCombobox } from './CdsCombobox/CdsCombobox';
+export { default as CdsContainer } from './CdsContainer/CdsContainer';
+export { default as CdsContainerItem } from './CdsContainer/CdsContainerItem';
+export { default as CdsContentSwitcher } from './CdsContentSwitcher/CdsContentSwitcher';
+export { default as CdsContentSwitcherItem } from './CdsContentSwitcher/CdsContentSwitcherItem';
+export { default as CdsDatePicker } from './CdsDatePicker/CdsDatePicker';
+export { default as CdsDivider } from './CdsDivider/CdsDivider';
+export { default as CdsDrawer } from './CdsDrawer/CdsDrawer';
+export { default as CdsDropdown } from './CdsDropdown/CdsDropdown';
+export { default as CdsEmptyState } from './CdsEmptyState/CdsEmptyState';
+export { default as CdsExpandablePanel } from './CdsExpandablePanel/CdsExpandablePanel';
+export { default as CdsExpandablePanelContent } from './CdsExpandablePanel/CdsExpandablePanelContent';
+export { default as CdsExpandablePanels } from './CdsExpandablePanel/CdsExpandablePanels';
+export { default as CdsExpandablePanelTitle } from './CdsExpandablePanel/CdsExpandablePanelTitle';
+export { default as CdsFooter } from './CdsFooter/CdsFooter';
+export { default as CdsForm } from './CdsForm/CdsForm';
+export { default as CdsCol } from './CdsGrid/CdsCol';
+export { default as CdsGrid } from './CdsGrid/CdsGrid';
+export { default as CdsRow } from './CdsGrid/CdsRow';
+export { default as CdsHeader } from './CdsHeader/CdsHeader';
+export { default as CdsIcon } from './CdsIcon/CdsIcon';
+export { default as CdsImage } from './CdsImage/CdsImage';
+export { default as CdsInput } from './CdsInput/CdsInput';
+export { default as CdsInputCounter } from './CdsInput/CdsInputCounter';
+export { default as CdsInputDescription } from './CdsInput/CdsInputDescription';
+export { default as CdsInputLabel } from './CdsInput/CdsInputLabel';
+export { default as CdsInputMessages } from './CdsInput/CdsInputMessages';
+export { default as CdsLayout } from './CdsLayout/CdsLayout';
+export { default as CdsLink } from './CdsLink/CdsLink';
+export { default as CdsList } from './CdsList/CdsList';
+export { default as CdsListGroup } from './CdsList/CdsListGroup';
+export { default as CdsListItem } from './CdsList/CdsListItem';
+export { default as CdsLoader } from './CdsLoader/CdsLoader';
+export { default as CdsMain } from './CdsMain/CdsMain';
+export { default as CdsMenu } from './CdsMenu/CdsMenu';
+export { default as CdsModal } from './CdsModal/CdsModal';
+export { default as CdsNotification } from './CdsNotification/CdsNotification';
+export { default as CdsNotificationAlert } from './CdsNotification/CdsNotificationAlert';
+export { default as CdsOverlay } from './CdsOverlay/CdsOverlay';
+export { default as CdsPage } from './CdsPage/CdsPage';
+export { default as CdsPagination } from './CdsPagination/CdsPagination';
+export { default as CdsProgress } from './CdsProgress/CdsProgress';
+export { default as CdsRadio } from './CdsRadioButton/CdsRadio';
+export { default as CdsRadioButton } from './CdsRadioButton/CdsRadioButton';
+export { default as CdsSelect } from './CdsSelect/CdsSelect';
+export { default as CdsSidebar } from './CdsSidebar/CdsSidebar';
+export { default as CdsSkeletonLoader } from './CdsSkeletonLoader/CdsSkeletonLoader';
+export { default as CdsSlideGroup } from './CdsSlideGroup/CdsSlideGroup';
+export { default as CdsSlideGroupItem } from './CdsSlideGroup/CdsSlideGroupItem';
+export { default as CdsStages } from './CdsStages/CdsStages';
+export { default as CdsStatus } from './CdsStatus/CdsStatus';
+export { default as CdsSteps } from './CdsSteps/CdsSteps';
+export { default as CdsStepsItem } from './CdsSteps/CdsStepsItem';
+export { default as CdsTable } from './CdsTable/CdsTable';
+export { default as CdsTableColumn } from './CdsTable/CdsTableColumn';
+export { default as CdsTableColumnGroup } from './CdsTable/CdsTableColumnGroup';
+export { default as CdsTab } from './CdsTabs/CdsTab';
+export { default as CdsTabs } from './CdsTabs/CdsTabs';
+export { default as CdsTag } from './CdsTag/CdsTag';
+export { default as CdsTextArea } from './CdsTextArea/CdsTextArea';
+export { default as CdsTextInput } from './CdsTextInput/CdsTextInput';
+export { default as CdsTimePicker } from './CdsTimePicker/CdsTimePicker';
+export { default as CdsToggle } from './CdsToggle/CdsToggle';
+export { default as CdsToolbar } from './CdsToolbar/CdsToolbar';
+export { default as CdsToolbarTitle } from './CdsToolbar/CdsToolbarTitle';
+export { default as CdsTooltip } from './CdsTooltip/CdsTooltip';
+export { default as CdsTree } from './CdsTree/CdsTree';
+export { default as CdsTreeDirectory } from './CdsTree/CdsTreeDirectory';
+export { default as CdsTreeNode } from './CdsTree/CdsTreeNode';
+export { default as CdsUploader } from './CdsUploader/CdsUploader';
 export * from './CdsAutocomplete';
 export * from './CdsBadge';
 export * from './CdsBreadcrumbs';

package/dist/composable/align.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare type TAlign = typeof allowedAlign[number];
+export type TAlign = typeof allowedAlign[number];
 export declare const allowedAlign: string[];
 export interface IAlignProps {
     align: TAlign;
@@ -11,7 +11,7 @@ export declare const makeAlignProps: <Defaults extends {
      * Выравнивание
      */
     align: {
-        type: PropType<string>;
+        type: PropType<TAlign>;
         default: string;
     };
 }, Defaults>;

package/dist/composable/appearance.d.ts

@@ -1,6 +1,6 @@
-import type { MaybeRef } from '../utils';
-import type { ComputedRef, PropType } from 'vue';
-export declare type TAppearance = typeof allowedAppearance[number];
+import { MaybeRef } from '../utils';
+import { ComputedRef, PropType } from 'vue';
+export type TAppearance = typeof allowedAppearance[number];
 export interface IAppearanceProps {
     appearance: TAppearance;
 }
@@ -15,7 +15,7 @@ export declare const makeAppearanceProps: <Defaults extends {
      * Внешний вид
      */
     appearance: {
-        type: PropType<"primary" | "secondary" | "tertiary" | "inverse" | "transparent">;
+        type: PropType<TAppearance>;
         default: string;
         available: readonly ["primary", "secondary", "tertiary", "inverse", "transparent"];
         validator: (value: TAppearance) => boolean;

package/dist/composable/color.d.ts

@@ -1,13 +1,13 @@
-import type { ComputedRef, PropType } from 'vue';
-export declare type TColor = typeof allowedColor[number];
-export declare type TPrimitiveColors = {
+import { ComputedRef, PropType } from 'vue';
+export type TColor = typeof allowedColor[number];
+export type TPrimitiveColors = {
     [key in TColor]: {
         background: string;
         color: string;
         hover: string;
     };
 };
-export declare type IColorProps = {
+export type IColorProps = {
     color: TColor;
 };
 export interface IUseColor {
@@ -25,7 +25,7 @@ export declare const makeColorProps: <Defaults extends {
      * Цвет
      */
     color: {
-        type: PropType<"default" | "chocolate" | "lemon" | "lime" | "cyan" | "teal" | "indigo" | "purple" | "pink">;
+        type: PropType<TColor>;
         available: readonly ["default", "chocolate", "lemon", "lime", "cyan", "teal", "indigo", "purple", "pink"];
         default: string;
         validator: (value: TColor) => boolean;

package/dist/composable/datetime.d.ts

@@ -1,6 +1,6 @@
-import type { ILocale, TAvailableLocale } from '../locale';
-import type { IRawDate, TDateLocale } from '../utils';
-import type { ComputedRef, PropType } from 'vue';
+import { ILocale, TAvailableLocale } from '../locale';
+import { IRawDate, TDateLocale } from '../utils';
+import { ComputedRef, PropType } from 'vue';
 export interface IDatetimeProps {
     modelValue: string | TDatetimeValueRange | Array<string | TDatetimeValueRange>;
     mask: string;
@@ -17,7 +17,7 @@ export interface IUseDatetime {
     getMask: () => string;
     decodeString: (date: string) => IRawDate;
 }
-export declare type TDatetimeValueRange = {
+export type TDatetimeValueRange = {
     from: string | IRawDate;
     to: string | IRawDate;
     target?: string | IRawDate;
@@ -30,7 +30,7 @@ export declare const makeDatetimeProps: <Defaults extends {
      * Значение модели
      */
     modelValue: {
-        type: PropType<string | TDatetimeValueRange | (string | TDatetimeValueRange)[]>;
+        type: PropType<string | TDatetimeValueRange | Array<string | TDatetimeValueRange>>;
         default: null;
     };
     /**

package/dist/composable/delay.d.ts

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import { PropType } from 'vue';
 export interface IDelayProps {
     closeDelay: number | string;
     openDelay: number | string;
@@ -16,14 +16,14 @@ export declare const makeDelayProps: <Defaults extends {
      * Задержка в миллисекундах перед закрытием оверлея. Только для события hover и focus.
      */
     closeDelay: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: null;
     };
     /**
      * Задержка в миллисекундах перед открытием оверлея. Только для события hover и focus.
      */
     openDelay: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: null;
     };
 }, Defaults>;

package/dist/composable/dimensions.d.ts

@@ -1,5 +1,4 @@
-import { ComputedRef } from 'vue';
-import type { PropType } from 'vue';
+import { PropType, ComputedRef } from 'vue';
 export interface IDimensionsProps {
     height: number | string;
     maxHeight: number | string;
@@ -23,42 +22,42 @@ export declare const makeDimensionProps: <Defaults extends {
      * Высота
      */
     height: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     /**
      * Ширина
      */
     width: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     /**
      * Максимальная высота
      */
     maxHeight: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     /**
      * Максимальная ширина
      */
     maxWidth: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     /**
      * Минимальная высота
      */
     minHeight: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
     /**
      * Минимальная ширина
      */
     minWidth: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: string;
     };
 }, Defaults>;

package/dist/composable/direction.d.ts

@@ -1,6 +1,6 @@
-import type { MaybeRef } from '../utils';
-import type { ComputedRef, PropType } from 'vue';
-export declare type TDirection = typeof allowedDirection[number];
+import { MaybeRef } from '../utils';
+import { ComputedRef, PropType } from 'vue';
+export type TDirection = typeof allowedDirection[number];
 export interface IDirectionProps {
     direction: TDirection;
 }
@@ -15,7 +15,7 @@ export declare const makeDirectionProps: <Defaults extends {
      * Расположение горизонтальное или вертикальное
      */
     direction: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<TDirection>;
         default: string;
         available: readonly ["horizontal", "vertical"];
         validator: (value: TDirection) => boolean;

package/dist/composable/disabled.d.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef, PropType } from 'vue';
+import { ComputedRef, PropType } from 'vue';
 export interface IDisabledProps {
     disabled: boolean;
 }

package/dist/composable/display.d.ts

@@ -1,9 +1,9 @@
-import type { InjectionKey, Ref } from 'vue';
+import { 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 type TBreakpoint = typeof breakpoints[number];
+export type TBreakpointUpDown = typeof breakpointsUpDown[number];
+export type TBreakpointMap = Record<TBreakpoint, string>;
 export interface IDisplayOptions {
     mobileBreakpoint?: number | TBreakpoint;
     thresholds?: Partial<TDisplayThresholds>;
@@ -34,10 +34,10 @@ export interface IDisplayInstance {
     ssr: boolean;
     update(): void;
 }
-export declare type TDisplayThresholds = {
+export type TDisplayThresholds = {
     [key in TBreakpoint]: number;
 };
-export declare type TDisplayPlatform = {
+export type TDisplayPlatform = {
     android: boolean;
     ios: boolean;
     cordova: boolean;
@@ -52,7 +52,7 @@ export declare type TDisplayPlatform = {
     touch: boolean;
     ssr: boolean;
 };
-export declare type TSSROptions = boolean | {
+export type TSSROptions = boolean | {
     clientWidth: number;
     clientHeight?: number;
 };

package/dist/composable/field.d.ts

@@ -1,7 +1,7 @@
-import type { TCdsIconsName } from '@central-design-system/icons';
-import type { EventProp } from '../utils';
-import type { ComputedRef, PropType } from 'vue';
-export declare type TFieldTypes = typeof allowedFieldType[number];
+import { TCdsIconsName } from '@central-design-system/icons';
+import { EventProp } from '../utils';
+import { ComputedRef, PropType } from 'vue';
+export type TFieldTypes = typeof allowedFieldType[number];
 export interface IFieldProps {
     active: boolean;
     autofocus: boolean;
@@ -80,7 +80,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Иконка внутри элемента перед значением поля
      */
     prependInnerIcon: {
-        type: PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "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-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+        type: PropType<TCdsIconsName>;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -88,7 +88,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Иконка внутри элемента после значения поля
      */
     appendInnerIcon: {
-        type: PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "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-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+        type: PropType<TCdsIconsName>;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -96,7 +96,7 @@ export declare const makeFieldProps: <Defaults extends {
      * Тип поля
      */
     type: {
-        type: PropType<"number" | "password" | "text" | "email" | "tel" | "url">;
+        type: PropType<TFieldTypes>;
         default: string;
         validator: (value: TFieldTypes) => boolean;
     };
@@ -153,14 +153,14 @@ export declare const makeFieldProps: <Defaults extends {
      * Событие клика по иконке внутри элемента перед значением поля
      */
     'onClick:prependInner': {
-        type: PropType<(...args: any[]) => any>;
+        type: PropType<EventProp>;
         default: undefined;
     };
     /**
      * Событие клика по иконке внутри элемента после значения поля
      */
     'onClick:appendInner': {
-        type: PropType<(...args: any[]) => any>;
+        type: PropType<EventProp>;
         default: undefined;
     };
 }, Defaults>;

package/dist/composable/filter.d.ts

@@ -1,7 +1,7 @@
-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][];
+import { IInternalItem } from './items';
+import { MaybeRef } from '../utils';
+import { PropType, Ref } from 'vue';
+export type TFilterMath = boolean | number | [number, number] | [number, number][];
 export interface IFilterProps {
     customFilter?: TFilterFunction;
     customKeyFilter?: TFilterKeyFunctions;
@@ -71,12 +71,12 @@ 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 = {
+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[];
-declare type TFilterMode = 'some' | 'every' | 'union' | 'intersection';
+type TFilterFunction = (value: string, query: string, item?: any) => TFilterMath;
+type TFilterKeyFunctions = Record<string, TFilterFunction>;
+type TFilterKeys = string | string[];
+type TFilterMode = 'some' | 'every' | 'union' | 'intersection';
 export {};

package/dist/composable/focus.d.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef, PropType, Ref } from 'vue';
+import { ComputedRef, PropType, Ref } from 'vue';
 export interface IFocusProps {
     focused: boolean;
 }

package/dist/composable/form.d.ts

@@ -1,6 +1,5 @@
-import { InjectionKey } from 'vue';
-import type { IValidationProps } from './validation';
-import type { Ref, ComputedRef, PropType } from 'vue';
+import { IValidationProps } from './validation';
+import { Ref, ComputedRef, PropType, InjectionKey } from 'vue';
 export interface IFormProvide {
     register: (item: {
         id: number | string;
@@ -98,26 +97,29 @@ export declare const makeFormProps: <Defaults extends {
      * Событие для валидации
      */
     validateOn: {
-        type: PropType<"input" | "blur" | "submit" | undefined>;
+        type: PropType<IFormProps["validateOn"]>;
         default: string;
     };
 }, Defaults>;
 export declare const FormKey: InjectionKey<IFormProvide>;
 export declare function createForm(props: IFormProps): {
     errors: Ref<{
-        id: string | number;
+        id: number | string;
+        errorMessages: string[];
+    }[], IFieldValidationResult[] | {
+        id: number | string;
         errorMessages: string[];
     }[]>;
     isDisabled: ComputedRef<boolean>;
     isReadonly: ComputedRef<boolean>;
-    isValidating: Ref<boolean>;
-    model: Ref<boolean | null> & {
+    isValidating: Ref<boolean, boolean>;
+    model: Ref<boolean | null, boolean | null> & {
         readonly externalValue: boolean | null;
     };
     validate: () => Promise<{
         valid: boolean;
         errors: {
-            id: string | number;
+            id: number | string;
             errorMessages: string[];
         }[];
     }>;

package/dist/composable/group.d.ts

@@ -1,5 +1,5 @@
-import type { IDisabledProps } from '../composable';
-import type { ComponentInternalInstance, ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+import { IDisabledProps } from '.';
+import { ComponentInternalInstance, ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
 export interface IGroupItem {
     id: number;
     value: Ref<unknown>;
@@ -130,7 +130,7 @@ export declare const makeSlideGroupProps: <Defaults extends {
      * Показывать стрелки для переключения между элементами
      */
     showArrows: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
         validator: (value: any) => boolean;
     };
 }, Defaults>;

package/dist/composable/hidration.d.ts

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

package/dist/composable/icon.d.ts

@@ -1,6 +1,6 @@
 import { EventProp } from '../utils';
-import type { TCdsIconsName } from '@central-design-system/icons';
-import type { PropType, ComputedRef } from 'vue';
+import { TCdsIconsName } from '@central-design-system/icons';
+import { PropType, ComputedRef } from 'vue';
 export interface IIconProps {
     prependIcon: TCdsIconsName | undefined;
     appendIcon: TCdsIconsName | undefined;
@@ -22,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в начале элемента
      */
     prependIcon: {
-        type: PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "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-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+        type: PropType<TCdsIconsName>;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -30,7 +30,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в конце элемента
      */
     appendIcon: {
-        type: PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "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-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+        type: PropType<TCdsIconsName>;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -43,14 +43,14 @@ export declare const makeIconEvents: <Defaults extends {
      * Событие клика по иконке перед значением поля
      */
     'onClick:prepend': {
-        type: PropType<(...args: any[]) => any>;
+        type: PropType<EventProp>;
         default: undefined;
     };
     /**
      * Событие клика по иконке после значения поля
      */
     'onClick:append': {
-        type: PropType<(...args: any[]) => any>;
+        type: PropType<EventProp>;
         default: undefined;
     };
 }, Defaults>;