@central-design-system/components 3.0.0-alpha.11 → 3.0.0-alpha.13

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

@@ -73,7 +73,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" | "funnel" | "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<"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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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;
     };
@@ -81,7 +81,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" | "funnel" | "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<"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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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/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" | "funnel" | "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<"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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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<"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" | "funnel" | "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<"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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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,3 +1,4 @@
+export * from './align';
 export * from './text';
 export * from './title';
 export * from './link';
@@ -39,3 +40,5 @@ export * from './refs';
 export * from './display';
 export * from './state';
 export * from './locale';
+export * from './group';
+export * from './ssrBoot';

package/dist/composable/resizeObserver.d.ts

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

package/dist/composable/ssrBoot.d.ts

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

package/dist/directives/index.d.ts

@@ -1 +1,2 @@
 export { ClickOutside } from './click-outside';
+export { Touch } from './touch';

package/dist/directives/touch/index.d.ts

@@ -0,0 +1,46 @@
+import type { DirectiveBinding } from 'vue';
+export interface ITouchHandlers {
+    start?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & ITouchData) => void;
+    end?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & ITouchData) => void;
+    move?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & ITouchData) => void;
+    left?: (wrapper: ITouchData) => void;
+    right?: (wrapper: ITouchData) => void;
+    up?: (wrapper: ITouchData) => void;
+    down?: (wrapper: ITouchData) => void;
+}
+export interface ITouchData {
+    touchstartX: number;
+    touchstartY: number;
+    touchmoveX: number;
+    touchmoveY: number;
+    touchendX: number;
+    touchendY: number;
+    offsetX: number;
+    offsetY: number;
+}
+export declare type TTouchWrapper = ITouchHandlers & ITouchData;
+export interface ITouchValue extends ITouchHandlers {
+    parent?: boolean;
+    options?: AddEventListenerOptions;
+}
+export interface ITouchStoredHandlers {
+    touchstart: (event: TouchEvent) => void;
+    touchend: (event: TouchEvent) => void;
+    touchmove: (event: TouchEvent) => void;
+}
+export interface ITouchDirectiveBinding extends Omit<DirectiveBinding, 'value'> {
+    value?: ITouchValue;
+}
+declare function mounted(el: HTMLElement, binding: ITouchDirectiveBinding): void;
+declare function unmounted(el: HTMLElement, binding: ITouchDirectiveBinding): void;
+export declare const Touch: {
+    mounted: typeof mounted;
+    unmounted: typeof unmounted;
+};
+export default Touch;

package/dist/globals.d.ts

@@ -1,3 +1,5 @@
+import type { ITouchStoredHandlers } from './directives/touch';
+
 declare global {
   interface HTMLCollection {
     [Symbol.iterator](): IterableIterator<Element>;
@@ -12,6 +14,9 @@ declare global {
         }
       | undefined
     > & { lastMousedownWasOutside: boolean };
+    _touchHandlers?: {
+      [_uid: number]: ITouchStoredHandlers;
+    };
   }
 
   export const __VUE_OPTIONS_API__: boolean | undefined;

package/dist/locale/index.d.ts

@@ -3,6 +3,10 @@ import type { TDateLocale } from '../utils';
 export interface ILocale {
     table: NTable.ILocale;
     date: TDateLocale;
+    container: {
+        prev?: string;
+        next?: string;
+    };
 }
 export declare const availableLocale: readonly ["ru", "en"];
 export declare type TAvailableLocale = typeof availableLocale[number];

package/dist/transitions/index.d.ts

@@ -12,6 +12,7 @@ export declare const CdsTransitionExpandX: import("vue").DefineComponent<{
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: import("vue").Prop<"default" | "in-out" | "out-in", "default" | "in-out" | "out-in">;
 }>>, {}>;
+export { CdsTransitionModal } from './modalTransition';
 export declare const CdsTransitionFade: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
     hideOnLeave: import("vue").PropType<boolean>;
@@ -252,3 +253,63 @@ export declare const CdsTransitionScale: import("vue").DefineComponent<{
     mode: string;
     origin: string;
 }>;
+export declare const CdsTransitionModalBottom: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionModalTop: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;

package/dist/transitions/modalTransition.d.ts

@@ -0,0 +1,8 @@
+import type { PropType } from 'vue';
+export declare const CdsTransitionModal: import("vue").DefineComponent<{
+    target: PropType<HTMLElement>;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    target: PropType<HTMLElement>;
+}>>, {}>;

package/dist/utils/dom/anchor.d.ts

@@ -19,5 +19,5 @@ export declare function toPhysical(str: 'center' | Tblock | Tinline): "top" | "b
 export declare function flipSide(anchor: ParsedAnchor): ParsedAnchor;
 export declare function flipAlign(anchor: ParsedAnchor): ParsedAnchor;
 export declare function flipCorner(anchor: ParsedAnchor): ParsedAnchor;
-export declare function getAxis(anchor: ParsedAnchor): "x" | "y";
+export declare function getAxis(anchor: ParsedAnchor): "y" | "x";
 export {};

package/dist/utils/helpers.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPublicInstance, ComputedGetter, PropType, Ref, ToRefs, VNodeProps, AllowedComponentProps, Component } from 'vue';
+import type { ComponentPublicInstance, ComponentInternalInstance, ComputedGetter, InjectionKey, PropType, Ref, ToRefs, VNodeProps, VNodeChild, AllowedComponentProps, Component } from 'vue';
 import type { TItemKey } from '../composable';
 export declare const keyNames: Readonly<{
     enter: "Enter";
@@ -33,6 +33,8 @@ export declare const classesStates: Readonly<{
     readonly: "cds-state-readonly";
     dragging: "cds-state-dragging";
 }>;
+export declare function keys<O extends {}>(o: O): (keyof O)[];
+export declare function has<T extends string>(obj: object, key: T[]): obj is Record<T, unknown>;
 export declare function isString(value: any): boolean;
 export declare function isArray(value: any): boolean;
 export declare function isSymbol(value: any): boolean;
@@ -80,7 +82,8 @@ export declare function deepEqual(a: any, b: any): boolean;
  * Wrap value in array if it's not already an array
  * @param value
  */
-export declare function wrapInArray<T>(value: T | T[] | null | undefined): T[];
+declare type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
+export declare function wrapInArray<T>(value: T | T[] | null | undefined): T extends readonly any[] ? IfAny<T, T[], T> : NonNullable<T>[];
 /**
  * Get the nested value of an object at a given path.
  * @param obj
@@ -141,6 +144,10 @@ export declare function padStart(string: number | string, targetLength: number,
 export declare function pad(n: string | number, length?: number): string;
 export declare function refElement<T extends Record<string, any> | undefined>(obj: T): Exclude<T, ComponentPublicInstance> | HTMLElement;
 export declare function omit<T extends object, K extends keyof T>(obj: T, fields: K[]): Omit<T, K>;
+export declare function findChildrenWithProvide(key: InjectionKey<any> | symbol, vnode?: VNodeChild | {
+    [key: string]: any;
+}): ComponentInternalInstance[];
+export declare function focusableChildren(el: Element): HTMLElement[];
 /**
  * Types
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.13",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",
@@ -26,8 +26,8 @@
   ],
   "types": "./dist/cds.d.ts",
   "scripts": {
-    "build": "rimraf dist && vue-tsc --noEmit && vite build",
-    "type-check": "npx vue-tsc --noEmit -p tsconfig.json --composite false",
+    "build": "rimraf dist && npm run type-check && vite build",
+    "type-check": "npx vue-tsc --noEmit -p tsconfig.build.json --composite false",
     "bump": "npx bumpp",
     "publish:alpha": "npm publish --tag next"
   },

package/src/scss/modules/_reset.scss

@@ -7,6 +7,11 @@
 
   html {
     font-size: var(--cds-font-base);
+    box-sizing: border-box;
+    overflow-y: scroll;
+    -webkit-text-size-adjust: 100%;
+    word-break: normal;
+    tab-size: 4;
   }
 
   body {

package/src/scss/modules/_transition.scss

@@ -1,8 +1,12 @@
 @import '../mixins/motion';
 
 $standard-easing: map-get(map-get($easing, 'ease-in-out'), 'basic');
-$standard-duration: $cds-duration-fast + ms;
+$decelerated-easing: map-get(map-get($easing, 'ease-out'), 'basic');
+$accelerated-easing: map-get(map-get($easing, 'ease-in'), 'basic');
+
 $accent-easting: map-get(map-get($easing, 'ease-in-out'), 'accent');
+
+$standard-duration: $cds-duration-fast + ms;
 $accent-duration: $cds-duration-normal + ms;
 
 @mixin transition-default() {
@@ -154,3 +158,46 @@ $accent-duration: $cds-duration-normal + ms;
   }
 }
 
+.modal-transition,
+.modal-transition-bottom,
+.modal-transition-top {
+  &-enter-active {
+    transition-duration: 225ms !important;
+    transition-timing-function: $decelerated-easing !important;
+  }
+
+  &-leave-active {
+    transition-duration: 125ms !important;
+    transition-timing-function: $accelerated-easing !important;
+  }
+
+  &-enter-active,
+  &-leave-active {
+    transition-property: transform, opacity !important;
+    pointer-events: none;
+  }
+}
+
+.modal-transition {
+  &-enter-from, &-leave-to {
+    transform: scale(0.9);
+    opacity: 0;
+  }
+
+  &-enter-to, &-leave-from {
+    opacity: 1;
+  }
+}
+
+.modal-transition-bottom {
+  &-enter-from, &-leave-to {
+    transform: translateY(calc(50vh + 50%));
+  }
+}
+
+.modal-transition-top {
+  &-enter-from, &-leave-to {
+    transform: translateY(calc(-50vh - 50%));
+  }
+}
+

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 7/7/2023, 7:26:18 PM
+ * Generated on 8/3/2023, 8:00:26 PM
  **/
 
 /**