@onereach/ui-components 4.7.0-beta.2809.0 → 4.7.0

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/OrButtonV3/index.js

@@ -1,11 +1,11 @@
 export { ButtonColor, ButtonType, ButtonVariant } from './props.js';
-export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-c265e025.js';
+export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-3cb241aa.js';
-import '../../index-94ecbedb.js';
-import '../../index-6342140b.js';
+import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
+import '../../index-09d1cb24.js';
+import '../../index-f4d8e24c.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import 'vue';

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.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-e5c98f3c.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-e5c98f3c.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-eb86b548.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-eb86b548.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -7,26 +7,27 @@ import './constants.js';
 import '../OrCard/OrCard.js';
 import '../../OrCard.vue_vue_type_script_lang-81561dd8.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-cd2da378.js';
+import '../../OrIcon.vue_vue_type_script_lang-b77bb268.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d419627c.js';
+import '../../OrFloating.vue_vue_type_script_lang-d762f4b0.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 import '../OrSearch/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-8bc87d07.js';
+import '../../OrSearch.vue_vue_type_script_lang-933e71b8.js';
 import '../OrInput/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-bf9fa981.js';
+import '../../OrInput.vue_vue_type_script_lang-1be980cf.js';
 import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-6243e348.js';
 import '../OrHint/OrHint.js';
@@ -34,17 +35,17 @@ import '../../OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
-import '../../OrCollapse.vue_vue_type_script_lang-2a5c0929.js';
+import '../../OrCollapse.vue_vue_type_script_lang-e2dcce92.js';
 import '../OrIconButtonV2/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-d1496a81.js';
+import '../../OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-a06d73f0.js';
+import '../../OrTooltip.vue_vue_type_script_lang-3bf79d56.js';
 import '../OrButtonV2/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-a1fed697.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
-import '../../index-6342140b.js';
+import '../../index-f4d8e24c.js';
 
 const _hoisted_1 = {
   class: "or-card-collection-toolbar"

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/OrCardCollection/index.js

@@ -1,31 +1,32 @@
 export { CARD_COLLECTION_LAYOUT } from './constants.js';
-export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-e5c98f3c.js';
+export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-eb86b548.js';
 import 'vue-demi';
 import '../OrCard/OrCard.js';
 import '../../OrCard.vue_vue_type_script_lang-81561dd8.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-cd2da378.js';
+import '../../OrIcon.vue_vue_type_script_lang-b77bb268.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d419627c.js';
+import '../../OrFloating.vue_vue_type_script_lang-d762f4b0.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 import '../OrSearch/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-8bc87d07.js';
+import '../../OrSearch.vue_vue_type_script_lang-933e71b8.js';
 import '../OrInput/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-bf9fa981.js';
+import '../../OrInput.vue_vue_type_script_lang-1be980cf.js';
 import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-6243e348.js';
 import '../OrHint/OrHint.js';
@@ -33,14 +34,14 @@ import '../../OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
-import '../../OrCollapse.vue_vue_type_script_lang-2a5c0929.js';
+import '../../OrCollapse.vue_vue_type_script_lang-e2dcce92.js';
 import '../OrIconButtonV2/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-d1496a81.js';
+import '../../OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-a06d73f0.js';
+import '../../OrTooltip.vue_vue_type_script_lang-3bf79d56.js';
 import '../OrButtonV2/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-a1fed697.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
-import '../../index-6342140b.js';
+import '../../index-f4d8e24c.js';

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

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-2894160e.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-2894160e.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-406c8cf4.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-406c8cf4.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-e9747c8c.js';
+import '../../OrIconButton.vue_vue_type_script_lang-43eb4e54.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -13,45 +13,46 @@ 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-cb5fde6d.js';
-import '../../index-94ecbedb.js';
-import '../../index-6342140b.js';
+import '../../OrTooltip.vue_vue_type_script_lang-b99be622.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-8d44c242.js';
+import '../../OrPopover.vue_vue_type_script_lang-109c1fa7.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-09d1cb24.js';
+import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d9fcd418.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-94efabe6.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-1d0fed0d.js';
+import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.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-c265e025.js';
+import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-3cb241aa.js';
+import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-4d0b82a1.js';
+import '../../OrMenu.vue_vue_type_script_lang-d0922c9d.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-3ccce599.js';
+import '../../OrSearch.vue_vue_type_script_lang-7d602f78.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a8c90dd0.js';
+import '../../OrInput.vue_vue_type_script_lang-eef9fafe.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';

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;

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

@@ -1,10 +1,10 @@
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-2894160e.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-406c8cf4.js';
 import 'vue-demi';
 import './styles.js';
 import 'vue';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-e9747c8c.js';
+import '../../OrIconButton.vue_vue_type_script_lang-43eb4e54.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -12,45 +12,46 @@ 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-cb5fde6d.js';
-import '../../index-94ecbedb.js';
-import '../../index-6342140b.js';
+import '../../OrTooltip.vue_vue_type_script_lang-b99be622.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-8d44c242.js';
+import '../../OrPopover.vue_vue_type_script_lang-109c1fa7.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-09d1cb24.js';
+import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-d9fcd418.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-94efabe6.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-1d0fed0d.js';
+import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.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-c265e025.js';
+import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-3cb241aa.js';
+import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-4d0b82a1.js';
+import '../../OrMenu.vue_vue_type_script_lang-d0922c9d.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-3ccce599.js';
+import '../../OrSearch.vue_vue_type_script_lang-7d602f78.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a8c90dd0.js';
+import '../../OrInput.vue_vue_type_script_lang-eef9fafe.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';