@onereach/ui-components 4.5.0-beta.2738.0 → 4.5.0

package/dist/esm/v3/{OrDateTimePicker-4768a411.js → OrDateTimePicker-2214cd85.js}

@@ -8,9 +8,9 @@ import { s as script$d, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$e } from './OrLabel-4da56db0.js';
 import { s as script$f } from './OrPopover-15c2968f.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-c07806a0.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-9309c434.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-e404e826.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DateTimePicker = [
 // Layout
@@ -270,7 +270,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -395,7 +395,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/{OrDateTimePickerMonthSelect-c07806a0.js → OrDateTimePickerMonthSelect-5a7b7b5c.js}

@@ -83,12 +83,13 @@ var script$2 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["required", "readonly", "disabled"];
+const _hoisted_1$1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -96,8 +97,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1$1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
 script$2.render = render$2;

package/dist/esm/v3/{OrDateTimePickerTimeSelect-9309c434.js → OrDateTimePickerTimeSelect-e404e826.js}

@@ -78,12 +78,13 @@ var script$1 = defineComponent({
   }
 });
 
-const _hoisted_1 = ["required", "readonly", "disabled"];
+const _hoisted_1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -91,8 +92,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script$1.render = render$1;

package/dist/esm/v3/{OrTabs-f9f0892e.js → OrTabs-a2d87627.js}

@@ -19,7 +19,7 @@ const TabsRoot = [
 // Box
 'overflow-hidden',
 // Spacing
-'gap-md',
+'gap-lg',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
 const TabsRootVariants = {

package/dist/esm/v3/{OrTimePicker-ba6e6857.js → OrTimePicker-68de86d9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$1, a as script$2, b as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-9309c434.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-e404e826.js';
 import { s as script$6 } from './OrError-c01d0c29.js';
 import { s as script$7 } from './OrHint-06ab89d7.js';
 import { s as script$9 } from './OrIconButton-b7217ea5.js';
@@ -9,7 +9,7 @@ import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$b } from './OrLabel-4da56db0.js';
 import { s as script$c } from './OrPopover-15c2968f.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const TimePicker = [
 // Layout
@@ -209,7 +209,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -273,7 +273,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/components/index.d.ts

@@ -103,4 +103,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/dist/esm/v3/components/index.js

@@ -24,9 +24,9 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-14c23a04.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
 export { s as OrConfirm } from '../OrConfirm-410da5b4.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-fe8617ac.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-759653a5.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-f144d074.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-2af19719.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-4768a411.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-2214cd85.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
@@ -96,7 +96,7 @@ export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-3bb0b711.js';
 export { s as OrTabV3 } from '../OrTab-f7e51ffb.js';
 export { s as OrTabs } from '../OrTabs-35a376a3.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-f9f0892e.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-a2d87627.js';
 export { s as OrTag } from '../OrTag-2d9eacf8.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-8605e9e6.js';
 export { s as OrTagsV3 } from '../OrTags-3724ff59.js';
@@ -106,7 +106,7 @@ export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-f6722edc.js';
 export { s as OrTextareaV3 } from '../OrTextarea-fa1454e3.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-6e585202.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-ba6e6857.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-68de86d9.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-24839efd.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9e1555eb.js';
@@ -114,7 +114,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { s as OrTooltip } from '../OrTooltip-89ce98e8.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-37a5f562.js';
 export { s as OrTooltipV3 } from '../OrTooltip-3d5fcaf9.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-b20efab9.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -140,8 +139,8 @@ import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-042566f4.js';
-import '../OrDateTimePickerMonthSelect-c07806a0.js';
-import '../OrDateTimePickerTimeSelect-9309c434.js';
+import '../OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import '../OrDateTimePickerTimeSelect-e404e826.js';
 import '@floating-ui/dom';
 import '../useValidationAttributes-d1abbe34.js';
 import '../useResponsive-a02e95b7.js';
@@ -152,26 +151,3 @@ import '@vueuse/integrations/useFocusTrap';
 import '../useToggle-c04fc920.js';
 import '../useOverflow-c856b7b7.js';
 import '../styles-ed564e39.js';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';
-import '@tiptap/extension-code-block';
-import '@tiptap/extension-blockquote';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-underline';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '../codemirrorView-be2c7423.js';
-import 'prosemirror-state';
-import 'prosemirror-commands';

package/dist/esm/v3/components/or-avatar/OrAvatar.vue.d.ts

@@ -1,13 +1,6 @@
 import { PropType } from 'vue-demi';
 import { OR_AVATAR_SIZE } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & {
-    showImg: boolean;
-}, {
-    showImage(): void;
-    hideImage(): void;
-}, {
-    avatarClasses(): any[];
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     src: {
         type: PropType<string>;
         default: string;
@@ -24,7 +17,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: string;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, unknown, {
+    showImg: boolean;
+}, {
+    avatarClasses(): any[];
+}, {
+    showImage(): void;
+    hideImage(): void;
+}, 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<{
     src: {
         type: PropType<string>;
         default: string;
@@ -41,24 +41,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: string;
         required: false;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    src: string;
-    size: OR_AVATAR_SIZE;
-    icon: string;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, {
-    showImg: boolean;
-}, {
-    avatarClasses(): any[];
-}, {
-    showImage(): void;
-    hideImage(): void;
-}, {}, {}, {}, {
-    src: string;
-    size: OR_AVATAR_SIZE;
-    icon: string;
-} & {}, {
+}>>, {
     src: string;
     size: OR_AVATAR_SIZE;
     icon: string;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-avatar-v3/OrAvatar.vue.d.ts

@@ -1,10 +1,6 @@
 import { PropType } from 'vue-demi';
 import { AvatarColor, AvatarSize } 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[]>;
-    imageStyles: import("@vue/composition-api").ComputedRef<string[]>;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     src: {
         type: StringConstructor;
         default: undefined;
@@ -27,7 +23,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    imageStyles: 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<{
     src: {
         type: StringConstructor;
         default: undefined;
@@ -50,27 +50,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
         required: false;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>>, {
     src: string;
     size: AvatarSize;
     icon: string;
     color: AvatarColor;
     colorSalt: string;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    imageStyles: import("@vue/composition-api").ComputedRef<string[]>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    src: string;
-    size: AvatarSize;
-    icon: string;
-    color: AvatarColor;
-    colorSalt: string;
-} & {}, {
-    src: string;
-    size: AvatarSize;
-    icon: string;
-    color: AvatarColor;
-    colorSalt: string;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts

@@ -1,46 +1,33 @@
 import { PropType } from 'vue-demi';
 import { BottomSheetVariant } 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[]>;
-    handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
-    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
-    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
-    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
-    open: () => void;
-    close: (auto?: boolean) => void;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<"basic" | "advanced">;
         default: BottomSheetVariant;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    handleStyles: import("vue-demi").ComputedRef<string[]>;
+    headerStyles: import("vue-demi").ComputedRef<string[]>;
+    state: import("vue-demi").Ref<"open" | "fullscreen" | "closed">;
+    isOpen: import("vue-demi").ComputedRef<boolean>;
+    isFullscreen: import("vue-demi").ComputedRef<boolean>;
+    isClosed: import("vue-demi").ComputedRef<boolean>;
+    open: () => void;
+    close: (auto?: boolean) => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "update:state:open" | "update:state:fullscreen" | "update:state:closed" | "update:state:closed-automatically")[], "update:state" | "update:state:open" | "update:state:fullscreen" | "update:state:closed" | "update:state:closed-automatically", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     variant: {
         type: PropType<"basic" | "advanced">;
         default: BottomSheetVariant;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    variant: "basic" | "advanced";
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
-    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
-    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
-    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
-    open: () => void;
-    close: (auto?: boolean) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    variant: "basic" | "advanced";
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:state:open"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:state:fullscreen"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:state:closed"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:state:closed-automatically"?: ((...args: any[]) => any) | undefined;
 }, {
     variant: "basic" | "advanced";
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-button/OrButton.vue.d.ts

@@ -1,16 +1,7 @@
 import { PropType } from 'vue-demi';
 import { LoaderViews } from '../or-loader';
 import { OrButtonColors, OrButtonSizes } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    rootClasses: import("@vue/composition-api").ComputedRef<(string | {
-        [x: string]: boolean;
-        'is-fullwidth': boolean;
-        'is-block': boolean;
-        'is-loading': boolean;
-    } | null)[]>;
-    loaderType: import("@vue/composition-api").ComputedRef<LoaderViews.default | LoaderViews.text>;
-    isInactive: import("@vue/composition-api").ComputedRef<boolean>;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     label: {
         type: PropType<string>;
         default: string;
@@ -71,7 +62,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    rootClasses: import("vue-demi").ComputedRef<(string | {
+        [x: string]: boolean;
+        'is-fullwidth': boolean;
+        'is-block': boolean;
+        'is-loading': boolean;
+    } | null)[]>;
+    loaderType: import("vue-demi").ComputedRef<LoaderViews.default | LoaderViews.text>;
+    isInactive: import("vue-demi").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     label: {
         type: PropType<string>;
         default: string;
@@ -132,45 +132,10 @@ 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<{
-    label: string;
-    size: OrButtonSizes;
-    color: OrButtonColors;
-    isBlock: boolean;
-    isIcon: boolean;
-    isIconSimple: boolean;
-    isOutline: boolean;
-    isText: boolean;
-    loadingText: string;
-    isFullwidth: boolean;
-    isLoading: boolean;
-    isDisabled: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    rootClasses: import("@vue/composition-api").ComputedRef<(string | {
-        [x: string]: boolean;
-        'is-fullwidth': boolean;
-        'is-block': boolean;
-        'is-loading': boolean;
-    } | null)[]>;
-    loaderType: import("@vue/composition-api").ComputedRef<LoaderViews.default | LoaderViews.text>;
-    isInactive: import("@vue/composition-api").ComputedRef<boolean>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    label: string;
-    size: OrButtonSizes;
-    color: OrButtonColors;
-    isBlock: boolean;
-    isIcon: boolean;
-    isIconSimple: boolean;
-    isOutline: boolean;
-    isText: boolean;
-    loadingText: string;
-    isFullwidth: boolean;
-    isLoading: boolean;
-    isDisabled: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     size: OrButtonSizes;
@@ -184,5 +149,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isFullwidth: boolean;
     isLoading: boolean;
     isDisabled: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-button-v2/OrButton.vue.d.ts

@@ -1,20 +1,7 @@
 import { PropType } from 'vue-demi';
 import { LoaderViews } from '../or-loader';
 import { BUTTON_TYPE, BUTTON_COLOR, BUTTON_SIZE, HTML_BUTTON_TYPE } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    isVue3: boolean;
-}> & import("@vue/composition-api").Data, {
-    handleButtonClick(event: MouseEvent): void;
-}, {
-    states(): Record<string, boolean>;
-    showLeftIcon(): boolean;
-    showRightIcon(): boolean;
-    /**
-     * Button's content is hidden rather then removed,
-     * in order to retain original button size when loading indicator is active.
-     */
-    isContentVisible(): Record<string, string>;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     type: {
         type: PropType<BUTTON_TYPE>;
         default: BUTTON_TYPE;
@@ -60,7 +47,20 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    isVue3: boolean;
+}, unknown, {
+    states(): Record<string, boolean>;
+    showLeftIcon(): boolean;
+    showRightIcon(): boolean;
+    /**
+     * Button's content is hidden rather then removed,
+     * in order to retain original button size when loading indicator is active.
+     */
+    isContentVisible(): Record<string, string>;
+}, {
+    handleButtonClick(event: MouseEvent): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     type: {
         type: PropType<BUTTON_TYPE>;
         default: BUTTON_TYPE;
@@ -106,47 +106,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<{
-    type: BUTTON_TYPE;
-    color: BUTTON_COLOR;
-    content: string;
-    size: BUTTON_SIZE;
-    icon: string;
-    htmlButtonType: HTML_BUTTON_TYPE;
-    iconPosition: "left" | "right";
-    loadingType: LoaderViews;
-    loadingText: string;
-    isLoading: boolean;
-    isDisabled: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    isVue3: boolean;
-}>, import("@vue/composition-api").Data, {
-    states(): Record<string, boolean>;
-    showLeftIcon(): boolean;
-    showRightIcon(): boolean;
-    /**
-     * Button's content is hidden rather then removed,
-     * in order to retain original button size when loading indicator is active.
-     */
-    isContentVisible(): Record<string, string>;
-}, {
-    handleButtonClick(event: MouseEvent): void;
-}, {}, {}, string[], {
-    type: BUTTON_TYPE;
-    color: BUTTON_COLOR;
-    content: string;
-    size: BUTTON_SIZE;
-    icon: string;
-    htmlButtonType: HTML_BUTTON_TYPE;
-    iconPosition: "left" | "right";
-    loadingType: LoaderViews;
-    loadingText: string;
-    isLoading: boolean;
-    isDisabled: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     type: BUTTON_TYPE;
     color: BUTTON_COLOR;
@@ -159,5 +122,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     loadingText: string;
     isLoading: boolean;
     isDisabled: boolean;
-}, true>);
+}>;
 export default _default;