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

package/dist/esm/v2/{OrInlineInput-3938a451.js → OrInlineInput-e5cce433.js}

@@ -6,10 +6,10 @@ 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 { I as InlineInputBoxSize, _ as __vue_component__$4 } from './OrInlineInputBox-071aab47.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 { I as InlineInputBoxSize, _ as __vue_component__$4 } from './OrInlineInputBox-b4cf1583.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -168,7 +168,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-571e9732]{min-width:0;background:0 0;outline:0}input[type=number][data-v-571e9732]::-webkit-inner-spin-button{display:none}input[type=search][data-v-571e9732]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-2ca14569]{min-width:0;background:0 0;outline:0}input[type=number][data-v-2ca14569]::-webkit-inner-spin-button{display:none}input[type=search][data-v-2ca14569]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -179,7 +179,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: ['layout-row', 'gap-sm+']
@@ -188,110 +188,22 @@ var __vue_render__ = function () {
       "size": _vm.size,
       "invalid": !!_vm.error
     }
-  }, [_vm.type === 'checkbox' ? _c('input', _vm._b({
+  }, [_c('input', _vm._b({
     directives: [{
       name: "model",
-      rawName: "v-model",
+      rawName: "v-model.trim",
       value: _vm.draftModelValue,
-      expression: "draftModelValue"
-    }],
-    ref: "control",
-    class: _vm.controlStyles,
-    attrs: {
-      "placeholder": _vm.placeholder,
-      "activated": _vm.activated,
-      "type": "checkbox"
-    },
-    domProps: {
-      "checked": Array.isArray(_vm.draftModelValue) ? _vm._i(_vm.draftModelValue, null) > -1 : _vm.draftModelValue
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.$emit('input', $event);
-      },
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "focus": function ($event) {
-        _vm.$emit('focus', $event);
-        _vm.onFocus();
-      },
-      "blur": function ($event) {
-        _vm.$emit('blur', $event);
-        _vm.onBlur();
-      },
-      "change": function ($event) {
-        var $$a = _vm.draftModelValue,
-          $$el = $event.target,
-          $$c = $$el.checked ? true : false;
-        if (Array.isArray($$a)) {
-          var $$v = null,
-            $$i = _vm._i($$a, $$v);
-          if ($$el.checked) {
-            $$i < 0 && (_vm.draftModelValue = $$a.concat([$$v]));
-          } else {
-            $$i > -1 && (_vm.draftModelValue = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
-          }
-        } else {
-          _vm.draftModelValue = $$c;
-        }
-      }
-    }
-  }, 'input', _vm.controlAttributes, false)) : _vm.type === 'radio' ? _c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.draftModelValue,
-      expression: "draftModelValue"
-    }],
-    ref: "control",
-    class: _vm.controlStyles,
-    attrs: {
-      "placeholder": _vm.placeholder,
-      "activated": _vm.activated,
-      "type": "radio"
-    },
-    domProps: {
-      "checked": _vm._q(_vm.draftModelValue, null)
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.$emit('input', $event);
-      },
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "focus": function ($event) {
-        _vm.$emit('focus', $event);
-        _vm.onFocus();
-      },
-      "blur": function ($event) {
-        _vm.$emit('blur', $event);
-        _vm.onBlur();
-      },
-      "change": function ($event) {
-        _vm.draftModelValue = null;
+      expression: "draftModelValue",
+      modifiers: {
+        "trim": true
       }
-    }
-  }, 'input', _vm.controlAttributes, false)) : _c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.draftModelValue,
-      expression: "draftModelValue"
     }],
-    ref: "control",
+    ref: 'control',
     class: _vm.controlStyles,
     attrs: {
+      "type": _vm.type,
       "placeholder": _vm.placeholder,
-      "activated": _vm.activated,
-      "type": _vm.type
+      "activated": _vm.activated
     },
     domProps: {
       "value": _vm.draftModelValue
@@ -301,7 +213,7 @@ var __vue_render__ = function () {
         if ($event.target.composing) {
           return;
         }
-        _vm.draftModelValue = $event.target.value;
+        _vm.draftModelValue = $event.target.value.trim();
       }, function ($event) {
         return _vm.$emit('input', $event);
       }],
@@ -315,10 +227,12 @@ var __vue_render__ = function () {
         _vm.$emit('focus', $event);
         _vm.onFocus();
       },
-      "blur": function ($event) {
+      "blur": [function ($event) {
         _vm.$emit('blur', $event);
         _vm.onBlur();
-      }
+      }, function ($event) {
+        return _vm.$forceUpdate();
+      }]
     }
   }, 'input', _vm.controlAttributes, false))]), _vm._v(" "), _vm.activated && !_vm.saveOnBlur ? [_c('div', {
     class: _vm.actionStyles
@@ -383,7 +297,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-571e9732";
+const __vue_scope_id__ = "data-v-2ca14569";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInlineInputBox-071aab47.js → OrInlineInputBox-b4cf1583.js}

@@ -63,7 +63,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: {
       "invalid": _vm.invalid

package/dist/esm/v2/{OrInlineTextarea-c9dbd88f.js → OrInlineTextarea-0f10c3db.js}

@@ -6,10 +6,10 @@ 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 './OrInlineInputBox-071aab47.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 './OrInlineInputBox-b4cf1583.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -146,7 +146,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-2576cb0a]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-47c36238]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -157,7 +157,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: ['layout-row', 'gap-sm+']
@@ -169,11 +169,14 @@ var __vue_render__ = function () {
   }, [_c('textarea', _vm._b({
     directives: [{
       name: "model",
-      rawName: "v-model",
+      rawName: "v-model.trim",
       value: _vm.draftModelValue,
-      expression: "draftModelValue"
+      expression: "draftModelValue",
+      modifiers: {
+        "trim": true
+      }
     }],
-    ref: "control",
+    ref: 'control',
     class: _vm.controlStyles,
     attrs: {
       "placeholder": _vm.placeholder,
@@ -187,7 +190,7 @@ var __vue_render__ = function () {
         if ($event.target.composing) {
           return;
         }
-        _vm.draftModelValue = $event.target.value;
+        _vm.draftModelValue = $event.target.value.trim();
       }, function ($event) {
         return _vm.$emit('input', $event);
       }],
@@ -201,10 +204,12 @@ var __vue_render__ = function () {
         _vm.$emit('focus', $event);
         _vm.onFocus();
       },
-      "blur": function ($event) {
+      "blur": [function ($event) {
         _vm.$emit('blur', $event);
         _vm.onBlur();
-      }
+      }, function ($event) {
+        return _vm.$forceUpdate();
+      }]
     }
   }, 'textarea', _vm.controlAttributes, false))]), _vm._v(" "), _vm.activated && !_vm.saveOnBlur ? [_c('div', {
     class: _vm.actionStyles
@@ -269,7 +274,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-2576cb0a";
+const __vue_scope_id__ = "data-v-47c36238";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInput-1842bb90.js → OrInput-764a570e.js}

@@ -6,14 +6,14 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 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__$4 } from './OrIconButton-84c42574.js';
-import { _ as __vue_component__$3 } from './OrIcon-f3f30ea1.js';
-import { _ as __vue_component__$5 } from './OrInputBox-9f5594f5.js';
-import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-49d612f6.js';
-import { _ as __vue_component__$6 } from './OrLabel-e410d34a.js';
-import { _ as __vue_component__$7 } from './OrLoader-784e2060.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-956b8e5c.js';
+import { _ as __vue_component__$3 } from './OrIcon-03e3c802.js';
+import { _ as __vue_component__$5 } from './OrInputBox-1a8fda9b.js';
+import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
+import { _ as __vue_component__$6 } from './OrLabel-98c3f6e8.js';
+import { _ as __vue_component__$7 } from './OrLoader-4ac49224.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -168,7 +168,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-381fee0c]{min-width:0;background:0 0;outline:0}input[type=number][data-v-381fee0c]::-webkit-inner-spin-button{display:none}input[type=search][data-v-381fee0c]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-3c92f7b6]{min-width:0;background:0 0;outline:0}input[type=number][data-v-3c92f7b6]::-webkit-inner-spin-button{display:none}input[type=search][data-v-3c92f7b6]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -179,7 +179,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: {
@@ -248,118 +248,26 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
+  }, [_c('input', _vm._b({
     directives: [{
       name: "model",
-      rawName: "v-model",
+      rawName: "v-model.trim",
       value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
-    }],
-    ref: "control",
-    class: _vm.controlStyles,
-    attrs: {
-      "name": _vm.name,
-      "autocomplete": _vm.autocomplete,
-      "placeholder": _vm.placeholder,
-      "required": _vm.required,
-      "readonly": _vm.readonly || _vm.loading,
-      "disabled": _vm.disabled,
-      "type": "checkbox"
-    },
-    domProps: {
-      "checked": Array.isArray(_vm.proxyModelValue) ? _vm._i(_vm.proxyModelValue, null) > -1 : _vm.proxyModelValue
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.$emit('input', $event);
-      },
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      },
-      "change": function ($event) {
-        var $$a = _vm.proxyModelValue,
-          $$el = $event.target,
-          $$c = $$el.checked ? true : false;
-        if (Array.isArray($$a)) {
-          var $$v = null,
-            $$i = _vm._i($$a, $$v);
-          if ($$el.checked) {
-            $$i < 0 && (_vm.proxyModelValue = $$a.concat([$$v]));
-          } else {
-            $$i > -1 && (_vm.proxyModelValue = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
-          }
-        } else {
-          _vm.proxyModelValue = $$c;
-        }
-      }
-    }
-  }, 'input', _vm.controlAttributes, false)) : (_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'radio' ? _c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
-    }],
-    ref: "control",
-    class: _vm.controlStyles,
-    attrs: {
-      "name": _vm.name,
-      "autocomplete": _vm.autocomplete,
-      "placeholder": _vm.placeholder,
-      "required": _vm.required,
-      "readonly": _vm.readonly || _vm.loading,
-      "disabled": _vm.disabled,
-      "type": "radio"
-    },
-    domProps: {
-      "checked": _vm._q(_vm.proxyModelValue, null)
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.$emit('input', $event);
-      },
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      },
-      "change": function ($event) {
-        _vm.proxyModelValue = null;
+      expression: "proxyModelValue",
+      modifiers: {
+        "trim": true
       }
-    }
-  }, 'input', _vm.controlAttributes, false)) : _c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
     }],
-    ref: "control",
+    ref: 'control',
     class: _vm.controlStyles,
     attrs: {
       "name": _vm.name,
+      "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type,
       "autocomplete": _vm.autocomplete,
       "placeholder": _vm.placeholder,
       "required": _vm.required,
       "readonly": _vm.readonly || _vm.loading,
-      "disabled": _vm.disabled,
-      "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
+      "disabled": _vm.disabled
     },
     domProps: {
       "value": _vm.proxyModelValue
@@ -369,7 +277,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);
       }],
@@ -382,9 +290,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();
+      }]
     }
   }, 'input', _vm.controlAttributes, false))]), _vm._v(" "), _c('div', {
     directives: [{
@@ -431,7 +341,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-381fee0c";
+const __vue_scope_id__ = "data-v-3c92f7b6";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInputBox-9f5594f5.js → OrInputBox-1a8fda9b.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-49d612f6.js';
+import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */
@@ -10,7 +10,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: {
       "invalid": _vm.invalid,

package/dist/esm/v2/{OrInputBox.vue_rollup-plugin-vue_script-49d612f6.js → OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js}

@@ -45,7 +45,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: {
       "invalid": _vm.invalid,

package/dist/esm/v2/{OrLabel-e410d34a.js → OrLabel-98c3f6e8.js}

@@ -93,7 +93,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/{OrLink-f345d391.js → OrLink-30283089.js}

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

package/dist/esm/v2/{OrList-dcbea3b8.js → OrList-bd4d1da5.js}

@@ -6,9 +6,9 @@ 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 './OrIconButton-84c42574.js';
-import { _ as __vue_component__$2 } from './OrLabel-e410d34a.js';
-import { _ as __vue_component__$3 } from './OrListItem-2ceb6e53.js';
+import { _ as __vue_component__$1 } from './OrIconButton-956b8e5c.js';
+import { _ as __vue_component__$2 } from './OrLabel-98c3f6e8.js';
+import { _ as __vue_component__$3 } from './OrListItem-9654fe5b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const List = [
@@ -158,7 +158,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
@@ -180,7 +180,7 @@ var __vue_render__ = function () {
     addItem: _vm.addItem,
     deleteItem: _vm.deleteItem
   }), _vm._v(" "), _c('div', {
-    ref: "content",
+    ref: 'content',
     class: _vm.contentStyles
   }, _vm._l(_vm.proxyModelValue, function (item, index) {
     return _c('OrListItem', {

package/dist/esm/v2/{OrListItem-2ceb6e53.js → OrListItem-9654fe5b.js}

@@ -59,7 +59,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/{OrLoader-784e2060.js → OrLoader-4ac49224.js}

@@ -118,7 +118,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.title ? [_c('div', {
     class: _vm.titleStyles

package/dist/esm/v2/{OrMenu-177c1ff6.js → OrMenu-e909a0ff.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1, a as PopoverPlacement } from './OrPopover-ec893bf0.js';
+import { _ as __vue_component__$1, a as PopoverPlacement } from './OrPopover-592f7ad2.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Menu = [
@@ -106,7 +106,7 @@ var __vue_render__ = function () {
       }
     }
   }, [_c('div', _vm._b({
-    ref: "root",
+    ref: 'root',
     class: [_vm.rootStyles].concat(_vm.additionalStyles),
     on: {
       "click": function ($event) {

package/dist/esm/v2/{OrMenuItem-a89a71c3.js → OrMenuItem-e51e69a9.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-84c42574.js';
-import { _ as __vue_component__$1 } from './OrIcon-f3f30ea1.js';
+import { _ as __vue_component__$2 } from './OrIconButton-956b8e5c.js';
+import { _ as __vue_component__$1 } from './OrIcon-03e3c802.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuItem = [
@@ -70,7 +70,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 ? 0 : null,

package/dist/esm/v2/{OrModal-80988b76.js → OrModal-06a81c87.js}

@@ -4,9 +4,9 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$5 } from './OrOverlay-a547d719.js';
+import { _ as __vue_component__$5 } from './OrOverlay-7940a4f4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-84c42574.js';
+import { _ as __vue_component__$4 } from './OrIconButton-956b8e5c.js';
 
 const ModalContent = [
 // Overflow
@@ -38,7 +38,7 @@ var __vue_render__$3 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm._t("default")], 2);
 };
@@ -91,7 +91,7 @@ var __vue_render__$2 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_vm._t("default")], 2);
 };
@@ -152,7 +152,7 @@ var __vue_render__$1 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c('div', {
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
     class: ['grow']
@@ -284,7 +284,7 @@ var __vue_render__ = function () {
       "fullscreen": true
     }
   }, [_c('div', _vm._b({
-    ref: "root",
+    ref: 'root',
     class: _vm.rootStyles
   }, 'div', _vm.$attrs, false), [_c('OrModalHeader', {
     on: {