@onereach/ui-components 4.4.0-beta.2691.0 → 4.4.0

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

@@ -1,10 +1,6 @@
 import { PropType } from 'vue-demi';
 import { AvatarColor, AvatarSize } from './props';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     src: {
         type: StringConstructor;
         default: undefined;
@@ -27,7 +23,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     src: {
         type: StringConstructor;
         default: undefined;
@@ -50,27 +50,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         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,46 +1,33 @@
 import { PropType } from 'vue-demi';
 import { BottomSheetVariant } from './props';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<"basic" | "advanced">;
         default: BottomSheetVariant;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     variant: {
         type: PropType<"basic" | "advanced">;
         default: BottomSheetVariant;
     };
-}>> & 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;
+}>> & {
+    "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;
 }, {
     variant: "basic" | "advanced";
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v3/components/OrButton/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/bundled/v3/components/OrButtonV2/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/bundled/v3/components/OrButtonV3/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/bundled/v3/components/OrCard/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/bundled/v3/components/OrCardCollection/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/bundled/v3/components/OrCardCollectionV3/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;