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

package/dist/bundled/v2/{OrDataGrid-38d8111e.js → OrDataGrid-7ebd6886.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-b0ccbb4e.js';
+import { _ as __vue_component__$w } from './OrInput-07b66227.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-a7c3000c.js';
+import { d as useElementSize } from './index-cef750ce.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-949e851e.js → OrRichTooltip-ba283e93.js}

@@ -1,4 +1,4 @@
-import { u as useElementHover } from './index-a7c3000c.js';
+import { u as useElementHover } from './index-cef750ce.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-a7c3000c.js';
+import { c as computedAsync } from '../../index-cef750ce.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-a7c3000c.js';
+import { o as onClickOutside } from '../../index-cef750ce.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 { v as usePointerSwipe } from '../../../index-a7c3000c.js';
+import { t as usePointerSwipe } from '../../../index-cef750ce.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-a7c3000c.js';
+import { u as useElementHover } from '../../index-cef750ce.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-a7c3000c.js';
+import { o as onClickOutside } from '../../index-cef750ce.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-a7c3000c.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-cef750ce.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-a7c3000c.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-cef750ce.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-b0ccbb4e.js';
+import { _ as __vue_component__$3 } from '../../OrInput-07b66227.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-38d8111e.js';
+export { _ as default } from '../../OrDataGrid-7ebd6886.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-38d8111e.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-7ebd6886.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-1084c348.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.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 __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-1084c348.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.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 { 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-a7c3000c.js';
+import { o as onClickOutside } from '../../index-cef750ce.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-1084c348.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 { 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 { 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-1084c348.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 { 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 { 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-a7c3000c.js';
+import { o as onClickOutside, e as useSwipe, S as SwipeDirection } from '../../index-cef750ce.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-a7c3000c.js';
+import { f as useScroll } from '../../index-cef750ce.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">;
+        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/v2/components/OrInlineInputBoxV3/props.d.ts

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

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

@@ -2,6 +2,7 @@ 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,20 +2,33 @@ 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/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-5a354f52.js';
+export { _ as default } from '../../OrInlineInput-51aaf578.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">;
+        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/v2/components/OrInlineInputV3/index.js

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

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

@@ -25,6 +25,9 @@ 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-a7c3000c.js';
+import { g as useVModel } from '../../index-cef750ce.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,5 +1,6 @@
 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';
@@ -60,7 +61,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;
@@ -105,6 +108,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,
@@ -127,7 +134,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-a0609326]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-11856cae]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -150,12 +157,9 @@ var __vue_render__ = function () {
   }, [_c('textarea', _vm._b({
     directives: [{
       name: "model",
-      rawName: "v-model.trim",
-      value: _vm.draft,
-      expression: "draft",
-      modifiers: {
-        "trim": true
-      }
+      rawName: "v-model",
+      value: _vm.model,
+      expression: "model"
     }],
     ref: 'control',
     class: _vm.controlStyles,
@@ -164,14 +168,14 @@ var __vue_render__ = function () {
       "activated": _vm.activated
     },
     domProps: {
-      "value": _vm.draft
+      "value": _vm.model
     },
     on: {
       "input": [function ($event) {
         if ($event.target.composing) {
           return;
         }
-        _vm.draft = $event.target.value.trim();
+        _vm.model = $event.target.value;
       }, function ($event) {
         return _vm.$emit('input', $event);
       }],
@@ -185,12 +189,10 @@ 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
@@ -253,7 +255,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a0609326";
+const __vue_scope_id__ = "data-v-11856cae";
 /* 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<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/v2/components/OrInlineTextareaV3/styles.js

@@ -9,7 +9,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',

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { d as useElementSize } from '../../index-a7c3000c.js';
+import { d as useElementSize } from '../../index-cef750ce.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,17 +1,14 @@
 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,
-    OrToolip: __vue_component__$3
+    OrIconButton: __vue_component__$2
   },
   props: {
     icon: {
@@ -29,10 +26,6 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    tooltipText: {
-      type: String,
-      default: ''
     }
   },
   emits: ['click', 'focus', 'blur', 'close'],
@@ -40,37 +33,12 @@ 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) {
-        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;
-      }
-      return false;
-    });
     return {
-      content,
       root,
-      tooltip,
-      rootStyles,
-      isToolitpShown,
-      isRootVisible,
-      stop
+      rootStyles
     };
-  },
-  beforeDestroyed() {
-    this.stop();
   }
 });
 
@@ -104,16 +72,7 @@ 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', {
-    ref: "content",
-    class: ['truncate', 'w-full'],
-    on: {
-      "mouseover": function ($event) {
-        _vm.tooltip && _vm.tooltip.open();
-      },
-      "mouseout": function ($event) {
-        _vm.tooltip && _vm.tooltip.close();
-      }
-    }
+    class: ['truncate', 'w-full']
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
     class: ['grow']
   }), _vm._v(" "), _c('OrIconButton', {
@@ -127,13 +86,7 @@ var __vue_render__ = function () {
         return _vm.$emit('close');
       }
     }
-  })] : _vm._e(), _vm._v(" "), _vm.isToolitpShown ? _c('OrToolip', {
-    ref: "tooltip",
-    attrs: {
-      "content": _vm.tooltipText,
-      "trigger": _vm.root
-    }
-  }) : _vm._e()], 2);
+  })] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/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/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-a7c3000c.js';
-import { u as useFocusTrap } from '../../useFocusTrap-167d864e.js';
+import { o as onClickOutside } from '../../index-cef750ce.js';
+import { u as useFocusTrap } from '../../useFocusTrap-5bab5108.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-a7c3000c.js';
+import { o as onClickOutside } from '../../index-cef750ce.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';