@onereach/ui-components 8.26.2-beta.4184.0 → 9.0.0

package/dist/esm/v2/{OrSelectControlInput-29a8114c.js → OrSelectControlInput-57294927.js}

@@ -92,7 +92,7 @@ var __vue_render__ = function () {
       value: _vm.proxyModelValue,
       expression: "proxyModelValue"
     }],
-    ref: "root",
+    ref: 'root',
     class: _vm.controlStyles,
     style: _vm.controlInlineStyles,
     attrs: {

package/dist/esm/v2/{OrSelectMultipleControl-31ec3b37.js → OrSelectMultipleControl-315df15d.js}

@@ -5,16 +5,12 @@ import { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-da5b7170.js';
-import { _ as __vue_component__$2 } from './OrSelectControlInput-29a8114c.js';
-import { _ as __vue_component__$1 } from './OrSelectPlaceholder-89984255.js';
+import { _ as __vue_component__$3, T as TagsOverflow } from './OrTags-0ea04689.js';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
+import { _ as __vue_component__$2 } from './OrSelectControlInput-57294927.js';
+import { _ as __vue_component__$1 } from './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const SelectMultipleControlRoot = [
-// Layout
-'layout-row', 'w-full'];
-
 function castToMultipleValue(value) {
   if (Array.isArray(value)) {
     return value;
@@ -22,6 +18,10 @@ function castToMultipleValue(value) {
   return isEmptyValue(value) ? [] : [value];
 }
 
+const SelectMultipleControlRoot = [
+// Layout
+'layout-row', 'w-full'];
+
 var script = defineComponent({
   name: 'OrSelectMultipleControl',
   components: {
@@ -143,7 +143,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_c('OrTags', {
     directives: [{
@@ -152,7 +152,7 @@ var __vue_render__ = function () {
       value: !_vm.isEmpty || _vm.enableSearch,
       expression: "!isEmpty || enableSearch"
     }],
-    ref: "tags",
+    ref: 'tags',
     staticClass: "grow",
     attrs: {
       "items": _vm.selection,
@@ -184,7 +184,7 @@ var __vue_render__ = function () {
         return [_c('div', {
           staticClass: "inline-flex w-fit max-w-full"
         }, [_c('OrSelectControlInput', {
-          ref: "searchControl",
+          ref: 'searchControl',
           attrs: {
             "placeholder": _vm.isEmpty ? _vm.placeholder : '',
             "readonly": _vm.readonly,

package/dist/esm/v2/{OrSelectPlaceholder-89984255.js → OrSelectPlaceholder-a6caa9e0.js}

@@ -39,7 +39,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles,
     attrs: {
       "disabled": _vm.disabled

package/dist/esm/v2/{OrSelectSingleControl-fd114c48.js → OrSelectSingleControl-1be036dd.js}

@@ -6,8 +6,8 @@ import { i as isEqualValue } from './isEqualValue-f8bf73d9.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$2 } from './OrSelectControlInput-29a8114c.js';
-import { _ as __vue_component__$1 } from './OrSelectPlaceholder-89984255.js';
+import { _ as __vue_component__$2 } from './OrSelectControlInput-57294927.js';
+import { _ as __vue_component__$1 } from './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectSingleControlInput = [
@@ -113,10 +113,10 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm.isOpen && _vm.enableSearch ? [_c('OrSelectControlInput', {
-    ref: "searchControl",
+    ref: 'searchControl',
     attrs: {
       "placeholder": _vm.isEmpty ? _vm.placeholder : _vm.selectionLabel
     },

package/dist/esm/v2/{OrSkeletonCircle-3419b04d.js → OrSkeletonCircle-52dcaa5f.js}

@@ -51,7 +51,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles,
     style: _vm.rootStyle
   });

package/dist/esm/v2/{OrSkeletonRect-7057bc1c.js → OrSkeletonRect-b4171d30.js}

@@ -54,7 +54,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles,
     style: _vm.rootStyle
   });

package/dist/esm/v2/{OrSkeletonText-6c00f797.js → OrSkeletonText-1939c509.js}

@@ -78,7 +78,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.containerStyles,
     style: _vm.containerStyle
   }, _vm._l(_vm.lineKeys, function (key) {

package/dist/esm/v2/{OrSlider-f5280965.js → OrSlider-2dbb7ee4.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-ce42bf83.js';
+import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-3be6cf23.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */
@@ -10,13 +10,13 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles,
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_c('div', {
-    ref: "rail",
+    ref: 'rail',
     class: _vm.railStyles,
     attrs: {
       "disabled": _vm.disabled
@@ -47,7 +47,7 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, 'OrTooltip', _vm.tooltip, false), [_c('div', {
-    ref: "thumb",
+    ref: 'thumb',
     class: _vm.thumbStyles,
     attrs: {
       "disabled": _vm.disabled

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-ce42bf83.js → OrSlider.vue_rollup-plugin-vue_script-3be6cf23.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__ } from './OrTooltip-4dfaf8f7.js';
+import { _ as __vue_component__ } from './OrTooltip-5af5118e.js';
 
 var SliderColor;
 (function (SliderColor) {

package/dist/esm/v2/{OrSorting-7f0471de.js → OrSorting-e3535b6a.js}

@@ -4,11 +4,11 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrButton-b1c55b61.js';
-import './OrButton.vue_rollup-plugin-vue_script-8537fbdd.js';
-import { _ as __vue_component__$2 } from './OrIcon-f3f30ea1.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-a89a71c3.js';
-import { _ as __vue_component__$3 } from './OrMenu-177c1ff6.js';
+import { _ as __vue_component__$1 } from './OrButton-e4e85817.js';
+import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
+import { _ as __vue_component__$2 } from './OrIcon-03e3c802.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-e51e69a9.js';
+import { _ as __vue_component__$3 } from './OrMenu-e909a0ff.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SortingRoot = [];
@@ -78,17 +78,17 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_c('OrButton', {
-    ref: "sortButton",
+    ref: 'sortButton',
     attrs: {
-      "variant": "link",
-      "color": "primary"
+      "variant": 'link',
+      "color": 'primary'
     },
     on: {
       "click": function ($event) {
-        return _vm.sortMenu.toggle();
+        _vm.sortMenu && _vm.sortMenu.toggle();
       }
     }
   }, [_c('span', {
@@ -98,10 +98,10 @@ var __vue_render__ = function () {
       "icon": _vm.sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
     }
   }) : _vm._e()], 1), _vm._v(" "), _c('OrMenu', {
-    ref: "sortMenu",
+    ref: 'sortMenu',
     attrs: {
       "trigger": _vm.sortButton && _vm.sortButton.root,
-      "placement": "bottom-start",
+      "placement": 'bottom-start',
       "offset": {
         mainAxis: 8,
         crossAxis: -8

package/dist/esm/v2/{OrStatus-ebb87502.js → OrStatus-d723d9ae.js}

@@ -119,7 +119,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
     class: _vm.indicatorStyles

package/dist/esm/v2/{OrSwitch-b9541aad.js → OrSwitch-27fc0c50.js}

@@ -5,8 +5,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-e410d34a.js';
-import { _ as __vue_component__$2 } from './OrLoader-784e2060.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-98c3f6e8.js';
+import { _ as __vue_component__$2 } from './OrLoader-4ac49224.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -139,7 +139,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-e508af0e]{line-height:0;appearance:none}";
+var css_248z = "input[data-v-db3948b6]{line-height:0;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -150,7 +150,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [!_vm.loading ? [_c('input', _vm._b({
     directives: [{
@@ -159,7 +159,7 @@ var __vue_render__ = function () {
       value: _vm.proxyModelValue,
       expression: "proxyModelValue"
     }],
-    ref: "control",
+    ref: 'control',
     class: _vm.controlStyles,
     attrs: {
       "required": _vm.required,
@@ -228,7 +228,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-e508af0e";
+const __vue_scope_id__ = "data-v-db3948b6";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTab-a989b4fd.js → OrTab-1b10597d.js}

@@ -64,7 +64,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles,
     attrs: {
       "selected": _vm.selected,

package/dist/esm/v2/{OrTabs-de4d68d1.js → OrTabs-a26d42ae.js}

@@ -4,10 +4,10 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrIcon-f3f30ea1.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-a89a71c3.js';
-import { _ as __vue_component__$2 } from './OrMenu-177c1ff6.js';
-import { _ as __vue_component__$4 } from './OrTab-a989b4fd.js';
+import { _ as __vue_component__$1 } from './OrIcon-03e3c802.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-e51e69a9.js';
+import { _ as __vue_component__$2 } from './OrMenu-e909a0ff.js';
+import { _ as __vue_component__$4 } from './OrTab-1b10597d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TabsVariant;
@@ -191,7 +191,7 @@ var __vue_render__ = function () {
   return _c('div', {
     class: _vm.containerStyles
   }, [_c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm._l(_vm.tabs.normal, function (tab) {
     return _c('OrTab', {
@@ -214,7 +214,7 @@ var __vue_render__ = function () {
       "activeTab": _vm.activeTab
     })], 2);
   }), _vm._v(" "), _vm.tabs.hidden.length > 0 ? [_c('OrTab', {
-    ref: "overflowTab",
+    ref: 'overflowTab',
     on: {
       "click": function ($event) {
         $event.stopPropagation();
@@ -227,7 +227,7 @@ var __vue_render__ = function () {
       "variant": 'filled-bold'
     }
   })], 1), _vm._v(" "), _c('OrMenu', {
-    ref: "overflowMenu",
+    ref: 'overflowMenu',
     attrs: {
       "trigger": _vm.overflowTabRoot
     }

package/dist/esm/v2/{OrTag-f9e9dd84.js → OrTag-5f3f948a.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-84c42574.js';
+import { _ as __vue_component__$1 } from './OrIconButton-956b8e5c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;
@@ -100,7 +100,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles,
     attrs: {
       "tabindex": !_vm.disabled && _vm.variant === 'button' ? 0 : null,

package/dist/esm/v2/{OrTagInput-83f068cb.js → OrTagInput-652d58f1.js}

@@ -6,14 +6,14 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { _ as __vue_component__$1 } from './OrError-8eddcb36.js';
-import { _ as __vue_component__$2 } from './OrHint-48b492d2.js';
-import { _ as __vue_component__$3 } from './OrIconButton-84c42574.js';
-import { _ as __vue_component__$4 } from './OrInputBox-9f5594f5.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-49d612f6.js';
-import { _ as __vue_component__$5 } from './OrLabel-e410d34a.js';
-import { a as TagColor } from './OrTag-f9e9dd84.js';
-import { _ as __vue_component__$6, T as TagsOverflow } from './OrTags-da5b7170.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-956b8e5c.js';
+import { _ as __vue_component__$4 } from './OrInputBox-1a8fda9b.js';
+import './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
+import { _ as __vue_component__$5 } from './OrLabel-98c3f6e8.js';
+import { a as TagColor } from './OrTag-5f3f948a.js';
+import { _ as __vue_component__$6, T as TagsOverflow } from './OrTags-0ea04689.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -236,7 +236,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-e371e878]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-f5da921c]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -247,7 +247,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm.label ? [_c('OrLabel', {
     attrs: {
@@ -264,7 +264,7 @@ var __vue_render__ = function () {
       proxy: true
     }], null, true)
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
-    ref: "inputBox",
+    ref: 'inputBox',
     class: ['interactivity-select'],
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
@@ -296,7 +296,7 @@ var __vue_render__ = function () {
       proxy: true
     } : null], null, true)
   }, [_c('OrTags', {
-    ref: "tags",
+    ref: 'tags',
     class: ['grow'],
     attrs: {
       "items": _vm.tagsItems,
@@ -334,7 +334,7 @@ var __vue_render__ = function () {
               "trim": true
             }
           }],
-          ref: "control",
+          ref: 'control',
           class: _vm.controlStyles,
           style: _vm.controlInlineStyles,
           attrs: {
@@ -421,7 +421,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-e371e878";
+const __vue_scope_id__ = "data-v-f5da921c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTags-da5b7170.js → OrTags-0ea04689.js}

@@ -3,11 +3,11 @@ import { u as useOverflow } from './useOverflow-e91d2314.js';
 import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrButton-b1c55b61.js';
-import './OrButton.vue_rollup-plugin-vue_script-8537fbdd.js';
-import { _ as __vue_component__$2 } from './OrPopover-ec893bf0.js';
+import { _ as __vue_component__$1 } from './OrButton-e4e85817.js';
+import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
+import { _ as __vue_component__$2 } from './OrPopover-592f7ad2.js';
 import './dom-aecadd9a.js';
-import { _ as __vue_component__$3 } from './OrTag-f9e9dd84.js';
+import { _ as __vue_component__$3 } from './OrTag-5f3f948a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagsOverflow;
@@ -169,10 +169,10 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm.localItems.length > 0 ? _c('div', {
-    ref: "container",
+    ref: 'container',
     class: _vm.containerStyles
   }, [_vm._l(_vm.localItems, function (item) {
     return _c('OrTag', _vm._b({
@@ -189,7 +189,7 @@ var __vue_render__ = function () {
       "item": item
     })], 2);
   }), _vm._v(" "), _vm.overflow === 'wrap' ? _vm._t("tail") : _vm._e()], 2) : _vm._e(), _vm._v(" "), _vm.overflow === 'hidden' && _vm.overflowItems.length > 0 ? [_c('OrButton', {
-    ref: "overflowButton",
+    ref: 'overflowButton',
     class: _vm.overflowButtonStyles,
     attrs: {
       "type": 'button',
@@ -204,7 +204,7 @@ var __vue_render__ = function () {
       }
     }
   }, [_vm._v("\n      +" + _vm._s(_vm.overflowItems.length) + "\n    ")]), _vm._v(" "), _c('OrPopover', {
-    ref: "overflowPopover",
+    ref: 'overflowPopover',
     class: _vm.popoverStyles,
     attrs: {
       "custom-styles": _vm.popoverStyles,

package/dist/esm/v2/{OrText-44449e7b.js → OrText-cab6adea.js}

@@ -100,7 +100,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
     class: _vm.mainTextStyles

package/dist/esm/v2/{OrTextarea-a6903979.js → OrTextarea-7f902807.js}

@@ -6,11 +6,11 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { _ as __vue_component__$1 } from './OrError-8eddcb36.js';
-import { _ as __vue_component__$2 } from './OrHint-48b492d2.js';
-import { _ as __vue_component__$3 } from './OrInputBox-9f5594f5.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-49d612f6.js';
-import { _ as __vue_component__$4 } from './OrLabel-e410d34a.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 './OrInputBox-1a8fda9b.js';
+import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
+import { _ as __vue_component__$4 } from './OrLabel-98c3f6e8.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -136,7 +136,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-3c7ec7f7]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-3c2db3dd]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -147,7 +147,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm.label ? [_c('OrLabel', {
     attrs: {
@@ -174,11 +174,14 @@ var __vue_render__ = function () {
   }, [_c('textarea', _vm._b({
     directives: [{
       name: "model",
-      rawName: "v-model",
+      rawName: "v-model.trim",
       value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
+      expression: "proxyModelValue",
+      modifiers: {
+        "trim": true
+      }
     }],
-    ref: "control",
+    ref: 'control',
     class: _vm.controlStyles,
     attrs: {
       "name": _vm.name,
@@ -196,7 +199,7 @@ var __vue_render__ = function () {
         if ($event.target.composing) {
           return;
         }
-        _vm.proxyModelValue = $event.target.value;
+        _vm.proxyModelValue = $event.target.value.trim();
       }, function ($event) {
         return _vm.$emit('input', $event);
       }],
@@ -209,9 +212,11 @@ var __vue_render__ = function () {
       "focus": function ($event) {
         return _vm.$emit('focus', $event);
       },
-      "blur": function ($event) {
+      "blur": [function ($event) {
         return _vm.$emit('blur', $event);
-      }
+      }, function ($event) {
+        return _vm.$forceUpdate();
+      }]
     }
   }, 'textarea', _vm.controlAttributes, false))]), _vm._v(" "), _c('div', {
     directives: [{
@@ -258,7 +263,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-3c7ec7f7";
+const __vue_scope_id__ = "data-v-3c2db3dd";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTimeFormat-afe08d9b.js → OrTimeFormat-53b732e2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-c6da306f.js';
-import './OrDateTimePickerTimeSelect-abfab610.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-a2471f2a.js';
+import './OrDateTimePickerTimeSelect-bfd77e9b.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-a1d75821.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -51,7 +51,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm._v("\n  " + _vm._s(_vm.modelValue ? _vm.formatTime(_vm.modelValue, _vm.format) : _vm.placeholder) + "\n")]);
 };

package/dist/esm/v2/{OrTimePicker-f5d9c78d.js → OrTimePicker-33ef73cd.js}

@@ -5,18 +5,18 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-c6da306f.js';
-import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, f as __vue_component__$4, g as __vue_component__$5 } from './OrDateTimePickerTimeSelect-abfab610.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-a2471f2a.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, f as __vue_component__$4, g as __vue_component__$5 } from './OrDateTimePickerTimeSelect-bfd77e9b.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
-import { _ as __vue_component__$6 } from './OrError-8eddcb36.js';
-import { _ as __vue_component__$7 } from './OrHint-48b492d2.js';
-import { _ as __vue_component__$9 } from './OrIconButton-84c42574.js';
-import { _ as __vue_component__$8 } from './OrIcon-f3f30ea1.js';
-import { _ as __vue_component__$a } from './OrInputBox-9f5594f5.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-49d612f6.js';
-import { _ as __vue_component__$b } from './OrLabel-e410d34a.js';
-import { _ as __vue_component__$c } from './OrPopover-ec893bf0.js';
+import { _ as __vue_component__$6 } from './OrError-b25d782d.js';
+import { _ as __vue_component__$7 } from './OrHint-2fe1157b.js';
+import { _ as __vue_component__$9 } from './OrIconButton-956b8e5c.js';
+import { _ as __vue_component__$8 } from './OrIcon-03e3c802.js';
+import { _ as __vue_component__$a } from './OrInputBox-1a8fda9b.js';
+import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
+import { _ as __vue_component__$b } from './OrLabel-98c3f6e8.js';
+import { _ as __vue_component__$c } from './OrPopover-592f7ad2.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [
@@ -200,7 +200,7 @@ var __vue_render__ = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm.label ? [_c('OrLabel', {
     attrs: {
@@ -227,7 +227,7 @@ var __vue_render__ = function () {
       value: _vm.closePopover,
       expression: "closePopover"
     }],
-    ref: "inputBox",
+    ref: 'inputBox',
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
       "size": _vm.size,
@@ -287,7 +287,7 @@ var __vue_render__ = function () {
       expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrPopover', {
-    ref: "popover",
+    ref: 'popover',
     class: _vm.popoverStyles,
     attrs: {
       "custom-styles": _vm.popoverStyles,