@onereach/ui-components 16.3.0-beta.4780.0 → 16.3.0-beta.4786.0

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-881d6f11.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-881d6f11.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { r as useEventBus } from '../../../index-c73a0505.js';
+import { s as useEventBus } from '../../../index-a7c3000c.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { r as useEventBus } from '../../../index-c73a0505.js';
+import { s as useEventBus } from '../../../index-a7c3000c.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -35,9 +35,14 @@ var script = defineComponent({
       type: Number,
       default: 250
     },
+    // Left for backward compatibility since `trigger` prop covers similar tasks in a more neat way
     externalControl: {
       type: Boolean,
       default: false
+    },
+    trigger: {
+      type: Object,
+      default: undefined
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -45,6 +50,15 @@ var script = defineComponent({
   setup(props, context) {
     // Refs
     const root = ref();
+    // Computed trigger based on availability of trigger passed from outside
+    const localTrigger = computed(() => {
+      var _a;
+      return (_a = props.trigger) !== null && _a !== void 0 ? _a : root.value;
+    });
+    // Used instead of `externalControl`
+    const hasExternalControl = computed(() => {
+      return props.trigger !== undefined || props.externalControl;
+    });
     // Styles
     const rootStyles = computed(() => ['or-tooltip-v3', ...Tooltip]);
     const popoverStyles = computed(() => ['or-tooltip-popover-v3']);
@@ -60,6 +74,8 @@ var script = defineComponent({
     });
     return {
       root,
+      localTrigger,
+      hasExternalControl,
       rootStyles,
       popoverStyles,
       bodyStyles,
@@ -84,10 +100,10 @@ var __vue_render__ = function () {
     class: _vm.rootStyles,
     on: {
       "mouseover": function ($event) {
-        !_vm.externalControl && _vm.open();
+        !_vm.hasExternalControl && _vm.open();
       },
       "mouseout": function ($event) {
-        !_vm.externalControl && _vm.close();
+        !_vm.hasExternalControl && _vm.close();
       }
     }
   }, [_vm._t("default"), _vm._v(" "), _vm.$slots.content || _vm.content ? [_c('OrPopover', {
@@ -96,7 +112,7 @@ var __vue_render__ = function () {
       "custom-styles": _vm.popoverStyles,
       "is-open": _vm.state === 'open',
       "variant": 'popover',
-      "trigger": _vm.root,
+      "trigger": _vm.localTrigger,
       "placement": _vm.placement,
       "fallback-placement": _vm.fallbackPlacement,
       "offset": _vm.offset,

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -1,3 +1,4 @@
+import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
 declare const _default: import("vue-demi").DefineComponent<{
@@ -29,8 +30,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    trigger: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
+    localTrigger: import("vue-demi").ComputedRef<ReferenceElement | undefined>;
+    hasExternalControl: import("vue-demi").ComputedRef<boolean>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     popoverStyles: import("vue-demi").ComputedRef<string[]>;
     bodyStyles: import("vue-demi").ComputedRef<string[]>;
@@ -67,6 +74,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    trigger: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:state"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
@@ -79,5 +90,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     offset: PopoverOffset;
     debounce: number;
     externalControl: boolean;
+    trigger: ReferenceElement;
 }>;
 export default _default;

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-269a94c2.js';
+export { _ as default } from '../../OrTree-7f7e3322.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-269a94c2.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-7f7e3322.js';

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

@@ -44,7 +44,7 @@ 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 { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-fc1484f1.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-38d8111e.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -52,9 +52,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-35462665.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-9af316c6.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-881d6f11.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-1084c348.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-f2229bf8.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-d075f623.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './OrDateTimePickerV3/utils/formatMobileTime.js';
@@ -94,14 +94,14 @@ export { default as OrIconV3 } from './OrIconV3/OrIcon.js';
 export { IconSize, IconVariant } from './OrIconV3/props.js';
 export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3/OrInlineInputBox.js';
 export { InlineInputBoxSize } from './OrInlineInputBoxV3/props.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-ace03cd7.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-5a354f52.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
 export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from '../types-945b6452.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-9e9c27ff.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-b0ccbb4e.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { L as LabelVariant } from '../styles-30358b7e.js';
@@ -109,7 +109,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-65126fc3.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-a8def0e8.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -148,7 +148,7 @@ export { default as OrResizeablePanelV3 } from './OrResizeablePanelV3/OrResizeab
 export { ResizeablePanelPadding, ResizeablePanelPlacement } from './OrResizeablePanelV3/props.js';
 export { default as OrRichTextEditorV3 } from './OrRichTextEditorV3/OrRichTextEditor.js';
 export { Formats } from './OrRichTextEditorV3/props.js';
-export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltip-7806f450.js';
+export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltip-949e851e.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { default as OrSegmentedControlV3 } from './OrSegmentedControlV3/OrSegmentedControl.js';
@@ -211,4 +211,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-269a94c2.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-7f7e3322.js';

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { p as useMutationObserver, j as useResizeObserver } from '../index-c73a0505.js';
+import { q as useMutationObserver, j as useResizeObserver } from '../index-a7c3000c.js';
 import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from '../dom-59fe0ee3.js';
 

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { q as useMediaQuery } from '../../index-c73a0505.js';
+import { r as useMediaQuery } from '../../index-a7c3000c.js';
 import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
 
 var sm = "600px";

package/dist/bundled/v2/{index-c73a0505.js → index-a7c3000c.js}

@@ -639,6 +639,44 @@ function useScroll(element, options = {}) {
   };
 }
 
+function useIntersectionObserver(target, callback, options = {}) {
+  const {
+    root,
+    rootMargin = "0px",
+    threshold = 0.1,
+    window = defaultWindow
+  } = options;
+  const isSupported = useSupported(() => window && "IntersectionObserver" in window);
+  let cleanup = noop;
+  const stopWatch = isSupported.value ? watch(() => ({
+    el: unrefElement(target),
+    root: unrefElement(root)
+  }), ({ el, root: root2 }) => {
+    cleanup();
+    if (!el)
+      return;
+    const observer = new IntersectionObserver(callback, {
+      root: root2,
+      rootMargin,
+      threshold
+    });
+    observer.observe(el);
+    cleanup = () => {
+      observer.disconnect();
+      cleanup = noop;
+    };
+  }, { immediate: true, flush: "post" }) : noop;
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+
 const DefaultMagicKeysAliasMap = {
   ctrl: "control",
   command: "meta",
@@ -1222,4 +1260,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, computedAsync as c, useElementSize as d, useSwipe as e, useScroll as f, useVModel as g, useElementBounding as h, useDraggable as i, useResizeObserver as j, useFocus as k, formatTimeAgo as l, useTextareaAutosize as m, useScrollLock as n, onClickOutside as o, useMutationObserver as p, useMediaQuery as q, useEventBus as r, unrefElement as s, usePointerSwipe as t, useElementHover as u };
+export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, computedAsync as c, useElementSize as d, useSwipe as e, useScroll as f, useVModel as g, useElementBounding as h, useDraggable as i, useResizeObserver as j, useFocus as k, formatTimeAgo as l, useTextareaAutosize as m, useIntersectionObserver as n, onClickOutside as o, useScrollLock as p, useMutationObserver as q, useMediaQuery as r, useEventBus as s, unrefElement as t, useElementHover as u, usePointerSwipe as v };

package/dist/bundled/v2/index.js

@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
 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 { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-fc1484f1.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-38d8111e.js';
 export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';
@@ -32,12 +32,12 @@ export { default as OrEmptyStateV3 } from './components/OrEmptyStateV3/OrEmptySt
 export { default as OrErrorTagV3 } from './components/OrErrorTagV3/OrErrorTag.js';
 export { default as OrFabV3 } from './components/OrFabV3/OrFab.js';
 export { default as OrFilterV3 } from './components/OrFilterV3/OrFilter.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-ace03cd7.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-5a354f52.js';
 export { default as OrInlineTextEdit } from './components/OrInlineTextEdit/OrInlineTextEdit.js';
 export { default as OrInlineTextareaV3 } from './components/OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrLinkV3 } from './components/OrLinkV3/OrLink.js';
 export { default as OrListOfInputs } from './components/OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from './OrList-65126fc3.js';
+export { O as OrListItem, _ as OrListV3 } from './OrList-a8def0e8.js';
 export { default as OrNotification } from './components/OrNotification/OrNotification.js';
 export { default as OrNotificationV3 } from './components/OrNotificationV3/OrNotification.js';
 export { default as OrNumberInput } from './components/OrNumberInput/OrNumberInput.js';
@@ -50,7 +50,7 @@ export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGr
 export { default as OrRangeSliderV3 } from './components/OrRangeSliderV3/OrRangeSlider.js';
 export { default as OrRatingV3 } from './components/OrRatingV3/OrRating.js';
 export { default as OrRichTextEditorV3 } from './components/OrRichTextEditorV3/OrRichTextEditor.js';
-export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from './OrRichTooltip-7806f450.js';
+export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from './OrRichTooltip-949e851e.js';
 export { default as OrSegmentedControlV3 } from './components/OrSegmentedControlV3/OrSegmentedControl.js';
 export { default as OrSelect } from './components/OrSelect/OrSelect.js';
 export { default as OrSelectV3 } from './components/OrSelectV3/OrSelect.js';
@@ -83,7 +83,7 @@ export { default as useToast } from './components/OrToast/composable/useToast.js
 export { default as OrToastContainerV3 } from './components/OrToastContainerV3/OrToastContainer.js';
 export { default as useToastV3 } from './components/OrToastV3/composable/useToast.js';
 export { default as OrTooltip } from './components/OrTooltip/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-269a94c2.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-7f7e3322.js';
 export { OR_AVATAR_SIZE } from './components/OrAvatar/constants.js';
 export { AvatarColor, AvatarSize } from './components/OrAvatarV3/props.js';
 export { default as OrBottomSheetV3 } from './components/OrBottomSheetV3/OrBottomSheet.js';
@@ -112,9 +112,9 @@ 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 { ConfirmType } from './components/OrConfirmV3/props.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/OrDateTimePicker/constants.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-35462665.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-9af316c6.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-881d6f11.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-1084c348.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-f2229bf8.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-d075f623.js';
 export { formatDate } from './components/OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './components/OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './components/OrDateTimePickerV3/utils/formatMobileTime.js';
@@ -151,7 +151,7 @@ export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './components/O
 export { default as OrInput } from './components/OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './components/OrInputBoxV3/OrInputBox.js';
 export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from './types-945b6452.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-9e9c27ff.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-b0ccbb4e.js';
 export { default as OrLabel } from './components/OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './components/OrLabelV3/OrLabel.js';
 export { L as LabelVariant } from './styles-30358b7e.js';

package/dist/bundled/v2/{useFocusTrap-23ab75e7.js → useFocusTrap-167d864e.js}

@@ -1,4 +1,4 @@
-import { s as unrefElement } from './index-c73a0505.js';
+import { t as unrefElement } from './index-a7c3000c.js';
 import { ref, watch } from 'vue-demi';
 import { h as tryOnScopeDispose } from './index-279e78b9.js';
 

package/dist/bundled/v3/components/OrAutocompleteV3/OrAutocomplete.js

@@ -1 +1 @@
-export { B as default } from '../OrAutocompleteV3-684cb968.js';
+export { C as default } from '../OrAutocompleteV3-c8d83022.js';

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

@@ -1 +1 @@
-export { B as OrAutocompleteV3 } from '../OrAutocompleteV3-684cb968.js';
+export { C as OrAutocompleteV3 } from '../OrAutocompleteV3-c8d83022.js';

package/dist/bundled/v3/components/OrAutocompleteV3/styles.js

@@ -1 +1 @@
-export { F as Autocomplete, G as AutocompleteControl, H as AutocompleteDropdown, I as AutocompleteDropdownDefault, J as AutocompleteDropdownFlipped, K as AutocompleteDropdownItem } from '../OrAutocompleteV3-684cb968.js';
+export { G as Autocomplete, H as AutocompleteControl, I as AutocompleteDropdown, J as AutocompleteDropdownDefault, K as AutocompleteDropdownFlipped, L as AutocompleteDropdownItem } from '../OrAutocompleteV3-c8d83022.js';

package/dist/bundled/v3/components/{OrAutocompleteV3-684cb968.js → OrAutocompleteV3-c8d83022.js}

@@ -2,14 +2,14 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, create
 import { effectScope, isRef, ref, watch, unref, customRef, getCurrentScope, onScopeDispose, computed, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, shallowRef, watchEffect, reactive, isVue2, readonly, defineComponent, toRef } from 'vue-demi';
 import { s as script$1 } from './OrErrorV3-b04d76aa.js';
 import { s as script$2 } from './OrHintV3-c8ac5975.js';
-import { s as script$3 } from './OrIconButtonV3-c8d163d3.js';
+import { s as script$3 } from './OrIconButtonV3-2edb7588.js';
 import { s as script$4, I as InputBoxVariant } from './OrInputBoxV3-efe30bd8.js';
 import { s as script$5 } from './OrLabelV3-2715e117.js';
-import { s as script$6 } from './OrLoaderV3-bb8c5352.js';
-import { s as script$7 } from './OrMenuItemV3-7b54d211.js';
-import { s as script$8 } from './OrPopoverV3-85d1bb44.js';
-import { s as script$9 } from './OrTagInputV3-009c099d.js';
-import { T as TagsOverflow } from './OrTagsV3-ee7c542b.js';
+import { s as script$6 } from './OrLoaderV3-4b05e0ad.js';
+import { s as script$7 } from './OrMenuItemV3-6f8bd9b7.js';
+import { s as script$8 } from './OrPopoverV3-d74ca530.js';
+import { s as script$9 } from './OrTagInputV3-0ea0d7c4.js';
+import { T as TagsOverflow } from './OrTagsV3-b59ef02b.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../hooks/useValidationAttributes.js';
@@ -1011,6 +1011,44 @@ function useScroll(element, options = {}) {
   };
 }
 
+function useIntersectionObserver(target, callback, options = {}) {
+  const {
+    root,
+    rootMargin = "0px",
+    threshold = 0.1,
+    window = defaultWindow
+  } = options;
+  const isSupported = useSupported(() => window && "IntersectionObserver" in window);
+  let cleanup = noop;
+  const stopWatch = isSupported.value ? watch(() => ({
+    el: unrefElement(target),
+    root: unrefElement(root)
+  }), ({ el, root: root2 }) => {
+    cleanup();
+    if (!el)
+      return;
+    const observer = new IntersectionObserver(callback, {
+      root: root2,
+      rootMargin,
+      threshold
+    });
+    observer.observe(el);
+    cleanup = () => {
+      observer.disconnect();
+      cleanup = noop;
+    };
+  }, { immediate: true, flush: "post" }) : noop;
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+
 const DefaultMagicKeysAliasMap = {
   ctrl: "control",
   command: "meta",
@@ -1964,4 +2002,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-autocomplete-v3/OrAutocomplete.vue";
 
-export { noop as A, script as B, useMutationObserver as C, refDebounced as D, useMediaQuery as E, Autocomplete as F, AutocompleteControl as G, AutocompleteDropdown as H, AutocompleteDropdownDefault as I, AutocompleteDropdownFlipped as J, AutocompleteDropdownItem as K, SwipeDirection as S, useToggle as a, useElementHover as b, useMagicKeys as c, useActiveElement as d, useElementSize as e, useSwipe as f, useScroll as g, useVModel as h, unrefElement as i, useScrollLock as j, useElementBounding as k, useDraggable as l, clamp as m, useResizeObserver as n, onClickOutside as o, useDebounceFn as p, watchDebounced as q, resolveUnref as r, useFocus as s, tryOnScopeDispose as t, usePointerSwipe as u, formatTimeAgo as v, whenever as w, useTextareaAutosize as x, createSharedComposable as y, useEventBus as z };
+export { useEventBus as A, noop as B, script as C, useMutationObserver as D, refDebounced as E, useMediaQuery as F, Autocomplete as G, AutocompleteControl as H, AutocompleteDropdown as I, AutocompleteDropdownDefault as J, AutocompleteDropdownFlipped as K, AutocompleteDropdownItem as L, SwipeDirection as S, useToggle as a, useElementHover as b, useMagicKeys as c, useActiveElement as d, useElementSize as e, useSwipe as f, useScroll as g, useVModel as h, useIntersectionObserver as i, unrefElement as j, useScrollLock as k, useElementBounding as l, useDraggable as m, clamp as n, onClickOutside as o, useResizeObserver as p, useDebounceFn as q, resolveUnref as r, watchDebounced as s, tryOnScopeDispose as t, usePointerSwipe as u, useFocus as v, whenever as w, formatTimeAgo as x, useTextareaAutosize as y, createSharedComposable as z };

package/dist/bundled/v3/components/OrAvatar/OrAvatar.js

@@ -1 +1 @@
-export { a as default } from '../OrAvatar-7b62a4c4.js';
+export { a as default } from '../OrAvatar-0bc14d74.js';

package/dist/bundled/v3/components/OrAvatar/constants.js

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE } from '../OrAvatar-7b62a4c4.js';
+export { O as OR_AVATAR_SIZE } from '../OrAvatar-0bc14d74.js';

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

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE, a as OrAvatar } from '../OrAvatar-7b62a4c4.js';
+export { O as OR_AVATAR_SIZE, a as OrAvatar } from '../OrAvatar-0bc14d74.js';

package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1 +1 @@
-export { s as default } from '../OrBottomSheetV3-dda7b8d9.js';
+export { s as default } from '../OrBottomSheetV3-4527c874.js';

package/dist/bundled/v3/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,4 +1,4 @@
 import 'vue-demi';
-import '../../OrAutocompleteV3-684cb968.js';
-export { u as default } from '../../OrBottomSheetV3-dda7b8d9.js';
+import '../../OrAutocompleteV3-c8d83022.js';
+export { u as default } from '../../OrBottomSheetV3-4527c874.js';
 import '../../../hooks/useTheme.js';

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

@@ -1 +1 @@
-export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-dda7b8d9.js';
+export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-4527c874.js';

package/dist/bundled/v3/components/OrBottomSheetV3/props.js

@@ -1 +1 @@
-export { B as BottomSheetVariant } from '../OrBottomSheetV3-dda7b8d9.js';
+export { B as BottomSheetVariant } from '../OrBottomSheetV3-4527c874.js';

package/dist/bundled/v3/components/OrBottomSheetV3/styles.js

@@ -1 +1 @@
-export { a as BottomSheet, e as BottomSheetContent, c as BottomSheetHandle, d as BottomSheetHeader, b as BottomSheetVariants } from '../OrBottomSheetV3-dda7b8d9.js';
+export { a as BottomSheet, e as BottomSheetContent, c as BottomSheetHandle, d as BottomSheetHeader, b as BottomSheetVariants } from '../OrBottomSheetV3-4527c874.js';

package/dist/bundled/v3/components/{OrBottomSheetV3-dda7b8d9.js → OrBottomSheetV3-4527c874.js}

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
-import { u as usePointerSwipe, o as onClickOutside } from './OrAutocompleteV3-684cb968.js';
+import { u as usePointerSwipe, o as onClickOutside } from './OrAutocompleteV3-c8d83022.js';
 import { ref, computed, unref, defineComponent, toRefs, watch } from 'vue-demi';
 import { useTheme } from '../hooks/useTheme.js';
-import { s as script$1 } from './OrOverlayV3-f3c4a2af.js';
+import { s as script$1 } from './OrOverlayV3-9c8f4351.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 var BottomSheetVariant;

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../OrAvatar-7b62a4c4.js';
+import { s as styleInject } from '../OrAvatar-0bc14d74.js';
 import { defineComponent, computed } from 'vue-demi';
 import { OrLoader as script$1, LoaderViews } from '../OrLoader/index.js';
 

package/dist/bundled/v3/components/OrButtonGroupV3/OrButtonGroup.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonGroupV3-41d8a7a2.js';
+export { s as default } from '../OrButtonGroupV3-046de714.js';

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

@@ -1 +1 @@
-export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-41d8a7a2.js';
+export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-046de714.js';

package/dist/bundled/v3/components/OrButtonGroupV3/styles.js

@@ -1,2 +1,2 @@
-import '../OrButtonV3-38addd21.js';
-export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-41d8a7a2.js';
+import '../OrButtonV3-b3d5a227.js';
+export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-046de714.js';

package/dist/bundled/v3/components/{OrButtonGroupV3-41d8a7a2.js → OrButtonGroupV3-046de714.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-38addd21.js';
+import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-b3d5a227.js';
 
 const ButtonGroup = [
 // Layout

package/dist/bundled/v3/components/OrButtonV2/OrButton.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonV2-bb776558.js';
+export { s as default } from '../OrButtonV2-33099848.js';

package/dist/bundled/v3/components/OrButtonV2/constants.js

@@ -1 +1 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-bb776558.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-33099848.js';

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

@@ -1,2 +1,2 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-bb776558.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-33099848.js';
 export { default as OrIconButton } from '../OrIconButtonV2/OrIconButton.js';

package/dist/bundled/v3/components/{OrButtonV2-bb776558.js → OrButtonV2-33099848.js}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from './OrAvatar-7b62a4c4.js';
+import { s as styleInject } from './OrAvatar-0bc14d74.js';
 import { defineComponent, isVue3 } from 'vue-demi';
 import { OrIcon as script$1 } from './OrIcon/index.js';
 import { OrLoader as script$2, LoaderViews } from './OrLoader/index.js';

package/dist/bundled/v3/components/OrButtonV3/OrButton.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonV3-38addd21.js';
+export { s as default } from '../OrButtonV3-b3d5a227.js';

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

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-38addd21.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-b3d5a227.js';

package/dist/bundled/v3/components/OrButtonV3/props.js

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-38addd21.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-b3d5a227.js';

package/dist/bundled/v3/components/OrButtonV3/styles.js

@@ -1 +1 @@
-export { c as Button, e as ButtonColors, g as ButtonContentLoadingStyles, f as ButtonLoadingColors, d as ButtonVariants } from '../OrButtonV3-38addd21.js';
+export { c as Button, e as ButtonColors, g as ButtonContentLoadingStyles, f as ButtonLoadingColors, d as ButtonVariants } from '../OrButtonV3-b3d5a227.js';

package/dist/bundled/v3/components/{OrButtonV3-38addd21.js → OrButtonV3-b3d5a227.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { s as script$1 } from './OrLoaderV3-bb8c5352.js';
+import { s as script$1 } from './OrLoaderV3-4b05e0ad.js';
 
 var ButtonVariant;
 (function (ButtonVariant) {

package/dist/bundled/v3/components/OrCard/OrCard.js

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
-import { s as styleInject } from '../OrAvatar-7b62a4c4.js';
+import { s as styleInject } from '../OrAvatar-0bc14d74.js';
 import { defineComponent } from 'vue-demi';
 
 var script = defineComponent({

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
-import { s as styleInject } from '../OrAvatar-7b62a4c4.js';
+import { s as styleInject } from '../OrAvatar-0bc14d74.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from '../OrCard/OrCard.js';
 import { OrIcon as script$2 } from '../OrIcon/index.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrCardCollectionV3-047891f4.js';
+export { s as default } from '../OrCardCollectionV3-2bc364d7.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-047891f4.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-2bc364d7.js';