@onereach/ui-components 4.6.2-beta.2783.0 → 4.6.2

package/dist/esm/v2/{OrDateTimePickerPopoverHeader-a84af34e.js → OrDateTimePickerPopoverHeader-9e49aba0.js}

@@ -35,7 +35,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-mobile-control-v3', ...DateTimePickerMobileControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-mobile-control', ...DateTimePickerMobileControl]);
     const contentStyles = computed(() => [...DateTimePickerMobileControlContent]);
     return {
       root,
@@ -102,7 +102,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-footer-v3', ...DateTimePickerPopoverFooter]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-footer', ...DateTimePickerPopoverFooter]);
     return {
       root,
       rootStyles
@@ -177,7 +177,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-header-v3', ...DateTimePickerPopoverHeader]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-header', ...DateTimePickerPopoverHeader]);
     return {
       root,
       rootStyles

package/dist/esm/v2/{OrDateTimePickerTimeSelect-eecdd8ab.js → OrDateTimePickerTimeSelect-aed7d33d.js}

@@ -50,7 +50,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-control-v3', ...DateTimePickerTimeControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-control', ...DateTimePickerTimeControl]);
     const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
     const proxyModelValue = computed({
@@ -178,7 +178,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-select', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State

package/dist/esm/v2/{OrIconButton-e60f47af.js → OrIconButton-544ee642.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import { s as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js → OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js}

@@ -1,6 +1,6 @@
 import { defineComponent, isVue3, h } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrIcon-fa826b6b.js';
-import { _ as __vue_component__$3 } from './OrLoader-52bb8afa.js';
+import { _ as __vue_component__$3 } from './OrLoader-0cc7c73e.js';
 import { _ as __vue_component__$1 } from './OrTooltip-0bbf1ed5.js';
 import './OrTooltipContent-57a25502.js';
 import { O as OrFloatingPlacements } from './OrFloating-e7ac7618.js';

package/dist/esm/v2/{OrInlineTextEdit-362e9f5b.js → OrInlineTextEdit-f52267aa.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCollapse-9b5d590f.js';
 import { _ as __vue_component__$2 } from './OrError-efc74907.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$3 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$3 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { useVModel } from '@vueuse/core';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';

package/dist/esm/v2/{OrInput-3eeca714.js → OrInput-8c7b3cce.js}

@@ -7,8 +7,8 @@ import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$4 } from './OrIconButton-ee747c71.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$5 } from './OrInputBox-7f3c0ee9.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
+import { _ as __vue_component__$5 } from './OrInputBox-d36b1323.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$6 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$7 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -160,7 +160,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-75bfda1e]{min-width:0;background:0 0;outline:0}input[type=number][data-v-75bfda1e]::-webkit-inner-spin-button{display:none}input[type=search][data-v-75bfda1e]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-10156a60]{min-width:0;background:0 0;outline:0}input[type=number][data-v-10156a60]::-webkit-inner-spin-button{display:none}input[type=search][data-v-10156a60]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -194,52 +194,7 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm.loading ? [_c('OrLoader', {
-          attrs: {
-            "variant": 'circular',
-            "color": 'primary',
-            "size": _vm.isMobile ? 'm' : 's'
-          }
-        })] : [_vm.type === 'password' ? [_c('OrIconButton', {
-          attrs: {
-            "icon": {
-              icon: _vm.disclosed ? 'visibility_off' : 'visibility',
-              variant: 'filled'
-            },
-            "color": 'inherit',
-            "disabled": _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              _vm.disclosed = !_vm.disclosed;
-            }
-          }
-        })] : _vm._e(), _vm._v(" "), _vm.type === 'search' ? [_vm.modelValue ? [_c('OrIconButton', {
-          attrs: {
-            "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              return _vm.$emit('update:modelValue', '');
-            }
-          }
-        })] : [_c('OrIcon', {
-          attrs: {
-            "icon": 'search',
-            "variant": 'outlined'
-          }
-        })]] : _vm._e()]];
-      },
-      proxy: true
-    }])
+    }
   }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
     directives: [{
       name: "model",
@@ -367,7 +322,47 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }, 'input', _vm.controlAttributes, false))]), _vm._v(" "), _c('div', {
+  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
+    class: ['layout-inline-row']
+  }, [_vm.loading ? [_c('OrLoader', {
+    attrs: {
+      "variant": 'circular',
+      "color": 'primary',
+      "size": _vm.isMobile ? 'm' : 's'
+    }
+  })] : [_vm.type === 'password' ? [_c('OrIconButton', {
+    attrs: {
+      "icon": {
+        icon: _vm.disclosed ? 'visibility_off' : 'visibility',
+        variant: 'filled'
+      },
+      "color": 'inherit',
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        _vm.disclosed = !_vm.disclosed;
+      }
+    }
+  })] : _vm._e(), _vm._v(" "), _vm.type === 'search' ? [_vm.modelValue ? [_c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "color": 'inherit',
+      "disabled": _vm.readonly || _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('update:modelValue', '');
+      }
+    }
+  })] : [_c('OrIcon', {
+    attrs: {
+      "icon": 'search',
+      "variant": 'outlined'
+    }
+  })]] : _vm._e()]], 2)]), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -412,7 +407,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-75bfda1e";
+const __vue_scope_id__ = "data-v-10156a60";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInputBox-7f3c0ee9.js → OrInputBox-d36b1323.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
+import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */
@@ -17,13 +17,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
-  }, [_vm._t("default"), _vm._v(" "), _vm.$slots.addon ? [_c('OrInputBoxAddon', {
-    attrs: {
-      "invalid": _vm.invalid,
-      "readonly": _vm.readonly,
-      "disabled": _vm.disabled
-    }
-  }, [_vm._t("addon")], 2)] : _vm._e()], 2);
+  }, [_vm._t("default")], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js → OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js}

@@ -1,79 +1,4 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-const InputBoxAddon = [
-// Layout
-'layout-inline-row',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-
-var script$1 = defineComponent({
-  name: 'OrInputBoxAddon',
-  props: {
-    invalid: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-input-box-addon-v3', ...InputBoxAddon]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script$1;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "invalid": _vm.invalid ? '' : null,
-      "readonly": _vm.readonly ? '' : null,
-      "disabled": _vm.disabled ? '' : null
-    }
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
 var InputBoxVariant;
 (function (InputBoxVariant) {
@@ -132,9 +57,6 @@ const InputBoxRootSizes = {
 
 var script = defineComponent({
   name: 'OrInputBox',
-  components: {
-    OrInputBoxAddon: __vue_component__
-  },
   props: {
     variant: {
       type: String,

package/dist/esm/v2/{OrList-5ecdd0d6.js → OrList-2e65227a.js}

@@ -4,9 +4,9 @@ import isEqual from 'lodash/isEqual';
 import { v4 } from 'uuid';
 import Sortable from 'sortablejs';
 import { _ as __vue_component__$2 } from './OrLabel-fcceec1b.js';
-import { _ as __vue_component__$3 } from './OrButton-22d9ecc5.js';
-import { _ as __vue_component__$4 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import { _ as __vue_component__$3 } from './OrButton-b60290c4.js';
+import { _ as __vue_component__$4 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { _ as __vue_component__$5 } from './OrIcon-fa826b6b.js';
 import { _ as __vue_component__$1 } from './OrError-efc74907.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v2/{OrListOfInputs-75414b31.js → OrListOfInputs-9b7522fa.js}

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrList-5ecdd0d6.js';
+import { _ as __vue_component__$1 } from './OrList-2e65227a.js';
 import { _ as __vue_component__$2 } from './OrInput-014d2e47.js';
 import { _ as __vue_component__$3 } from './OrIcon-fa826b6b.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$4 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$4 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrLoader-52bb8afa.js → OrLoader-0cc7c73e.js}

@@ -2,7 +2,9 @@ import { defineComponent } from 'vue-demi';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const isEmpty = val => val == null || !(Object.keys(val) || val).length;
+function isEmpty(val) {
+  return val == null || !(Object.keys(val) || val).length;
+}
 
 var LoaderViews;
 (function (LoaderViews) {

package/dist/esm/v2/{OrModal-82c27104.js → OrModal-206611f2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$1 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$1 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { _ as __vue_component__$2 } from './OrOverlay-ccec2218.js';
 import { onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';

package/dist/esm/v2/{OrNotification-99620c47.js → OrNotification-44bc1f50.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrIcon-fa826b6b.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$2 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrOverflowMenu-a58cbd67.js → OrOverflowMenu-e3ae75a3.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$3 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
-import { _ as __vue_component__$2 } from './OrButton-22d9ecc5.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$3 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
+import { _ as __vue_component__$2 } from './OrButton-b60290c4.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$4, O as OrFloatingPlacements } from './OrFloating-e7ac7618.js';

package/dist/esm/v2/{OrPassword-12a00ddc.js → OrPassword-1de0dc6c.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrInput-014d2e47.js';
 import { u as useToggle } from './useToggle-c04fc920.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$2 } from './OrIconButton-e60f47af.js';
-import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-544ee642.js';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSearch-fa824e87.js → OrSearch-5aa8154f.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-3eeca714.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
+import { _ as __vue_component__$1 } from './OrInput-8c7b3cce.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSearch-b447018e.js → OrSearch-e2941d35.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrInput-014d2e47.js';
 import { debouncedWatch } from '@vueuse/core';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$2 } from './OrIconButton-e60f47af.js';
-import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-544ee642.js';
+import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-b49b6e4a.js → OrSelect-49239b74.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
-import { i as isEmpty, _ as __vue_component__$c } from './OrLoader-52bb8afa.js';
+import { i as isEmpty, _ as __vue_component__$c } from './OrLoader-0cc7c73e.js';
 import { _ as __vue_component__$a } from './OrIcon-fa826b6b.js';
 import keyBy from 'lodash/keyBy';
 import { _ as __vue_component__$9 } from './OrChip-a614bbb9.js';

package/dist/esm/v2/{OrSelect-6d695f02.js → OrSelect-dd8affc1.js}

@@ -2,14 +2,14 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrCheckbox-59332f84.js';
+import { _ as __vue_component__$1, i as isEmptyValue } from './OrCheckbox-3a8c93ad.js';
 import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-d3a2218d.js';
 import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$7 } from './OrInputBox-7f3c0ee9.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
-import { _ as __vue_component__$6 } from './OrInput-3eeca714.js';
+import { _ as __vue_component__$7 } from './OrInputBox-d36b1323.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
+import { _ as __vue_component__$6 } from './OrInput-8c7b3cce.js';
 import { _ as __vue_component__$8 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-6f9b8a93.js';
 import { _ as __vue_component__$a } from './OrPopover-80459663.js';
@@ -201,6 +201,9 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : isEmptyValue(proxyModelValue.value);
+    });
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -290,6 +293,7 @@ var script = defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,
@@ -385,7 +389,7 @@ var __vue_render__ = function () {
     }, [_vm._v(_vm._s(_vm.placeholder))])]];
   }, {
     "model": _vm.proxyModelValue
-  })] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
+  })] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
     return [_c('span', {
       staticClass: "truncate"
     }, [_vm._v("\n              " + _vm._s(_vm.selection.label) + "\n            ")])];

package/dist/esm/v2/{OrStepper-6b35550a.js → OrStepper-3707ec50.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$6 } from './OrButton-22d9ecc5.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import { _ as __vue_component__$6 } from './OrButton-b60290c4.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v2/{OrSwitch-9fa5adeb.js → OrSwitch-75458852.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrLoader-52bb8afa.js';
+import { _ as __vue_component__$1 } from './OrLoader-0cc7c73e.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTextarea-e5c66426.js → OrTextarea-eaadb85f.js}

@@ -4,8 +4,8 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrInputBox-7f3c0ee9.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
+import { _ as __vue_component__$3 } from './OrInputBox-d36b1323.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$4 } from './OrLabel-63380256.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrTextbox-b666b30b.js → OrTextbox-c85d7fe6.js}

@@ -4,9 +4,9 @@ import { u as useToggle } from './useToggle-c04fc920.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
 import { _ as __vue_component__$1 } from './OrLabel-fcceec1b.js';
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$2 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$2 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.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-9b5d590f.js';

package/dist/esm/v2/{OrTimePicker-5470d7a0.js → OrTimePicker-696e29ed.js}

@@ -1,13 +1,13 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a84af34e.js';
-import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-eecdd8ab.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
+import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-aed7d33d.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$9 } from './OrIconButton-ee747c71.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$a } from './OrInputBox-7f3c0ee9.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
+import { _ as __vue_component__$a } from './OrInputBox-d36b1323.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$b } from './OrLabel-63380256.js';
 import { _ as __vue_component__$c } from './OrPopover-80459663.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -107,7 +107,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
+    const rootStyles = computed(() => ['or-time-picker', ...TimePicker]);
     const popoverStyles = computed(() => [...TimePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();
@@ -219,31 +219,7 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm.modelValue ? [_c('OrIconButton', {
-          attrs: {
-            "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              return _vm.$emit('update:modelValue', undefined);
-            }
-          }
-        })] : [_c('OrIcon', {
-          attrs: {
-            "icon": 'calendar_month',
-            "variant": 'outlined'
-          }
-        })]];
-      },
-      proxy: true
-    }])
+    }
   }, [_c('OrDateTimePickerTimeControl', {
     directives: [{
       name: "dropdown-open",
@@ -314,7 +290,26 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  }), _vm._v(" "), _c('div', {
+    class: ['layout-inline-row']
+  }, [_vm.modelValue ? [_c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "color": 'inherit',
+      "disabled": _vm.readonly || _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('update:modelValue', undefined);
+      }
+    }
+  })] : [_c('OrIcon', {
+    attrs: {
+      "icon": 'calendar_month',
+      "variant": 'outlined'
+    }
+  })]], 2)], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }

package/dist/esm/v2/{OrToastContainer-913c152f.js → OrToastContainer-7017d12b.js}

@@ -1,6 +1,6 @@
-import './OrButton.vue_rollup-plugin-vue_styles.0-0b3d0a46.js';
-import { _ as __vue_component__$3 } from './OrIconButton-e60f47af.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-8e03311b.js';
+import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
+import { _ as __vue_component__$3 } from './OrIconButton-544ee642.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-70039ca7.js';
 import { defineComponent, nextTick } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrProgress-65968c24.js';
 import { c as ToastType, P as PositionsX, b as PositionsY, T as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-b5ea5cb2.js';