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

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;

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
 import 'vue-demi';
 import './styles.js';
 import './props.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
+import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -13,26 +13,25 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
+import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
+import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '@vueuse/core';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
+import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -43,15 +42,15 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
+import '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrSearchV3/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-142ab019.js';
+import '../../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
+import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';

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

@@ -1,6 +1,28 @@
 import { PropType } from 'vue-demi';
 import { CardCollectionItem, SortOption, ViewMode } 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>;
+    sortMenu: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => 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>;
+    sortButton: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => 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>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyView: import("@vue/composition-api").Ref<string>;
+    proxySort: import("@vue/composition-api").Ref<string>;
+    proxySearch: import("@vue/composition-api").Ref<string>;
+    sortLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
+    switchView: (view: string) => void;
+    handleSort: (sort: string) => void;
+    handleSearch: (search: string) => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     items: {
         type: PropType<CardCollectionItem[]>;
         default: CardCollectionItem[];
@@ -33,21 +55,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    sortMenu: import("vue-demi").Ref<any>;
-    sortButton: import("vue-demi").Ref<any>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    toolbarStyles: import("vue-demi").ComputedRef<string[]>;
-    toolbarPanelStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyView: import("vue-demi").Ref<string>;
-    proxySort: import("vue-demi").Ref<string | undefined>;
-    proxySearch: import("vue-demi").Ref<string>;
-    sortLabel: import("vue-demi").ComputedRef<string | undefined>;
-    switchView: (view: string) => void;
-    handleSort: (sort: string) => void;
-    handleSearch: (search: string) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("viewChange" | "sortChange" | "searchChange")[], "viewChange" | "sortChange" | "searchChange", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     items: {
         type: PropType<CardCollectionItem[]>;
         default: CardCollectionItem[];
@@ -80,18 +88,58 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
-}>> & {
-    onViewChange?: ((...args: any[]) => any) | undefined;
-    onSortChange?: ((...args: any[]) => any) | undefined;
-    onSearchChange?: ((...args: any[]) => any) | undefined;
-}, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    sort: string;
+    items: CardCollectionItem[];
+    view: string;
+    viewModes: ViewMode[];
+    sortOptions: SortOption[];
+    search: string;
+    searchPlaceholder: string;
+    searchDebounce: number;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    sortMenu: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => 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>;
+    sortButton: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => 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>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyView: import("@vue/composition-api").Ref<string>;
+    proxySort: import("@vue/composition-api").Ref<string>;
+    proxySearch: import("@vue/composition-api").Ref<string>;
+    sortLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
+    switchView: (view: string) => void;
+    handleSort: (sort: string) => void;
+    handleSearch: (search: string) => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    sort: string;
+    items: CardCollectionItem[];
+    view: string;
+    viewModes: ViewMode[];
+    sortOptions: SortOption[];
     search: string;
+    searchPlaceholder: string;
+    searchDebounce: number;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
     sort: string;
     items: CardCollectionItem[];
     view: string;
     viewModes: ViewMode[];
     sortOptions: SortOption[];
+    search: string;
     searchPlaceholder: string;
     searchDebounce: number;
-}>;
+}, true>);
 export default _default;