@onereach/ui-components 6.6.1 → 6.6.2-beta.3509.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,51 @@
 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>;
+    searchControl: 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[]>;
+    searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlId: import("@vue/composition-api").Ref<string>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | object | string[] | object[] | number[]>;
+    readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
+    showClear: 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 | object;
+        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;
+    clearSearchControl: () => void;
+    innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+    outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SelectOption[]>;
         default: () => never[];
@@ -74,43 +118,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>;
-    searchControl: 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[]>;
-    searchControlStyles: import("vue-demi").ComputedRef<string[]>;
-    dropdownStyles: import("vue-demi").ComputedRef<string[]>;
-    dropdownItemStyles: import("vue-demi").ComputedRef<string[]>;
-    noSearchResultsStyles: import("vue-demi").ComputedRef<string[]>;
-    controlId: import("vue-demi").Ref<string>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | object | string[] | object[] | number[] | undefined>;
-    readonly: import("vue-demi").ComputedRef<boolean>;
-    isEmptyModelValue: import("vue-demi").ComputedRef<boolean>;
-    showClear: 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 | object;
-        label: string;
-    }[]>;
-    resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
-    groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
-    toggle: () => void;
-    close: () => void;
-    deselect: (option: SelectOption) => void;
-    clearSearchControl: () => void;
-    innerItems: import("vue-demi").Ref<HTMLElement[]>;
-    outerItems: import("vue-demi").Ref<HTMLElement[]>;
-    isDesktop: import("vue-demi").ComputedRef<boolean>;
-    isMobile: import("vue-demi").ComputedRef<boolean>;
-}, 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[];
@@ -183,11 +191,92 @@ 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 | object | string[] | object[] | number[];
+    label: string;
+    options: SelectOption[];
+    searchOptions: SelectOption[];
+    multiple: boolean;
+    size: "m" | "s";
+    placeholder: string;
+    searchPlaceholder: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+    enableSearch: boolean;
+    enableClear: 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>;
+    searchControl: 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[]>;
+    searchControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlId: import("@vue/composition-api").Ref<string>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | object | string[] | object[] | number[]>;
+    readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
+    showClear: 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 | object;
+        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;
+    clearSearchControl: () => void;
+    innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+    outerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: string | number | object | string[] | object[] | number[];
+    label: string;
+    options: SelectOption[];
+    searchOptions: SelectOption[];
+    multiple: boolean;
+    size: "m" | "s";
+    placeholder: string;
+    searchPlaceholder: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+    enableSearch: boolean;
+    enableClear: boolean;
+    searchFunction: SelectSearchFunction;
+    groupByFunction: SelectGroupByFunction;
+    externalControl: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number | object | string[] | object[] | number[];
     label: string;
@@ -207,5 +296,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/partials/or-select-placeholder/OrSelectPlaceholder.vue.d.ts

@@ -1,17 +1,24 @@
-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[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: 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<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     disabled: boolean;
-}>;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    disabled: boolean;
+} & {}, {
+    disabled: boolean;
+}, true>);
 export default _default;

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,20 @@
 import { PropType } from 'vue-demi';
 import { SidebarPadding, SidebarPlacement } 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[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyMinWidth: import("@vue/composition-api").ComputedRef<number>;
+    proxyMaxWidth: import("@vue/composition-api").ComputedRef<number>;
+    proxyPlacement: import("@vue/composition-api").ComputedRef<"left" | "right">;
+    proxyResizeable: import("@vue/composition-api").ComputedRef<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -61,21 +75,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[]>;
-    headerStyles: import("vue-demi").ComputedRef<string[]>;
-    contentStyles: import("vue-demi").ComputedRef<string[]>;
-    footerStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyMinWidth: import("vue-demi").ComputedRef<number>;
-    proxyMaxWidth: import("vue-demi").ComputedRef<number>;
-    proxyPlacement: import("vue-demi").ComputedRef<"left" | "right">;
-    proxyResizeable: import("vue-demi").ComputedRef<boolean>;
-    state: import("vue-demi").Ref<"open" | "closed">;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close" | "resize" | "change:width")[], "update:state" | "open" | "close" | "resize" | "change:width", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -136,12 +136,50 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    onResize?: ((...args: any[]) => any) | undefined;
-    "onChange:width"?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
+    width: number;
+    minWidth: number;
+    minimumWidth: number;
+    maxWidth: number;
+    maximumWidth: number;
+    padding: "l" | "m" | "s" | "none";
+    placement: "left" | "right";
+    side: "left" | "right";
+    resizeable: boolean;
+    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>;
+    rootStyles: 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[]>;
+    proxyMinWidth: import("@vue/composition-api").ComputedRef<number>;
+    proxyMaxWidth: import("@vue/composition-api").ComputedRef<number>;
+    proxyPlacement: import("@vue/composition-api").ComputedRef<"left" | "right">;
+    proxyResizeable: import("@vue/composition-api").ComputedRef<boolean>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    isOpen: boolean;
+    width: number;
+    minWidth: number;
+    minimumWidth: number;
+    maxWidth: number;
+    maximumWidth: number;
+    padding: "l" | "m" | "s" | "none";
+    placement: "left" | "right";
+    side: "left" | "right";
+    resizeable: boolean;
+    draggable: boolean;
+    collapsible: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
     width: number;
@@ -155,5 +193,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     resizeable: boolean;
     draggable: boolean;
     collapsible: boolean;
-}>;
+}, true>);
 export default _default;