@central-design-system/components 3.0.0-beta.0 → 3.0.0-beta.11

package/dist/composable/form.d.ts

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

package/dist/composable/group.d.ts

@@ -6,13 +6,13 @@ export interface IGroupItem {
     disabled: Ref<boolean | undefined>;
 }
 export interface IGroupProps {
-    disabled: boolean;
+    disabled?: boolean;
     modelValue: unknown;
     multiple?: boolean;
     required?: boolean | 'force';
     max?: number;
     selectedClass: string | undefined;
-    'onUpdate:modelValue': ((val: unknown) => void) | undefined;
+    'onUpdate:modelValue'?: ((val: unknown) => void) | undefined;
 }
 export interface IGroupProvide {
     selected: Ref<Readonly<number[]>>;

package/dist/composable/icon.d.ts

@@ -22,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в начале элемента
      */
     prependIcon: {
-        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -30,7 +30,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в конце элемента
      */
     appendIcon: {
-        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };

package/dist/composable/index.d.ts

@@ -45,3 +45,4 @@ export * from './group';
 export * from './ssrBoot';
 export * from './variant';
 export * from './layout';
+export * from './theme';

package/dist/composable/items.d.ts

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

package/dist/composable/loading.d.ts

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

package/dist/composable/nested/nested.d.ts

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

package/dist/composable/select.d.ts

@@ -1,6 +1,7 @@
 import { MaybePick } from '../utils';
 import type { PropType, ComputedRef, Ref } from 'vue';
 import type { IInternalItem, IUseItems } from './items';
+import type { TCdsIconsName } from '@central-design-system/icons';
 export interface ISelectProps {
     multiple: boolean;
     openOnClear: boolean;
@@ -15,7 +16,9 @@ export declare const makeSelectProps: <Defaults extends {
     hideSelected?: unknown;
     hideNoData?: unknown;
     isSelectAll?: unknown;
+    ellipsis?: unknown;
     listProps?: unknown;
+    menuIcon?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     /**
      * Множественный выбор элементов
@@ -52,6 +55,13 @@ export declare const makeSelectProps: <Defaults extends {
         type: PropType<boolean>;
         default: boolean;
     };
+    /**
+     * Отображать элементы выбранного списка в одну строку
+     */
+    ellipsis: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     /**
      * Свойства для списка
      */
@@ -70,8 +80,14 @@ export declare const makeSelectProps: <Defaults extends {
             required: boolean;
             selectStrategy: NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>;
             openStrategy: NonNullable<import("./nested/openStrategies").TOpenStrategyProp>;
+            theme: string;
             lines: false | "one" | "two" | "three";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
             selectStrategy: {
                 type: PropType<NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>>;
                 default: NonNullable<import("./nested/selectStrategies").TSelectStrategyProp>;
@@ -97,7 +113,9 @@ export declare const makeSelectProps: <Defaults extends {
                 available: readonly ["xs", "sm", "md", "lg", "xl"];
                 validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
             }, "default" | "type"> & {
-                type: PropType<NonNullable<"xs" | "sm" | "md" | "lg" | "xl">>;
+                type: PropType<NonNullable<"xs" | "sm" | "md" | "lg" | "xl">>; /**
+                 * Иконка выпадающего меню
+                 */
                 default: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
             };
             tag: {
@@ -123,7 +141,9 @@ export declare const makeSelectProps: <Defaults extends {
             };
             itemProps: {
                 type: PropType<import("./items").TItemKey>;
-                default: string;
+                default: string; /**
+                 * Иконка выпадающего меню
+                 */
             };
             returnObject: {
                 type: PropType<boolean>;
@@ -148,9 +168,17 @@ export declare const makeSelectProps: <Defaults extends {
                 path: unknown[];
                 event: Event;
             }) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: undefined;
     };
+    /**
+     * Иконка выпадающего меню
+     */
+    menuIcon: {
+        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        default: string;
+        validator: (value: TCdsIconsName) => boolean;
+    };
 }, Defaults>;
 export declare function useSelect(props: ISelectProps, items: ComputedRef<IInternalItem[]> | Ref<IInternalItem[]>, transformIn: IUseItems['transformIn'], transformOut: IUseItems['transformOut']): {
     model: Ref<readonly IInternalItem<any>[]> & {

package/dist/composable/tag.d.ts

@@ -1,7 +1,4 @@
 import type { PropType } from 'vue';
-export interface ITagProps {
-    tag: string;
-}
 export declare const makeTagProps: <Defaults extends {
     tag?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{

package/dist/composable/theme.d.ts

@@ -0,0 +1,82 @@
+import { ComputedRef } from 'vue';
+import type { App, DeepReadonly, InjectionKey, PropType, Ref } from 'vue';
+import type { TThemes } from '../themes';
+declare type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export declare type IThemeOptions = false | {
+    cspNonce?: string;
+    defaultTheme?: TThemes | string;
+    variations?: false | VariationOptions;
+    themes?: Record<string, ThemeDefinition>;
+};
+export declare type ThemeDefinition = DeepPartial<InternalThemeDefinition>;
+export declare type TTheme = typeof availableTheme[number];
+export interface Colors extends BaseColors, OnColors {
+    [key: string]: string;
+}
+interface VariationOptions {
+    colors: string[];
+    lighten: number;
+    darken: number;
+}
+interface InternalThemeDefinition {
+    dark: boolean;
+    colors: Colors;
+    variables: Record<string, string | number>;
+}
+interface BaseColors {
+    background: string;
+    surface: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    info: string;
+    error: string;
+}
+interface OnColors {
+    'on-background': string;
+    'on-surface': string;
+    'on-primary': string;
+    'on-secondary': string;
+    'on-success': string;
+    'on-warning': string;
+    'on-info': string;
+    'on-error': string;
+}
+export interface ThemeInstance {
+    readonly isDisabled: boolean;
+    readonly themes: Ref<Record<string, InternalThemeDefinition>>;
+    readonly name: Readonly<Ref<string>>;
+    readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
+    readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
+    readonly themeClasses: Readonly<ComputedRef<string | undefined>>;
+    readonly styles: Readonly<ComputedRef<string>>;
+    readonly global: {
+        readonly name: Ref<string>;
+        readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
+    };
+}
+export declare const ThemeSymbol: InjectionKey<ThemeInstance>;
+export declare const availableTheme: readonly ["cds", "b2b", "promo", "dark"];
+export declare const makeThemeProps: <Defaults extends {
+    theme?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Тема
+     */
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
+}, Defaults>;
+export declare function createTheme(options?: IThemeOptions): ThemeInstance & {
+    install: (app: App) => void;
+};
+export declare function provideTheme(props: {
+    theme?: string;
+}): ThemeInstance;
+export declare function useTheme(): ThemeInstance;
+export {};

package/dist/composable/variant.d.ts

@@ -15,7 +15,7 @@ export declare const makeVariantProps: <Defaults extends {
      * Вариант отображения
      */
     variant: {
-        type: PropType<any>;
+        type: PropType<"default" | "important">;
         default: string;
         validator: (value: TVariant) => boolean;
     };

package/dist/create.d.ts

@@ -1,12 +1,13 @@
 import { ILocale, TAvailableLocale } from './locale';
 import type { App } from 'vue';
-import type { IDisplayOptions } from './composable';
+import type { IDisplayOptions, IThemeOptions } from './composable';
 export interface ICdsOptions {
     components?: Record<string, any>;
     directives?: Record<string, any>;
     icons?: Record<string, any>;
     illustrations?: Record<string, any>;
     display?: IDisplayOptions;
+    theme?: IThemeOptions;
     cssGrid?: boolean;
     ssr?: boolean;
     locale?: TAvailableLocale | ILocale;
@@ -19,5 +20,8 @@ interface NuxtApp {
 export declare function createCds(options?: ICdsOptions): {
     install: (app: App & NuxtApp) => void;
     display: import("./composable").IDisplayInstance;
+    theme: import("./composable").ThemeInstance & {
+        install: (app: App<any>) => void;
+    };
 };
 export {};

package/dist/directives/index.d.ts

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

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

@@ -0,0 +1,19 @@
+import type { DirectiveBinding } from 'vue';
+declare type ObserveHandler = (isIntersecting: boolean, entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;
+export interface ObserverDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: ObserveHandler | {
+        handler: ObserveHandler;
+        options?: IntersectionObserverInit;
+    };
+    modifiers: {
+        once?: boolean;
+        quiet?: boolean;
+    };
+}
+declare function mounted(el: HTMLElement, binding: ObserverDirectiveBinding): void;
+declare function unmounted(el: HTMLElement, binding: ObserverDirectiveBinding): void;
+export declare const Intersect: {
+    mounted: typeof mounted;
+    unmounted: typeof unmounted;
+};
+export default Intersect;

package/dist/globals.d.ts

@@ -17,6 +17,14 @@ declare global {
     _touchHandlers?: {
       [_uid: number]: ITouchStoredHandlers;
     };
+    _observe?: Record<
+      number,
+      | {
+          init: boolean;
+          observer: IntersectionObserver;
+        }
+      | undefined
+    >;
   }
 
   export const __VUE_OPTIONS_API__: boolean | undefined;

package/dist/themes/b2b.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/cds.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/dark.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/index.d.ts

@@ -0,0 +1,5 @@
+export * from './themes.d';
+export { default as cds } from './cds';
+export { default as b2b } from './b2b';
+export { default as dark } from './dark';
+export { default as promo } from './promo';

package/dist/themes/promo.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    dark?: boolean | undefined;
+    colors?: {
+        [x: string]: string | undefined;
+        background?: string | undefined;
+        surface?: string | undefined;
+        primary?: string | undefined;
+        secondary?: string | undefined;
+        success?: string | undefined;
+        warning?: string | undefined;
+        info?: string | undefined;
+        error?: string | undefined;
+        'on-background'?: string | undefined;
+        'on-surface'?: string | undefined;
+        'on-primary'?: string | undefined;
+        'on-secondary'?: string | undefined;
+        'on-success'?: string | undefined;
+        'on-warning'?: string | undefined;
+        'on-info'?: string | undefined;
+        'on-error'?: string | undefined;
+    } | undefined;
+    variables?: {
+        [x: string]: string | number | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/themes/themes.d.ts

@@ -0,0 +1,10 @@
+import type { ThemeDefinition } from '../composable';
+
+export interface IThemes {
+  cds: ThemeDefinition;
+  b2b: ThemeDefinition;
+  promo: ThemeDefinition;
+  dark: ThemeDefinition;
+}
+
+export type TThemes = keyof IThemes;

package/dist/transitions/createTransition.d.ts

@@ -26,8 +26,8 @@ export declare function createCssTransition(name: string, origin?: string, mode?
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare function createJSTransition(name: string, functions: Record<string, any>, mode?: string): import("vue").DefineComponent<{
     mode: Prop<"default" | "in-out" | "out-in", "default" | "in-out" | "out-in">;

package/dist/transitions/index.d.ts

@@ -40,8 +40,8 @@ export declare const CdsTransitionFade: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionSlideY: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -70,8 +70,8 @@ export declare const CdsTransitionSlideY: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionSlideX: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -100,8 +100,8 @@ export declare const CdsTransitionSlideX: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionSlideRight: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -130,8 +130,8 @@ export declare const CdsTransitionSlideRight: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionSlideLeft: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -160,8 +160,8 @@ export declare const CdsTransitionSlideLeft: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionJumpRight: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -190,8 +190,8 @@ export declare const CdsTransitionJumpRight: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionJumpLeft: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -220,8 +220,8 @@ export declare const CdsTransitionJumpLeft: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionScale: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -250,8 +250,8 @@ export declare const CdsTransitionScale: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionModalBottom: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -280,8 +280,8 @@ export declare const CdsTransitionModalBottom: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;
 export declare const CdsTransitionModalTop: import("vue").DefineComponent<{
     group: import("vue").PropType<boolean>;
@@ -310,6 +310,6 @@ export declare const CdsTransitionModalTop: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    origin: string;
     mode: string;
+    origin: string;
 }>;