@onereach/ui-components 4.19.0-beta.3116.0 → 5.0.0

package/dist/esm/v3/components/or-code/OrCode.vue.d.ts

@@ -3,24 +3,7 @@ import { Extension } from '@codemirror/state';
 import { EditorView } from 'codemirror';
 import { PropType, Ref } from 'vue-demi';
 import { OrCodeLanguages } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: Ref<HTMLDivElement | undefined>;
-    target: Ref<HTMLDivElement | undefined>;
-    fullscreenTarget: Ref<HTMLDivElement | undefined>;
-    editor: EditorView;
-    isHovered: Ref<boolean>;
-}> & {
-    isFullscreen: boolean;
-}, {
-    updateEditorState(): void;
-    toggleFullscreen(value?: boolean | undefined): void;
-}, {
-    localLanguage(): LanguageSupport | Language;
-    localExtensions(): Extension[];
-    isShowingError(): boolean;
-    isShowingHint(): boolean;
-    isShowingHeader(): boolean;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     label: {
         type: StringConstructor;
         default: string;
@@ -83,7 +66,24 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: Ref<HTMLDivElement | undefined>;
+    target: Ref<HTMLDivElement | undefined>;
+    fullscreenTarget: Ref<HTMLDivElement | undefined>;
+    editor: EditorView;
+    isHovered: Ref<boolean>;
+}, {
+    isFullscreen: boolean;
+}, {
+    localLanguage(): LanguageSupport | Language;
+    localExtensions(): Extension[];
+    isShowingError(): boolean;
+    isShowingHint(): boolean;
+    isShowingHeader(): boolean;
+}, {
+    updateEditorState(): void;
+    toggleFullscreen(value?: boolean | undefined): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;
@@ -146,55 +146,10 @@ 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: string;
-    label: string;
-    language: LanguageSupport | Language | OrCodeLanguages;
-    isReadonly: boolean;
-    extensions: Extension[];
-    phrases: Record<string, string>;
-    isShowingFullscreen: boolean;
-    isInvalid: boolean;
-    error: string;
-    hint: string;
-    allowPaste: boolean;
-    allowDrop: boolean;
-    lineWrapping: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: Ref<HTMLDivElement | undefined>;
-    target: Ref<HTMLDivElement | undefined>;
-    fullscreenTarget: Ref<HTMLDivElement | undefined>;
-    editor: EditorView;
-    isHovered: Ref<boolean>;
-}>, {
-    isFullscreen: boolean;
-}, {
-    localLanguage(): LanguageSupport | Language;
-    localExtensions(): Extension[];
-    isShowingError(): boolean;
-    isShowingHint(): boolean;
-    isShowingHeader(): boolean;
-}, {
-    updateEditorState(): void;
-    toggleFullscreen(value?: boolean | undefined): void;
-}, {}, {}, string[], {
-    modelValue: string;
-    label: string;
-    language: LanguageSupport | Language | OrCodeLanguages;
-    isReadonly: boolean;
-    extensions: Extension[];
-    phrases: Record<string, string>;
-    isShowingFullscreen: boolean;
-    isInvalid: boolean;
-    error: string;
-    hint: string;
-    allowPaste: boolean;
-    allowDrop: boolean;
-    lineWrapping: 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;
 }, {
     modelValue: string;
     label: string;
@@ -209,5 +164,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     allowPaste: boolean;
     allowDrop: boolean;
     lineWrapping: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-code-v3/OrCode.vue.d.ts

@@ -1,35 +1,7 @@
 import { Extension } from '@codemirror/state';
 import { PropType } from 'vue-demi';
 import { CodeLanguage } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    fullscreenControl: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    modal: 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>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlAttributes: {
-        required: boolean | undefined;
-        minlength: number | undefined;
-        maxlength: number | undefined;
-        pattern: string | undefined;
-        min: number | undefined;
-        max: number | undefined;
-        step: number | undefined;
-        readonly: boolean | undefined;
-        disabled: boolean | undefined;
-        'force-state': string | undefined;
-        id: string | undefined;
-    };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
-    proxyLanguage: import("@vue/composition-api").ComputedRef<import("@codemirror/language").LanguageSupport>;
-    focus: () => void;
-    blur: () => void;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -66,7 +38,31 @@ 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>;
+    control: import("vue-demi").Ref<HTMLElement | undefined>;
+    fullscreenControl: import("vue-demi").Ref<HTMLElement | undefined>;
+    modal: import("vue-demi").Ref<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    controlStyles: import("vue-demi").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | undefined>;
+    proxyLanguage: import("vue-demi").ComputedRef<import("@codemirror/language").LanguageSupport>;
+    focus: () => void;
+    blur: () => void;
+}, 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: StringConstructor;
         default: undefined;
@@ -103,58 +99,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: string;
-    language: CodeLanguage;
-    extensions: Extension[];
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    fullscreenControl: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    modal: 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>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    controlAttributes: {
-        required: boolean | undefined;
-        minlength: number | undefined;
-        maxlength: number | undefined;
-        pattern: string | undefined;
-        min: number | undefined;
-        max: number | undefined;
-        step: number | undefined;
-        readonly: boolean | undefined;
-        disabled: boolean | undefined;
-        'force-state': string | undefined;
-        id: string | undefined;
-    };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
-    proxyLanguage: import("@vue/composition-api").ComputedRef<import("@codemirror/language").LanguageSupport>;
-    focus: () => void;
-    blur: () => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: string;
-    language: CodeLanguage;
-    extensions: Extension[];
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: 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: string;
     language: CodeLanguage;
@@ -165,5 +115,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-}, true>);
+}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-a252b73f.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-98aceeef.js';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-html';
@@ -19,17 +19,17 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-c01d0c29.js';
 import 'vue';
 import '../../OrHint-06ab89d7.js';
-import '../../OrIconButton-fe133b18.js';
+import '../../OrIconButton-65b1a004.js';
 import '../../OrIcon-62793572.js';
-import '../../OrTooltip-2422971c.js';
+import '../../OrTooltip-6802b717.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-6d433297.js';
+import '../../OrPopover-466a8297.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-efca7190.js';
-import '../../OrOverlay-489fdf76.js';
+import '../../OrBottomSheet-98aec82b.js';
+import '../../OrOverlay-99e696e8.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrInputBox-912a6254.js';
 import '../../OrLabel-4da56db0.js';
-import '../../OrModal-3ebc1346.js';
+import '../../OrModal-fb598e97.js';

package/dist/esm/v3/components/or-collapse/OrCollapse.vue.d.ts

@@ -1,17 +1,5 @@
 import { PropType } from 'vue-demi';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<boolean>;
         default: boolean;
@@ -27,7 +15,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     modelValue: {
         type: PropType<boolean>;
         default: boolean;
@@ -43,33 +43,11 @@ 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: 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;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
     isVisible: boolean;
     keepState: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-color-picker/OrColorPicker.vue.d.ts

@@ -2,15 +2,7 @@ import { PropType } from 'vue-demi';
 import { PaletteType } from './types';
 import defaultPalette from './utils/defultPalette';
 import { OrFloatingPlacements } from '../or-floating';
-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;
-}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     palette: {
         type: PropType<PaletteType>;
         default: typeof defaultPalette;
@@ -24,7 +16,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: OrFloatingPlacements;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     palette: {
         type: PropType<PaletteType>;
         default: typeof defaultPalette;
@@ -38,29 +38,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: false;
         default: OrFloatingPlacements;
     };
-}>> & 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;
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
 }, {
     palette: PaletteType;
     defaultColor: string;
     placement: OrFloatingPlacements;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts

@@ -1,10 +1,6 @@
 import { PropType } from 'vue-demi';
 import { CombinedInputSize } from './props';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     size: {
         type: PropType<CombinedInputSize>;
         default: CombinedInputSize;
@@ -37,7 +33,11 @@ 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>;
+    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<{
     size: {
         type: PropType<CombinedInputSize>;
         default: CombinedInputSize;
@@ -70,7 +70,7 @@ 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<{
+}>>, {
     size: CombinedInputSize;
     label: string;
     hint: string;
@@ -79,27 +79,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     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/esm/v3/components/or-confirm/OrConfirm.vue.d.ts

@@ -1,29 +1,7 @@
 import { PropType } from 'vue-demi';
 import { BUTTON_COLOR } from '../or-button-v2';
 import { OrModalSizes } from '../or-modal';
-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;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -89,11 +67,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     size: {
-        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
+        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -159,66 +151,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     size: {
-        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
+        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
-}>> & 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;
+}>> & {
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     titleText: string;
     confirmButtonText: string;
@@ -232,6 +171,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationError: string;
     showClose: boolean;
     closeOnClickOutside: boolean;
-    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
-}, true>);
+    size: "small" | "tiny" | "medium" | "large" | "fullScreen";
+}>;
 export default _default;