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

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js

@@ -1 +1 @@
-export { h as deserialize, g as serialize } from '../../OrRichTextEditorV3-af8cea4a.js';
+export { h as deserialize, g as serialize } from '../../OrRichTextEditorV3-9c2cecfd.js';

package/dist/bundled/v3/components/{OrRichTextEditorV3-af8cea4a.js → OrRichTextEditorV3-9c2cecfd.js}

@@ -1,21 +1,21 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementVNode, Fragment as Fragment$1, renderList, withDirectives, vShow, vModelText } from 'vue';
-import { s as styleInject } from './OrAvatar-14402712.js';
-import { f as keyName, g as base, E as EditorView$1, H as HighlightStyle, t as tags, s as syntaxHighlighting, a as EditorState$1, m as highlightActiveLine, n as highlightActiveLineGutter, o as lineNumbers, k as keymap$1, p as minimalSetup, j as javascript } from './OrCode-e78b3f9c.js';
-import { p as useResizeObserver, q as useDebounceFn, o as onClickOutside } from './OrAutocompleteV3-d0c2b558.js';
-import { u as useFocusTrap } from './OrModal-9951db3c.js';
+import { s as styleInject } from './OrAvatar-191df4f3.js';
+import { f as keyName, g as base, E as EditorView$1, H as HighlightStyle, t as tags, s as syntaxHighlighting, a as EditorState$1, m as highlightActiveLine, n as highlightActiveLineGutter, o as lineNumbers, k as keymap$1, p as minimalSetup, j as javascript } from './OrCode-0bd53288.js';
+import { p as useResizeObserver, q as useDebounceFn, o as onClickOutside } from './OrAutocompleteV3-72df6cbd.js';
+import { u as useFocusTrap } from './OrModal-5990c2fa.js';
 import { defineComponent, shallowRef, ref, computed, onMounted, onBeforeUnmount, watch, nextTick } from 'vue-demi';
-import { j as commonjsGlobal, k as getDefaultExportFromCjs } from './OrDateTimePicker-0c4ec218.js';
-import { s as script$1 } from './OrButtonV3-3fdfcf6d.js';
+import { j as commonjsGlobal, k as getDefaultExportFromCjs } from './OrDateTimePicker-210cf977.js';
+import { s as script$1 } from './OrButtonV3-428cae6f.js';
 import { s as script$2 } from './OrErrorV3-b04d76aa.js';
 import { s as script$3 } from './OrHintV3-c8ac5975.js';
-import { s as script$4 } from './OrIconButtonV3-d4a70518.js';
-import { s as script$5 } from './OrInputV3-56a4da51.js';
+import { s as script$4 } from './OrIconButtonV3-2d89d3fd.js';
+import { s as script$5 } from './OrInputV3-bd25f9e7.js';
 import { s as script$6 } from './OrInputBoxV3-efe30bd8.js';
 import { s as script$7 } from './OrLabelV3-2715e117.js';
-import { s as script$8 } from './OrMenuV3-4812d103.js';
-import { s as script$9 } from './OrMenuItemV3-d9763db5.js';
-import { s as script$a } from './OrModalV3-cc43fc96.js';
-import { s as script$b } from './OrPopoverV3-6465c243.js';
+import { s as script$8 } from './OrMenuV3-ba5a99b0.js';
+import { s as script$9 } from './OrMenuItemV3-b0cfe54a.js';
+import { s as script$a } from './OrModalV3-b964ac19.js';
+import { s as script$b } from './OrPopoverV3-4b885d7a.js';
 import { isArray } from '../utils/isArray.js';
 import { useTheme } from '../hooks/useTheme.js';
 

package/dist/bundled/v3/components/OrRichTooltipV3/OrRichTooltip.js

@@ -1 +1 @@
-export { s as default } from '../OrRichTooltipV3-86eca570.js';
+export { s as default } from '../OrRichTooltipV3-043aa240.js';

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

@@ -1 +1 @@
-export { s as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltipV3-86eca570.js';
+export { s as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltipV3-043aa240.js';

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

@@ -1 +1 @@
-export { a as RichTooltip, d as RichTooltipContent, e as RichTooltipFooter, c as RichTooltipHeader, b as RichTooltipPopover } from '../OrRichTooltipV3-86eca570.js';
+export { a as RichTooltip, d as RichTooltipContent, e as RichTooltipFooter, c as RichTooltipHeader, b as RichTooltipPopover } from '../OrRichTooltipV3-043aa240.js';

package/dist/bundled/v3/components/{OrRichTooltipV3-86eca570.js → OrRichTooltipV3-043aa240.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createCommentVNode } from 'vue';
-import { b as useElementHover } from './OrAutocompleteV3-d0c2b558.js';
+import { b as useElementHover } from './OrAutocompleteV3-72df6cbd.js';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopoverV3-6465c243.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopoverV3-4b885d7a.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 const RichTooltip = [

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

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, normalizeStyle, renderSlot } from 'vue';
-import { s as styleInject } from '../OrAvatar-14402712.js';
+import { s as styleInject } from '../OrAvatar-191df4f3.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from '../OrInput/OrInput.js';
 import script$2 from '../OrIconButtonV2/OrIconButton.js';
-import { s as watchDebounced } from '../OrAutocompleteV3-d0c2b558.js';
-import { a as BUTTON_SIZE } from '../OrButtonV2-31c0e4e6.js';
+import { s as watchDebounced } from '../OrAutocompleteV3-72df6cbd.js';
+import { a as BUTTON_SIZE } from '../OrButtonV2-c10793ee.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/components/OrSearchV3/OrSearch.js

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 import { defineComponent, reactive, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1 } from '../OrInputV3-56a4da51.js';
-import { s as watchDebounced } from '../OrAutocompleteV3-d0c2b558.js';
+import { s as script$1 } from '../OrInputV3-bd25f9e7.js';
+import { s as watchDebounced } from '../OrAutocompleteV3-72df6cbd.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrSelect-964196d3.js';
+export { s as default } from '../OrSelect-06b1f2ff.js';

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

@@ -1 +1 @@
-export { C as COMMON_STRING_PROP, D as DEFAULT_TEXT, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, O as OR_SELECT_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, a as OR_SELECT_SEARCH_OPTIONS_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP, b as OR_SELECT_VALUE_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP } from '../OrSelect-964196d3.js';
+export { C as COMMON_STRING_PROP, D as DEFAULT_TEXT, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, O as OR_SELECT_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, a as OR_SELECT_SEARCH_OPTIONS_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP, b as OR_SELECT_VALUE_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP } from '../OrSelect-06b1f2ff.js';

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

@@ -1 +1 @@
-export { s as OrSelect } from '../OrSelect-964196d3.js';
+export { s as OrSelect } from '../OrSelect-06b1f2ff.js';

package/dist/bundled/v3/components/{OrSelect-964196d3.js → OrSelect-06b1f2ff.js}

@@ -1,16 +1,16 @@
-import { k as keys_1, a as isArrayLike_1, b as _Stack, c as _baseIsEqual, d as isArguments_1, e as _isIndex, f as isLength_1, g as _baseAssignValue } from './OrList-0a52b77e.js';
-import { i as isObject_1, d as isArray_1, l as _baseProperty } from './OrDateTimePicker-0c4ec218.js';
-import { _ as _castPath, a as _toKey, g as get_1, b as _isKey, c as _baseGet } from './OrRadio-c08c4801.js';
+import { k as keys_1, a as isArrayLike_1, b as _Stack, c as _baseIsEqual, d as isArguments_1, e as _isIndex, f as isLength_1, g as _baseAssignValue } from './OrList-5dac2db2.js';
+import { i as isObject_1, d as isArray_1, l as _baseProperty } from './OrDateTimePicker-210cf977.js';
+import { _ as _castPath, a as _toKey, g as get_1, b as _isKey, c as _baseGet } from './OrRadio-5b49bed0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, toDisplayString, Fragment, createTextVNode, createCommentVNode, createBlock, renderList, renderSlot, withCtx, normalizeProps, guardReactiveProps } from 'vue';
-import { s as styleInject } from './OrAvatar-14402712.js';
+import { s as styleInject } from './OrAvatar-191df4f3.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './OrAutocompleteV3-d0c2b558.js';
+import { o as onClickOutside } from './OrAutocompleteV3-72df6cbd.js';
 import { OrIcon as script$9 } from './OrIcon/index.js';
 import script$a from './OrCheckbox/OrCheckbox.js';
 import { OrLoader as script$b } from './OrLoader/index.js';
 import { isEmpty } from '../utils/isEmpty.js';
-import { s as script$c } from './OrChips-058f0dc2.js';
-import { s as script$d } from './OrFloating-33c7e078.js';
+import { s as script$c } from './OrChips-218c73f2.js';
+import { s as script$d } from './OrFloating-2d960868.js';
 import script$e from './OrLabel/OrLabel.js';
 import script$f from './OrError/OrError.js';
 

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

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-362771a6.js';
+export { s as default } from '../OrSelectV3-496e91d2.js';

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

@@ -1 +1 @@
-export { s as OrSelectV3 } from '../OrSelectV3-362771a6.js';
+export { s as OrSelectV3 } from '../OrSelectV3-496e91d2.js';

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

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-362771a6.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-496e91d2.js';

package/dist/bundled/v3/components/{OrSelectV3-362771a6.js → OrSelectV3-496e91d2.js}

@@ -1,24 +1,25 @@
 import { withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, resolveDirective, withModifiers, renderList } from 'vue';
-import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { v as useFocus } from './OrAutocompleteV3-d0c2b558.js';
+import { defineComponent, ref, toRefs, computed, watch, nextTick, getCurrentInstance } from 'vue-demi';
+import { v as useFocus } from './OrAutocompleteV3-72df6cbd.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
-import { s as script$5, T as TagsOverflow } from './OrTagsV3-23a2c090.js';
+import { s as script$5, T as TagsOverflow } from './OrTagsV3-5a41119c.js';
 import { isEqual } from '../utils/isEqual.js';
 import { isNil } from '../utils/isNil.js';
 import { toArray } from '../utils/toArray.js';
+import { s as script$6 } from './OrTooltipV3-a54da954.js';
 import { isEmpty } from '../utils/isEmpty.js';
-import { s as script$6 } from './OrCheckboxV3-4175e30a.js';
-import { s as script$7 } from './OrErrorV3-b04d76aa.js';
-import { s as script$8 } from './OrExpansionPanelV3-0d8504a8.js';
-import { s as script$9 } from './OrHintV3-c8ac5975.js';
-import { s as script$a } from './OrIconV3-b5c97ea7.js';
-import { s as script$b } from './OrIconButtonV3-d4a70518.js';
-import { s as script$c } from './OrInputV3-56a4da51.js';
-import { s as script$d, I as InputBoxVariant } from './OrInputBoxV3-efe30bd8.js';
-import { s as script$e } from './OrLabelV3-2715e117.js';
-import { s as script$f } from './OrMenuItemV3-d9763db5.js';
-import { s as script$g } from './OrPopoverV3-6465c243.js';
-import { s as script$h } from './OrSkeletonV3-58741d45.js';
+import { s as script$7 } from './OrCheckboxV3-2f2f7bc1.js';
+import { s as script$8 } from './OrErrorV3-b04d76aa.js';
+import { s as script$9 } from './OrExpansionPanelV3-eaf7465e.js';
+import { s as script$a } from './OrHintV3-c8ac5975.js';
+import { s as script$b } from './OrIconV3-b5c97ea7.js';
+import { s as script$c } from './OrIconButtonV3-2d89d3fd.js';
+import { s as script$d } from './OrInputV3-bd25f9e7.js';
+import { s as script$e, I as InputBoxVariant } from './OrInputBoxV3-efe30bd8.js';
+import { s as script$f } from './OrLabelV3-2715e117.js';
+import { s as script$g } from './OrMenuItemV3-b0cfe54a.js';
+import { s as script$h } from './OrPopoverV3-4b885d7a.js';
+import { s as script$i } from './OrSkeletonV3-b48005a2.js';
 import { searchItemsByLabel } from '../helpers/searchItemsByLabel.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
@@ -333,7 +334,8 @@ var script$1 = defineComponent({
   name: 'OrSelectSingleControl',
   components: {
     OrSelectPlaceholder: script$3,
-    OrSelectControlInput: script$4
+    OrSelectControlInput: script$4,
+    OrTooltip: script$6
   },
   model: {
     prop: 'modelValue',
@@ -375,6 +377,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,
@@ -393,10 +398,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
@@ -414,18 +437,24 @@ var script$1 = defineComponent({
       selection,
       selectionLabel,
       focus,
-      focused
+      focused,
+      isContentTruncated,
+      selectionLabelRef,
+      tooltipRef,
+      openTooltip,
+      closeTooltip
     };
   }
 });
 
 const _hoisted_1$1 = {
   key: 1,
-  class: "truncate"
+  class: "flex"
 };
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrSelectControlInput = resolveComponent("OrSelectControlInput");
   const _component_OrSelectPlaceholder = resolveComponent("OrSelectPlaceholder");
+  const _component_OrTooltip = resolveComponent("OrTooltip");
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
@@ -443,7 +472,17 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.placeholder), 1 /* TEXT */)]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", {
+    ref: "selectionLabelRef",
+    class: "truncate w-full",
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.openTooltip && _ctx.openTooltip(...args)),
+    onMouseleave: _cache[2] || (_cache[2] = $event => _ctx.tooltipRef && _ctx.tooltipRef.close())
+  }, toDisplayString(_ctx.selectionLabel), 545 /* TEXT, NEED_HYDRATION, NEED_PATCH */), _ctx.isContentTruncated ? (openBlock(), createBlock(_component_OrTooltip, {
+    key: 0,
+    ref: "tooltipRef",
+    content: _ctx.selectionLabel,
+    trigger: _ctx.selectionLabelRef
+  }, null, 8 /* PROPS */, ["content", "trigger"])) : createCommentVNode("v-if", true)]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
 }
 
 script$1.render = render$1;
@@ -505,20 +544,20 @@ const SelectNoSearchResults = [
 var script = defineComponent({
   name: 'OrSelect',
   components: {
-    OrCheckbox: script$6,
-    OrError: script$7,
-    OrExpansionPanel: script$8,
-    OrHint: script$9,
-    OrIcon: script$a,
-    OrIconButton: script$b,
-    OrInput: script$c,
-    OrInputBox: script$d,
-    OrLabel: script$e,
-    OrMenuItem: script$f,
-    OrPopover: script$g,
+    OrCheckbox: script$7,
+    OrError: script$8,
+    OrExpansionPanel: script$9,
+    OrHint: script$a,
+    OrIcon: script$b,
+    OrIconButton: script$c,
+    OrInput: script$d,
+    OrInputBox: script$e,
+    OrLabel: script$f,
+    OrMenuItem: script$g,
+    OrPopover: script$h,
     OrSelectMultipleControl: script$2,
     OrSelectSingleControl: script$1,
-    OrSkeletonText: script$h
+    OrSkeletonText: script$i
   },
   directives: {
     DropdownClose,
@@ -947,6 +986,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, renderList(group, (option, i) => {
             return openBlock(), createBlock(_component_OrMenuItem, {
               key: i,
+              "tooltip-text": option.label,
               selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
               disabled: option.disabled
             }, {
@@ -962,13 +1002,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 disabled: option.disabled
               }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"])])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["tooltip-text", "selected", "disabled"]);
           }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
             key: 1
           }, renderList(group, (option, i) => {
             return openBlock(), createBlock(_component_OrMenuItem, {
               key: i,
               class: normalizeClass(_ctx.dropdownItemStyles),
+              "tooltip-text": option.label,
               selected: _ctx.proxyModelValue === option.value,
               disabled: option.disabled,
               onClick: withModifiers($event => _ctx.selectOption(option.value), ["stop"])
@@ -978,7 +1019,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 option: option
               }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "tooltip-text", "selected", "disabled", "onClick"]);
           }), 128 /* KEYED_FRAGMENT */))]),
           _: 2 /* DYNAMIC */
         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
@@ -989,6 +1030,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
         return openBlock(), createBlock(_component_OrMenuItem, {
           key: i,
+          "tooltip-text": option.label,
           selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
           disabled: option.disabled,
           onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option.value), ["stop"])
@@ -1008,7 +1050,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 2 /* DYNAMIC */
           }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value", "disabled"])]),
           _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick"]);
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["tooltip-text", "selected", "disabled", "onClick"]);
       }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
@@ -1016,6 +1058,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: i,
           class: normalizeClass(_ctx.dropdownItemStyles),
           selected: _ctx.proxyModelValue === option.value,
+          "tooltip-text": option.label,
           disabled: option.disabled,
           onClick: withModifiers($event => {
             _ctx.selectOption(option.value);
@@ -1027,7 +1070,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             option: option
           }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
           _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "tooltip-text", "disabled", "onClick"]);
       }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
         key: 3,
         class: normalizeClass(_ctx.noSearchResultsStyles)

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

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from 'vue';
-import { s as styleInject } from '../OrAvatar-14402712.js';
-import { m as useDraggable } from '../OrAutocompleteV3-d0c2b558.js';
+import { s as styleInject } from '../OrAvatar-191df4f3.js';
+import { m as useDraggable } from '../OrAutocompleteV3-72df6cbd.js';
 import { defineComponent, ref } from 'vue-demi';
 
 var OrSidebarSide;

package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js

@@ -1 +1 @@
-export { s as default } from '../OrSidebarV3-d3c88f9e.js';
+export { s as default } from '../OrSidebarV3-57477782.js';

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

@@ -1 +1 @@
-export { s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-d3c88f9e.js';
+export { s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebarV3-57477782.js';

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

@@ -1 +1 @@
-export { S as SidebarPlacement } from '../OrSidebarV3-d3c88f9e.js';
+export { S as SidebarPlacement } from '../OrSidebarV3-57477782.js';

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

@@ -1,2 +1,2 @@
-import '../OrResizeablePanelV3-5e13b8d6.js';
-export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-d3c88f9e.js';
+import '../OrResizeablePanelV3-951e391d.js';
+export { a as Sidebar, d as SidebarContent, e as SidebarContentPaddings, f as SidebarFooter, g as SidebarFooterPaddings, b as SidebarHeader, c as SidebarHeaderPaddings } from '../OrSidebarV3-57477782.js';

package/dist/bundled/v3/components/{OrSidebarV3-d3c88f9e.js → OrSidebarV3-57477782.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-5e13b8d6.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanelV3-951e391d.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 const Sidebar = [

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

@@ -1 +1 @@
-export { O as OrSkeletonTextSizes } from '../OrSkeleton-266098c3.js';
+export { O as OrSkeletonTextSizes } from '../OrSkeleton-766b54c3.js';

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

@@ -1 +1 @@
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-266098c3.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-766b54c3.js';

package/dist/bundled/v3/components/{OrSkeleton-266098c3.js → OrSkeleton-766b54c3.js}

@@ -1,8 +1,8 @@
-import { i as isObject_1, m as toFinite_1 } from './OrDateTimePicker-0c4ec218.js';
+import { i as isObject_1, m as toFinite_1 } from './OrDateTimePicker-210cf977.js';
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
-import { s as styleInject } from './OrAvatar-14402712.js';
+import { s as styleInject } from './OrAvatar-191df4f3.js';
 import { defineComponent } from 'vue-demi';
-import { h as eq_1, a as isArrayLike_1, e as _isIndex } from './OrList-0a52b77e.js';
+import { h as eq_1, a as isArrayLike_1, e as _isIndex } from './OrList-5dac2db2.js';
 import { pxToRem } from '../utils/functions/px-to-rem.js';
 
 /* Built-in method references for those with the same name as other `lodash` methods. */

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

@@ -1 +1 @@
-export { s as default } from '../OrSkeleton-266098c3.js';
+export { s as default } from '../OrSkeleton-766b54c3.js';

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

@@ -1 +1 @@
-export { s as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-266098c3.js';
+export { s as OrSkeletonCircle, O as OrSkeletonTextSizes } from '../OrSkeleton-766b54c3.js';

package/dist/bundled/v3/components/OrSkeletonCircleV3/OrSkeletonCircle.js

@@ -1 +1 @@
-export { a as default } from '../OrSkeletonV3-58741d45.js';
+export { a as default } from '../OrSkeletonV3-b48005a2.js';

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

@@ -1 +1 @@
-export { a as OrSkeletonCircleV3 } from '../OrSkeletonV3-58741d45.js';
+export { a as OrSkeletonCircleV3 } from '../OrSkeletonV3-b48005a2.js';

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

@@ -1 +1 @@
-export { a as default } from '../OrSkeleton-266098c3.js';
+export { a as default } from '../OrSkeleton-766b54c3.js';

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

@@ -1 +1 @@
-export { a as OrSkeletonRect, O as OrSkeletonTextSizes } from '../OrSkeleton-266098c3.js';
+export { a as OrSkeletonRect, O as OrSkeletonTextSizes } from '../OrSkeleton-766b54c3.js';

package/dist/bundled/v3/components/OrSkeletonRectV3/OrSkeletonRect.js

@@ -1 +1 @@
-export { b as default } from '../OrSkeletonV3-58741d45.js';
+export { b as default } from '../OrSkeletonV3-b48005a2.js';

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

@@ -1 +1 @@
-export { b as OrSkeletonRectV3 } from '../OrSkeletonV3-58741d45.js';
+export { b as OrSkeletonRectV3 } from '../OrSkeletonV3-b48005a2.js';

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

@@ -1 +1 @@
-export { b as default } from '../OrSkeleton-266098c3.js';
+export { b as default } from '../OrSkeleton-766b54c3.js';

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

@@ -1 +1 @@
-export { b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-266098c3.js';
+export { b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeleton-766b54c3.js';

package/dist/bundled/v3/components/OrSkeletonTextV3/OrSkeletonText.js

@@ -1 +1 @@
-export { s as default } from '../OrSkeletonV3-58741d45.js';
+export { s as default } from '../OrSkeletonV3-b48005a2.js';

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

@@ -1 +1 @@
-export { s as OrSkeletonTextV3 } from '../OrSkeletonV3-58741d45.js';
+export { s as OrSkeletonTextV3 } from '../OrSkeletonV3-b48005a2.js';

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

@@ -1 +1 @@
-export { a as OrSkeletonCircleV3, b as OrSkeletonRectV3, s as OrSkeletonTextV3 } from '../OrSkeletonV3-58741d45.js';
+export { a as OrSkeletonCircleV3, b as OrSkeletonRectV3, s as OrSkeletonTextV3 } from '../OrSkeletonV3-b48005a2.js';

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

@@ -1 +1 @@
-export { g as SkeletonAnimated, d as SkeletonCircle, e as SkeletonRect, S as SkeletonRoot, f as SkeletonText, c as SkeletonTextContainerRoot } from '../OrSkeletonV3-58741d45.js';
+export { g as SkeletonAnimated, d as SkeletonCircle, e as SkeletonRect, S as SkeletonRoot, f as SkeletonText, c as SkeletonTextContainerRoot } from '../OrSkeletonV3-b48005a2.js';

package/dist/bundled/v3/components/{OrSkeletonV3-58741d45.js → OrSkeletonV3-b48005a2.js}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
-import { r as range_1 } from './OrSkeleton-266098c3.js';
+import { r as range_1 } from './OrSkeleton-766b54c3.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { pxToRem } from '../utils/functions/px-to-rem.js';
 

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

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createCommentVNode, renderSlot, createVNode, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from '../OrAvatar-14402712.js';
+import { s as styleInject } from '../OrAvatar-191df4f3.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, m as useDraggable } from '../OrAutocompleteV3-d0c2b558.js';
+import { o as onClickOutside, m as useDraggable } from '../OrAutocompleteV3-72df6cbd.js';
 import { addClass, removeClass } from '../../utils/functions/dom.js';
 import { OrIcon as script$1 } from '../OrIcon/index.js';
 

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

@@ -1 +1 @@
-export { s as default } from '../OrSliderV3-8cf8a513.js';
+export { s as default } from '../OrSliderV3-b90ccccd.js';

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

@@ -1 +1 @@
-export { s as OrSliderV3, a as SliderColor, S as SliderOrientation } from '../OrSliderV3-8cf8a513.js';
+export { s as OrSliderV3, a as SliderColor, S as SliderOrientation } from '../OrSliderV3-b90ccccd.js';

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

@@ -1 +1 @@
-export { b as Slider, j as SliderBreakpointMark, k as SliderBreakpointMarkColors, l as SliderLabel, n as SliderLabelMark, o as SliderLabelMarkOrientations, m as SliderLabelOrientations, c as SliderOrientations, d as SliderRail, e as SliderRailOrientations, h as SliderThumb, i as SliderThumbColors, f as SliderTrack, g as SliderTrackColors } from '../OrSliderV3-8cf8a513.js';
+export { b as Slider, j as SliderBreakpointMark, k as SliderBreakpointMarkColors, l as SliderLabel, n as SliderLabelMark, o as SliderLabelMarkOrientations, m as SliderLabelOrientations, c as SliderOrientations, d as SliderRail, e as SliderRailOrientations, h as SliderThumb, i as SliderThumbColors, f as SliderTrack, g as SliderTrackColors } from '../OrSliderV3-b90ccccd.js';

package/dist/bundled/v3/components/{OrSliderV3-8cf8a513.js → OrSliderV3-b90ccccd.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
-import { l as useElementBounding, b as useElementHover, m as useDraggable, n as clamp } from './OrAutocompleteV3-d0c2b558.js';
+import { l as useElementBounding, b as useElementHover, m as useDraggable, n as clamp } from './OrAutocompleteV3-72df6cbd.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1 } from './OrTooltipV3-358e62c7.js';
+import { s as script$1 } from './OrTooltipV3-a54da954.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 
 var SliderColor;

package/dist/bundled/v3/components/OrSortingV3/OrSorting.js

@@ -1 +1 @@
-export { s as default } from '../OrSortingV3-1bf8dbdd.js';
+export { s as default } from '../OrSortingV3-cd48e096.js';

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

@@ -1 +1 @@
-export { s as OrSortingV3 } from '../OrSortingV3-1bf8dbdd.js';
+export { s as OrSortingV3 } from '../OrSortingV3-cd48e096.js';

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

@@ -1 +1 @@
-export { a as SortingLabel, S as SortingRoot } from '../OrSortingV3-1bf8dbdd.js';
+export { a as SortingLabel, S as SortingRoot } from '../OrSortingV3-cd48e096.js';

package/dist/bundled/v3/components/{OrSortingV3-1bf8dbdd.js → OrSortingV3-cd48e096.js}

@@ -1,9 +1,9 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { s as script$1 } from './OrButtonV3-3fdfcf6d.js';
+import { s as script$1 } from './OrButtonV3-428cae6f.js';
 import { s as script$2 } from './OrIconV3-b5c97ea7.js';
-import { s as script$3 } from './OrMenuV3-4812d103.js';
-import { s as script$4 } from './OrMenuItemV3-d9763db5.js';
+import { s as script$3 } from './OrMenuV3-ba5a99b0.js';
+import { s as script$4 } from './OrMenuItemV3-b0cfe54a.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 
 const SortingRoot = [];

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

@@ -1 +1 @@
-export { s as default } from '../OrStatusV3-d694f808.js';
+export { s as default } from '../OrStatusV3-c745cc21.js';

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

@@ -1 +1 @@
-export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-d694f808.js';
+export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatusV3-c745cc21.js';

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

@@ -1 +1 @@
-export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-d694f808.js';
+export { a as StatusSize, S as StatusVariant } from '../OrStatusV3-c745cc21.js';

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

@@ -1 +1 @@
-export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-d694f808.js';
+export { b as Status, e as StatusIndicator, f as StatusIndicatorVariants, d as StatusSizes, g as StatusTimestamp, c as StatusVariants } from '../OrStatusV3-c745cc21.js';

package/dist/bundled/v3/components/{OrStatusV3-d694f808.js → OrStatusV3-c745cc21.js}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode } from 'vue';
-import { x as formatTimeAgo } from './OrAutocompleteV3-d0c2b558.js';
+import { x as formatTimeAgo } from './OrAutocompleteV3-72df6cbd.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 
 var StatusVariant;