@onereach/ui-components 16.3.0-beta.4839.0 → 16.3.0-beta.4841.0

package/dist/esm/v2/{OrMenuItem-0143d03b.js → OrMenuItem-7ee323d9.js}

@@ -1,6 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-efaf73f5.js';
+import { useIntersectionObserver } from '@vueuse/core';
+import { _ as __vue_component__$2 } from './OrIconButton-786f390f.js';
 import { _ as __vue_component__$1 } from './OrIcon-0a14dafc.js';
+import { _ as __vue_component__$3 } from './OrTooltip-24e3f17d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuItem = [
@@ -27,7 +29,8 @@ var script = defineComponent({
   name: 'OrMenuItem',
   components: {
     OrIcon: __vue_component__$1,
-    OrIconButton: __vue_component__$2
+    OrIconButton: __vue_component__$2,
+    OrToolip: __vue_component__$3
   },
   props: {
     icon: {
@@ -45,6 +48,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    tooltipText: {
+      type: String,
+      default: ''
     }
   },
   emits: ['click', 'focus', 'blur', 'close'],
@@ -52,11 +59,33 @@ var script = defineComponent({
   setup() {
     // Refs
     const root = ref();
+    const content = ref();
+    const tooltip = ref();
+    const isRootVisible = ref(false);
+    const {
+      stop
+    } = useIntersectionObserver(root, ([{
+      isIntersecting
+    }]) => {
+      isRootVisible.value = isIntersecting;
+    });
     // Styles
     const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItem]);
+    // Toolip display logic
+    const isToolitpShown = computed(() => {
+      if (isRootVisible.value) {
+        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;
+      }
+      return false;
+    });
     return {
+      content,
       root,
-      rootStyles
+      tooltip,
+      rootStyles,
+      isToolitpShown,
+      isRootVisible,
+      stop
     };
   }
 });
@@ -91,7 +120,16 @@ var __vue_render__ = function () {
   }, [_vm.icon ? [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
     icon: _vm.icon
   } : _vm.icon, false))] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['truncate', 'w-full']
+    ref: "content",
+    class: ['truncate', 'w-full'],
+    on: {
+      "mouseover": function ($event) {
+        _vm.tooltip && _vm.tooltip.open();
+      },
+      "mouseout": function ($event) {
+        _vm.tooltip && _vm.tooltip.close();
+      }
+    }
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
     class: ['grow']
   }), _vm._v(" "), _c('OrIconButton', {
@@ -105,7 +143,13 @@ var __vue_render__ = function () {
         return _vm.$emit('close');
       }
     }
-  })] : _vm._e()], 2);
+  })] : _vm._e(), _vm._v(" "), _vm.isToolitpShown ? _c('OrToolip', {
+    ref: "tooltip",
+    attrs: {
+      "content": _vm.tooltipText,
+      "trigger": _vm.root
+    }
+  }) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrModal-aece2cd1.js → OrModal-e0fe9c48.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$5 } from './OrOverlay-59e59078.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$4 } from './OrIconButton-786f390f.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v2/{OrNotification-dfee1ac9.js → OrNotification-4694fe76.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$2 } from './OrIconButton-786f390f.js';
 import { _ as __vue_component__$1 } from './OrIcon-0a14dafc.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPagination-afc4679e.js → OrPagination-f0a2b656.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
 import { _ as __vue_component__$2 } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-0143d03b.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-7ee323d9.js';
 import { _ as __vue_component__$3 } from './OrMenu-64c84fb8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrRangeSlider-d8d0a2f5.js → OrRangeSlider-a4ce2d7b.js}

@@ -5,8 +5,8 @@ import './dom-53c9635b.js';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
-import { _ as __vue_component__$1 } from './OrTooltip-07c5992f.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-e8992c79.js';
+import { _ as __vue_component__$1 } from './OrTooltip-24e3f17d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const RangeSlider = [

package/dist/esm/v2/{OrResizeablePanel-4069d595.js → OrResizeablePanel-a9ebd428.js}

@@ -5,7 +5,7 @@ import './dom-53c9635b.js';
 import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$1 } from './OrIconButton-786f390f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ResizeablePanelPadding;

package/dist/esm/v2/{OrRichTextEditor-fbecf65d.js → OrRichTextEditor-e71a1a3e.js}

@@ -18,14 +18,14 @@ import { _ as __vue_component__$1 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
 import { _ as __vue_component__$2 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$3 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$4 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$4 } from './OrIconButton-786f390f.js';
 import { _ as __vue_component__$6 } from './OrInputBox-49393c02.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
-import { _ as __vue_component__$5 } from './OrInput-ea80d121.js';
+import { _ as __vue_component__$5 } from './OrInput-1801c226.js';
 import { _ as __vue_component__$7 } from './OrLabel-bf7e2ea2.js';
-import { _ as __vue_component__$9 } from './OrMenuItem-0143d03b.js';
+import { _ as __vue_component__$9 } from './OrMenuItem-7ee323d9.js';
 import { _ as __vue_component__$8 } from './OrMenu-64c84fb8.js';
-import { _ as __vue_component__$a } from './OrModal-aece2cd1.js';
+import { _ as __vue_component__$a } from './OrModal-e0fe9c48.js';
 import { _ as __vue_component__$b } from './OrPopover-45e2dbce.js';
 import { C as CodeMirrorView } from './codemirrorView-902c37ce.js';
 import { minimalSetup } from 'codemirror';

package/dist/esm/v2/{OrSearch-e837ee15.js → OrSearch-c8fe6750.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
-import { _ as __vue_component__$1 } from './OrInput-ea80d121.js';
+import { _ as __vue_component__$1 } from './OrInput-1801c226.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSelect-322314a6.js → OrSelect-8106ecaf.js}

@@ -14,20 +14,20 @@ import { _ as __vue_component__$1 } from './OrCheckbox-f2dc364e.js';
 import { _ as __vue_component__$2 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-c10defa5.js';
 import { _ as __vue_component__$4 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$6 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$6 } from './OrIconButton-786f390f.js';
 import { _ as __vue_component__$5 } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$8 } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
-import { _ as __vue_component__$7 } from './OrInput-ea80d121.js';
+import { _ as __vue_component__$7 } from './OrInput-1801c226.js';
 import { _ as __vue_component__$9 } from './OrLabel-bf7e2ea2.js';
-import { _ as __vue_component__$a } from './OrMenuItem-0143d03b.js';
+import { _ as __vue_component__$a } from './OrMenuItem-7ee323d9.js';
 import { _ as __vue_component__$b } from './OrPopover-45e2dbce.js';
 import './OrSkeletonCircle.vue_rollup-plugin-vue_script-f572f02f.js';
 import './OrSkeletonRect.vue_rollup-plugin-vue_script-d2b78065.js';
 import { _ as __vue_component__$e } from './OrSkeletonText-b6e51e70.js';
-import { T as TagsOverflow } from './OrTags-34ac7cc4.js';
-import { _ as __vue_component__$c } from './OrSelectMultipleControl-6ee10a0b.js';
-import { _ as __vue_component__$d } from './OrSelectSingleControl-5525edde.js';
+import { T as TagsOverflow } from './OrTags-1dd44e9c.js';
+import { _ as __vue_component__$c } from './OrSelectMultipleControl-63dbf79d.js';
+import { _ as __vue_component__$d } from './OrSelectSingleControl-ba3f3975.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -582,6 +582,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
         }
@@ -610,6 +611,7 @@ var __vue_render__ = function () {
         key: i,
         class: _vm.dropdownItemStyles,
         attrs: {
+          "tooltip-text": option.label,
           "selected": _vm.proxyModelValue === option.value,
           "disabled": option.disabled
         },
@@ -630,6 +632,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
       },
@@ -664,6 +667,7 @@ var __vue_render__ = function () {
       class: _vm.dropdownItemStyles,
       attrs: {
         "selected": _vm.proxyModelValue === option.value,
+        "tooltip-text": option.label,
         "disabled": option.disabled
       },
       on: {

package/dist/esm/v2/{OrSelectMultipleControl-6ee10a0b.js → OrSelectMultipleControl-63dbf79d.js}

@@ -8,7 +8,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-34ac7cc4.js';
+import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-1dd44e9c.js';
 import { _ as __vue_component__$2 } from './OrSelectControlInput-31d24ab9.js';
 import { _ as __vue_component__$1 } from './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrSelectSingleControl-5525edde.js → OrSelectSingleControl-ba3f3975.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRefs, computed } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch, nextTick } from 'vue-demi';
 import './TimeFormat-a7f5565b.js';
 import './dom-53c9635b.js';
 import { i as isEmpty } from './isString-cf957a95.js';
@@ -9,6 +9,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2 } from './OrSelectControlInput-31d24ab9.js';
 import { _ as __vue_component__$1 } from './OrSelectPlaceholder-a6caa9e0.js';
+import { _ as __vue_component__$3 } from './OrTooltip-24e3f17d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectSingleControlInput = [
@@ -19,7 +20,8 @@ var script = defineComponent({
   name: 'OrSelectSingleControl',
   components: {
     OrSelectPlaceholder: __vue_component__$1,
-    OrSelectControlInput: __vue_component__$2
+    OrSelectControlInput: __vue_component__$2,
+    OrTooltip: __vue_component__$3
   },
   model: {
     prop: 'modelValue',
@@ -61,6 +63,9 @@ var script = defineComponent({
     // Refs
     const root = ref();
     const searchControl = ref();
+    const selectionLabelRef = ref();
+    const tooltipRef = ref();
+    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -79,10 +84,28 @@ var script = 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
@@ -100,7 +123,12 @@ var script = defineComponent({
       selection,
       selectionLabel,
       focus,
-      focused
+      focused,
+      isContentTruncated,
+      selectionLabelRef,
+      tooltipRef,
+      openTooltip,
+      closeTooltip
     };
   }
 });
@@ -132,9 +160,24 @@ var __vue_render__ = 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__ = [];
 

package/dist/esm/v2/{OrSlider-3d8de563.js → OrSlider-080bf373.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
+import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-e8992c79.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-d5250220.js → OrSlider.vue_rollup-plugin-vue_script-e8992c79.js}

@@ -5,7 +5,7 @@ import './dom-53c9635b.js';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__ } from './OrTooltip-07c5992f.js';
+import { _ as __vue_component__ } from './OrTooltip-24e3f17d.js';
 
 var SliderColor;
 (function (SliderColor) {

package/dist/esm/v2/{OrSorting-a82d0ed4.js → OrSorting-ba869c21.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
 import { _ as __vue_component__$2 } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-0143d03b.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-7ee323d9.js';
 import { _ as __vue_component__$3 } from './OrMenu-64c84fb8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTabs-daafbef4.js → OrTabs-7e95b1f9.js}

@@ -6,7 +6,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-0143d03b.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-7ee323d9.js';
 import { _ as __vue_component__$2 } from './OrMenu-64c84fb8.js';
 import { _ as __vue_component__$4 } from './OrTab-a878c950.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrTag-747a8aa0.js → OrTag-4f64164e.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$1 } from './OrIconButton-786f390f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTagInput-fc63bc2a.js → OrTagInput-35d812e2.js}

@@ -11,13 +11,13 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { _ as __vue_component__$1 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$3 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$3 } from './OrIconButton-786f390f.js';
 import { _ as __vue_component__$4 } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
 import { _ as __vue_component__$5 } from './OrLabel-bf7e2ea2.js';
 import { _ as __vue_component__$6 } from './OrLoader-4ac49224.js';
-import { a as TagColor } from './OrTag-747a8aa0.js';
-import { _ as __vue_component__$7, T as TagsOverflow } from './OrTags-34ac7cc4.js';
+import { a as TagColor } from './OrTag-4f64164e.js';
+import { _ as __vue_component__$7, T as TagsOverflow } from './OrTags-1dd44e9c.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTags-34ac7cc4.js → OrTags-1dd44e9c.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
 import { _ as __vue_component__$2 } from './OrPopover-45e2dbce.js';
-import { _ as __vue_component__$3 } from './OrTag-747a8aa0.js';
+import { _ as __vue_component__$3 } from './OrTag-4f64164e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagsOverflow;

package/dist/esm/v2/{OrTimeFormat-649f0557.js → OrTimeFormat-b12fea84.js}

@@ -5,8 +5,8 @@ import { b as useTimeFormat, a as useLocale } from './useTimeFormat-7ad4cc11.js'
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
-import './OrDateTimePickerTimeSelect-ebab0e36.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-b216c919.js';
+import './OrDateTimePickerTimeSelect-08e435fd.js';
 import { a as formatTime } from './formatTime-3f37a00f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTimePicker-580922aa.js → OrTimePicker-59f1941d.js}

@@ -7,12 +7,12 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
-import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, f as __vue_component__$4, g as __vue_component__$5 } from './OrDateTimePickerTimeSelect-ebab0e36.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-b216c919.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, f as __vue_component__$4, g as __vue_component__$5 } from './OrDateTimePickerTimeSelect-08e435fd.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { _ as __vue_component__$6 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$7 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$9 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$9 } from './OrIconButton-786f390f.js';
 import { _ as __vue_component__$8 } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$a } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';

package/dist/esm/v2/{OrTimeRangePicker-f7b77de1.js → OrTimeRangePicker-db1e1de5.js}

@@ -7,12 +7,12 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
-import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, f as __vue_component__$4, g as __vue_component__$5 } from './OrDateTimePickerTimeSelect-ebab0e36.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-b216c919.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, f as __vue_component__$4, g as __vue_component__$5 } from './OrDateTimePickerTimeSelect-08e435fd.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { _ as __vue_component__$6 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$7 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$9 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$9 } from './OrIconButton-786f390f.js';
 import { _ as __vue_component__$8 } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$a } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';

package/dist/esm/v2/{OrTooltip-07c5992f.js → OrTooltip-24e3f17d.js}

@@ -93,16 +93,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']);
@@ -118,6 +135,8 @@ var script = defineComponent({
     });
     return {
       root,
+      localTrigger,
+      hasExternalControl,
       rootStyles,
       popoverStyles,
       bodyStyles,
@@ -142,10 +161,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', {
@@ -154,7 +173,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,