@onereach/ui-components 6.0.1-beta.3238.0 → 6.0.1-beta.3241.0

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-47a6a91f.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ab8120ea.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-47a6a91f.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ab8120ea.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7fd83e23.js';
 import { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -16,7 +16,7 @@ var script = defineComponent({
       default: false
     },
     trigger: {
-      type: Object,
+      type: HTMLElement,
       default: undefined
     },
     placement: {

package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts

@@ -1,4 +1,3 @@
-import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { MenuOffset, MenuPlacement } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -15,7 +14,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -32,7 +34,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -45,7 +50,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: MenuPlacement;
     offset: MenuOffset;
 } & {} & {
@@ -60,14 +65,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     isOpen: boolean;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: MenuPlacement;
     offset: MenuOffset;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: MenuPlacement;
     offset: MenuOffset;
 }, true>);

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,6 +1,7 @@
 import { a as autoUpdate, c as computePosition, o as offset, s as shift, f as flip, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
 import { o as onClickOutside } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
+import { r as requestAF } from '../../dom-bb55b42a.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './styles.js';
 import __vue_component__$1 from '../OrBottomSheetV3/OrBottomSheet.js';
@@ -30,7 +31,7 @@ var script = defineComponent({
       default: undefined
     },
     trigger: {
-      type: Object,
+      type: HTMLElement,
       default: undefined
     },
     placement: {
@@ -101,14 +102,15 @@ var script = defineComponent({
               placement,
               middleware: [offset(props.offset), shift(), flip(), hide()]
             });
-            const {
-              width: triggerWidth
-            } = trigger.getBoundingClientRect();
-            Object.assign(rootElement.style, {
-              left: `${x}px`,
-              top: `${y}px`,
-              visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
-              width: props.fullWidth ? `${triggerWidth}px` : ''
+            // this hack fixes the issue when popover triggers 'ResizeObserver loop limit exceeded' runtime error
+            // https://github.com/floating-ui/floating-ui/issues/1740#issuecomment-1563544849
+            requestAF(() => {
+              Object.assign(rootElement.style, {
+                left: `${x}px`,
+                top: `${y}px`,
+                visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
+                width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
+              });
             });
             isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
             isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -1,4 +1,3 @@
-import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { PopoverOffset, PopoverPlacement, PopoverVariant } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -36,7 +35,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -75,7 +77,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -104,7 +109,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;
@@ -137,7 +142,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;
@@ -151,7 +156,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;

package/dist/bundled/v2/components/index.d.ts

@@ -20,7 +20,6 @@ export * from './or-color-picker';
 export * from './or-combined-input-v3';
 export * from './or-confirm';
 export * from './or-confirm-v3';
-export * from './or-context-menu-v3';
 export * from './or-date-picker-v3';
 export * from './or-date-time-picker';
 export * from './or-date-time-picker-v3';

package/dist/bundled/v2/components/index.js

@@ -37,8 +37,6 @@ export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, Inpu
 export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { PopoverPlacement as ContextMenuPlacement, PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
@@ -89,6 +87,7 @@ export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './OrLoaderV3/props.js';
 export { default as OrMenuItemV3 } from './OrMenuItemV3/OrMenuItem.js';
 export { default as OrMenuV3 } from './OrMenuV3/OrMenu.js';
+export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { default as OrModal } from './OrModal/OrModal.js';
 export { OrModalSizes } from './OrModal/constants.js';
 export { default as OrModalV3 } from './OrModalV3/OrModal.js';

package/dist/bundled/v2/index.js

@@ -15,7 +15,6 @@ export { default as OrColorPicker } from './components/OrColorPicker/OrColorPick
 export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrCombinedInput.js';
 export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
-export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateTimePicker } from './components/OrDateTimePicker/OrDateTimePicker.js';
 export { default as OrDateTimePickerV3 } from './components/OrDateTimePickerV3/OrDateTimePicker.js';
@@ -91,7 +90,6 @@ export { default as OrCollapse } from './components/OrCollapse/OrCollapse.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './components/OrColorPicker/constants.js';
 export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TagInputSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './components/OrInputBoxV3/props.js';
 export { ConfirmType } from './components/OrConfirmV3/props.js';
-export { PopoverPlacement as ContextMenuPlacement, PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './components/OrPopoverV3/props.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/OrDateTimePicker/constants.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './components/OrDateTimePickerV3/props.js';
 export { EmptyStateSize } from './components/OrEmptyStateV3/props.js';
@@ -131,6 +129,7 @@ export { default as OrLoaderV3 } from './components/OrLoaderV3/OrLoader.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './components/OrLoaderV3/props.js';
 export { default as OrMenuItemV3 } from './components/OrMenuItemV3/OrMenuItem.js';
 export { default as OrMenuV3 } from './components/OrMenuV3/OrMenu.js';
+export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './components/OrPopoverV3/props.js';
 export { default as OrModal } from './components/OrModal/OrModal.js';
 export { OrModalSizes } from './components/OrModal/constants.js';
 export { default as OrModalV3 } from './components/OrModalV3/OrModal.js';

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-1299429f.js → OrCardCollection.vue_vue_type_script_lang-7a33065d.js}

@@ -4,10 +4,10 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrSortingV3/OrSorting.js';
-import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-8735cdbf.js';
+import { s as script$3 } from './OrSorting.vue_vue_type_script_lang-920ed061.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-2809603c.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$4 } from './OrSearch.vue_vue_type_script_lang-274069f8.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-50f29ea8.js → OrCode.vue_vue_type_script_lang-0b7160f8.js}

@@ -11,10 +11,10 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrModalV3/OrModal.js';
-import { s as script$6 } from './OrModal.vue_vue_type_script_lang-6a07cbd1.js';
+import { s as script$6 } from './OrModal.vue_vue_type_script_lang-8a179b99.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-fee3e384.js → OrConfirm.vue_vue_type_script_lang-b1a14a8b.js}

@@ -9,7 +9,7 @@ import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-2da128a3.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-22b24f8b.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-41cf79f5.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-6cedee66.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { w as whenever } from './index-f4d8e24c.js';
 

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-cb63c748.js → OrDatePicker.vue_vue_type_script_lang-4dac83a8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-f3aca053.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-3ccb3f0f.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-daa7e47b.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -15,10 +15,10 @@ import { DropdownOpen } from './directives/dropdown-open.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-e407e1bf.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-36e2aaae.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-8f9cbd4e.js → OrDateTimePicker.vue_vue_type_script_lang-d200e4c8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-f3aca053.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-3ccb3f0f.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-daa7e47b.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-96c4d657.js';
 import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.js';
@@ -15,10 +15,10 @@ import './components/OrPopoverV3/OrPopover.js';
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-e407e1bf.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-36e2aaae.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-f3aca053.js → OrDateTimePickerMonthSelect-3ccb3f0f.js}

@@ -9,8 +9,8 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
-import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-3f5f2cab.js';
+import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
+import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-d0992eaf.js';
 import { s as script$7 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 
 const DateTimePickerDateControl = [

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-8437b79a.js → OrIconButton.vue_vue_type_script_lang-a571e18e.js}

@@ -3,7 +3,7 @@ import { IconButtonColor } from './components/OrIconButtonV3/props.js';
 import { IconButtonRoot, IconButtonRootColors } from './components/OrIconButtonV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrTooltipV3/OrTooltip.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-53dea1be.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-1eac3236.js';
 import { IconSize } from './components/OrIconV3/props.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-9a1463f7.js → OrInlineInput.vue_vue_type_script_lang-cae6bf3e.js}

@@ -9,7 +9,7 @@ import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-2b535504.js → OrInlineTextarea.vue_vue_type_script_lang-c7c8b49c.js}

@@ -6,7 +6,7 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-41cf79f5.js → OrInput.vue_vue_type_script_lang-6cedee66.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-3f5f2cab.js → OrMenu.vue_vue_type_script_lang-d0992eaf.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { Menu } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-e407e1bf.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-36e2aaae.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
@@ -16,7 +16,7 @@ var script = defineComponent({
       default: false
     },
     trigger: {
-      type: Object,
+      type: HTMLElement,
       default: undefined
     },
     placement: {

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-6a07cbd1.js → OrModal.vue_vue_type_script_lang-8a179b99.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers } from 'vue';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { Modal, ModalSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-331d93a9.js → OrNotification.vue_vue_type_script_lang-9f6b7bfc.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-d6ec5bcb.js → OrPagination.vue_vue_type_script_lang-15e6e3dd.js}

@@ -6,7 +6,7 @@ import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-22b24f8b.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-3f5f2cab.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-d0992eaf.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-e407e1bf.js → OrPopover.vue_vue_type_script_lang-36e2aaae.js}

@@ -1,6 +1,7 @@
 import { a as autoUpdate, c as computePosition, o as offset, s as shift, f as flip, h as hide } from './floating-ui.dom.esm-83eba816.js';
 import { o as onClickOutside } from './index-929e224a.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
+import { r as requestAF } from './dom-bb55b42a.js';
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
 import './components/OrBottomSheetV3/OrBottomSheet.js';
@@ -31,7 +32,7 @@ var script = defineComponent({
       default: undefined
     },
     trigger: {
-      type: Object,
+      type: HTMLElement,
       default: undefined
     },
     placement: {
@@ -102,14 +103,15 @@ var script = defineComponent({
               placement,
               middleware: [offset(props.offset), shift(), flip(), hide()]
             });
-            const {
-              width: triggerWidth
-            } = trigger.getBoundingClientRect();
-            Object.assign(rootElement.style, {
-              left: `${x}px`,
-              top: `${y}px`,
-              visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
-              width: props.fullWidth ? `${triggerWidth}px` : ''
+            // this hack fixes the issue when popover triggers 'ResizeObserver loop limit exceeded' runtime error
+            // https://github.com/floating-ui/floating-ui/issues/1740#issuecomment-1563544849
+            requestAF(() => {
+              Object.assign(rootElement.style, {
+                left: `${x}px`,
+                top: `${y}px`,
+                visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
+                width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
+              });
             });
             isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
             isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-2809603c.js → OrSearch.vue_vue_type_script_lang-274069f8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-41cf79f5.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-6cedee66.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { a as watchDebounced } from './index-f4d8e24c.js';
 

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-66e0ffcb.js → OrSelect.vue_vue_type_script_lang-dd367998.js}

@@ -15,18 +15,18 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$d } from './OrTag.vue_vue_type_script_lang-6e08fd1b.js';
+import { s as script$d } from './OrTag.vue_vue_type_script_lang-c56d8ca6.js';
 import { useOverflow } from './hooks/useOverflow.js';
 import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
-import { s as script$8 } from './OrInput.vue_vue_type_script_lang-41cf79f5.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
+import { s as script$8 } from './OrInput.vue_vue_type_script_lang-6cedee66.js';
 import { s as script$9 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$a } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$b } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-e407e1bf.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-36e2aaae.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-6493b5cc.js → OrSidebar.vue_vue_type_script_lang-98d78e71.js}

@@ -2,7 +2,7 @@ import { e as useDraggable, d as useElementBounding } from './index-929e224a.js'
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
 

package/dist/bundled/v3/{OrSorting.vue_vue_type_script_lang-8735cdbf.js → OrSorting.vue_vue_type_script_lang-920ed061.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { SortingRoot, SortingLabel } from './components/OrSortingV3/styles.js';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-3f5f2cab.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-d0992eaf.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$2 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import './components/OrButtonV3/OrButton.js';

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-8d0a826c.js → OrTabs.vue_vue_type_script_lang-249c3497.js}

@@ -8,7 +8,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrTabV3/OrTab.js';
 import { s as script$4 } from './OrTab.vue_vue_type_script_lang-8af58197.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-3f5f2cab.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-d0992eaf.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-1785286a.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-6e08fd1b.js → OrTag.vue_vue_type_script_lang-c56d8ca6.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-9b9ced3c.js → OrTagInput.vue_vue_type_script_lang-e6114f11.js}

@@ -6,10 +6,10 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrTagsV3/OrTags.js';
-import { s as script$6 } from './OrTags.vue_vue_type_script_lang-4dafd947.js';
+import { s as script$6 } from './OrTags.vue_vue_type_script_lang-8ee46332.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-4dafd947.js → OrTags.vue_vue_type_script_lang-8ee46332.js}

@@ -5,8 +5,8 @@ import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-22b24f8b.js';
-import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-e407e1bf.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-6e08fd1b.js';
+import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-36e2aaae.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-c56d8ca6.js';
 import { useOverflow } from './hooks/useOverflow.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-3e3d6a1d.js → OrTimePicker.vue_vue_type_script_lang-77ac7712.js}

@@ -14,10 +14,10 @@ import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-8437b79a.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-a571e18e.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-e407e1bf.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-36e2aaae.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-53dea1be.js → OrTooltip.vue_vue_type_script_lang-1eac3236.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-e407e1bf.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-36e2aaae.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-1299429f.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-1299429f.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-7a33065d.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-7a33065d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, createVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps, withCtx, createTextVNode } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,2 +1,2 @@
 export { CardCollectionView, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-1299429f.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-7a33065d.js';