@onereach/ui-components 4.6.4 → 4.7.0-beta.2795.0

package/dist/esm/v3/components/or-select/partials/OrSelectMain.vue.d.ts

@@ -1,11 +1,25 @@
 import { Option, ModelValueArray } from '../types';
-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>;
+    floating: 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>;
+    content: import("@vue/composition-api").Ref<null>;
+    isOpen: import("@vue/composition-api").Ref<boolean>;
+}> & import("@vue/composition-api").Data, {
+    handleOptionSelect(option: Option): void;
+    handleDeleteValue(optionId: string): void;
+}, {
+    isFlipped(): boolean;
+}, {
     value: {
-        type: import("vue-demi").PropType<import("../types").ModelValueSimple | ModelValueArray>;
+        type: import("@vue/composition-api").PropType<import("../types").ModelValueSimple | ModelValueArray>;
         default: undefined;
     };
     options: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: () => Option[];
     };
     placeholder: {
@@ -13,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     contentOptions: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: () => Option[];
     };
     useSearch: BooleanConstructor;
@@ -38,23 +52,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     ignoreClickOutside: BooleanConstructor;
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    floating: import("vue-demi").Ref<any>;
-    content: import("vue-demi").Ref<null>;
-    isOpen: import("vue-demi").Ref<boolean>;
-}, unknown, {
-    isFlipped(): boolean;
-}, {
-    handleOptionSelect(option: Option): void;
-    handleDeleteValue(optionId: string): void;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("open" | "close" | "input" | "search-change")[], "open" | "close" | "input" | "search-change", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     value: {
-        type: import("vue-demi").PropType<import("../types").ModelValueSimple | ModelValueArray>;
+        type: import("@vue/composition-api").PropType<import("../types").ModelValueSimple | ModelValueArray>;
         default: undefined;
     };
     options: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: () => Option[];
     };
     placeholder: {
@@ -62,7 +66,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     contentOptions: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: () => Option[];
     };
     useSearch: BooleanConstructor;
@@ -87,11 +91,54 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     ignoreClickOutside: BooleanConstructor;
-}>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    "onSearch-change"?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    value: import("../types").ModelValueSimple | ModelValueArray;
+    options: Option[];
+    placeholder: string;
+    contentOptions: Option[];
+    useSearch: boolean;
+    isMultiSelect: boolean;
+    isLoading: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    noResultsTitle: string;
+    noResultsStartText: string;
+    noResultsEndText: string;
+    updateSearchText: string;
+    ignoreClickOutside: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    floating: 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>;
+    content: import("@vue/composition-api").Ref<null>;
+    isOpen: import("@vue/composition-api").Ref<boolean>;
+}>, import("@vue/composition-api").Data, {
+    isFlipped(): boolean;
+}, {
+    handleOptionSelect(option: Option): void;
+    handleDeleteValue(optionId: string): void;
+}, {}, {}, string[], {
+    value: import("../types").ModelValueSimple | ModelValueArray;
+    options: Option[];
+    placeholder: string;
+    contentOptions: Option[];
+    useSearch: boolean;
+    isMultiSelect: boolean;
+    isLoading: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    noResultsTitle: string;
+    noResultsStartText: string;
+    noResultsEndText: string;
+    updateSearchText: string;
+    ignoreClickOutside: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     value: import("../types").ModelValueSimple | ModelValueArray;
     options: Option[];
@@ -107,5 +154,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     noResultsEndText: string;
     updateSearchText: string;
     ignoreClickOutside: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-select/partials/OrSelectOption.vue.d.ts

@@ -1,25 +1,37 @@
 import { PropType } from 'vue-demi';
 import { Option } from '../types';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
+    optionLabel(): string;
+}, {
     option: {
         type: PropType<Option>;
         required: true;
     };
     isActive: BooleanConstructor;
     isCheckbox: BooleanConstructor;
-}, unknown, unknown, {
-    optionLabel(): string;
-}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "select-option"[], "select-option", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     option: {
         type: PropType<Option>;
         required: true;
     };
     isActive: BooleanConstructor;
     isCheckbox: BooleanConstructor;
-}>> & {
-    "onSelect-option"?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isActive: boolean;
+    isCheckbox: boolean;
+    option: Option;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    optionLabel(): string;
+}, {}, {}, {}, string[], {
+    isActive: boolean;
+    isCheckbox: boolean;
+    option: Option;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isActive: boolean;
     isCheckbox: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-select/partials/OrSelectSearchOptions.vue.d.ts

@@ -1,25 +1,38 @@
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & {
+    search: string;
+    placeholder: string;
+}, {
+    handleSearchChange(search: string): void;
+}, {
+    icon(): string;
+}, {
     isTop: {
         type: BooleanConstructor;
         required: false;
         default: boolean;
     };
-}, unknown, {
+}, import("@vue/composition-api").ExtractPropTypes<{
+    isTop: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isTop: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, {
     search: string;
     placeholder: string;
 }, {
     icon(): string;
 }, {
     handleSearchChange(search: string): void;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "search-change"[], "search-change", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    isTop: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-}>> & {
-    "onSearch-change"?: ((...args: any[]) => any) | undefined;
+}, {}, {}, string[], {
+    isTop: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isTop: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts

@@ -1,7 +1,45 @@
 import { PropType } from 'vue-demi';
 import { SelectSize } from './props';
 import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './types';
-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>;
+    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>;
+    control: import("@vue/composition-api").Ref<HTMLElement | 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>;
+    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlId: import("@vue/composition-api").Ref<string>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
+    readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
+    selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
+    searchText: import("@vue/composition-api").Ref<string>;
+    internalSearchOptions: import("@vue/composition-api").Ref<{
+        value: string | number;
+        label: string;
+    }[]>;
+    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
+    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
+    toggle: () => void;
+    close: () => void;
+    deselect: (option: SelectOption) => void;
+    innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+    outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SelectOption[]>;
         default: () => never[];
@@ -66,37 +104,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    inputBox: import("vue-demi").Ref<any>;
-    inputBoxRoot: import("vue-demi").ComputedRef<any>;
-    control: import("vue-demi").Ref<HTMLElement | undefined>;
-    popover: import("vue-demi").Ref<any>;
-    popoverRoot: import("vue-demi").ComputedRef<any>;
-    popoverState: import("vue-demi").ComputedRef<any>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    controlStyles: import("vue-demi").ComputedRef<string[]>;
-    placeholderStyles: import("vue-demi").ComputedRef<string[]>;
-    dropdownStyles: import("vue-demi").ComputedRef<string[]>;
-    noSearchResultsStyles: import("vue-demi").ComputedRef<string[]>;
-    controlId: import("vue-demi").Ref<string>;
-    proxyModelValue: import("vue-demi").WritableComputedRef<string | number | (string | number)[] | undefined>;
-    readonly: import("vue-demi").ComputedRef<boolean>;
-    isEmptyModelValue: import("vue-demi").ComputedRef<boolean>;
-    selection: import("vue-demi").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
-    searchText: import("vue-demi").Ref<string>;
-    internalSearchOptions: import("vue-demi").Ref<{
-        value: string | number;
-        label: string;
-    }[]>;
-    resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
-    groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
-    close: () => void;
-    deselect: (option: SelectOption) => void;
-    innerItems: import("vue-demi").Ref<HTMLElement[]>;
-    outerItems: import("vue-demi").Ref<HTMLElement[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
         default: () => never[];
@@ -161,11 +169,82 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onSearch?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string | number | (string | number)[];
+    label: string;
+    options: SelectOption[];
+    searchOptions: SelectOption[];
+    multiple: boolean;
+    size: SelectSize;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+    enableSearch: boolean;
+    searchFunction: SelectSearchFunction;
+    groupByFunction: SelectGroupByFunction;
+    externalControl: 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>;
+    control: import("@vue/composition-api").Ref<HTMLElement | 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>;
+    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    placeholderStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlId: import("@vue/composition-api").Ref<string>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
+    readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
+    selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
+    searchText: import("@vue/composition-api").Ref<string>;
+    internalSearchOptions: import("@vue/composition-api").Ref<{
+        value: string | number;
+        label: string;
+    }[]>;
+    resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
+    groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
+    toggle: () => void;
+    close: () => void;
+    deselect: (option: SelectOption) => void;
+    innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+    outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: string | number | (string | number)[];
+    label: string;
+    options: SelectOption[];
+    searchOptions: SelectOption[];
+    multiple: boolean;
+    size: SelectSize;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+    enableSearch: boolean;
+    searchFunction: SelectSearchFunction;
+    groupByFunction: SelectGroupByFunction;
+    externalControl: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number | (string | number)[];
     label: string;
@@ -183,5 +262,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
-}>;
+}, true>);
 export default _default;

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-0b3ebce9.js';
+export { s as OrSelectV3 } from '../../OrSelect-ce7f58cf.js';
 export { I as SelectSize } from '../../OrInputBox-32814878.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -13,18 +13,17 @@ import '../../OrError-c01d0c29.js';
 import '../../OrExpansionPanel-c016d8fa.js';
 import '../../OrIcon-62793572.js';
 import '../../OrHint-06ab89d7.js';
-import '../../OrInput-a9aeef6e.js';
+import '../../OrInput-238fd1c0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrIconButton-e34a20eb.js';
-import '../../OrTooltip-edb28095.js';
-import '../../usePopoverState-8a95a300.js';
-import '../../OrPopover-ebd57053.js';
+import '../../OrIconButton-b7217ea5.js';
+import '../../OrTooltip-3d5fcaf9.js';
+import '../../OrPopover-15c2968f.js';
 import '@floating-ui/dom';
-import '../../useElevation-a50ec347.js';
-import '../../OrBottomSheet-a39fb331.js';
-import '../../OrOverlay-28952099.js';
+import '../../useElevation-b5a49746.js';
+import '../../OrBottomSheet-5969a217.js';
+import '../../OrOverlay-bf72f582.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrLoader-b79022da.js';
 import '../../OrMenuItem-dbee450f.js';
-import '../../OrTag-4ac45254.js';
+import '../../OrTag-8605e9e6.js';

package/dist/esm/v3/components/or-sidebar/OrSidebar.vue.d.ts

@@ -1,6 +1,15 @@
 import { PropType } from 'vue-demi';
 import { OrSidebarSide } from './constants';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    resizeBarRef: import("@vue/composition-api").Ref<HTMLElement | null>;
+    isResizing: import("@vue/composition-api").Ref<boolean>;
+    localWidth: import("@vue/composition-api").Ref<number>;
+    OrSidebarSide: typeof OrSidebarSide;
+}> & import("@vue/composition-api").Data, {}, {
+    sidebarStyle(): {
+        [key: string]: any;
+    };
+}, {
     width: {
         type: NumberConstructor;
         required: false;
@@ -22,16 +31,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<OrSidebarSide>;
         default: OrSidebarSide;
     };
-}, {
-    resizeBarRef: import("vue-demi").Ref<HTMLElement | null>;
-    isResizing: import("vue-demi").Ref<boolean>;
-    localWidth: import("vue-demi").Ref<number>;
-    OrSidebarSide: typeof OrSidebarSide;
-}, unknown, {
-    sidebarStyle(): {
-        [key: string]: any;
-    };
-}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "change:width"[], "change:width", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     width: {
         type: NumberConstructor;
         required: false;
@@ -53,11 +53,30 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<OrSidebarSide>;
         default: OrSidebarSide;
     };
-}>> & {
-    "onChange:width"?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    width: number;
+    minimumWidth: number;
+    side: OrSidebarSide;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    resizeBarRef: import("@vue/composition-api").Ref<HTMLElement | null>;
+    isResizing: import("@vue/composition-api").Ref<boolean>;
+    localWidth: import("@vue/composition-api").Ref<number>;
+    OrSidebarSide: typeof OrSidebarSide;
+}>, import("@vue/composition-api").Data, {
+    sidebarStyle(): {
+        [key: string]: any;
+    };
+}, {}, {}, {}, string[], {
+    width: number;
+    minimumWidth: number;
+    side: OrSidebarSide;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     width: number;
     minimumWidth: number;
     side: OrSidebarSide;
-}>;
+}, true>);
 export default _default;

package/dist/esm/v3/components/or-sidebar-v3/OrSidebar.vue.d.ts

@@ -1,6 +1,27 @@
 import { PropType } from 'vue-demi';
 import { OrSidebarPlacement } 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>;
+    resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
+    isResizing: import("@vue/composition-api").Ref<boolean>;
+    isCollapsed: import("@vue/composition-api").Ref<boolean>;
+    localWidth: import("@vue/composition-api").Ref<number>;
+    isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
+    sidebarStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    open: () => void;
+    close: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     width: {
         type: NumberConstructor;
         default: number;
@@ -32,28 +53,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    resizeBar: import("vue-demi").Ref<HTMLElement | null>;
-    isResizing: import("vue-demi").Ref<boolean>;
-    isCollapsed: import("vue-demi").Ref<boolean>;
-    localWidth: import("vue-demi").Ref<number>;
-    isShowingToolbar: import("vue-demi").ComputedRef<boolean>;
-    sidebarStyle: import("vue-demi").ComputedRef<{
-        width: string;
-    }>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    sidebarStyles: import("vue-demi").ComputedRef<string[]>;
-    toolbarStyles: import("vue-demi").ComputedRef<string[]>;
-    resizeStyles: import("vue-demi").ComputedRef<string[]>;
-    collapsibleButtonStyles: import("vue-demi").ComputedRef<string[]>;
-    mainStyles: import("vue-demi").ComputedRef<string[]>;
-    headerStyles: import("vue-demi").ComputedRef<string[]>;
-    contentStyles: import("vue-demi").ComputedRef<string[]>;
-    footerStyles: import("vue-demi").ComputedRef<string[]>;
-    open: () => void;
-    close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change:width" | "open" | "close")[], "change:width" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     width: {
         type: NumberConstructor;
         default: number;
@@ -85,10 +85,45 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    "onChange:width"?: ((...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<{
+    width: number;
+    minimumWidth: number;
+    maximumWidth: number;
+    side: OrSidebarPlacement;
+    draggable: boolean;
+    collapsible: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
+    isResizing: import("@vue/composition-api").Ref<boolean>;
+    isCollapsed: import("@vue/composition-api").Ref<boolean>;
+    localWidth: import("@vue/composition-api").Ref<number>;
+    isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
+    sidebarStyle: import("@vue/composition-api").ComputedRef<{
+        width: string;
+    }>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    open: () => void;
+    close: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    width: number;
+    minimumWidth: number;
+    maximumWidth: number;
+    side: OrSidebarPlacement;
+    draggable: boolean;
+    collapsible: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     width: number;
     minimumWidth: number;
@@ -96,5 +131,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     side: OrSidebarPlacement;
     draggable: boolean;
     collapsible: boolean;
-}>;
+}, true>);
 export default _default;