@onereach/ui-components 4.3.12 → 4.4.0-beta.2673.0

package/dist/bundled/v3/components/OrCode/theme.js

@@ -1,4 +1,5 @@
-import { E as EditorView, ar as HighlightStyle, aa as tags, L as syntaxHighlighting } from '../../index-cf2c3c27.js';
+import { E as EditorView, ah as HighlightStyle, $ as tags, M as syntaxHighlighting } from '../../index-0d224ae5.js';
+import '../../index.es-3f39f316.js';
 
 // Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
 const chalky = 'var(--c-warning-darken-20)',

package/dist/bundled/v3/components/OrCollapse/OrCollapse.vue.d.ts

@@ -1,5 +1,17 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    slotScope: import("@vue/composition-api").ComputedRef<{
+        isVisible: import("@vue/composition-api").Ref<boolean>;
+        hide: () => void;
+    }>;
+    beforeEnter: (el: HTMLElement) => void;
+    enter: (el: HTMLElement) => void;
+    afterEnter: (el: HTMLElement) => void;
+    beforeLeave: (el: HTMLElement) => void;
+    leave: (el: HTMLElement) => void;
+    afterLeave: (el: HTMLElement) => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<boolean>;
         default: boolean;
@@ -18,19 +30,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         validator: (value?: any) => value is boolean;
     };
-}, {
-    isActive: import("vue-demi").Ref<boolean>;
-    slotScope: import("vue-demi").ComputedRef<{
-        isVisible: import("vue-demi").Ref<boolean>;
-        hide: () => void;
-    }>;
-    beforeEnter: (el: HTMLElement) => void;
-    enter: (el: HTMLElement) => void;
-    afterEnter: (el: HTMLElement) => void;
-    beforeLeave: (el: HTMLElement) => void;
-    leave: (el: HTMLElement) => void;
-    afterLeave: (el: HTMLElement) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<boolean>;
         default: boolean;
@@ -49,11 +49,33 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         validator: (value?: any) => value is boolean;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: boolean;
+    isVisible: boolean;
+    keepState: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    slotScope: import("@vue/composition-api").ComputedRef<{
+        isVisible: import("@vue/composition-api").Ref<boolean>;
+        hide: () => void;
+    }>;
+    beforeEnter: (el: HTMLElement) => void;
+    enter: (el: HTMLElement) => void;
+    afterEnter: (el: HTMLElement) => void;
+    beforeLeave: (el: HTMLElement) => void;
+    leave: (el: HTMLElement) => void;
+    afterLeave: (el: HTMLElement) => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: boolean;
+    isVisible: boolean;
+    keepState: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
     isVisible: boolean;
     keepState: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrColorPicker/OrColorPicker.vue.d.ts

@@ -2,7 +2,15 @@ import { PropType } from 'vue-demi';
 import { PaletteType } from './types';
 import defaultPalette from './utils/defultPalette';
 import { OrFloatingPlacements } from '../or-floating';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    trigger: import("@vue/composition-api").Ref<HTMLElement | null>;
+    toggle: (value?: boolean | undefined) => boolean;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    selected: import("@vue/composition-api").Ref<string | null>;
+}> & import("@vue/composition-api").Data, {
+    getClass(tone: string): (string | Record<string, boolean>)[];
+    handlerClick(color: string): void;
+}, {}, {
     palette: {
         type: PropType<PaletteType>;
         default: typeof defaultPalette;
@@ -16,15 +24,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: OrFloatingPlacements;
     };
-}, {
-    trigger: import("vue-demi").Ref<HTMLElement | null>;
-    toggle: (value?: boolean | undefined) => boolean;
-    isActive: import("vue-demi").Ref<boolean>;
-    selected: import("vue-demi").Ref<string | null>;
-}, unknown, {}, {
-    getClass(tone: string): (string | Record<string, boolean>)[];
-    handlerClick(color: string): void;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "select"[], "select", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     palette: {
         type: PropType<PaletteType>;
         default: typeof defaultPalette;
@@ -38,11 +38,29 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: OrFloatingPlacements;
     };
-}>> & {
-    onSelect?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    palette: PaletteType;
+    defaultColor: string;
+    placement: OrFloatingPlacements;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    trigger: import("@vue/composition-api").Ref<HTMLElement | null>;
+    toggle: (value?: boolean | undefined) => boolean;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    selected: import("@vue/composition-api").Ref<string | null>;
+}>, import("@vue/composition-api").Data, {}, {
+    getClass(tone: string): (string | Record<string, boolean>)[];
+    handlerClick(color: string): void;
+}, {}, {}, string[], {
+    palette: PaletteType;
+    defaultColor: string;
+    placement: OrFloatingPlacements;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     palette: PaletteType;
     defaultColor: string;
     placement: OrFloatingPlacements;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrCombinedInputV3/OrCombinedInput.vue.d.ts

@@ -1,6 +1,10 @@
 import { PropType } from 'vue-demi';
 import { CombinedInputSize } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     size: {
         type: PropType<CombinedInputSize>;
         default: CombinedInputSize;
@@ -33,11 +37,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    controlGroup: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, 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<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     size: {
         type: PropType<CombinedInputSize>;
         default: CombinedInputSize;
@@ -70,7 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     size: CombinedInputSize;
     label: string;
     hint: string;
@@ -79,5 +79,27 @@ declare const _default: import("vue-demi").DefineComponent<{
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
-}>;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {}, {
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrConfirm/OrConfirm.js

@@ -1,10 +1,10 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-e5a8f92a.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-e5a8f92a.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-4eaa8470.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-4eaa8470.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../index-968c331a.js';
+import '../../index-f6664cb1.js';
 import '../OrButtonV2/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-4f44f547.js';
 import '../OrButtonV2/constants.js';
@@ -26,8 +26,9 @@ import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import '../OrLoader/constants.js';
 import '../OrModal/OrModal.js';
-import '../../OrModal.vue_vue_type_script_lang-ae842e5b.js';
+import '../../OrModal.vue_vue_type_script_lang-2c009ee0.js';
 import '../OrModal/constants.js';
+import '../../useFocusTrap-48767a70.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 import '../OrTooltip/OrTooltip.js';

package/dist/bundled/v3/components/OrConfirm/OrConfirm.vue.d.ts

@@ -1,7 +1,29 @@
 import { PropType } from 'vue-demi';
 import { BUTTON_COLOR } from '../or-button-v2';
 import { OrModalSizes } from '../or-modal';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    confirmationTextboxRef: 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>;
+    confirmationButtonRef: 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>;
+    confirmationValue: import("@vue/composition-api").Ref<string>;
+    isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
+    escape: import("@vue/composition-api").ComputedRef<boolean>;
+    handleConfirm: () => void;
+}> & {
+    touched: boolean;
+}, {
+    touch(): void;
+    handleClose(): void;
+}, {
+    isButtonDisabled(): boolean;
+}, {
     titleText: {
         type: StringConstructor;
         required: false;
@@ -67,25 +89,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
+        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
-}, {
-    confirmationTextboxRef: import("vue-demi").Ref<any>;
-    confirmationButtonRef: import("vue-demi").Ref<any>;
-    confirmationValue: import("vue-demi").Ref<string>;
-    isInvalid: import("vue-demi").ComputedRef<boolean>;
-    escape: import("vue-demi").ComputedRef<boolean>;
-    handleConfirm: () => void;
-}, {
-    touched: boolean;
-}, {
-    isButtonDisabled(): boolean;
-}, {
-    touch(): void;
-    handleClose(): void;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -151,13 +159,66 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
+        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
-}>> & {
-    onConfirm?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
+    titleText: string;
+    confirmButtonText: string;
+    denyButtonText: string;
+    confirmButtonColor: BUTTON_COLOR;
+    isLoading: boolean;
+    isDisabled: boolean;
+    confirmationText: string;
+    textConfirmationLabel: string;
+    textConfirmationPlaceholder: string;
+    textConfirmationError: string;
+    showClose: boolean;
+    closeOnClickOutside: boolean;
+    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    confirmationTextboxRef: 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>;
+    confirmationButtonRef: 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>;
+    confirmationValue: import("@vue/composition-api").Ref<string>;
+    isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
+    escape: import("@vue/composition-api").ComputedRef<boolean>;
+    handleConfirm: () => void;
+}>, {
+    touched: boolean;
+}, {
+    isButtonDisabled(): boolean;
+}, {
+    touch(): void;
+    handleClose(): void;
+}, {}, {}, string[], {
+    isOpen: boolean;
+    titleText: string;
+    confirmButtonText: string;
+    denyButtonText: string;
+    confirmButtonColor: BUTTON_COLOR;
+    isLoading: boolean;
+    isDisabled: boolean;
+    confirmationText: string;
+    textConfirmationLabel: string;
+    textConfirmationPlaceholder: string;
+    textConfirmationError: string;
+    showClose: boolean;
+    closeOnClickOutside: boolean;
+    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     titleText: string;
     confirmButtonText: string;
@@ -171,6 +232,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     textConfirmationError: string;
     showClose: boolean;
     closeOnClickOutside: boolean;
-    size: "small" | "tiny" | "medium" | "large" | "fullScreen";
-}>;
+    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrConfirm/index.js

@@ -1,7 +1,7 @@
-export { s as OrConfirm } from '../../OrConfirm.vue_vue_type_script_lang-e5a8f92a.js';
+export { s as OrConfirm } from '../../OrConfirm.vue_vue_type_script_lang-4eaa8470.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../index-968c331a.js';
+import '../../index-f6664cb1.js';
 import '../OrButtonV2/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-4f44f547.js';
 import '../OrButtonV2/constants.js';
@@ -25,8 +25,9 @@ import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import '../OrLoader/constants.js';
 import '../OrModal/OrModal.js';
-import '../../OrModal.vue_vue_type_script_lang-ae842e5b.js';
+import '../../OrModal.vue_vue_type_script_lang-2c009ee0.js';
 import '../OrModal/constants.js';
+import '../../useFocusTrap-48767a70.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 import '../OrTooltip/OrTooltip.js';

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js

@@ -1,8 +1,8 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-23e4ce08.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-23e4ce08.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-dca252a7.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-dca252a7.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 import '@vueuse/core';
-import '../../index-968c331a.js';
+import '../../index-f6664cb1.js';
 import 'vue-demi';
 import './props.js';
 import './styles.js';

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.vue.d.ts

@@ -1,7 +1,37 @@
 import { PropType } from 'vue-demi';
 import { ButtonColor } from '../or-button-v3';
 import { ConfirmType } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    confirmationInput: 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>;
+    confirmationButton: 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>;
+    confirmationValue: import("@vue/composition-api").Ref<string>;
+    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
+    isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
+    isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
+    touched: import("@vue/composition-api").Ref<boolean>;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    isInputActive: import("@vue/composition-api").Ref<boolean>;
+    escape: import("@vue/composition-api").ComputedRef<boolean>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    inputBoxStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    buttonsStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    confirm: () => void;
+    open: () => void;
+    close: () => void;
+    onInputFocus: () => void;
+    onInputBlur: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     titleText: {
         type: StringConstructor;
         required: false;
@@ -57,29 +87,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: undefined;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    confirmationInput: import("vue-demi").Ref<any>;
-    confirmationButton: import("vue-demi").Ref<any>;
-    confirmationValue: import("vue-demi").Ref<string>;
-    confirmButtonColor: import("vue-demi").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
-    isInvalid: import("vue-demi").ComputedRef<boolean>;
-    isConfirmationButtonDisabled: import("vue-demi").ComputedRef<boolean>;
-    touched: import("vue-demi").Ref<boolean>;
-    isActive: import("vue-demi").Ref<boolean>;
-    isInputActive: import("vue-demi").Ref<boolean>;
-    escape: import("vue-demi").ComputedRef<boolean>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    headerStyles: import("vue-demi").ComputedRef<string[]>;
-    inputBoxStyles: import("vue-demi").ComputedRef<string[]>;
-    footerStyles: import("vue-demi").ComputedRef<string[]>;
-    buttonsStyles: import("vue-demi").ComputedRef<string[]>;
-    confirm: () => void;
-    open: () => void;
-    close: () => void;
-    onInputFocus: () => void;
-    onInputBlur: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("open" | "close" | "confirm")[], "open" | "close" | "confirm", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -135,10 +143,64 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: undefined;
     };
-}>> & {
-    onConfirm?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    titleText: string;
+    confirmButtonText: string;
+    cancelButtonText: string;
+    confirmType: ConfirmType;
+    loading: boolean;
+    disabled: boolean;
+    confirmationText: string;
+    textConfirmationLabel: string;
+    textConfirmationPlaceholder: string;
+    textConfirmationError: string;
+    isOpen: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    confirmationInput: 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>;
+    confirmationButton: 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>;
+    confirmationValue: import("@vue/composition-api").Ref<string>;
+    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
+    isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
+    isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
+    touched: import("@vue/composition-api").Ref<boolean>;
+    isActive: import("@vue/composition-api").Ref<boolean>;
+    isInputActive: import("@vue/composition-api").Ref<boolean>;
+    escape: import("@vue/composition-api").ComputedRef<boolean>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    inputBoxStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    buttonsStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    confirm: () => void;
+    open: () => void;
+    close: () => void;
+    onInputFocus: () => void;
+    onInputBlur: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    titleText: string;
+    confirmButtonText: string;
+    cancelButtonText: string;
+    confirmType: ConfirmType;
+    loading: boolean;
+    disabled: boolean;
+    confirmationText: string;
+    textConfirmationLabel: string;
+    textConfirmationPlaceholder: string;
+    textConfirmationError: string;
+    isOpen: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     titleText: string;
     confirmButtonText: string;
@@ -151,5 +213,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
     isOpen: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrConfirmV3/index.js

@@ -1,7 +1,7 @@
 export { ConfirmType } from './props.js';
-export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-23e4ce08.js';
+export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-dca252a7.js';
 import '@vueuse/core';
-import '../../index-968c331a.js';
+import '../../index-f6664cb1.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';