@onereach/ui-components 4.5.1 → 4.6.0-beta.2748.0

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

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

package/dist/bundled/v3/components/OrAvatarV3/OrAvatar.vue.d.ts

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

package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.vue.d.ts

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

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

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

package/dist/bundled/v3/components/OrButtonV2/OrButton.vue.d.ts

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

package/dist/bundled/v3/components/OrButtonV3/OrButton.vue.d.ts

@@ -1,12 +1,16 @@
 import { PropType } from 'vue-demi';
 import { ButtonColor, ButtonType, ButtonVariant } 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<HTMLButtonElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | false)[]>;
+    isVue3: boolean;
+}> & import("@vue/composition-api").Data, {}, {}, {
     type: {
         type: PropType<"button" | "submit" | "reset">;
         default: ButtonType;
     };
     variant: {
-        type: PropType<"link" | "contained" | "outlined" | "text">;
+        type: PropType<"contained" | "outlined" | "text" | "link">;
         default: ButtonVariant;
     };
     color: {
@@ -29,17 +33,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLButtonElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<(string | false)[]>;
-    isVue3: boolean;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     type: {
         type: PropType<"button" | "submit" | "reset">;
         default: ButtonType;
     };
     variant: {
-        type: PropType<"link" | "contained" | "outlined" | "text">;
+        type: PropType<"contained" | "outlined" | "text" | "link">;
         default: ButtonVariant;
     };
     color: {
@@ -62,17 +62,37 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
-    onClick?: ((...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<{
+    activated: boolean;
+    type: "button" | "submit" | "reset";
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
+    disabled: boolean;
+    loading: boolean;
+    loadingText: string;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLButtonElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | false)[]>;
+    isVue3: boolean;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    activated: boolean;
     type: "button" | "submit" | "reset";
-    variant: "link" | "contained" | "outlined" | "text";
+    variant: "contained" | "outlined" | "text" | "link";
     color: "primary" | "danger" | "inherit";
+    disabled: boolean;
+    loading: boolean;
+    loadingText: string;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
     activated: boolean;
+    type: "button" | "submit" | "reset";
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
     disabled: boolean;
     loading: boolean;
     loadingText: string;
-}>;
+}, true>);
 export default _default;

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

@@ -1,18 +1,26 @@
-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(): any[];
+}, {
     active: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {
-    rootClasses(): any[];
-}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "click"[], "click", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     active: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    active: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    rootClasses(): any[];
+}, {}, {}, {}, string[], {
+    active: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     active: boolean;
-}>;
+}, true>);
 export default _default;

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

@@ -1,7 +1,20 @@
 import { PropType } from 'vue-demi';
 import { CARD_COLLECTION_LAYOUT } from './constants';
 import { LayoutOption, SortableColumn } from './types';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    sortingDirection: import("@vue/composition-api").Ref<string>;
+    filterValue: import("@vue/composition-api").Ref<string>;
+    sortingColumn: import("@vue/composition-api").Ref<string>;
+    selectedLayout: import("@vue/composition-api").Ref<string>;
+}> & import("@vue/composition-api").Data, {
+    selectSortable(column: SortableColumn): void;
+    emitFilterChange(): void;
+    selectLayout(layout: string): void;
+    handleClick(item: any): void;
+}, {
+    rootClasses(): any[];
+    sortingDirectionIcon(): string;
+}, {
     items: {
         type: ArrayConstructor;
         default: () => never[];
@@ -29,20 +42,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {
-    sortingDirection: import("vue-demi").Ref<string>;
-    filterValue: import("vue-demi").Ref<string>;
-    sortingColumn: import("vue-demi").Ref<string>;
-    selectedLayout: import("vue-demi").Ref<string>;
-}, unknown, {
-    rootClasses(): any[];
-    sortingDirectionIcon(): string;
-}, {
-    selectSortable(column: SortableColumn): void;
-    emitFilterChange(): void;
-    selectLayout(layout: string): void;
-    handleClick(item: any): void;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("filter" | "sort" | "layoutChanged" | "itemClicked")[], "filter" | "sort" | "layoutChanged" | "itemClicked", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     items: {
         type: ArrayConstructor;
         default: () => never[];
@@ -70,11 +70,37 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
-    onFilter?: ((...args: any[]) => any) | undefined;
-    onSort?: ((...args: any[]) => any) | undefined;
-    onLayoutChanged?: ((...args: any[]) => any) | undefined;
-    onItemClicked?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    items: unknown[];
+    activeItem: Record<string, any>;
+    layoutOptions: LayoutOption[];
+    layout: string;
+    sortableColumns: SortableColumn[];
+    filterPlaceholder: string;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    sortingDirection: import("@vue/composition-api").Ref<string>;
+    filterValue: import("@vue/composition-api").Ref<string>;
+    sortingColumn: import("@vue/composition-api").Ref<string>;
+    selectedLayout: import("@vue/composition-api").Ref<string>;
+}>, import("@vue/composition-api").Data, {
+    rootClasses(): any[];
+    sortingDirectionIcon(): string;
+}, {
+    selectSortable(column: SortableColumn): void;
+    emitFilterChange(): void;
+    selectLayout(layout: string): void;
+    handleClick(item: any): void;
+}, {}, {}, string[], {
+    items: unknown[];
+    activeItem: Record<string, any>;
+    layoutOptions: LayoutOption[];
+    layout: string;
+    sortableColumns: SortableColumn[];
+    filterPlaceholder: string;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     items: unknown[];
     activeItem: Record<string, any>;
@@ -82,5 +108,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     layout: string;
     sortableColumns: SortableColumn[];
     filterPlaceholder: string;
-}>;
+}, true>);
 export default _default;