@onereach/ui-components 16.2.1 → 16.2.3

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { k as useFocus } from '../../index-c73a0505.js';
+import { defineComponent, ref, toRefs, computed, watch, nextTick, getCurrentInstance } from 'vue-demi';
+import { k as useFocus } from '../../index-a7c3000c.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
@@ -7,20 +7,21 @@ import { isEqual } from '../../utils/isEqual.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';
 import { isNil } from '../../utils/isNil.js';
 import { toArray } from '../../utils/toArray.js';
+import __vue_component__$6 from '../OrTooltipV3/OrTooltip.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './styles.js';
-import __vue_component__$6 from '../OrCheckboxV3/OrCheckbox.js';
-import __vue_component__$7 from '../OrErrorV3/OrError.js';
-import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
-import __vue_component__$9 from '../OrHintV3/OrHint.js';
-import __vue_component__$a from '../OrIconV3/OrIcon.js';
-import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-9e9c27ff.js';
-import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
-import __vue_component__$e from '../OrLabelV3/OrLabel.js';
-import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';
-import __vue_component__$g from '../OrPopoverV3/OrPopover.js';
-import __vue_component__$h from '../OrSkeletonTextV3/OrSkeletonText.js';
+import __vue_component__$7 from '../OrCheckboxV3/OrCheckbox.js';
+import __vue_component__$8 from '../OrErrorV3/OrError.js';
+import __vue_component__$9 from '../OrExpansionPanelV3/OrExpansionPanel.js';
+import __vue_component__$a from '../OrHintV3/OrHint.js';
+import __vue_component__$b from '../OrIconV3/OrIcon.js';
+import __vue_component__$c from '../OrIconButtonV3/OrIconButton.js';
+import { _ as __vue_component__$d } from '../../OrInput-873ac2db.js';
+import __vue_component__$e from '../OrInputBoxV3/OrInputBox.js';
+import __vue_component__$f from '../OrLabelV3/OrLabel.js';
+import __vue_component__$g from '../OrMenuItemV3/OrMenuItem.js';
+import __vue_component__$h from '../OrPopoverV3/OrPopover.js';
+import __vue_component__$i from '../OrSkeletonTextV3/OrSkeletonText.js';
 import { searchItemsByLabel } from '../../helpers/searchItemsByLabel.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
@@ -448,7 +449,8 @@ var script$1 = defineComponent({
   name: 'OrSelectSingleControl',
   components: {
     OrSelectPlaceholder,
-    OrSelectControlInput
+    OrSelectControlInput,
+    OrTooltip: __vue_component__$6
   },
   model: {
     prop: 'modelValue',
@@ -490,6 +492,9 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     const searchControl = ref();
+    const selectionLabelRef = ref();
+    const tooltipRef = ref();
+    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -508,10 +513,28 @@ var script$1 = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
+    /* NOTE: using watch here due to async action.
+    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
+    watch(model, async () => {
+      await nextTick();
+      if (selectionLabelRef.value) {
+        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      }
+    });
+    watch(() => props.isOpen, () => {
+      var _a;
+      (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
+    });
     const focused = computed(() => {
       var _a;
       return (_a = searchControl.value) === null || _a === void 0 ? void 0 : _a.focused;
     });
+    const openTooltip = () => {
+      if (tooltipRef.value) tooltipRef.value.open();
+    };
+    const closeTooltip = () => {
+      if (tooltipRef.value) tooltipRef.value.close();
+    };
     // Styles
     const rootStyles = computed(() => ['or-select-single-control-v3', ...SelectSingleControlInput]);
     // Methods
@@ -529,7 +552,12 @@ var script$1 = defineComponent({
       selection,
       selectionLabel,
       focus,
-      focused
+      focused,
+      isContentTruncated,
+      selectionLabelRef,
+      tooltipRef,
+      openTooltip,
+      closeTooltip
     };
   }
 });
@@ -561,9 +589,24 @@ var __vue_render__$1 = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.placeholder) + "\n      ")])] : [_c('span', {
-    staticClass: "truncate"
-  }, [_vm._v("\n        " + _vm._s(_vm.selectionLabel) + "\n      ")])]]], 2);
+  }, [_vm._v("\n        " + _vm._s(_vm.placeholder) + "\n      ")])] : [_c('div', {
+    staticClass: "flex"
+  }, [_c('div', {
+    ref: "selectionLabelRef",
+    staticClass: "truncate w-full",
+    on: {
+      "mouseenter": _vm.openTooltip,
+      "mouseleave": function ($event) {
+        _vm.tooltipRef && _vm.tooltipRef.close();
+      }
+    }
+  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _vm.isContentTruncated ? _c('OrTooltip', {
+    ref: "tooltipRef",
+    attrs: {
+      "content": _vm.selectionLabel,
+      "trigger": _vm.selectionLabelRef
+    }
+  }) : _vm._e()], 1)]]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 
@@ -590,20 +633,20 @@ var OrSelectSingleControl = __vue_component__$1;
 var script = defineComponent({
   name: 'OrSelect',
   components: {
-    OrCheckbox: __vue_component__$6,
-    OrError: __vue_component__$7,
-    OrExpansionPanel: __vue_component__$8,
-    OrHint: __vue_component__$9,
-    OrIcon: __vue_component__$a,
-    OrIconButton: __vue_component__$b,
-    OrInput: __vue_component__$c,
-    OrInputBox: __vue_component__$d,
-    OrLabel: __vue_component__$e,
-    OrMenuItem: __vue_component__$f,
-    OrPopover: __vue_component__$g,
+    OrCheckbox: __vue_component__$7,
+    OrError: __vue_component__$8,
+    OrExpansionPanel: __vue_component__$9,
+    OrHint: __vue_component__$a,
+    OrIcon: __vue_component__$b,
+    OrIconButton: __vue_component__$c,
+    OrInput: __vue_component__$d,
+    OrInputBox: __vue_component__$e,
+    OrLabel: __vue_component__$f,
+    OrMenuItem: __vue_component__$g,
+    OrPopover: __vue_component__$h,
     OrSelectMultipleControl,
     OrSelectSingleControl,
-    OrSkeletonText: __vue_component__$h
+    OrSkeletonText: __vue_component__$i
   },
   directives: {
     DropdownClose,
@@ -696,7 +739,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
-  expose: ['root', 'open', 'close', 'toggle', 'toggleOption'],
+  expose: ['root', 'open', 'close', 'toggle', 'toggleOption', 'popoverState'],
   setup(props, context) {
     var _a;
     const currentInstance = getCurrentInstance();
@@ -1085,6 +1128,7 @@ var __vue_render__ = function () {
       return _c('OrMenuItem', {
         key: i,
         attrs: {
+          "tooltip-text": option.label,
           "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
           "disabled": option.disabled
         }
@@ -1113,6 +1157,7 @@ var __vue_render__ = function () {
         key: i,
         class: _vm.dropdownItemStyles,
         attrs: {
+          "tooltip-text": option.label,
           "selected": _vm.proxyModelValue === option.value,
           "disabled": option.disabled
         },
@@ -1133,6 +1178,7 @@ var __vue_render__ = function () {
     return _c('OrMenuItem', {
       key: i,
       attrs: {
+        "tooltip-text": option.label,
         "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
         "disabled": option.disabled
       },
@@ -1167,6 +1213,7 @@ var __vue_render__ = function () {
       class: _vm.dropdownItemStyles,
       attrs: {
         "selected": _vm.proxyModelValue === option.value,
+        "tooltip-text": option.label,
         "disabled": option.disabled
       },
       on: {

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

@@ -1,4 +1,4 @@
-import { i as useDraggable } from '../../index-c73a0505.js';
+import { i as useDraggable } from '../../index-a7c3000c.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, i as useDraggable } from '../../index-c73a0505.js';
+import { o as onClickOutside, i as useDraggable } from '../../index-a7c3000c.js';
 import { f as addClass, h as removeClass } from '../../dom-59fe0ee3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -1,4 +1,4 @@
-import { h as useElementBounding, u as useElementHover, i as useDraggable } from '../../index-c73a0505.js';
+import { h as useElementBounding, u as useElementHover, i as useDraggable } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark, SliderLabelMarkOrientations } from './styles.js';
 import { S as SliderColor, a as SliderOrientation } from '../../types-977c9542.js';

package/dist/bundled/v2/components/OrStatusV3/OrStatus.js

@@ -1,4 +1,4 @@
-import { l as formatTimeAgo } from '../../index-c73a0505.js';
+import { l as formatTimeAgo } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { j as useResizeObserver } from '../../index-c73a0505.js';
+import { j as useResizeObserver } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-c73a0505.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -1,4 +1,4 @@
-import { m as useTextareaAutosize } from '../../index-c73a0505.js';
+import { m as useTextareaAutosize } from '../../index-a7c3000c.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Textarea, TextareaControl, TextareaControlSizes } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

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,16 +35,33 @@ 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'],
   expose: ['root', 'state', 'open', 'close', 'toggle'],
   setup(props, context) {
+    if (props.externalControl) {
+      console.warn('Property externalControl is deprecated for OrTooltipV3. Use trigger prop to pass the ref to external control.');
+    }
     // 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 +77,8 @@ var script = defineComponent({
     });
     return {
       root,
+      localTrigger,
+      hasExternalControl,
       rootStyles,
       popoverStyles,
       bodyStyles,
@@ -84,10 +103,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 +115,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-95d37a44.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-765ff290.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-1ed2b975.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-3d6be224.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-60c7d3b8.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-873ac2db.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-ba17ecec.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-95d37a44.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-765ff290.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-60c7d3b8.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-ba17ecec.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-1ed2b975.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-3d6be224.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-873ac2db.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-489c3c8b.js';
+export { C as default } from '../OrAutocompleteV3-72df6cbd.js';

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

@@ -1 +1 @@
-export { B as OrAutocompleteV3 } from '../OrAutocompleteV3-489c3c8b.js';
+export { C as OrAutocompleteV3 } from '../OrAutocompleteV3-72df6cbd.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-489c3c8b.js';
+export { G as Autocomplete, H as AutocompleteControl, I as AutocompleteDropdown, J as AutocompleteDropdownDefault, K as AutocompleteDropdownFlipped, L as AutocompleteDropdownItem } from '../OrAutocompleteV3-72df6cbd.js';