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

package/dist/bundled/v3/utils/functions/dom.js

@@ -1,6 +1,6 @@
-import { g as get_1 } from '../../components/OrRadio-7e4bc04b.js';
-import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-02eb6c57.js';
-import { j as _getPrototype } from '../../components/OrList-52ab3fa3.js';
+import { g as get_1 } from '../../components/OrRadio-c08c4801.js';
+import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-0c4ec218.js';
+import { j as _getPrototype } from '../../components/OrList-0a52b77e.js';
 
 var baseGetTag = _baseGetTag,
   getPrototype = _getPrototype,

package/dist/esm/v2/{OrAutocomplete-08cf95dc.js → OrAutocomplete-f7cd1259.js}

@@ -12,15 +12,15 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { _ as __vue_component__$1 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$3 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$3 } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$4 } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
 import { _ as __vue_component__$5 } from './OrLabel-bf7e2ea2.js';
 import { _ as __vue_component__$6 } from './OrLoader-4ac49224.js';
-import { _ as __vue_component__$7 } from './OrMenuItem-27f54cb5.js';
+import { _ as __vue_component__$7 } from './OrMenuItem-0143d03b.js';
 import { _ as __vue_component__$8 } from './OrPopover-45e2dbce.js';
-import { _ as __vue_component__$9 } from './OrTagInput-e80c8d35.js';
-import { T as TagsOverflow } from './OrTags-5cafe157.js';
+import { _ as __vue_component__$9 } from './OrTagInput-fc63bc2a.js';
+import { T as TagsOverflow } from './OrTags-34ac7cc4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Autocomplete = [

package/dist/esm/v2/{OrCardCollection-8bc1b8a7.js → OrCardCollection-5195aea9.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$2 } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$5 } from './OrLoader-4ac49224.js';
-import { _ as __vue_component__$4 } from './OrSearch-6c80c28b.js';
-import { _ as __vue_component__$3 } from './OrSorting-46c8b9e8.js';
+import { _ as __vue_component__$4 } from './OrSearch-e837ee15.js';
+import { _ as __vue_component__$3 } from './OrSorting-a82d0ed4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CardCollectionView;

package/dist/esm/v2/{OrCode-cd14e6b4.js → OrCode-5c27dd9c.js}

@@ -11,8 +11,8 @@ import { basicSetup } from 'codemirror';
 import { indentWithTab } from '@codemirror/commands';
 import { Compartment, EditorState } from '@codemirror/state';
 import { keymap, EditorView } from '@codemirror/view';
-import { _ as __vue_component__$7 } from './OrIconButton-74cf30f4.js';
-import { _ as __vue_component__$6 } from './OrModal-cfbb4f8f.js';
+import { _ as __vue_component__$7 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$6 } from './OrModal-aece2cd1.js';
 import { _ as __vue_component__$2 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$3 } from './OrHint-2fe1157b.js';
 import { _ as __vue_component__$4 } from './OrInputBox-49393c02.js';

package/dist/esm/v2/{OrConfirm-2c54e038.js → OrConfirm-5aa5f76c.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2 } from './OrButton-b2ede72c.js';
 import { a as ButtonColor } from './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
-import { _ as __vue_component__$3 } from './OrInput-82cff7d9.js';
+import { _ as __vue_component__$3 } from './OrInput-ea80d121.js';
 import { _ as __vue_component__$1 } from './OrOverlay-59e59078.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDataGrid-1fb69598.js → OrDataGrid-e38fe950.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCheckbox-f2dc364e.js';
-import { _ as __vue_component__$g } from './OrPagination-6fbdb982.js';
-import { _ as __vue_component__$h } from './OrSearch-6c80c28b.js';
+import { _ as __vue_component__$g } from './OrPagination-afc4679e.js';
+import { _ as __vue_component__$h } from './OrSearch-e837ee15.js';
 import './OrSkeletonCircle.vue_rollup-plugin-vue_script-f572f02f.js';
 import './OrSkeletonRect.vue_rollup-plugin-vue_script-d2b78065.js';
 import { _ as __vue_component__$i } from './OrSkeletonText-b6e51e70.js';
-import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-668b6201.js';
+import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-eba4291d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DataGrid = [

package/dist/esm/v2/{OrDataGridToolbar-668b6201.js → OrDataGridToolbar-eba4291d.js}

@@ -7,15 +7,15 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$e } from './OrCheckbox-f2dc364e.js';
-import { _ as __vue_component__$f } from './OrDatePicker-745cc1ab.js';
-import { _ as __vue_component__$g } from './OrDateTimePicker-0427c442.js';
-import './OrDateTimePickerTimeSelect-3342a5ff.js';
-import { _ as __vue_component__$h } from './OrInput-82cff7d9.js';
+import { _ as __vue_component__$f } from './OrDatePicker-4ae7f854.js';
+import { _ as __vue_component__$g } from './OrDateTimePicker-d9cfeb43.js';
+import './OrDateTimePickerTimeSelect-ebab0e36.js';
+import { _ as __vue_component__$h } from './OrInput-ea80d121.js';
 import { _ as __vue_component__$i } from './OrRating-7c968949.js';
-import { _ as __vue_component__$j } from './OrSelect-faa3f223.js';
+import { _ as __vue_component__$j } from './OrSelect-322314a6.js';
 import { _ as __vue_component__$k } from './OrSwitch-d9bb9ac5.js';
-import { _ as __vue_component__$l } from './OrTagInput-e80c8d35.js';
-import { _ as __vue_component__$m } from './OrTimePicker-52617b09.js';
+import { _ as __vue_component__$l } from './OrTagInput-fc63bc2a.js';
+import { _ as __vue_component__$m } from './OrTimePicker-580922aa.js';
 import { _ as __vue_component__$n } from './OrIcon-0a14dafc.js';
 
 const DataGridFooter = [

package/dist/esm/v2/{OrDateFormat-6dd83a3a.js → OrDateFormat-088738c0.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-13f21a9c.js';
-import './OrDateTimePickerTimeSelect-3342a5ff.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
+import './OrDateTimePickerTimeSelect-ebab0e36.js';
 import { f as formatDate } from './formatTime-3f37a00f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDatePicker-745cc1ab.js → OrDatePicker-4ae7f854.js}

@@ -7,12 +7,12 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-13f21a9c.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-3342a5ff.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-ebab0e36.js';
 import { g as getCurrentDate, f as formatMobileDate } from './getCurrentDate-e5a478c3.js';
 import { _ as __vue_component__$7 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$8 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$a } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$a } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$9 } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$b } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';

package/dist/esm/v2/{OrDateRangePicker-b33a48e9.js → OrDateRangePicker-245101c2.js}

@@ -7,13 +7,13 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-13f21a9c.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-3342a5ff.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-ebab0e36.js';
 import { g as getCurrentDate, f as formatMobileDate } from './getCurrentDate-e5a478c3.js';
 import { g as getNextMonthDate } from './getNextMonthDate-8ec29631.js';
 import { _ as __vue_component__$7 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$8 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$a } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$a } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$9 } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$b } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';

package/dist/esm/v2/{OrDateTimeFormat-dfbcf098.js → OrDateTimeFormat-4e9a9e37.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-13f21a9c.js';
-import './OrDateTimePickerTimeSelect-3342a5ff.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
+import './OrDateTimePickerTimeSelect-ebab0e36.js';
 import { f as formatDate, a as formatTime } from './formatTime-3f37a00f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateTimePicker-0427c442.js → OrDateTimePicker-d9cfeb43.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-13f21a9c.js';
+import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-13f21a9c.js → OrDateTimePicker.vue_rollup-plugin-vue_script-65e09070.js}

@@ -9,13 +9,13 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { _ as __vue_component__$8 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$9 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$b } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$b } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$a } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$c } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
 import { _ as __vue_component__$d } from './OrLabel-bf7e2ea2.js';
 import { _ as __vue_component__$e } from './OrPopover-45e2dbce.js';
-import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-3342a5ff.js';
+import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-ebab0e36.js';
 import { g as getCurrentDate, f as formatMobileDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 
 const DateTimePicker = [

package/dist/esm/v2/{OrDateTimePickerTimeSelect-3342a5ff.js → OrDateTimePickerTimeSelect-ebab0e36.js}

@@ -11,9 +11,9 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$8 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
 import { _ as __vue_component__$9 } from './OrLabel-bf7e2ea2.js';
-import { _ as __vue_component__$b } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$b } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$a } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$d } from './OrMenuItem-27f54cb5.js';
+import { _ as __vue_component__$d } from './OrMenuItem-0143d03b.js';
 import { _ as __vue_component__$c } from './OrMenu-64c84fb8.js';
 
 const DateTimePickerDateControl = [

package/dist/esm/v2/{OrEditorTabs-64876710.js → OrEditorTabs-eeb6ad20.js}

@@ -8,9 +8,9 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2 } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-27f54cb5.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-0143d03b.js';
 import { _ as __vue_component__$3 } from './OrMenu-64c84fb8.js';
-import { _ as __vue_component__$1 } from './OrEditorTabsItem-18f4d518.js';
+import { _ as __vue_component__$1 } from './OrEditorTabsItem-cd2439b9.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var EditorTabsOverflow;

package/dist/esm/v2/{OrEditorTabsItem-18f4d518.js → OrEditorTabsItem-cd2439b9.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$1 } from './OrIconButton-efaf73f5.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const EditorTabsItem = [

package/dist/esm/v2/{OrFilter-517d9858.js → OrFilter-18b87a89.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrFilterPopover-adbc899d.js';
-import { _ as __vue_component__$2 } from './OrFilterTrigger-c05eba92.js';
+import { _ as __vue_component__$1 } from './OrFilterPopover-74c2bd59.js';
+import { _ as __vue_component__$2 } from './OrFilterTrigger-949f7f18.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Filter = [];

package/dist/esm/v2/{OrFilterPopover-adbc899d.js → OrFilterPopover-74c2bd59.js}

@@ -7,7 +7,7 @@ import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
-import { _ as __vue_component__$2 } from './OrModal-cfbb4f8f.js';
+import { _ as __vue_component__$2 } from './OrModal-aece2cd1.js';
 import { _ as __vue_component__$3, a as PopoverPlacement } from './OrPopover-45e2dbce.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrFilterTrigger-c05eba92.js → OrFilterTrigger-949f7f18.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$2 } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$1 } from './OrIcon-0a14dafc.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrIconButton-74cf30f4.js → OrIconButton-efaf73f5.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, a as IconSize } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$2 } from './OrTooltip-a63832b0.js';
+import { _ as __vue_component__$2 } from './OrTooltip-07c5992f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/esm/v2/{OrInlineInput-95bc9725.js → OrInlineInput-9bd2383a.js}

@@ -9,8 +9,8 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { _ as __vue_component__$1 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$3 } from './OrIconButton-74cf30f4.js';
-import { I as InlineInputBoxSize, _ as __vue_component__$4 } from './OrInlineInputBox-b4cf1583.js';
+import { _ as __vue_component__$3 } from './OrIconButton-efaf73f5.js';
+import { I as InlineInputBoxSize, _ as __vue_component__$4 } from './OrInlineInputBox-19f84df8.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -39,6 +39,9 @@ const InlineInputActionSizes = {
   'px-0', 'py-sm'],
   [InlineInputBoxSize.S]: [
   // Spacing
+  'px-0', 'py-xs*'],
+  [InlineInputBoxSize.XS]: [
+  // Spacing
   'px-0', 'py-xs*']
 };
 

package/dist/esm/v2/{OrInlineInputBox-b4cf1583.js → OrInlineInputBox-19f84df8.js}

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

package/dist/esm/v2/{OrInlineTextarea-090bc1b6.js → OrInlineTextarea-5678f9d5.js}

@@ -2,15 +2,15 @@ import { defineComponent, reactive, ref, computed, toRef, watch, nextTick } from
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-3a339b79.js';
 import './TimeFormat-a7f5565b.js';
 import './dom-53c9635b.js';
-import '@vueuse/core';
+import { useTextareaAutosize } from '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { _ as __vue_component__$1 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$3 } from './OrIconButton-74cf30f4.js';
-import { _ as __vue_component__$4 } from './OrInlineInputBox-b4cf1583.js';
+import { _ as __vue_component__$3 } from './OrIconButton-efaf73f5.js';
+import { _ as __vue_component__$4 } from './OrInlineInputBox-19f84df8.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -25,7 +25,9 @@ const InlineTextareaControl = [
 // Typography
 'typography-inherit',
 // Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
+// Behavior
+'resize-none'];
 const InlineTextareaAction = [
 // Layout
 'layout-inline-row self-start',
@@ -83,7 +85,9 @@ var script = defineComponent({
     const controlStyles = computed(() => [...InlineTextareaControl]);
     const actionStyles = computed(() => [...InlineTextareaAction]);
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: ref('')
+    });
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;
@@ -128,6 +132,10 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
+    useTextareaAutosize({
+      element: control,
+      input: model
+    });
     return {
       attributes,
       root,
@@ -150,7 +158,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 */
@@ -173,12 +181,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,
@@ -187,14 +192,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);
       }],
@@ -208,12 +213,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
@@ -276,7 +279,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/esm/v2/{OrInput-82cff7d9.js → OrInput-ea80d121.js}

@@ -9,7 +9,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { _ as __vue_component__$1 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$4 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$4 } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$3 } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$5 } from './OrInputBox-49393c02.js';
 import { a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';

package/dist/esm/v2/{OrList-8f4d6ff4.js → OrList-1090e542.js}

@@ -9,7 +9,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
-import { _ as __vue_component__$3 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$3 } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$2 } from './OrIcon-0a14dafc.js';
 import { _ as __vue_component__$4 } from './OrLabel-bf7e2ea2.js';
 import { _ as __vue_component__$5 } from './OrListItem-82ea1e2b.js';

package/dist/esm/v2/{OrMenuItem-27f54cb5.js → OrMenuItem-0143d03b.js}

@@ -1,8 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { useIntersectionObserver } from '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$2 } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$1 } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$3 } from './OrTooltip-a63832b0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuItem = [
@@ -29,8 +27,7 @@ var script = defineComponent({
   name: 'OrMenuItem',
   components: {
     OrIcon: __vue_component__$1,
-    OrIconButton: __vue_component__$2,
-    OrToolip: __vue_component__$3
+    OrIconButton: __vue_component__$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,37 +52,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.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();
   }
 });
 
@@ -123,16 +91,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', {
@@ -146,13 +105,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/esm/v2/{OrModal-cfbb4f8f.js → OrModal-aece2cd1.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$5 } from './OrOverlay-59e59078.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$4 } from './OrIconButton-efaf73f5.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v2/{OrNotification-e8881d2b.js → OrNotification-dfee1ac9.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-74cf30f4.js';
+import { _ as __vue_component__$2 } from './OrIconButton-efaf73f5.js';
 import { _ as __vue_component__$1 } from './OrIcon-0a14dafc.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPagination-6fbdb982.js → OrPagination-afc4679e.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-b2ede72c.js';
 import './OrButton.vue_rollup-plugin-vue_script-4c5d99fd.js';
 import { _ as __vue_component__$2 } from './OrIcon-0a14dafc.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-27f54cb5.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-0143d03b.js';
 import { _ as __vue_component__$3 } from './OrMenu-64c84fb8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrRangeSlider-69acacf8.js → OrRangeSlider-d8d0a2f5.js}

@@ -5,8 +5,8 @@ import './dom-53c9635b.js';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-883ef0e9.js';
-import { _ as __vue_component__$1 } from './OrTooltip-a63832b0.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-d5250220.js';
+import { _ as __vue_component__$1 } from './OrTooltip-07c5992f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const RangeSlider = [