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

package/dist/bundled/v2/{OrDataGrid-7ebd6886.js → OrDataGrid-05c4bdc6.js}

@@ -3,14 +3,14 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import __vue_component__$t from './components/OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$u from './components/OrDatePickerV3/OrDatePicker.js';
 import __vue_component__$v from './components/OrDateTimePickerV3/OrDateTimePicker.js';
-import { _ as __vue_component__$w } from './OrInput-07b66227.js';
+import { _ as __vue_component__$w } from './OrInput-873ac2db.js';
 import __vue_component__$x from './components/OrRatingV3/OrRating.js';
 import __vue_component__$y from './components/OrSelectV3/OrSelect.js';
 import __vue_component__$z from './components/OrSwitchV3/OrSwitch.js';
 import __vue_component__$A from './components/OrTagInputV3/OrTagInput.js';
 import __vue_component__$B from './components/OrTimePickerV3/OrTimePicker.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
-import { d as useElementSize } from './index-cef750ce.js';
+import { d as useElementSize } from './index-a7c3000c.js';
 import __vue_component__$C from './components/OrIconV3/OrIcon.js';
 import { DataGrid } from './components/OrDataGridV3/styles.js';
 import __vue_component__$D from './components/OrPaginationV3/OrPagination.js';

package/dist/bundled/v2/{OrRichTooltip-ba283e93.js → OrRichTooltip-949e851e.js}

@@ -1,4 +1,4 @@
-import { u as useElementHover } from './index-cef750ce.js';
+import { u as useElementHover } from './index-a7c3000c.js';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { RichTooltip, RichTooltipPopover, RichTooltipHeader, RichTooltipContent, RichTooltipFooter } from './components/OrRichTooltipV3/styles.js';
 import __vue_component__$1 from './components/OrPopoverV3/OrPopover.js';

package/dist/bundled/v2/components/OrAutocompleteV3/OrAutocomplete.js

@@ -1,4 +1,4 @@
-import { c as computedAsync } from '../../index-cef750ce.js';
+import { c as computedAsync } from '../../index-a7c3000c.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Autocomplete, AutocompleteControl, AutocompleteDropdown, AutocompleteDropdownFlipped, AutocompleteDropdownDefault, AutocompleteDropdownItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { t as usePointerSwipe } from '../../../index-cef750ce.js';
+import { v as usePointerSwipe } from '../../../index-a7c3000c.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

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

@@ -1,6 +1,6 @@
 import { b as basicSetup, i as indentWithTab } from '../../index-c02a540c.js';
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-1ddfb541.js';
-import { u as useElementHover } from '../../index-cef750ce.js';
+import { u as useElementHover } from '../../index-a7c3000c.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

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

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-cef750ce.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-a7c3000c.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,11 +1,11 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-cef750ce.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-a7c3000c.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-07b66227.js';
+import { _ as __vue_component__$3 } from '../../OrInput-873ac2db.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-7ebd6886.js';
+export { _ as default } from '../../OrDataGrid-05c4bdc6.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-7ebd6886.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-05c4bdc6.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9806d5b4.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2f8ecc5a.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,8 +8,8 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9806d5b4.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2f8ecc5a.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

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

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-07958ae2.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-a6392908.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9806d5b4.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2f8ecc5a.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7ab0ab4b.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9806d5b4.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2f8ecc5a.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7ab0ab4b.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

package/dist/bundled/v2/components/OrDrawerV3/OrDrawer.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside, e as useSwipe, S as SwipeDirection } from '../../index-cef750ce.js';
+import { o as onClickOutside, e as useSwipe, S as SwipeDirection } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { D as DrawerPlacement, a as Drawer, b as DrawerPlacements, c as DrawerPadding, d as DrawerContent } from '../../styles-a2de655c.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';

package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.js

@@ -1,4 +1,4 @@
-import { f as useScroll } from '../../index-cef750ce.js';
+import { f as useScroll } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, isVue2, toRef, watch } from 'vue-demi';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/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" | "xs">;
+        type: PropType<"m" | "s">;
         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" | "xs">;
+        type: PropType<"m" | "s">;
         default: () => InlineInputBoxSize;
     };
     invalid: {
@@ -22,7 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    size: "m" | "s" | "xs";
+    size: "m" | "s";
     invalid: boolean;
 }>;
 export default _default;

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

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

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

@@ -2,7 +2,6 @@ var InlineInputBoxSize;
 (function (InlineInputBoxSize) {
   InlineInputBoxSize["M"] = "m";
   InlineInputBoxSize["S"] = "s";
-  InlineInputBoxSize["XS"] = "xs";
 })(InlineInputBoxSize || (InlineInputBoxSize = {}));
 
 export { InlineInputBoxSize };

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

@@ -2,33 +2,20 @@ const InlineInputBox = [
 // Layout
 'layout-row',
 // Box
-'w-full', 'box-border',
+'w-full',
 // 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: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'];
+'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'];
 const InlineInputBoxSizes = {
   'm': [
   // Spacing
-  'activated:children:px-sm', 'gap-md',
+  'activated:children:px-sm', 'children:py-xs', 'gap-md',
   // Typography
   'typography-headline-2'],
   's': [
   // Spacing
-  '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',
+  'activated:children:px-sm', 'children:py-0', 'gap-md',
   // Typography
   'typography-body-2-regular']
 };

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-51aaf578.js';
+export { _ as default } from '../../OrInlineInput-60c7d3b8.js';
 import '../../normalize-component-6e8e3d80.js';

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

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

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

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-51aaf578.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-60c7d3b8.js';

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

@@ -25,9 +25,6 @@ const InlineInputActionSizes = {
   'px-0', 'py-sm'],
   [InlineInputBoxSize.S]: [
   // Spacing
-  'px-0', 'py-xs*'],
-  [InlineInputBoxSize.XS]: [
-  // Spacing
   'px-0', 'py-xs*']
 };
 

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { g as useVModel } from '../../index-cef750ce.js';
+import { g as useVModel } from '../../index-a7c3000c.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

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

@@ -1,6 +1,5 @@
 import { defineComponent, reactive, ref, computed, toRef, watch, nextTick } from 'vue-demi';
 import { InlineTextarea, InlineTextareaControl, InlineTextareaAction } from './styles.js';
-import { h as useTextareaAutosize } from '../../index-cef750ce.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconButtonV3/OrIconButton.js';
@@ -61,9 +60,7 @@ var script = defineComponent({
     const controlStyles = computed(() => [...InlineTextareaControl]);
     const actionStyles = computed(() => [...InlineTextareaAction]);
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
-      defaultValue: ref('')
-    });
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;
@@ -108,10 +105,6 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
-    useTextareaAutosize({
-      element: control,
-      input: model
-    });
     return {
       attributes,
       root,
@@ -134,7 +127,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-11856cae]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-a0609326]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -157,9 +150,12 @@ var __vue_render__ = function () {
   }, [_c('textarea', _vm._b({
     directives: [{
       name: "model",
-      rawName: "v-model",
-      value: _vm.model,
-      expression: "model"
+      rawName: "v-model.trim",
+      value: _vm.draft,
+      expression: "draft",
+      modifiers: {
+        "trim": true
+      }
     }],
     ref: 'control',
     class: _vm.controlStyles,
@@ -168,14 +164,14 @@ var __vue_render__ = function () {
       "activated": _vm.activated
     },
     domProps: {
-      "value": _vm.model
+      "value": _vm.draft
     },
     on: {
       "input": [function ($event) {
         if ($event.target.composing) {
           return;
         }
-        _vm.model = $event.target.value;
+        _vm.draft = $event.target.value.trim();
       }, function ($event) {
         return _vm.$emit('input', $event);
       }],
@@ -189,10 +185,12 @@ var __vue_render__ = function () {
         _vm.$emit('focus', $event);
         _vm.onFocus();
       },
-      "blur": function ($event) {
+      "blur": [function ($event) {
         _vm.$emit('blur', $event);
         _vm.onBlur();
-      }
+      }, function ($event) {
+        return _vm.$forceUpdate();
+      }]
     }
   }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _vm.activated && !_vm.saveOnBlur ? [_c('div', {
     class: _vm.actionStyles
@@ -255,7 +253,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-11856cae";
+const __vue_scope_id__ = "data-v-a0609326";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/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<string>;
-    draft: import("vue-demi").Ref<string>;
+    model: import("../../hooks").UseProxyModelValueReturn<InlineTextareaModelValue>;
+    draft: import("vue-demi").Ref<InlineTextareaModelValue>;
     activated: import("vue-demi").Ref<boolean>;
     length: import("vue-demi").ComputedRef<number>;
     maxLength: import("vue-demi").ComputedRef<number | undefined>;

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

@@ -9,9 +9,7 @@ const InlineTextareaControl = [
 // Typography
 'typography-inherit',
 // Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
-// Behavior
-'resize-none'];
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineTextareaAction = [
 // Layout
 'layout-inline-row self-start',

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-07b66227.js';
+export { _ as default } from '../../OrInput-873ac2db.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-07b66227.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-873ac2db.js';

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-8454b431.js';
+export { _ as default } from '../../OrList-ba17ecec.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-8454b431.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-ba17ecec.js';

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

@@ -1,4 +1,4 @@
-import { d as useElementSize } from '../../index-cef750ce.js';
+import { d as useElementSize } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

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

@@ -1,14 +1,17 @@
 import { defineComponent, ref, computed } from 'vue-demi';
+import { n as useIntersectionObserver } from '../../index-a7c3000c.js';
 import { MenuItem } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
+import __vue_component__$3 from '../OrTooltipV3/OrTooltip.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
   name: 'OrMenuItem',
   components: {
     OrIcon: __vue_component__$1,
-    OrIconButton: __vue_component__$2
+    OrIconButton: __vue_component__$2,
+    OrToolip: __vue_component__$3
   },
   props: {
     icon: {
@@ -26,6 +29,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    tooltipText: {
+      type: String,
+      default: ''
     }
   },
   emits: ['click', 'focus', 'blur', 'close'],
@@ -33,11 +40,33 @@ var script = defineComponent({
   setup() {
     // Refs
     const root = ref();
+    const content = ref();
+    const tooltip = ref();
+    const isRootVisible = ref(false);
+    const {
+      stop
+    } = useIntersectionObserver(root, ([{
+      isIntersecting
+    }]) => {
+      isRootVisible.value = isIntersecting;
+    });
     // Styles
     const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItem]);
+    // Toolip display logic
+    const isToolitpShown = computed(() => {
+      if (isRootVisible.value) {
+        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;
+      }
+      return false;
+    });
     return {
+      content,
       root,
-      rootStyles
+      tooltip,
+      rootStyles,
+      isToolitpShown,
+      isRootVisible,
+      stop
     };
   }
 });
@@ -72,7 +101,16 @@ var __vue_render__ = function () {
   }, [_vm.icon ? [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
     icon: _vm.icon
   } : _vm.icon, false))] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['truncate', 'w-full']
+    ref: "content",
+    class: ['truncate', 'w-full'],
+    on: {
+      "mouseover": function ($event) {
+        _vm.tooltip && _vm.tooltip.open();
+      },
+      "mouseout": function ($event) {
+        _vm.tooltip && _vm.tooltip.close();
+      }
+    }
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
     class: ['grow']
   }), _vm._v(" "), _c('OrIconButton', {
@@ -86,7 +124,13 @@ var __vue_render__ = function () {
         return _vm.$emit('close');
       }
     }
-  })] : _vm._e()], 2);
+  })] : _vm._e(), _vm._v(" "), _vm.isToolitpShown ? _c('OrToolip', {
+    ref: "tooltip",
+    attrs: {
+      "content": _vm.tooltipText,
+      "trigger": _vm.root
+    }
+  }) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -16,9 +16,18 @@ 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>;
@@ -36,6 +45,10 @@ 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;
@@ -46,5 +59,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     closeButton: boolean;
     selected: boolean;
     disabled: boolean;
+    tooltipText: string;
 }>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-cef750ce.js';
-import { u as useFocusTrap } from '../../useFocusTrap-5bab5108.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-167d864e.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';