@onereach/ui-components 10.3.4 → 10.3.5-beta.4335.0

package/dist/esm/v2/{OrTagInput-597f14d0.js → OrTagInput-2622de53.js}

@@ -1,7 +1,9 @@
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
+import { i as include, e as exclude } from './include-2a81e823.js';
 import './dom-53c9635b.js';
+import { t as toArray } from './toArray-93b84b21.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
@@ -9,12 +11,12 @@ import './TimeFormat-a7f5565b.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.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-f98bac24.js';
+import { _ as __vue_component__$3 } from './OrIconButton-ec4a913b.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-b0805497.js';
-import { a as TagColor } from './OrTag-d665ff58.js';
-import { _ as __vue_component__$6, T as TagsOverflow } from './OrTags-caa5f2b9.js';
+import { _ as __vue_component__$5 } from './OrLabel-bf7e2ea2.js';
+import { a as TagColor } from './OrTag-da1f53d6.js';
+import { _ as __vue_component__$6, T as TagsOverflow } from './OrTags-78abdec3.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -50,8 +52,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Array,
-      default: () => []
+      type: undefined,
+      default: []
     },
     label: {
       type: String,
@@ -99,8 +101,8 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
-  expose: ['root', 'focus', 'blur'],
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
+  expose: ['root', 'reset', 'clear', 'focus', 'blur'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -130,7 +132,7 @@ var script = defineComponent({
     const proxyModelValue = useProxyModelValue(modelValue, context.emit);
     const draftModelValue = ref('');
     const tagsItems = computed(() => {
-      return proxyModelValue.value.map(item => ({
+      return toArray(proxyModelValue.value).map(item => ({
         label: item,
         value: item,
         tagProps: {
@@ -180,21 +182,26 @@ var script = defineComponent({
       nextTick(() => focus());
     }
     function add() {
+      var _a, _b;
       const newItem = draftModelValue.value;
       if (!newItem) return;
-      if (proxyModelValue.value.includes(newItem)) return;
+      if ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.includes(newItem)) return;
       if (maxLength.value && currentLength.value >= maxLength.value) return;
-      proxyModelValue.value = [...proxyModelValue.value, newItem];
+      proxyModelValue.value = include(newItem, (_b = proxyModelValue.value) !== null && _b !== void 0 ? _b : []);
       draftModelValue.value = '';
     }
     function remove(value) {
-      proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
+      var _a;
+      proxyModelValue.value = exclude(value, (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : []);
     }
     function reset() {
       proxyModelValue.value = [];
       draftModelValue.value = '';
       context.emit('reset');
     }
+    function clear() {
+      draftModelValue.value = '';
+    }
     // Effects
     onClickOutside(inputBox, () => {
       var _a, _b;
@@ -204,7 +211,7 @@ var script = defineComponent({
     });
     watch(proxyModelValue, (items, prevItems) => {
       var _a;
-      if (items.length != prevItems.length && overflow.value === TagsOverflow.Scroll) {
+      if ((items === null || items === void 0 ? void 0 : items.length) !== (prevItems === null || prevItems === void 0 ? void 0 : prevItems.length) && overflow.value === TagsOverflow.Scroll) {
         ((_a = tags.value) === null || _a === void 0 ? void 0 : _a.scrollToEnd)();
       }
     });
@@ -232,12 +239,13 @@ var script = defineComponent({
       activate,
       deactivate,
       remove,
-      reset
+      reset,
+      clear
     };
   }
 });
 
-var css_248z = "input[data-v-02b0b3d7]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-14860ecd]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -283,11 +291,10 @@ var __vue_render__ = function () {
     scopedSlots: _vm._u([_vm.enableClear && !_vm.readonly && !_vm.disabled ? {
       key: "addon",
       fn: function () {
-        return [_vm.proxyModelValue.length > 0 || _vm.draftModelValue ? [_c('OrIconButton', {
+        return [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 || _vm.draftModelValue ? [_c('OrIconButton', {
           attrs: {
             "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
+            "color": 'inherit'
           },
           on: {
             "click": function ($event) {
@@ -342,7 +349,7 @@ var __vue_render__ = function () {
           style: _vm.controlInlineStyles,
           attrs: {
             "type": 'text',
-            "placeholder": _vm.proxyModelValue.length === 0 ? _vm.placeholder : undefined,
+            "placeholder": _vm.proxyModelValue && _vm.proxyModelValue.length === 0 ? _vm.placeholder : undefined,
             "readonly": _vm.readonly,
             "disabled": _vm.disabled,
             "autocomplete": 'off',
@@ -353,24 +360,26 @@ var __vue_render__ = function () {
             "value": _vm.draftModelValue
           },
           on: {
+            "input": [function ($event) {
+              if ($event.target.composing) {
+                return;
+              }
+              _vm.draftModelValue = $event.target.value.trim();
+            }, function ($event) {
+              return _vm.$emit('input', $event);
+            }],
             "keydown": [function ($event) {
+              return _vm.$emit('keydown', $event);
+            }, function ($event) {
               if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
                 return null;
               }
               return _vm.add();
-            }, function ($event) {
-              return _vm.$emit('keydown', $event);
             }],
             "keyup": function ($event) {
               return _vm.$emit('keyup', $event);
             },
             "focus": _vm.activate,
-            "input": function ($event) {
-              if ($event.target.composing) {
-                return;
-              }
-              _vm.draftModelValue = $event.target.value.trim();
-            },
             "blur": function ($event) {
               return _vm.$forceUpdate();
             }
@@ -379,54 +388,50 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n      " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-02b0b3d7";
+const __vue_scope_id__ = "data-v-14860ecd";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTags-caa5f2b9.js → OrTags-78abdec3.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.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-8a2574b0.js';
-import { _ as __vue_component__$3 } from './OrTag-d665ff58.js';
+import { _ as __vue_component__$2 } from './OrPopover-47f0afa8.js';
+import { _ as __vue_component__$3 } from './OrTag-da1f53d6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagsOverflow;

package/dist/esm/v2/{OrTextarea-a68b449c.js → OrTextarea-30fb5dcc.js}

@@ -11,7 +11,7 @@ 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-b0805497.js';
+import { _ as __vue_component__$4 } from './OrLabel-bf7e2ea2.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -138,7 +138,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-e7cbe606]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-45c1c72b]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -222,54 +222,50 @@ var __vue_render__ = function () {
         return _vm.$forceUpdate();
       }]
     }
-  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _c('div', {
+  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n      " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-e7cbe606";
+const __vue_scope_id__ = "data-v-45c1c72b";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTextbox-4a114aca.js → OrTextbox-0fc7abfe.js}

@@ -7,9 +7,9 @@ import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { u as useToggle } from './useToggle-c04fc920.js';
 import { _ as __vue_component__$1 } from './OrLabel-fcceec1b.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-3f443c5f.js';
-import { _ as __vue_component__$2 } from './OrIconButton-2c6e333e.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-470e5462.js';
+import { _ as __vue_component__$2 } from './OrIconButton-c28a9059.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
 import { _ as __vue_component__$3 } from './OrHint-7eadc91e.js';
 import { _ as __vue_component__$4 } from './OrError-efc74907.js';
 import { _ as __vue_component__$5 } from './OrCollapse-74fb2ccd.js';

package/dist/esm/v2/{OrTimeFormat-91f8fb05.js → OrTimeFormat-c20be25b.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { T as TimeFormat$1 } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-9d9cbc87.js';
-import './OrDateTimePickerTimeSelect-f5e30f3f.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-f3668861.js';
+import './OrDateTimePickerTimeSelect-e9c7a92a.js';
 import { a as formatTime } from './formatTime-fbabf53c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTimePicker-5d18aa66.js → OrTimePicker-a0490366.js}

@@ -7,17 +7,17 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { T as TimeFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-9d9cbc87.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-f5e30f3f.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-f3668861.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-e9c7a92a.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.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-f98bac24.js';
+import { _ as __vue_component__$9 } from './OrIconButton-ec4a913b.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-b0805497.js';
-import { _ as __vue_component__$c } from './OrPopover-8a2574b0.js';
+import { _ as __vue_component__$b } from './OrLabel-bf7e2ea2.js';
+import { _ as __vue_component__$c } from './OrPopover-47f0afa8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [
@@ -351,17 +351,29 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string' && _vm.error.length > 0,
+      expression: "typeof error === 'string' && error.length > 0"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrTimeRangePicker-fc621f6b.js → OrTimeRangePicker-e172b7be.js}

@@ -7,17 +7,17 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import { T as TimeFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-9d9cbc87.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-f5e30f3f.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-f3668861.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-e9c7a92a.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.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-f98bac24.js';
+import { _ as __vue_component__$9 } from './OrIconButton-ec4a913b.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-b0805497.js';
-import { _ as __vue_component__$c } from './OrPopover-8a2574b0.js';
+import { _ as __vue_component__$b } from './OrLabel-bf7e2ea2.js';
+import { _ as __vue_component__$c } from './OrPopover-47f0afa8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimeRangePicker = [
@@ -137,8 +137,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0];
       },
       set: value => {
-        var _a;
-        draft.value = [value, (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]];
+        var _a, _b;
+        draft.value = [value !== null && value !== void 0 ? value : null, (_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null];
       }
     });
     const draftTo = computed({
@@ -147,8 +147,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1];
       },
       set: value => {
-        var _a;
-        draft.value = [(_a = draft.value) === null || _a === void 0 ? void 0 : _a[0], value];
+        var _a, _b;
+        draft.value = [(_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null, value !== null && value !== void 0 ? value : null];
       }
     });
     const activeControl = ref('from');
@@ -164,7 +164,7 @@ var script = defineComponent({
     }
     function reset() {
       var _a;
-      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
+      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [null, null];
     }
     function openPopover(control) {
       if (!props.readonly && !props.disabled) {
@@ -438,17 +438,29 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string' && _vm.error.length > 0,
+      expression: "typeof error === 'string' && error.length > 0"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrToastContainer-0fa0e9df.js → OrToastContainer-d1f7f042.js}

@@ -1,6 +1,6 @@
-import './OrButton.vue_rollup-plugin-vue_styles.0-3f443c5f.js';
-import { _ as __vue_component__$3 } from './OrIconButton-2c6e333e.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-ebca07c1.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-470e5462.js';
+import { _ as __vue_component__$3 } from './OrIconButton-c28a9059.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-aae5f85f.js';
 import { defineComponent, nextTick } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrProgress-8a37f30d.js';
 import { c as ToastType, P as PositionsX, b as PositionsY, T as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-05a9c81b.js';

package/dist/esm/v2/{OrTooltip-dfc6a368.js → OrTooltip-4739332d.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { a as PopoverPlacement, _ as __vue_component__$1 } from './OrPopover-8a2574b0.js';
+import { a as PopoverPlacement, _ as __vue_component__$1 } from './OrPopover-47f0afa8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Tooltip = [

package/dist/esm/{v3/color-911f1122.js → v2/color-e5b0b579.js}

@@ -1,3 +1,18 @@
+const HSL_LIMITS = {
+  h: {
+    min: 0,
+    max: 360
+  },
+  s: {
+    min: 50,
+    max: 75
+  },
+  l: {
+    min: 60,
+    max: 80
+  }
+};
+
 /**
  *  Generic
  */
@@ -53,21 +68,6 @@ function normalize(hash, min, max) {
   return Math.floor(hash % (max - min) + min);
 }
 
-const HSL_LIMITS = {
-  h: {
-    min: 0,
-    max: 360
-  },
-  s: {
-    min: 50,
-    max: 75
-  },
-  l: {
-    min: 60,
-    max: 80
-  }
-};
-
 function hexToRgb(hex) {
   hex = hex.replace(RX_SHORT_COLOR, (m, r, g, b) => r + r + g + g + b + b);
   const result = RX_LONG_COLOR.exec(hex);

package/dist/esm/v2/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './or-autocomplete-v3';
 export * from './or-avatar';
 export * from './or-avatar-v3';
 export * from './or-bottom-sheet-v3';