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

package/dist/bundled/v3/components/OrInlineInputBoxV3/OrInlineInputBox.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { InlineInputBoxSize } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"m" | "s" | "xs">;
         default: () => InlineInputBoxSize;
     };
     invalid: {
@@ -14,7 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     rootStyles: import("vue-demi").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"m" | "s" | "xs">;
         default: () => InlineInputBoxSize;
     };
     invalid: {
@@ -22,7 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    size: "m" | "s";
+    size: "m" | "s" | "xs";
     invalid: boolean;
 }>;
 export default _default;

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

@@ -1 +1 @@
-export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBoxV3-1a4d3924.js';
+export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBoxV3-eb00a343.js';

package/dist/bundled/v3/components/OrInlineInputBoxV3/props.d.ts

@@ -1,4 +1,5 @@
 export declare enum InlineInputBoxSize {
     M = "m",
-    S = "s"
+    S = "s",
+    XS = "xs"
 }

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

@@ -1 +1 @@
-export { I as InlineInputBoxSize } from '../OrInlineInputBoxV3-1a4d3924.js';
+export { I as InlineInputBoxSize } from '../OrInlineInputBoxV3-eb00a343.js';

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

@@ -1 +1 @@
-export { a as InlineInputBox, b as InlineInputBoxSizes } from '../OrInlineInputBoxV3-1a4d3924.js';
+export { a as InlineInputBox, b as InlineInputBoxSizes } from '../OrInlineInputBoxV3-eb00a343.js';

package/dist/bundled/v3/components/{OrInlineInputBoxV3-1a4d3924.js → OrInlineInputBoxV3-eb00a343.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/bundled/v3/components/OrInlineInputV3/OrInlineInput.js

@@ -1 +1 @@
-export { s as default } from '../OrInlineInputV3-4e96595c.js';
+export { s as default } from '../OrInlineInputV3-047da5a2.js';

package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => InlineInputType;
     };
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"m" | "s" | "xs">;
         default: () => InlineInputBoxSize;
     };
     placeholder: {
@@ -70,7 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => InlineInputType;
     };
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"m" | "s" | "xs">;
         default: () => InlineInputBoxSize;
     };
     placeholder: {
@@ -101,7 +101,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     modelValue: InlineInputModelValue;
     type: "number" | "text";
-    size: "m" | "s";
+    size: "m" | "s" | "xs";
     placeholder: string;
     hint: string;
     error: string | boolean;

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

@@ -1 +1 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInputV3-4e96595c.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInputV3-047da5a2.js';

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

@@ -1,2 +1,2 @@
-import '../OrInlineInputBoxV3-1a4d3924.js';
-export { a as InlineInput, c as InlineInputAction, d as InlineInputActionSizes, b as InlineInputControl } from '../OrInlineInputV3-4e96595c.js';
+import '../OrInlineInputBoxV3-eb00a343.js';
+export { a as InlineInput, c as InlineInputAction, d as InlineInputActionSizes, b as InlineInputControl } from '../OrInlineInputV3-047da5a2.js';

package/dist/bundled/v3/components/{OrInlineInputV3-4e96595c.js → OrInlineInputV3-047da5a2.js}

@@ -1,10 +1,10 @@
 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 './OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from './OrAvatar-14402712.js';
 import { defineComponent, reactive, ref, computed, toRef, watch, nextTick } from 'vue-demi';
-import { I as InlineInputBoxSize, s as script$4 } from './OrInlineInputBoxV3-1a4d3924.js';
+import { I as InlineInputBoxSize, s as script$4 } from './OrInlineInputBoxV3-eb00a343.js';
 import { s as script$1 } from './OrErrorV3-b04d76aa.js';
 import { s as script$2 } from './OrHintV3-c8ac5975.js';
-import { s as script$3 } from './OrIconButtonV3-de2f4d49.js';
+import { s as script$3 } from './OrIconButtonV3-d4a70518.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../hooks/useValidationAttributes.js';
@@ -35,6 +35,9 @@ const InlineInputActionSizes = {
   'px-0', 'py-sm'],
   [InlineInputBoxSize.S]: [
   // Spacing
+  'px-0', 'py-xs*'],
+  [InlineInputBoxSize.XS]: [
+  // Spacing
   'px-0', 'py-xs*']
 };
 

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

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, withKeys, vModelText, createCommentVNode, toDisplayString, createBlock, createVNode, withCtx, Transition } from 'vue';
-import { s as styleInject } from '../OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from '../OrAvatar-14402712.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { h as useVModel } from '../OrAutocompleteV3-e90de12e.js';
+import { h as useVModel } from '../OrAutocompleteV3-d0c2b558.js';
 import { setStyle, requestAF, getCS, reflow, cancelAF } from '../../utils/functions/dom.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import script$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -1 +1 @@
-export { s as default } from '../OrInlineTextareaV3-5a0e5f30.js';
+export { s as default } from '../OrInlineTextareaV3-1196a5e2.js';

package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.vue.d.ts

@@ -40,8 +40,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     control: import("vue-demi").Ref<HTMLTextAreaElement | undefined>;
     controlStyles: import("vue-demi").ComputedRef<string[]>;
     actionStyles: import("vue-demi").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<InlineTextareaModelValue>;
-    draft: import("vue-demi").Ref<InlineTextareaModelValue>;
+    model: import("../../hooks").UseProxyModelValueReturn<string>;
+    draft: import("vue-demi").Ref<string>;
     activated: import("vue-demi").Ref<boolean>;
     length: import("vue-demi").ComputedRef<number>;
     maxLength: import("vue-demi").ComputedRef<number | undefined>;

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

@@ -1 +1 @@
-export { s as OrInlineTextareaV3 } from '../OrInlineTextareaV3-5a0e5f30.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextareaV3-1196a5e2.js';

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

@@ -1 +1 @@
-export { I as InlineTextarea, b as InlineTextareaAction, a as InlineTextareaControl } from '../OrInlineTextareaV3-5a0e5f30.js';
+export { I as InlineTextarea, b as InlineTextareaAction, a as InlineTextareaControl } from '../OrInlineTextareaV3-1196a5e2.js';

package/dist/bundled/v3/components/{OrInlineTextareaV3-5a0e5f30.js → OrInlineTextareaV3-1196a5e2.js}

@@ -1,10 +1,11 @@
 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 './OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from './OrAvatar-14402712.js';
 import { defineComponent, reactive, ref, computed, toRef, watch, nextTick } from 'vue-demi';
+import { i as useTextareaAutosize } from './OrAutocompleteV3-d0c2b558.js';
 import { s as script$1 } from './OrErrorV3-b04d76aa.js';
 import { s as script$2 } from './OrHintV3-c8ac5975.js';
-import { s as script$3 } from './OrIconButtonV3-de2f4d49.js';
-import { s as script$4 } from './OrInlineInputBoxV3-1a4d3924.js';
+import { s as script$3 } from './OrIconButtonV3-d4a70518.js';
+import { s as script$4 } from './OrInlineInputBoxV3-eb00a343.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../hooks/useValidationAttributes.js';
@@ -21,7 +22,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',
@@ -79,7 +82,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;
@@ -124,6 +129,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,
@@ -165,7 +174,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,
@@ -180,9 +189,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/bundled/v3/components/OrInput/OrInput.js

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, mergeProps, createVNode, Transition } from 'vue';
-import { s as styleInject } from '../OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from '../OrAvatar-14402712.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { setStyle, requestAF, getCS, reflow, cancelAF } from '../../utils/functions/dom.js';

package/dist/bundled/v3/components/OrInputV3/OrInput.js

@@ -1 +1 @@
-export { s as default } from '../OrInputV3-82be5519.js';
+export { s as default } from '../OrInputV3-56a4da51.js';

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

@@ -1 +1 @@
-export { I as InputType, s as OrInputV3 } from '../OrInputV3-82be5519.js';
+export { I as InputType, s as OrInputV3 } from '../OrInputV3-56a4da51.js';

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

@@ -1 +1 @@
-export { a as Input, b as InputControl } from '../OrInputV3-82be5519.js';
+export { a as Input, b as InputControl } from '../OrInputV3-56a4da51.js';

package/dist/bundled/v3/components/{OrInputV3-82be5519.js → OrInputV3-56a4da51.js}

@@ -1,13 +1,13 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, vShow } from 'vue';
-import { s as styleInject } from './OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from './OrAvatar-14402712.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { s as script$1 } from './OrErrorV3-b04d76aa.js';
 import { s as script$2 } from './OrHintV3-c8ac5975.js';
 import { s as script$3 } from './OrIconV3-b5c97ea7.js';
-import { s as script$4 } from './OrIconButtonV3-de2f4d49.js';
+import { s as script$4 } from './OrIconButtonV3-d4a70518.js';
 import { s as script$5, I as InputBoxVariant } from './OrInputBoxV3-efe30bd8.js';
 import { s as script$6 } from './OrLabelV3-2715e117.js';
-import { s as script$7 } from './OrLoaderV3-2d3ffb59.js';
+import { s as script$7 } from './OrLoaderV3-85ae0821.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../hooks/useValidationAttributes.js';

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

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, Fragment, createCommentVNode } from 'vue';
-import { s as styleInject } from '../OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from '../OrAvatar-14402712.js';
 import { defineComponent } from 'vue-demi';
 
 /**

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

@@ -1 +1 @@
-export { s as default } from '../OrList-52ab3fa3.js';
+export { s as default } from '../OrList-0a52b77e.js';

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

@@ -1 +1 @@
-export { s as OrList } from '../OrList-52ab3fa3.js';
+export { s as OrList } from '../OrList-0a52b77e.js';

package/dist/bundled/v3/components/{OrList-52ab3fa3.js → OrList-0a52b77e.js}

@@ -1,10 +1,10 @@
-import { _ as _baseGetTag, i as isObject_1, a as _root, b as isObjectLike_1, c as _freeGlobal, d as isArray_1, e as _Symbol } from './OrDateTimePicker-02eb6c57.js';
+import { _ as _baseGetTag, i as isObject_1, a as _root, b as isObjectLike_1, c as _freeGlobal, d as isArray_1, e as _Symbol } from './OrDateTimePicker-0c4ec218.js';
 import { resolveComponent, openBlock, createElementBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, withModifiers } from 'vue';
-import { s as styleInject } from './OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from './OrAvatar-14402712.js';
 import { defineComponent } from 'vue-demi';
 import script$1 from './OrError/OrError.js';
 import script$2 from './OrLabel/OrLabel.js';
-import { s as script$3 } from './OrButtonV2-58146d71.js';
+import { s as script$3 } from './OrButtonV2-31c0e4e6.js';
 import script$4 from './OrIconButtonV2/OrIconButton.js';
 import { OrIcon as script$5 } from './OrIcon/index.js';
 

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

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, mergeProps, createSlots, normalizeStyle } from 'vue';
-import { s as styleInject } from '../OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from '../OrAvatar-14402712.js';
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from '../OrList-52ab3fa3.js';
+import { s as script$1 } from '../OrList-0a52b77e.js';
 import script$2 from '../OrInput/OrInput.js';
 import { OrIcon as script$3 } from '../OrIcon/index.js';
 import script$4 from '../OrIconButtonV2/OrIconButton.js';

package/dist/bundled/v3/components/OrListV3/OrList.js

@@ -1 +1 @@
-export { s as default } from '../OrListV3-fdbbe208.js';
+export { s as default } from '../OrListV3-08343411.js';

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

@@ -1 +1 @@
-export { a as OrListItem, s as OrListV3 } from '../OrListV3-fdbbe208.js';
+export { a as OrListItem, s as OrListV3 } from '../OrListV3-08343411.js';

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

@@ -1 +1 @@
-export { L as List, c as ListContent, d as ListFooter, b as ListHeader } from '../OrListV3-fdbbe208.js';
+export { L as List, c as ListContent, d as ListFooter, b as ListHeader } from '../OrListV3-08343411.js';

package/dist/bundled/v3/components/{OrListV3-fdbbe208.js → OrListV3-08343411.js}

@@ -1,9 +1,9 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, normalizeProps, guardReactiveProps } from 'vue';
-import { S as Sortable, v as v4 } from './OrList-52ab3fa3.js';
+import { S as Sortable, v as v4 } from './OrList-0a52b77e.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$2 } from './OrButtonV3-6695f461.js';
+import { s as script$2 } from './OrButtonV3-3fdfcf6d.js';
 import { s as script$3 } from './OrIconV3-b5c97ea7.js';
-import { s as script$4 } from './OrIconButtonV3-de2f4d49.js';
+import { s as script$4 } from './OrIconButtonV3-d4a70518.js';
 import { s as script$5 } from './OrLabelV3-2715e117.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 

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

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, Fragment, renderList, createElementVNode, createCommentVNode, pushScopeId, popScopeId } from 'vue';
-import { s as styleInject } from '../OrAvatar-d0cc7ce9.js';
+import { s as styleInject } from '../OrAvatar-14402712.js';
 import { defineComponent } from 'vue-demi';
 import { isEmpty } from '../../utils/isEmpty.js';
 

package/dist/bundled/v3/components/OrLoaderV3/OrLoader.js

@@ -1 +1 @@
-export { s as default } from '../OrLoaderV3-2d3ffb59.js';
+export { s as default } from '../OrLoaderV3-85ae0821.js';

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

@@ -1 +1 @@
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoaderV3-2d3ffb59.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoaderV3-85ae0821.js';

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

@@ -1 +1 @@
-export { a as LoaderColor, b as LoaderSize, L as LoaderVariant } from '../OrLoaderV3-2d3ffb59.js';
+export { a as LoaderColor, b as LoaderSize, L as LoaderVariant } from '../OrLoaderV3-85ae0821.js';

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

@@ -1 +1 @@
-export { e as LoaderContainer, g as LoaderDescription, c as LoaderRoot, d as LoaderRootColors, f as LoaderTitle } from '../OrLoaderV3-2d3ffb59.js';
+export { e as LoaderContainer, g as LoaderDescription, c as LoaderRoot, d as LoaderRootColors, f as LoaderTitle } from '../OrLoaderV3-85ae0821.js';

package/dist/bundled/v3/components/{OrLoaderV3-2d3ffb59.js → OrLoaderV3-85ae0821.js}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle } from 'vue';
-import { e as useElementSize } from './OrAutocompleteV3-e90de12e.js';
+import { e as useElementSize } from './OrAutocompleteV3-d0c2b558.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 
 var LoaderVariant;

package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.js

@@ -1 +1 @@
-export { s as default } from '../OrMenuItemV3-5dafbb62.js';
+export { s as default } from '../OrMenuItemV3-d9763db5.js';

package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.vue.d.ts

@@ -16,18 +16,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
 }, {
-    content: import("vue-demi").Ref<HTMLDivElement | undefined>;
     root: import("vue-demi").Ref<HTMLElement | undefined>;
-    tooltip: import("vue-demi").Ref<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-    isToolitpShown: import("vue-demi").ComputedRef<boolean>;
-    isRootVisible: import("vue-demi").Ref<boolean>;
-    stop: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur" | "close")[], "click" | "focus" | "blur" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     icon: {
         type: PropType<any>;
@@ -45,10 +36,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -59,6 +46,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     closeButton: boolean;
     selected: boolean;
     disabled: boolean;
-    tooltipText: string;
 }>;
 export default _default;

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

@@ -1 +1 @@
-export { s as OrMenuItemV3 } from '../OrMenuItemV3-5dafbb62.js';
+export { s as OrMenuItemV3 } from '../OrMenuItemV3-d9763db5.js';

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

@@ -1 +1 @@
-export { M as MenuItem } from '../OrMenuItemV3-5dafbb62.js';
+export { M as MenuItem } from '../OrMenuItemV3-d9763db5.js';

package/dist/bundled/v3/components/{OrMenuItemV3-5dafbb62.js → OrMenuItemV3-d9763db5.js}

@@ -1,9 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot, Fragment, createVNode, withModifiers } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { i as useIntersectionObserver } from './OrAutocompleteV3-e90de12e.js';
 import { s as script$1 } from './OrIconV3-b5c97ea7.js';
-import { s as script$2 } from './OrIconButtonV3-de2f4d49.js';
-import { s as script$3 } from './OrTooltipV3-1654b279.js';
+import { s as script$2 } from './OrIconButtonV3-d4a70518.js';
 
 const MenuItem = [
 // Layout
@@ -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/bundled/v3/components/OrMenuV3/OrMenu.js

@@ -1 +1 @@
-export { s as default } from '../OrMenuV3-dae7a40c.js';
+export { s as default } from '../OrMenuV3-4812d103.js';

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

@@ -1 +1 @@
-export { s as OrMenuV3 } from '../OrMenuV3-dae7a40c.js';
+export { s as OrMenuV3 } from '../OrMenuV3-4812d103.js';

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

@@ -1 +1 @@
-export { M as Menu } from '../OrMenuV3-dae7a40c.js';
+export { M as Menu } from '../OrMenuV3-4812d103.js';

package/dist/bundled/v3/components/{OrMenuV3-dae7a40c.js → OrMenuV3-4812d103.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopoverV3-ef7045db.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopoverV3-6465c243.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 const Menu = [

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

@@ -1 +1 @@
-export { s as default } from '../OrModal-13e1a39e.js';
+export { s as default } from '../OrModal-9951db3c.js';