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

package/dist/bundled/v3/components/OrSegmentedControlV3/OrSegmentedControl.vue.d.ts

@@ -1,7 +1,11 @@
 import { PropType } from 'vue-demi';
 import { SegmentedControlSize } from './props';
 import { SegmentedControlOption } 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>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SegmentedControlOption[]>;
         default: SegmentedControlOption[];
@@ -18,11 +22,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[]>;
-    proxyModelValue: import("vue-demi").WritableComputedRef<string | undefined>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SegmentedControlOption[]>;
         default: SegmentedControlOption[];
@@ -39,12 +39,28 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string;
+    options: SegmentedControlOption[];
+    size: SegmentedControlSize;
+    disabled: 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[]>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: string;
+    options: SegmentedControlOption[];
+    size: SegmentedControlSize;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
     options: SegmentedControlOption[];
     size: SegmentedControlSize;
     disabled: boolean;
-}>;
+}, true>);
 export default _default;

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

@@ -1,8 +1,20 @@
 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> & {
+    localIsLoading: boolean;
+    localContentOptions: Option[];
+}, {
+    handleSearchChange(search: string): Promise<void>;
+}, {
+    /**
+     * When component is self-managed - local options override everything else.
+     * Otherwise user can override options with a different list.
+     */
+    contentOptions(): Option[];
+    isContentLoading(): boolean;
+}, {
     /** Values are displayed as is, when there are no matching options */
     modelValue: {
-        type: import("vue-demi").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
+        type: import("@vue/composition-api").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
         default: undefined;
     };
     /**
@@ -10,7 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
      * In order to display labels for values, we need options that match them by ID.
      */
     options: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: () => Option[];
     };
     /**
@@ -19,7 +31,7 @@ declare const _default: import("vue-demi").DefineComponent<{
      * Does't work when search function is provided.
      */
     searchOptions: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: undefined;
     };
     placeholder: {
@@ -51,7 +63,7 @@ declare const _default: import("vue-demi").DefineComponent<{
      * and ignore props like "searchOptions" and "isLoading".
      */
     searchFunction: {
-        type: import("vue-demi").PropType<import("./types").SearchOptionsFunction>;
+        type: import("@vue/composition-api").PropType<import("./types").SearchOptionsFunction>;
         default: undefined;
     };
     noResultsTitle: {
@@ -70,22 +82,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, unknown, {
-    localIsLoading: boolean;
-    localContentOptions: Option[];
-}, {
-    /**
-     * When component is self-managed - local options override everything else.
-     * Otherwise user can override options with a different list.
-     */
-    contentOptions(): Option[];
-    isContentLoading(): boolean;
-}, {
-    handleSearchChange(search: string): Promise<void>;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "open" | "close" | "search-change")[], "update:modelValue" | "open" | "close" | "search-change", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     /** Values are displayed as is, when there are no matching options */
     modelValue: {
-        type: import("vue-demi").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
+        type: import("@vue/composition-api").PropType<import("./types").ModelValueSimple | import("./types").ModelValueArray>;
         default: undefined;
     };
     /**
@@ -93,7 +93,7 @@ declare const _default: import("vue-demi").DefineComponent<{
      * In order to display labels for values, we need options that match them by ID.
      */
     options: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: () => Option[];
     };
     /**
@@ -102,7 +102,7 @@ declare const _default: import("vue-demi").DefineComponent<{
      * Does't work when search function is provided.
      */
     searchOptions: {
-        type: import("vue-demi").PropType<Option[]>;
+        type: import("@vue/composition-api").PropType<Option[]>;
         default: undefined;
     };
     placeholder: {
@@ -134,7 +134,7 @@ declare const _default: import("vue-demi").DefineComponent<{
      * and ignore props like "searchOptions" and "isLoading".
      */
     searchFunction: {
-        type: import("vue-demi").PropType<import("./types").SearchOptionsFunction>;
+        type: import("@vue/composition-api").PropType<import("./types").SearchOptionsFunction>;
         default: undefined;
     };
     noResultsTitle: {
@@ -153,11 +153,60 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...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<{
+    modelValue: import("./types").ModelValueSimple | import("./types").ModelValueArray;
+    options: Option[];
+    searchOptions: Option[];
+    placeholder: string;
+    label: string;
+    error: string;
+    useSearch: boolean;
+    isMultiSelect: boolean;
+    isLoading: boolean;
+    isRequired: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    ignoreClickOutside: boolean;
+    searchFunction: import("./types").SearchOptionsFunction;
+    noResultsTitle: string;
+    noResultsStartText: string;
+    noResultsEndText: string;
+    updateSearchText: string;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, {
+    localIsLoading: boolean;
+    localContentOptions: Option[];
+}, {
+    /**
+     * When component is self-managed - local options override everything else.
+     * Otherwise user can override options with a different list.
+     */
+    contentOptions(): Option[];
+    isContentLoading(): boolean;
+}, {
+    handleSearchChange(search: string): Promise<void>;
+}, {}, {}, string[], {
+    modelValue: import("./types").ModelValueSimple | import("./types").ModelValueArray;
+    options: Option[];
+    searchOptions: Option[];
+    placeholder: string;
+    label: string;
+    error: string;
+    useSearch: boolean;
+    isMultiSelect: boolean;
+    isLoading: boolean;
+    isRequired: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    ignoreClickOutside: boolean;
+    searchFunction: import("./types").SearchOptionsFunction;
+    noResultsTitle: string;
+    noResultsStartText: string;
+    noResultsEndText: string;
+    updateSearchText: string;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: import("./types").ModelValueSimple | import("./types").ModelValueArray;
     options: Option[];
@@ -177,5 +226,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     noResultsStartText: string;
     noResultsEndText: string;
     updateSearchText: string;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -143,13 +143,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createBlock(_component_OrTag, {
         key: option.value,
         variant: 'reset',
-        disabled: _ctx.disabled || _ctx.readonly,
         onReset: $event => _ctx.deselect(option)
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onReset"]);
     }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles)

package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts

@@ -1,7 +1,44 @@
 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>;
+    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: SelectOption[];
@@ -66,36 +103,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>;
-    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: SelectOption[];
@@ -160,11 +168,81 @@ 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>;
+    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;
@@ -182,5 +260,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrSidebar/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;
@@ -25,16 +34,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: OrSidebarSide;
         validator: (value?: any) => boolean;
     };
-}, {
-    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;
@@ -59,11 +59,30 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: OrSidebarSide;
         validator: (value?: any) => boolean;
     };
-}>> & {
-    "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/bundled/v3/components/OrSidebarV3/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;
@@ -36,28 +57,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;
@@ -93,10 +93,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;
@@ -104,5 +139,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     side: OrSidebarPlacement;
     draggable: boolean;
     collapsible: boolean;
-}>;
+}, true>);
 export default _default;

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

@@ -1,4 +1,9 @@
-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, {}, {
+    rootClasses(): {
+        'is-animated': boolean;
+    };
+    rootStyle(): Record<string, string | number>;
+}, {
     isAnimated: {
         type: BooleanConstructor;
         required: false;
@@ -9,12 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: number;
     };
-}, unknown, unknown, {
-    rootClasses(): {
-        'is-animated': boolean;
-    };
-    rootStyle(): Record<string, string | number>;
-}, {}, 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<{
     isAnimated: {
         type: BooleanConstructor;
         required: false;
@@ -25,8 +25,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: number;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isAnimated: boolean;
+    radius: string | number;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    rootClasses(): {
+        'is-animated': boolean;
+    };
+    rootStyle(): Record<string, string | number>;
+}, {}, {}, {}, {}, {
+    isAnimated: boolean;
+    radius: string | number;
+} & {}, {
     isAnimated: boolean;
     radius: string | number;
-}>;
+}, true>);
 export default _default;