@onereach/ui-components 4.7.0-beta.2811.0 → 4.7.0

package/dist/esm/v3/components/or-textbox/OrTextbox.vue.d.ts

@@ -1,52 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TextboxTypes } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    inputRef: import("@vue/composition-api").Ref<HTMLInputElement | HTMLTextAreaElement | null>;
-    reqAF: import("@vue/composition-api").Ref<null>;
-    rootClasses: import("@vue/composition-api").ComputedRef<(string | {
-        'is-show-info': boolean;
-        'is-small': boolean;
-        'has-counter': boolean;
-        'has-label': boolean;
-    })[]>;
-    inputClasses: import("@vue/composition-api").ComputedRef<{
-        'or-textbox--input': boolean;
-        'or-textbox--input-textarea': boolean;
-        'is-disabled': boolean;
-        'is-readonly': boolean;
-        'is-focused': boolean;
-        'is-required': boolean;
-        'has-error': boolean;
-    }>;
-    localValue: import("@vue/composition-api").ComputedRef<string>;
-    localType: import("@vue/composition-api").ComputedRef<TextboxTypes>;
-    localId: import("@vue/composition-api").ComputedRef<string>;
-    hasValue: import("@vue/composition-api").ComputedRef<boolean>;
-    counterString: import("@vue/composition-api").ComputedRef<string>;
-    isShowError: import("@vue/composition-api").ComputedRef<boolean>;
-    isShowInfo: import("@vue/composition-api").ComputedRef<boolean>;
-    isShowHint: import("@vue/composition-api").ComputedRef<boolean>;
-    isInactive: import("@vue/composition-api").ComputedRef<boolean>;
-    isTextareaType: import("@vue/composition-api").ComputedRef<boolean>;
-    isSearchType: import("@vue/composition-api").ComputedRef<boolean>;
-    isPasswordType: import("@vue/composition-api").ComputedRef<boolean>;
-    currentButtonIcon: import("@vue/composition-api").ComputedRef<"" | "visibility" | "visibility_off" | "close" | "search">;
-    onClickButton: () => void;
-    onInput: (event: Event) => void;
-    onFocus: (event: Event) => void;
-    onBlur: (event: Event) => void;
-}> & import("@vue/composition-api").Data, {
-    focus(): void;
-    beforeEnter(el: HTMLElement): void;
-    enter(el: HTMLElement): void;
-    leave(el: HTMLElement): void;
-    cancelRequestAF(): void;
-}, {
-    maxWidthStyle(): Record<string, number | string | undefined> | {};
-    heightStyle(): Record<string, number | string | undefined> | {};
-    rootStyle(): Record<string, unknown> | {};
-    inputStyle(): Record<string, unknown>;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<string>;
         default: string;
@@ -137,7 +91,53 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    inputRef: import("vue-demi").Ref<HTMLInputElement | HTMLTextAreaElement | null>;
+    reqAF: import("vue-demi").Ref<null>;
+    rootClasses: import("vue-demi").ComputedRef<(string | {
+        'is-show-info': boolean;
+        'is-small': boolean;
+        'has-counter': boolean;
+        'has-label': boolean;
+    })[]>;
+    inputClasses: import("vue-demi").ComputedRef<{
+        'or-textbox--input': boolean;
+        'or-textbox--input-textarea': boolean;
+        'is-disabled': boolean;
+        'is-readonly': boolean;
+        'is-focused': boolean;
+        'is-required': boolean;
+        'has-error': boolean;
+    }>;
+    localValue: import("vue-demi").ComputedRef<string>;
+    localType: import("vue-demi").ComputedRef<TextboxTypes>;
+    localId: import("vue-demi").ComputedRef<string>;
+    hasValue: import("vue-demi").ComputedRef<boolean>;
+    counterString: import("vue-demi").ComputedRef<string>;
+    isShowError: import("vue-demi").ComputedRef<boolean>;
+    isShowInfo: import("vue-demi").ComputedRef<boolean>;
+    isShowHint: import("vue-demi").ComputedRef<boolean>;
+    isInactive: import("vue-demi").ComputedRef<boolean>;
+    isTextareaType: import("vue-demi").ComputedRef<boolean>;
+    isSearchType: import("vue-demi").ComputedRef<boolean>;
+    isPasswordType: import("vue-demi").ComputedRef<boolean>;
+    currentButtonIcon: import("vue-demi").ComputedRef<"" | "visibility" | "visibility_off" | "close" | "search">;
+    onClickButton: () => void;
+    onInput: (event: Event) => void;
+    onFocus: (event: Event) => void;
+    onBlur: (event: Event) => void;
+}, unknown, {
+    maxWidthStyle(): Record<string, number | string | undefined> | {};
+    heightStyle(): Record<string, number | string | undefined> | {};
+    rootStyle(): Record<string, unknown> | {};
+    inputStyle(): Record<string, unknown>;
+}, {
+    focus(): void;
+    beforeEnter(el: HTMLElement): void;
+    enter(el: HTMLElement): void;
+    leave(el: HTMLElement): void;
+    cancelRequestAF(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "input" | "clear")[], "update:modelValue" | "focus" | "blur" | "input" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<string>;
         default: string;
@@ -228,94 +228,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: string;
-    id: string;
-    placeholder: string;
-    type: TextboxTypes;
-    label: string;
-    error: string;
-    hint: string;
-    minValue: number | undefined;
-    maxValue: number | undefined;
-    stepValue: number | undefined;
-    maxLength: number | undefined;
-    height: string | number | undefined;
-    maxWidth: string | number | undefined;
-    isSmall: boolean;
-    isRequired: boolean;
-    isDisabled: boolean;
-    isReadonly: boolean;
-    isInvalid: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    inputRef: import("@vue/composition-api").Ref<HTMLInputElement | HTMLTextAreaElement | null>;
-    reqAF: import("@vue/composition-api").Ref<null>;
-    rootClasses: import("@vue/composition-api").ComputedRef<(string | {
-        'is-show-info': boolean;
-        'is-small': boolean;
-        'has-counter': boolean;
-        'has-label': boolean;
-    })[]>;
-    inputClasses: import("@vue/composition-api").ComputedRef<{
-        'or-textbox--input': boolean;
-        'or-textbox--input-textarea': boolean;
-        'is-disabled': boolean;
-        'is-readonly': boolean;
-        'is-focused': boolean;
-        'is-required': boolean;
-        'has-error': boolean;
-    }>;
-    localValue: import("@vue/composition-api").ComputedRef<string>;
-    localType: import("@vue/composition-api").ComputedRef<TextboxTypes>;
-    localId: import("@vue/composition-api").ComputedRef<string>;
-    hasValue: import("@vue/composition-api").ComputedRef<boolean>;
-    counterString: import("@vue/composition-api").ComputedRef<string>;
-    isShowError: import("@vue/composition-api").ComputedRef<boolean>;
-    isShowInfo: import("@vue/composition-api").ComputedRef<boolean>;
-    isShowHint: import("@vue/composition-api").ComputedRef<boolean>;
-    isInactive: import("@vue/composition-api").ComputedRef<boolean>;
-    isTextareaType: import("@vue/composition-api").ComputedRef<boolean>;
-    isSearchType: import("@vue/composition-api").ComputedRef<boolean>;
-    isPasswordType: import("@vue/composition-api").ComputedRef<boolean>;
-    currentButtonIcon: import("@vue/composition-api").ComputedRef<"" | "visibility" | "visibility_off" | "close" | "search">;
-    onClickButton: () => void;
-    onInput: (event: Event) => void;
-    onFocus: (event: Event) => void;
-    onBlur: (event: Event) => void;
-}>, import("@vue/composition-api").Data, {
-    maxWidthStyle(): Record<string, number | string | undefined> | {};
-    heightStyle(): Record<string, number | string | undefined> | {};
-    rootStyle(): Record<string, unknown> | {};
-    inputStyle(): Record<string, unknown>;
-}, {
-    focus(): void;
-    beforeEnter(el: HTMLElement): void;
-    enter(el: HTMLElement): void;
-    leave(el: HTMLElement): void;
-    cancelRequestAF(): void;
-}, {}, {}, string[], {
-    modelValue: string;
-    id: string;
-    placeholder: string;
-    type: TextboxTypes;
-    label: string;
-    error: string;
-    hint: string;
-    minValue: number | undefined;
-    maxValue: number | undefined;
-    stepValue: number | undefined;
-    maxLength: number | undefined;
-    height: string | number | undefined;
-    maxWidth: string | number | undefined;
-    isSmall: boolean;
-    isRequired: boolean;
-    isDisabled: boolean;
-    isReadonly: boolean;
-    isInvalid: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
     id: string;
@@ -335,5 +253,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isDisabled: boolean;
     isReadonly: boolean;
     isInvalid: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-textbox/index.js

@@ -1,6 +1,8 @@
-export { s as OrTextbox, T as TextboxTypes } from '../../OrTextbox-56714f51.js';
+export { s as OrTextbox, T as TextboxTypes } from '../../OrTextbox-8d2903db.js';
 import 'vue-demi';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import '../../useToggle-c04fc920.js';
 import '../../px-to-rem-0b26b83e.js';
 import '../../dom-f1d55b67.js';

package/dist/esm/v3/components/or-time-picker-v3/OrTimePicker.vue.d.ts

@@ -1,31 +1,7 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3/types';
 import { TimePickerSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -70,7 +46,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    inputBox: import("vue-demi").Ref<any>;
+    inputBoxRoot: import("vue-demi").ComputedRef<any>;
+    popover: import("vue-demi").Ref<any>;
+    popoverState: import("vue-demi").ComputedRef<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    popoverStyles: import("vue-demi").ComputedRef<string[]>;
+    initialModelValue: Date;
+    proxyModelValue: import("vue-demi").WritableComputedRef<Date | undefined>;
+    draftModelValue: import("vue-demi").Ref<Date | undefined>;
+    apply: () => void;
+    reset: () => void;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatTimeAlt: (value?: Date) => string;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -115,58 +107,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
-    size: TimePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: Date;
-    hoursFilter: FilterFunction;
-    minutesFilter: FilterFunction;
-    size: TimePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
     hoursFilter: FilterFunction;
@@ -179,5 +125,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-time-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker-0fe72767.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker-16a88b67.js';
 export { I as TimePickerSize } from '../../OrInputBox-32814878.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -11,14 +11,16 @@ import '@vueuse/core';
 import '../../OrDateTimePickerTimeSelect-14503fde.js';
 import '../../OrError-c01d0c29.js';
 import '../../OrHint-06ab89d7.js';
-import '../../OrIconButton-e34a20eb.js';
+import '../../OrIconButton-c6d15a51.js';
 import '../../OrIcon-62793572.js';
-import '../../OrTooltip-edb28095.js';
+import '../../OrTooltip-9a63f445.js';
 import '../../usePopoverState-8a95a300.js';
-import '../../OrPopover-ebd57053.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import '../../OrPopover-8ea2062a.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-a39fb331.js';
-import '../../OrOverlay-28952099.js';
+import '../../OrBottomSheet-e9463e4d.js';
+import '../../OrOverlay-489fdf76.js';
 import '../../OrTeleport.vue3-8099178c.js';

package/dist/esm/v3/components/or-toast/OrToast.vue.d.ts

@@ -1,13 +1,7 @@
 import { PropType } from 'vue-demi';
 import { ToastType } from './constants';
 import { ToastLink } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
-    onClose(): void;
-    onLinkClick(e: MouseEvent): void;
-}, {
-    getEmoji(): string | null;
-    hrefTarget(): string;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     toastType: {
         type: PropType<ToastType>;
         default: null;
@@ -28,7 +22,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: null;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, unknown, unknown, {
+    getEmoji(): string | null;
+    hrefTarget(): string;
+}, {
+    onClose(): void;
+    onLinkClick(e: MouseEvent): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "close"[], "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     toastType: {
         type: PropType<ToastType>;
         default: null;
@@ -49,33 +49,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: null;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    toastType: ToastType;
-    link: ToastLink;
-    messageText: string;
-    dismissible: boolean;
-    loadingProgress: number;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
-    getEmoji(): string | null;
-    hrefTarget(): string;
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    onClose(): void;
-    onLinkClick(e: MouseEvent): void;
-}, {}, {}, string[], {
-    toastType: ToastType;
     link: ToastLink;
-    messageText: string;
-    dismissible: boolean;
-    loadingProgress: number;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
     toastType: ToastType;
-    link: ToastLink;
     messageText: string;
     dismissible: boolean;
     loadingProgress: number;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-toast/or-toast-container/OrToastContainer.vue.d.ts

@@ -1,45 +1,7 @@
 import { PropType } from 'vue-demi';
 import { Position, ToastBehaviour, ToastConfiguration } from '../types';
 import { PositionsX, PositionsY, TransitionType } from '../constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
-    off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
-    isActive: import("@vue/composition-api").Ref<boolean>;
-    toggle: (value?: boolean | undefined) => boolean;
-    queue: import("@vue/composition-api").Ref<import("@vue/composition-api").Ref<ToastConfiguration>[]>;
-    addItem: (item: ToastConfiguration) => void;
-    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
-    clearAll: () => void;
-    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
-}> & import("@vue/composition-api").Data, {
-    createToast(toastConfiguration: ToastConfiguration): void;
-    toastUpdate(toast: ToastConfiguration): void;
-    toastRemove(toast: ToastConfiguration): void;
-    onToastEnter(toast: ToastConfiguration): void;
-    onToastLeave(toast: ToastConfiguration): void;
-    onClick(toastBehaviour: ToastBehaviour): void;
-    onToastHidden(): void;
-}, {
-    getQueue(): ToastConfiguration[];
-    classes(): (Record<string, boolean> | string)[];
-    transitionName(): string;
-}, {
-    includeHeaderHeight: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    position: {
-        type: PropType<Position>;
-        default: () => {
-            positionX: PositionsX;
-            positionY: PositionsY;
-        };
-    };
-    transition: {
-        type: PropType<TransitionType>;
-        default: TransitionType;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
+declare const _default: import("vue-demi").DefineComponent<{
     includeHeaderHeight: {
         type: BooleanConstructor;
         default: boolean;
@@ -55,21 +17,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<TransitionType>;
         default: TransitionType;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    includeHeaderHeight: boolean;
-    position: Position;
-    transition: TransitionType;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+}, {
     on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
     off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration, any>) => void;
-    isActive: import("@vue/composition-api").Ref<boolean>;
+    isActive: import("vue-demi").Ref<boolean>;
     toggle: (value?: boolean | undefined) => boolean;
-    queue: import("@vue/composition-api").Ref<import("@vue/composition-api").Ref<ToastConfiguration>[]>;
+    queue: import("vue-demi").Ref<import("vue-demi").Ref<ToastConfiguration>[]>;
     addItem: (item: ToastConfiguration) => void;
-    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => void;
     clearAll: () => void;
-    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("@vue/composition-api").Ref<ToastConfiguration>[]) => boolean) => import("@vue/composition-api").Ref<ToastConfiguration>;
-}>, import("@vue/composition-api").Data, {
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue-demi").Ref<ToastConfiguration>[]) => boolean) => import("vue-demi").Ref<ToastConfiguration>;
+}, unknown, {
     getQueue(): ToastConfiguration[];
     classes(): (Record<string, boolean> | string)[];
     transitionName(): string;
@@ -81,13 +39,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onToastLeave(toast: ToastConfiguration): void;
     onClick(toastBehaviour: ToastBehaviour): void;
     onToastHidden(): void;
-}, {}, {}, {}, {
-    includeHeaderHeight: boolean;
-    position: Position;
-    transition: TransitionType;
-} & {}, {
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: () => {
+            positionX: PositionsX;
+            positionY: PositionsY;
+        };
+    };
+    transition: {
+        type: PropType<TransitionType>;
+        default: TransitionType;
+    };
+}>>, {
     includeHeaderHeight: boolean;
     position: Position;
     transition: TransitionType;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-toast-v3/OrToast.vue.d.ts

@@ -1,17 +1,7 @@
 import { PropType } from 'vue-demi';
 import { ToastType } from './props';
 import { ToastLink } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    toastIconStyle: import("@vue/composition-api").ComputedRef<string[]>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    loaderStyle: import("@vue/composition-api").ComputedRef<string[]>;
-    messageStyle: import("@vue/composition-api").ComputedRef<string[]>;
-    emojiSrc: import("@vue/composition-api").ComputedRef<string | null>;
-    hrefTarget: import("@vue/composition-api").ComputedRef<"_blank" | "_parent" | "_self">;
-    onClose: () => void;
-    onLinkClick: (event: MouseEvent) => void;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     toastType: {
         type: PropType<ToastType>;
         default: ToastType;
@@ -28,7 +18,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    toastIconStyle: import("vue-demi").ComputedRef<string[]>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    loaderStyle: import("vue-demi").ComputedRef<string[]>;
+    messageStyle: import("vue-demi").ComputedRef<string[]>;
+    emojiSrc: import("vue-demi").ComputedRef<string | null>;
+    hrefTarget: import("vue-demi").ComputedRef<"_blank" | "_parent" | "_self">;
+    onClose: () => void;
+    onLinkClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "close"[], "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     toastType: {
         type: PropType<ToastType>;
         default: ToastType;
@@ -45,34 +45,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    toastType: ToastType;
-    link: ToastLink;
-    messageText: string;
-    dismissible: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    toastIconStyle: import("@vue/composition-api").ComputedRef<string[]>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    loaderStyle: import("@vue/composition-api").ComputedRef<string[]>;
-    messageStyle: import("@vue/composition-api").ComputedRef<string[]>;
-    emojiSrc: import("@vue/composition-api").ComputedRef<string | null>;
-    hrefTarget: import("@vue/composition-api").ComputedRef<"_blank" | "_parent" | "_self">;
-    onClose: () => void;
-    onLinkClick: (event: MouseEvent) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    toastType: ToastType;
-    link: ToastLink;
-    messageText: string;
-    dismissible: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    toastType: ToastType;
     link: ToastLink;
+    toastType: ToastType;
     messageText: string;
     dismissible: boolean;
-}, true>);
+}>;
 export default _default;