@onereach/ui-components 16.3.0-beta.4788.0 → 16.3.0-beta.4789.0

package/dist/esm/v3/{OrInlineInput-6f035371.js → OrInlineInput-ff2ec380.js}

@@ -9,8 +9,8 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$3 } from './OrIconButton-b72d38af.js';
-import { I as InlineInputBoxSize, s as script$4 } from './OrInlineInputBox-9d62d2b3.js';
+import { s as script$3 } from './OrIconButton-5a508869.js';
+import { I as InlineInputBoxSize, s as script$4 } from './OrInlineInputBox-d78fd4cf.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -39,6 +39,9 @@ const InlineInputActionSizes = {
   'px-0', 'py-sm'],
   [InlineInputBoxSize.S]: [
   // Spacing
+  'px-0', 'py-xs*'],
+  [InlineInputBoxSize.XS]: [
+  // Spacing
   'px-0', 'py-xs*']
 };
 

package/dist/esm/v3/{OrInlineInputBox-9d62d2b3.js → OrInlineInputBox-d78fd4cf.js}

@@ -5,26 +5,40 @@ var InlineInputBoxSize;
 (function (InlineInputBoxSize) {
   InlineInputBoxSize["M"] = "m";
   InlineInputBoxSize["S"] = "s";
+  InlineInputBoxSize["XS"] = "xs";
 })(InlineInputBoxSize || (InlineInputBoxSize = {}));
 
 const InlineInputBox = [
 // Layout
 'layout-row',
 // Box
-'w-full',
+'w-full', 'box-border',
 // Shape
 'rounded-sm',
 // Theme
-'border-solid', 'border-1', 'border-transparent', 'enabled:outline-none', 'enabled:outline-2', 'enabled:outline-offset-0', 'enabled:valid:text-on-background', 'enabled:valid:dark:text-on-background-dark', 'enabled:valid:hover:bg-primary-opacity-0-08', 'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:bg-primary-opacity-0-08', 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:text-on-background', 'enabled:valid:focus-within:dark:text-on-background-dark', 'enabled:valid:focus-within:border-primary', 'enabled:valid:focus-within:dark:border-primary-dark', 'enabled:valid:focus-within:outline-primary-opacity-0-16', 'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark', 'enabled:invalid:bg-error-opacity-0-08', 'enabled:invalid:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:text-on-background', 'enabled:invalid:dark:text-on-background-dark', 'enabled:invalid:border-error', 'enabled:invalid:dark:border-error-dark', 'enabled:invalid:hover:bg-error-opacity-0-12', 'enabled:invalid:hover:dark:bg-error-opacity-0-12-dark', 'enabled:invalid:focus-within:bg-error-opacity-0-08', 'enabled:invalid:focus-within:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:focus-within:text-on-background', 'enabled:invalid:focus-within:dark:text-on-background-dark', 'enabled:invalid:focus-within:border-error', 'enabled:invalid:focus-within:dark:border-error-dark', 'enabled:invalid:focus-within:outline-error-opacity-0-16', 'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark', 'disabled:text-on-disabled', 'disabled:dark:text-on-disabled-dark'];
+'border-solid', 'border-1', 'border-transparent', 'enabled:outline-none', 'enabled:outline-2', 'enabled:outline-offset-0', 'enabled:valid:text-on-background', 'enabled:valid:dark:text-on-background-dark', 'enabled:valid:hover:bg-primary-opacity-0-08', 'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:bg-primary-opacity-0-08', 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:text-on-background', 'enabled:valid:focus-within:dark:text-on-background-dark', 'enabled:valid:focus-within:border-primary', 'enabled:valid:focus-within:dark:border-primary-dark', 'enabled:valid:focus-within:outline-primary-opacity-0-16', 'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark', 'enabled:valid:activated:children:bg-primary-opacity-0-08', 'enabled:valid:activated:children:dark:bg-primary-opacity-0-08-dark',
+// 'enabled:invalid:bg-error-opacity-0-08',
+// 'enabled:invalid:dark:bg-error-opacity-0-08-dark',
+'enabled:invalid:text-on-background', 'enabled:invalid:dark:text-on-background-dark', 'enabled:invalid:border-error', 'enabled:invalid:dark:border-error-dark',
+// 'enabled:invalid:hover:bg-error-opacity-0-12',
+// 'enabled:invalid:hover:dark:bg-error-opacity-0-12-dark',
+// 'enabled:invalid:focus-within:bg-error-opacity-0-08',
+// 'enabled:invalid:focus-within:dark:bg-error-opacity-0-08-dark',
+'enabled:invalid:focus-within:text-on-background', 'enabled:invalid:focus-within:dark:text-on-background-dark', 'enabled:invalid:focus-within:border-error', 'enabled:invalid:focus-within:dark:border-error-dark', 'enabled:invalid:focus-within:outline-error-opacity-0-16', 'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark', 'disabled:text-on-disabled', 'disabled:dark:text-on-disabled-dark'];
 const InlineInputBoxSizes = {
   'm': [
   // Spacing
-  'activated:children:px-sm', 'children:py-xs', 'gap-md',
+  'activated:children:px-sm', 'gap-md',
   // Typography
   'typography-headline-2'],
   's': [
   // Spacing
-  'activated:children:px-sm', 'children:py-0', 'gap-md',
+  'activated:children:px-sm', 'children:py-xs', 'gap-md',
+  // Typography
+  'typography-body-2-regular'],
+  'xs': [
+  // Spacing
+  'activated:children:px-xs', 'children:py-0', 'gap-md',
   // Typography
   'typography-body-2-regular']
 };

package/dist/esm/v3/{OrInlineTextarea-84748b11.js → OrInlineTextarea-0d3f51e2.js}

@@ -2,15 +2,15 @@ import { defineComponent, reactive, ref, computed, toRef, watch, nextTick } from
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-3a339b79.js';
 import './TimeFormat-a7f5565b.js';
 import './dom-53c9635b.js';
-import '@vueuse/core';
+import { useTextareaAutosize } from '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$3 } from './OrIconButton-b72d38af.js';
-import { s as script$4 } from './OrInlineInputBox-9d62d2b3.js';
+import { s as script$3 } from './OrIconButton-5a508869.js';
+import { s as script$4 } from './OrInlineInputBox-d78fd4cf.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -25,7 +25,9 @@ const InlineTextareaControl = [
 // Typography
 'typography-inherit',
 // Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
+// Behavior
+'resize-none'];
 const InlineTextareaAction = [
 // Layout
 'layout-inline-row self-start',
@@ -83,7 +85,9 @@ var script = defineComponent({
     const controlStyles = computed(() => [...InlineTextareaControl]);
     const actionStyles = computed(() => [...InlineTextareaAction]);
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: ref('')
+    });
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;
@@ -128,6 +132,10 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
+    useTextareaAutosize({
+      element: control,
+      input: model
+    });
     return {
       attributes,
       root,
@@ -169,7 +177,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [withDirectives(createElementVNode("textarea", mergeProps({
       ref: 'control'
     }, _ctx.attributes, {
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draft = $event),
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.model = $event),
       class: _ctx.controlStyles,
       placeholder: _ctx.placeholder,
       activated: _ctx.activated,
@@ -184,9 +192,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.$emit('blur', $event);
         _ctx.onBlur();
       })
-    }), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelText, _ctx.draft, void 0, {
-      trim: true
-    }]])]),
+    }), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelText, _ctx.model]])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["invalid"]), _ctx.activated && !_ctx.saveOnBlur ? (openBlock(), createElementBlock("div", {
     key: 0,

package/dist/esm/v3/{OrInput-a476c480.js → OrInput-6b60bf4a.js}

@@ -9,7 +9,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$4 } from './OrIconButton-b72d38af.js';
+import { s as script$4 } from './OrIconButton-5a508869.js';
 import { s as script$3 } from './OrIcon-9aff520e.js';
 import { s as script$5, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$6 } from './OrLabel-4abbce6e.js';

package/dist/esm/v3/{OrList-68fd2998.js → OrList-14d8cf31.js}

@@ -8,7 +8,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-e997c224.js';
-import { s as script$3 } from './OrIconButton-b72d38af.js';
+import { s as script$3 } from './OrIconButton-5a508869.js';
 import { s as script$2 } from './OrIcon-9aff520e.js';
 import { s as script$4 } from './OrLabel-4abbce6e.js';
 import { s as script$5 } from './OrListItem-12fa8abd.js';

package/dist/esm/v3/{OrMenuItem-206fc6d9.js → OrMenuItem-6caf8844.js}

@@ -1,8 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { useIntersectionObserver } from '@vueuse/core';
-import { s as script$2 } from './OrIconButton-b72d38af.js';
+import { s as script$2 } from './OrIconButton-5a508869.js';
 import { s as script$1 } from './OrIcon-9aff520e.js';
-import { s as script$3 } from './OrTooltip-77f2caf4.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot, Fragment, createVNode, withModifiers } from 'vue';
 
 const MenuItem = [
@@ -29,8 +27,7 @@ var script = defineComponent({
   name: 'OrMenuItem',
   components: {
     OrIcon: script$1,
-    OrIconButton: script$2,
-    OrToolip: script$3
+    OrIconButton: script$2
   },
   props: {
     icon: {
@@ -48,10 +45,6 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    tooltipText: {
-      type: String,
-      default: ''
     }
   },
   emits: ['click', 'focus', 'blur', 'close'],
@@ -59,78 +52,45 @@ 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,
-      tooltip,
-      rootStyles,
-      isToolitpShown,
-      isRootVisible,
-      stop
+      rootStyles
     };
-  },
-  beforeDestroyed() {
-    this.stop();
   }
 });
 
 const _hoisted_1 = ["tabindex", "selected", "disabled"];
-const _hoisted_2 = /*#__PURE__*/createElementVNode("div", {
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['truncate', 'w-full'])
+};
+const _hoisted_3 = /*#__PURE__*/createElementVNode("div", {
   class: /*#__PURE__*/normalizeClass(['grow'])
 }, null, -1 /* HOISTED */);
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrIconButton = resolveComponent("OrIconButton");
-  const _component_OrToolip = resolveComponent("OrToolip");
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     tabindex: !_ctx.disabled ? 0 : null,
     selected: _ctx.selected,
     disabled: _ctx.disabled,
-    onClick: _cache[3] || (_cache[3] = $event => _ctx.$emit('click', $event)),
-    onFocus: _cache[4] || (_cache[4] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[5] || (_cache[5] = $event => _ctx.$emit('blur', $event))
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
   }, [_ctx.icon ? (openBlock(), createBlock(_component_OrIcon, normalizeProps(mergeProps({
     key: 0
   }, typeof _ctx.icon === 'string' ? {
     icon: _ctx.icon
-  } : _ctx.icon)), null, 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
-    ref: "content",
-    class: normalizeClass(['truncate', 'w-full']),
-    onMouseover: _cache[0] || (_cache[0] = $event => _ctx.tooltip && _ctx.tooltip.open()),
-    onMouseout: _cache[1] || (_cache[1] = $event => _ctx.tooltip && _ctx.tooltip.close())
-  }, [renderSlot(_ctx.$slots, "default")], 544 /* NEED_HYDRATION, NEED_PATCH */), _ctx.closeButton ? (openBlock(), createElementBlock(Fragment, {
+  } : _ctx.icon)), null, 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.closeButton ? (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [_hoisted_2, createVNode(_component_OrIconButton, {
+  }, [_hoisted_3, createVNode(_component_OrIconButton, {
     icon: 'close',
     disabled: _ctx.disabled,
-    onClick: _cache[2] || (_cache[2] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
-  }, null, 8 /* PROPS */, ["disabled"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.isToolitpShown ? (openBlock(), createBlock(_component_OrToolip, {
-    key: 2,
-    ref: "tooltip",
-    content: _ctx.tooltipText,
-    trigger: _ctx.root
-  }, null, 8 /* PROPS */, ["content", "trigger"])) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1);
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
+  }, null, 8 /* PROPS */, ["disabled"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1);
 }
 
 script.render = render;

package/dist/esm/v3/{OrModal-f6e5ad22.js → OrModal-4da45f04.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$5 } from './OrOverlay-97c94f0b.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-b72d38af.js';
+import { s as script$4 } from './OrIconButton-5a508869.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-24cdfc90.js → OrNotification-218bb54b.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-b72d38af.js';
+import { s as script$2 } from './OrIconButton-5a508869.js';
 import { s as script$1 } from './OrIcon-9aff520e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrPagination-ff59f0ef.js → OrPagination-544f2d50.js}

@@ -7,7 +7,7 @@ import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrIcon-9aff520e.js';
-import { s as script$4 } from './OrMenuItem-206fc6d9.js';
+import { s as script$4 } from './OrMenuItem-6caf8844.js';
 import { s as script$3 } from './OrMenu-95509740.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, createVNode, withCtx, toDisplayString, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrRangeSlider-fc9b7876.js → OrRangeSlider-c1ed0ba5.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-d98763bd.js';
-import { s as script$1 } from './OrTooltip-77f2caf4.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-5c665987.js';
+import { s as script$1 } from './OrTooltip-de856939.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
 const RangeSlider = [

package/dist/esm/v3/{OrResizeablePanel-ced93151.js → OrResizeablePanel-1d0c171b.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 { s as script$1 } from './OrIconButton-b72d38af.js';
+import { s as script$1 } from './OrIconButton-5a508869.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
 
 var ResizeablePanelPadding;

package/dist/esm/v3/{OrRichTextEditor-9b2d9712.js → OrRichTextEditor-4ec30209.js}

@@ -17,13 +17,13 @@ import { i as isArray } from './isArray-8eeb52b9.js';
 import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrError-331220bc.js';
 import { s as script$3 } from './OrHint-262c8217.js';
-import { s as script$4 } from './OrIconButton-b72d38af.js';
+import { s as script$4 } from './OrIconButton-5a508869.js';
 import { s as script$6 } from './OrInputBox-2f33498c.js';
-import { s as script$5 } from './OrInput-a476c480.js';
+import { s as script$5 } from './OrInput-6b60bf4a.js';
 import { s as script$7 } from './OrLabel-4abbce6e.js';
-import { s as script$9 } from './OrMenuItem-206fc6d9.js';
+import { s as script$9 } from './OrMenuItem-6caf8844.js';
 import { s as script$8 } from './OrMenu-95509740.js';
-import { s as script$a } from './OrModal-f6e5ad22.js';
+import { s as script$a } from './OrModal-4da45f04.js';
 import { s as script$b } from './OrPopover-0daeba14.js';
 import { C as CodeMirrorView } from './codemirrorView-902c37ce.js';
 import { minimalSetup } from 'codemirror';

package/dist/esm/v3/{OrSearch-1511ebea.js → OrSearch-b7a558ef.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-2f33498c.js';
-import { s as script$1 } from './OrInput-a476c480.js';
+import { s as script$1 } from './OrInput-6b60bf4a.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSelect-dd2228d1.js → OrSelect-e3db7652.js}

@@ -14,18 +14,18 @@ import { s as script$1 } from './OrCheckbox-e353ee89.js';
 import { s as script$2 } from './OrError-331220bc.js';
 import { s as script$3 } from './OrExpansionPanel-99c697c1.js';
 import { s as script$4 } from './OrHint-262c8217.js';
-import { s as script$6 } from './OrIconButton-b72d38af.js';
+import { s as script$6 } from './OrIconButton-5a508869.js';
 import { s as script$5 } from './OrIcon-9aff520e.js';
 import { s as script$8, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
-import { s as script$7 } from './OrInput-a476c480.js';
+import { s as script$7 } from './OrInput-6b60bf4a.js';
 import { s as script$9 } from './OrLabel-4abbce6e.js';
-import { s as script$a } from './OrMenuItem-206fc6d9.js';
+import { s as script$a } from './OrMenuItem-6caf8844.js';
 import { s as script$b } from './OrPopover-0daeba14.js';
 import './OrSkeletonCircle-a3eb5f53.js';
 import './OrSkeletonRect-d0b8b2cf.js';
 import { s as script$e } from './OrSkeletonText-5e9579c1.js';
-import { T as TagsOverflow } from './OrTags-f2bb104c.js';
-import { s as script$c } from './OrSelectMultipleControl-58090e7f.js';
+import { T as TagsOverflow } from './OrTags-44507e58.js';
+import { s as script$c } from './OrSelectMultipleControl-274c9752.js';
 import { s as script$d } from './OrSelectSingleControl-70644f38.js';
 import './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, vShow, Fragment, renderList } from 'vue';
@@ -528,7 +528,6 @@ 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
             }, {
@@ -544,14 +543,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 disabled: option.disabled
               }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"])])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["tooltip-text", "selected", "disabled"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["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"])
@@ -561,7 +559,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 option: option
               }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "tooltip-text", "selected", "disabled", "onClick"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
           }), 128 /* KEYED_FRAGMENT */))]),
           _: 2 /* DYNAMIC */
         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
@@ -572,7 +570,6 @@ 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"])
@@ -592,7 +589,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 */, ["tooltip-text", "selected", "disabled", "onClick"]);
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick"]);
       }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
@@ -600,7 +597,6 @@ 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);
@@ -612,7 +608,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", "tooltip-text", "disabled", "onClick"]);
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
       }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
         key: 3,
         class: normalizeClass(_ctx.noSearchResultsStyles)

package/dist/esm/v3/{OrSelectMultipleControl-58090e7f.js → OrSelectMultipleControl-274c9752.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 { s as script$3, T as TagsOverflow } from './OrTags-f2bb104c.js';
+import { s as script$3, T as TagsOverflow } from './OrTags-44507e58.js';
 import { s as script$2 } from './OrSelectControlInput-e0116b29.js';
 import { s as script$1 } from './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrSlider-d98763bd.js → OrSlider-5c665987.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 { s as script$1 } from './OrTooltip-77f2caf4.js';
+import { s as script$1 } from './OrTooltip-de856939.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 
 var SliderColor;

package/dist/esm/v3/{OrSorting-30bf5ac7.js → OrSorting-c946c7a3.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrIcon-9aff520e.js';
-import { s as script$4 } from './OrMenuItem-206fc6d9.js';
+import { s as script$4 } from './OrMenuItem-6caf8844.js';
 import { s as script$3 } from './OrMenu-95509740.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 

package/dist/esm/v3/{OrTabs-415f9afb.js → OrTabs-66729e19.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 { s as script$1 } from './OrIcon-9aff520e.js';
-import { s as script$3 } from './OrMenuItem-206fc6d9.js';
+import { s as script$3 } from './OrMenuItem-6caf8844.js';
 import { s as script$2 } from './OrMenu-95509740.js';
 import { s as script$4 } from './OrTab-5f903429.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode, withDirectives, vShow } from 'vue';

package/dist/esm/v3/{OrTag-ecfadca1.js → OrTag-f048f982.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-b72d38af.js';
+import { s as script$1 } from './OrIconButton-5a508869.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTagInput-9d9d78e2.js → OrTagInput-e3686f04.js}

@@ -11,12 +11,12 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$3 } from './OrIconButton-b72d38af.js';
+import { s as script$3 } from './OrIconButton-5a508869.js';
 import { s as script$4, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { s as script$6 } from './OrLoader-5e2f359b.js';
-import { a as TagColor } from './OrTag-ecfadca1.js';
-import { s as script$7, T as TagsOverflow } from './OrTags-f2bb104c.js';
+import { a as TagColor } from './OrTag-f048f982.js';
+import { s as script$7, T as TagsOverflow } from './OrTags-44507e58.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-f2bb104c.js → OrTags-44507e58.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrPopover-0daeba14.js';
-import { s as script$3 } from './OrTag-ecfadca1.js';
+import { s as script$3 } from './OrTag-f048f982.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
 
 var TagsOverflow;

package/dist/esm/v3/{OrTimeFormat-ca7045c1.js → OrTimeFormat-a9fb9afb.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-5a7af78b.js';
-import './OrDateTimePickerTimeSelect-9588c498.js';
+import './OrDateTimePicker-c90953ea.js';
+import './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { a as formatTime } from './formatTime-3f37a00f.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-16d99dbe.js → OrTimePicker-54206397.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-5a7af78b.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-9588c498.js';
+import './OrDateTimePicker-c90953ea.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
-import { s as script$9 } from './OrIconButton-b72d38af.js';
+import { s as script$9 } from './OrIconButton-5a508869.js';
 import { s as script$8 } from './OrIcon-9aff520e.js';
 import { s as script$a, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$b } from './OrLabel-4abbce6e.js';

package/dist/esm/v3/{OrTimeRangePicker-2340cca2.js → OrTimeRangePicker-8396e1ad.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-5a7af78b.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-9588c498.js';
+import './OrDateTimePicker-c90953ea.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
-import { s as script$9 } from './OrIconButton-b72d38af.js';
+import { s as script$9 } from './OrIconButton-5a508869.js';
 import { s as script$8 } from './OrIcon-9aff520e.js';
 import { s as script$a, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$b } from './OrLabel-4abbce6e.js';