@onereach/ui-components 4.3.8 → 4.3.9-beta.2653.0

package/dist/esm/v3/components/or-button/OrButton.vue.d.ts

@@ -1,16 +1,7 @@
 import { PropType } from 'vue-demi';
 import { LoaderViews } from '../or-loader';
 import { OrButtonColors, OrButtonSizes } from './constants';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     label: {
         type: PropType<string>;
         default: string;
@@ -71,7 +62,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     label: {
         type: PropType<string>;
         default: string;
@@ -132,45 +132,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}>> & 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;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     size: OrButtonSizes;
@@ -184,5 +149,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isFullwidth: boolean;
     isLoading: boolean;
     isDisabled: boolean;
-}, true>);
+}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../../OrButton-fca9019a.js';
+export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../../OrButton-49605f5c.js';
 import 'vue-demi';
 import '../../OrLoader-15174477.js';
 import 'lodash';

package/dist/esm/v3/components/or-button-v2/OrButton.vue.d.ts

@@ -1,20 +1,7 @@
 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").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>;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     type: {
         type: PropType<BUTTON_TYPE>;
         default: BUTTON_TYPE;
@@ -60,7 +47,20 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     type: {
         type: PropType<BUTTON_TYPE>;
         default: BUTTON_TYPE;
@@ -106,47 +106,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & 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;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     type: BUTTON_TYPE;
     color: BUTTON_COLOR;
@@ -159,5 +122,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     loadingText: string;
     isLoading: boolean;
     isDisabled: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-button-v2/index.js

@@ -1,9 +1,9 @@
-export { s as OrButtonV2 } from '../../OrButton-f8b10d79.js';
-export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton } from '../../OrIconButton-5387fd59.js';
+export { s as OrButtonV2 } from '../../OrButton-d6834ea0.js';
+export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton } from '../../OrIconButton-049a3bd2.js';
 import 'vue-demi';
-import '../../OrIcon-925c5413.js';
+import '../../OrIcon-b566a871.js';
 import 'lodash';
-import '../../OrTooltip-618ce7c9.js';
+import '../../OrTooltip-89ce98e8.js';
 import '../../OrTooltipContent-37a5f562.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts

@@ -1,16 +1,12 @@
 import { PropType } from 'vue-demi';
 import { ButtonColor, ButtonType, ButtonVariant } from './props';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     type: {
         type: PropType<"button" | "submit" | "reset">;
         default: ButtonType;
     };
     variant: {
-        type: PropType<"contained" | "outlined" | "text" | "link">;
+        type: PropType<"link" | "contained" | "outlined" | "text">;
         default: ButtonVariant;
     };
     color: {
@@ -33,13 +29,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: string;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     type: {
         type: PropType<"button" | "submit" | "reset">;
         default: ButtonType;
     };
     variant: {
-        type: PropType<"contained" | "outlined" | "text" | "link">;
+        type: PropType<"link" | "contained" | "outlined" | "text">;
         default: ButtonVariant;
     };
     color: {
@@ -62,37 +62,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: string;
     };
-}>> & 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: "contained" | "outlined" | "text" | "link";
-    color: "primary" | "danger" | "inherit";
-    disabled: boolean;
-    loading: boolean;
-    loadingText: string;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    activated: boolean;
     type: "button" | "submit" | "reset";
-    variant: "contained" | "outlined" | "text" | "link";
+    variant: "link" | "contained" | "outlined" | "text";
     color: "primary" | "danger" | "inherit";
+    activated: boolean;
     disabled: boolean;
     loading: boolean;
     loadingText: string;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-card/OrCard.vue.d.ts

@@ -1,26 +1,18 @@
-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[];
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     active: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, 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<{
     active: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & 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;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {
     active: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-card-collection/OrCardCollection.vue.d.ts

@@ -1,20 +1,7 @@
 import { PropType } from 'vue-demi';
 import { CARD_COLLECTION_LAYOUT } from './constants';
 import { LayoutOption, SortableColumn } from './types';
-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;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     items: {
         type: ArrayConstructor;
         default: () => never[];
@@ -42,7 +29,20 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: string;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     items: {
         type: ArrayConstructor;
         default: () => never[];
@@ -70,37 +70,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: string;
     };
-}>> & 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;
+}>> & {
+    onFilter?: ((...args: any[]) => any) | undefined;
+    onSort?: ((...args: any[]) => any) | undefined;
+    onLayoutChanged?: ((...args: any[]) => any) | undefined;
+    onItemClicked?: ((...args: any[]) => any) | undefined;
 }, {
     items: unknown[];
     activeItem: Record<string, any>;
@@ -108,5 +82,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     layout: string;
     sortableColumns: SortableColumn[];
     filterPlaceholder: string;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-card-collection/index.js

@@ -1,24 +1,24 @@
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../../OrCardCollection-ffbb9eda.js';
+export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../../OrCardCollection-d79dac85.js';
 import 'vue-demi';
 import '../../OrCard-e3a5aea4.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrIcon-925c5413.js';
+import '../../OrIcon-b566a871.js';
 import 'lodash';
-import '../../OrTooltip-618ce7c9.js';
+import '../../OrTooltip-89ce98e8.js';
 import '../../OrTooltipContent-37a5f562.js';
 import '../../OrFloating-291c7653.js';
 import '@floating-ui/dom';
 import '../../OrTeleport.vue3-9bce0c02.js';
 import '../../dom-7a41831b.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../OrSearch-c4caf04e.js';
-import '../../OrInput-0dbd5a01.js';
+import '../../OrSearch-f4ad73db.js';
+import '../../OrInput-53a32706.js';
 import '../../OrLabel-876f8729.js';
 import '../../OrHint-1414c530.js';
 import '../../OrError-f90296db.js';
-import '../../OrCollapse-37a52e8f.js';
+import '../../OrCollapse-2b31de04.js';
 import '@vueuse/core';
-import '../../OrButton-f8b10d79.js';
+import '../../OrButton-d6834ea0.js';
 import '../../OrLoader-15174477.js';
-import '../../OrIconButton-5387fd59.js';
+import '../../OrIconButton-049a3bd2.js';

package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts

@@ -1,28 +1,6 @@
 import { PropType } from 'vue-demi';
 import { CardCollectionItem, SortOption, ViewMode } from './types';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     items: {
         type: PropType<CardCollectionItem[]>;
         default: CardCollectionItem[];
@@ -55,7 +33,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: undefined;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     items: {
         type: PropType<CardCollectionItem[]>;
         default: CardCollectionItem[];
@@ -88,58 +80,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: 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;
+}>> & {
+    onViewChange?: ((...args: any[]) => any) | undefined;
+    onSortChange?: ((...args: any[]) => any) | undefined;
+    onSearchChange?: ((...args: any[]) => any) | undefined;
 }, {
+    search: string;
     sort: string;
     items: CardCollectionItem[];
     view: string;
     viewModes: ViewMode[];
     sortOptions: SortOption[];
-    search: string;
     searchPlaceholder: string;
     searchDebounce: number;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,23 +1,23 @@
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-a0cc4895.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-b319b723.js';
 import 'vue-demi';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
 import 'vue';
-import '../../OrIconButton-6c3fafc2.js';
+import '../../OrIconButton-55d51a7a.js';
 import '../../OrIcon-62793572.js';
-import '../../OrTooltip-a38adced.js';
-import '../../OrPopover-0635cb63.js';
+import '../../OrTooltip-4bb0054a.js';
+import '../../OrPopover-84d5b844.js';
 import '@floating-ui/dom';
-import '../../useElevation-df91fa50.js';
+import '../../useElevation-b5a49746.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-e491689f.js';
-import '../../OrOverlay-d63d39c3.js';
+import '../../OrBottomSheet-5969a217.js';
+import '../../OrOverlay-bf72f582.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrMenuItem-dbee450f.js';
-import '../../OrMenu-45a1dc3e.js';
-import '../../OrSearch-2770023a.js';
-import '../../OrInput-4215a3d8.js';
+import '../../OrMenu-bce8349d.js';
+import '../../OrSearch-e15c7fd2.js';
+import '../../OrInput-de491b63.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-c01d0c29.js';