@onereach/ui-components 4.6.2 → 4.6.3-beta.2784.0

package/dist/bundled/v3/components/OrDateTimePickerV3/index.js

@@ -1,8 +1,8 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-a0354296.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-387c2096.js';
+import '../../OrDateTimePickerMonthSelect-98b935cb.js';
 import './hooks/useDatePlaceholder.js';
 import 'vue';
 import '../OrButtonV3/OrButton.js';
@@ -48,12 +48,12 @@ import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-f81b902f.js';
+import '../../OrDateTimePickerPopoverHeader-eff55bd9.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../../OrDateTimePickerTimeSelect-2f1a2767.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
@@ -63,7 +63,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';

package/dist/bundled/v3/components/OrInputBoxV3/OrInputBox.js

@@ -1,19 +1,28 @@
-import { s as script } from '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
-export { s as default } from '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { s as script } from '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+export { s as default } from '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
 import './styles.js';
 
 const _hoisted_1 = ["invalid", "readonly", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrInputBoxAddon = resolveComponent("OrInputBoxAddon");
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
     invalid: _ctx.invalid ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
-  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1);
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.addon ? (openBlock(), createBlock(_component_OrInputBoxAddon, {
+    key: 0,
+    invalid: _ctx.invalid,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script.render = render;

package/dist/bundled/v3/components/OrInputBoxV3/index.js

@@ -1,4 +1,5 @@
 export { InputBoxSize, InputBoxVariant } from './props.js';
-export { s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+export { s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import 'vue-demi';
+import 'vue';
 import './styles.js';

package/dist/bundled/v3/components/OrInputV3/OrInput.js

@@ -1,6 +1,6 @@
-import { s as script } from '../../OrInput.vue_vue_type_script_lang-6242286b.js';
-export { s as default } from '../../OrInput.vue_vue_type_script_lang-6242286b.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, createSlots, vShow } from 'vue';
+import { s as script } from '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
+export { s as default } from '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './props.js';
@@ -42,7 +42,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
@@ -58,12 +58,9 @@ import '../../hooks/useValidationAttributes.js';
 
 const _hoisted_1 = ["type", "placeholder", "required", "readonly", "disabled", "autocomplete"];
 const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row'])
-};
-const _hoisted_3 = {
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -95,22 +92,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly || _ctx.loading,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [withDirectives(createElementVNode("input", mergeProps({
-      ref: "control",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
-    }, _ctx.controlAttributes, {
-      class: _ctx.controlStyles,
-      type: _ctx.type === 'password' && _ctx.disclosed ? 'text' : _ctx.type,
-      placeholder: _ctx.placeholder,
-      required: _ctx.required,
-      readonly: _ctx.readonly || _ctx.loading,
-      disabled: _ctx.disabled,
-      autocomplete: _ctx.autocomplete,
-      onKeydown: _cache[1] || (_cache[1] = $event => _ctx.$emit('keydown', $event)),
-      onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
-      onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
-      onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
-    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), createElementVNode("div", _hoisted_2, [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
+    addon: withCtx(() => [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
       key: 0,
       variant: 'circular',
       color: 'primary',
@@ -138,10 +120,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       icon: 'search',
       variant: 'outlined'
-    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))])]),
+    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))]),
 
+    default: withCtx(() => [withDirectives(createElementVNode("input", mergeProps({
+      ref: "control",
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+    }, _ctx.controlAttributes, {
+      class: _ctx.controlStyles,
+      type: _ctx.type === 'password' && _ctx.disclosed ? 'text' : _ctx.type,
+      placeholder: _ctx.placeholder,
+      required: _ctx.required,
+      readonly: _ctx.readonly || _ctx.loading,
+      disabled: _ctx.disabled,
+      autocomplete: _ctx.autocomplete,
+      onKeydown: _cache[1] || (_cache[1] = $event => _ctx.$emit('keydown', $event)),
+      onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
+      onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_3, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,
     disabled: _ctx.disabled
   }, createSlots({
@@ -153,7 +151,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_4, [createVNode(_component_OrError, {
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_3, [createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),

package/dist/bundled/v3/components/OrInputV3/index.js

@@ -1,5 +1,5 @@
 export { InputType } from './props.js';
-export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-6242286b.js';
+export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
 export { InputBoxSize as InputSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -40,7 +40,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/components/OrSearchV3/OrSearch.js

@@ -1,10 +1,10 @@
-import { s as script } from '../../OrSearch.vue_vue_type_script_lang-0bcc597c.js';
-export { s as default } from '../../OrSearch.vue_vue_type_script_lang-0bcc597c.js';
+import { s as script } from '../../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
+export { s as default } from '../../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 import '@vueuse/core';
 import 'vue-demi';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-6242286b.js';
+import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -43,7 +43,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/components/OrSearchV3/index.js

@@ -1,9 +1,9 @@
-export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-0bcc597c.js';
+export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
 export { InputBoxSize as SearchSize } from '../OrInputBoxV3/props.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-6242286b.js';
+import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
 import '../OrInputV3/props.js';
 import '../OrInputV3/styles.js';
 import '../OrErrorV3/OrError.js';
@@ -42,7 +42,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-4bf05f8b.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-4bf05f8b.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-1c77663e.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-1c77663e.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
@@ -30,7 +30,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-6242286b.js';
+import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -59,7 +59,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-49907820.js';

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-4bf05f8b.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-1c77663e.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
@@ -30,7 +30,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-6242286b.js';
+import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
 import '../OrInputV3/props.js';
 import '../OrInputV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
@@ -58,7 +58,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-49907820.js';

package/dist/bundled/v3/components/OrTextareaV3/OrTextarea.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTextarea.vue_vue_type_script_lang-7b74a80e.js';
-export { s as default } from '../../OrTextarea.vue_vue_type_script_lang-7b74a80e.js';
+import { s as script } from '../../OrTextarea.vue_vue_type_script_lang-af284089.js';
+export { s as default } from '../../OrTextarea.vue_vue_type_script_lang-af284089.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -11,7 +11,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';

package/dist/bundled/v3/components/OrTextareaV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-7b74a80e.js';
+export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-af284089.js';
 export { InputBoxSize as TextareaSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -10,7 +10,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
-export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
+import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-21be27c6.js';
+export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-21be27c6.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerPopoverHeader-f81b902f.js';
+import '../../OrDateTimePickerPopoverHeader-eff55bd9.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
@@ -17,7 +17,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../../OrDateTimePickerTimeSelect-2f1a2767.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
@@ -55,7 +55,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';
@@ -64,9 +64,7 @@ import '../../directives/dropdown-open.js';
 const _hoisted_1 = /*#__PURE__*/createElementVNode("div", {
   class: /*#__PURE__*/normalizeClass(['grow'])
 }, null, -1 /* HOISTED */);
-const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row'])
-};
+
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrDateTimePickerTimeControl = resolveComponent("OrDateTimePickerTimeControl");
@@ -103,6 +101,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly,
     disabled: _ctx.disabled
   }, {
+    addon: withCtx(() => [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
+      key: 1,
+      icon: 'calendar_month',
+      variant: 'outlined'
+    }))]),
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
       modelValue: _ctx.draftModelValue,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
@@ -147,17 +156,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         })
       })]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "trigger"]), _hoisted_1, createElementVNode("div", _hoisted_2, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
-      key: 0,
-      icon: 'close',
-      color: 'inherit',
-      disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
-    }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
-      key: 1,
-      icon: 'calendar_month',
-      variant: 'outlined'
-    }))])]),
+    }, 8 /* PROPS */, ["class", "trigger"]), _hoisted_1]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1

package/dist/bundled/v3/components/OrTimePickerV3/index.js

@@ -1,8 +1,8 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-21be27c6.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerPopoverHeader-f81b902f.js';
+import '../../OrDateTimePickerPopoverHeader-eff55bd9.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
@@ -17,7 +17,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../../OrDateTimePickerTimeSelect-2f1a2767.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
@@ -55,7 +55,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-a21db166.js';
+import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';

package/dist/bundled/v3/components/index.js

@@ -14,7 +14,7 @@ export { ButtonColor, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-1f2d30f3.js';
-export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-34390dfe.js';
+export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-a619731b.js';
@@ -33,12 +33,12 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 export { s as OrCombinedInputV3 } from '../OrCombinedInput.vue_vue_type_script_lang-cb7a88f3.js';
 export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-2cb65fae.js';
-export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-e1390930.js';
+export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-b1b13331.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-31f5d798.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-b8045270.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-a0354296.js';
 export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
@@ -68,8 +68,8 @@ export { s as OrInlineTextEdit } from '../OrInlineTextEdit.vue_vue_type_script_l
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-da59cd8e.js';
 export { s as OrInput } from '../OrInput.vue_vue_type_script_lang-5404596e.js';
-export { s as OrInputBoxV3 } from '../OrInputBox.vue_vue_type_script_lang-a21db166.js';
-export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-6242286b.js';
+export { s as OrInputBoxV3 } from '../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-d08b3796.js';
 export { InputType } from './OrInputV3/props.js';
 export { s as OrLabel } from '../OrLabel.vue_vue_type_script_lang-6243e348.js';
 export { s as OrLabelV3 } from '../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
@@ -109,11 +109,11 @@ export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-75b6
 export { s as OrRadioGroupV3 } from '../OrRadioGroup.vue_vue_type_script_lang-dfffdd80.js';
 export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-e9ac87e8.js';
 export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-8dbecb52.js';
-export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-0bcc597c.js';
+export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-ed0d9fe7.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-a8a2875f.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-4bf05f8b.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-1c77663e.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-fddb063c.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
 export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-780eaa84.js';
@@ -144,10 +144,10 @@ export { default as OrTeleport } from './OrTeleport/OrTeleport.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 export { s as OrTextV3 } from '../OrText.vue_vue_type_script_lang-6ce019db.js';
 export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-84594717.js';
-export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-7b74a80e.js';
+export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-af284089.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-ed48ed9b.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-21be27c6.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-6512c2eb.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
@@ -254,14 +254,14 @@ import '../index-968c331a.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-387c2096.js';
+import '../OrDateTimePickerMonthSelect-98b935cb.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import '../OrDateTimePickerPopoverHeader-f81b902f.js';
+import '../OrDateTimePickerPopoverHeader-eff55bd9.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
 import 'lodash/padStart';
-import '../OrDateTimePickerTimeSelect-8bdb97b7.js';
+import '../OrDateTimePickerTimeSelect-2f1a2767.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';

package/dist/bundled/v3/index.js

@@ -10,7 +10,7 @@ export { s as OrButton } from './OrButton.vue_vue_type_script_lang-e9677805.js';
 import './components/OrCardCollection/OrCardCollection.js';
 export { s as OrCardCollection } from './OrCardCollection.vue_vue_type_script_lang-1f2d30f3.js';
 import './components/OrCardCollectionV3/OrCardCollection.js';
-export { s as OrCardCollectionV3 } from './OrCardCollection.vue_vue_type_script_lang-34390dfe.js';
+export { s as OrCardCollectionV3 } from './OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
 import './components/OrCardV3/OrCard.js';
 export { s as OrCardV3 } from './OrCard.vue_vue_type_script_lang-b204e541.js';
 import './components/OrCarousel/OrCarousel.js';
@@ -30,13 +30,13 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput.vue_vue_type_script_la
 import './components/OrConfirm/OrConfirm.js';
 export { s as OrConfirm } from './OrConfirm.vue_vue_type_script_lang-2cb65fae.js';
 import './components/OrConfirmV3/OrConfirm.js';
-export { s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-e1390930.js';
+export { s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-b1b13331.js';
 import './components/OrDatePickerV3/OrDatePicker.js';
-export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-d071d109.js';
+export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-31f5d798.js';
 import './components/OrDateTimePicker/OrDateTimePicker.js';
 export { s as OrDateTimePicker } from './OrDateTimePicker.vue_vue_type_script_lang-b8045270.js';
 import './components/OrDateTimePickerV3/OrDateTimePicker.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-a0354296.js';
 import './components/OrEmptyStateV3/OrEmptyState.js';
 export { s as OrEmptyStateV3 } from './OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 import './components/OrErrorTagV3/OrErrorTag.js';
@@ -80,7 +80,7 @@ export { s as OrSegmentedControlV3 } from './OrSegmentedControl.vue_vue_type_scr
 import './components/OrSelect/OrSelect.js';
 export { s as OrSelect } from './OrSelect.vue_vue_type_script_lang-a8a2875f.js';
 import './components/OrSelectV3/OrSelect.js';
-export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-4bf05f8b.js';
+export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-1c77663e.js';
 import './components/OrSidebar/OrSidebar.js';
 export { s as OrSidebar } from './OrSidebar.vue_vue_type_script_lang-fddb063c.js';
 import './components/OrSidebarV3/OrSidebar.js';
@@ -122,11 +122,11 @@ export { s as OrTextV3 } from './OrText.vue_vue_type_script_lang-6ce019db.js';
 import './components/OrTextarea/OrTextarea.js';
 export { s as OrTextarea } from './OrTextarea.vue_vue_type_script_lang-84594717.js';
 import './components/OrTextareaV3/OrTextarea.js';
-export { s as OrTextareaV3 } from './OrTextarea.vue_vue_type_script_lang-7b74a80e.js';
+export { s as OrTextareaV3 } from './OrTextarea.vue_vue_type_script_lang-af284089.js';
 import './components/OrTextbox/OrTextbox.js';
 export { s as OrTextbox } from './OrTextbox.vue_vue_type_script_lang-ed48ed9b.js';
 import './components/OrTimePickerV3/OrTimePicker.js';
-export { s as OrTimePickerV3 } from './OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as OrTimePickerV3 } from './OrTimePicker.vue_vue_type_script_lang-21be27c6.js';
 import './components/OrToastContainer/OrToastContainer.js';
 export { s as OrToastContainer } from './OrToastContainer.vue_vue_type_script_lang-6512c2eb.js';
 export { default as useToast } from './components/OrToast/composable/useToast.js';
@@ -179,8 +179,8 @@ export { InlineInputBoxSize, InlineInputBoxSize as InlineInputSize } from './com
 export { InlineInputType } from './components/OrInlineInputV3/props.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './components/OrInlineTextEdit/constants.js';
 export { s as OrInput } from './OrInput.vue_vue_type_script_lang-5404596e.js';
-export { s as OrInputBoxV3 } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
-export { s as OrInputV3 } from './OrInput.vue_vue_type_script_lang-6242286b.js';
+export { s as OrInputBoxV3 } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+export { s as OrInputV3 } from './OrInput.vue_vue_type_script_lang-d08b3796.js';
 export { InputType } from './components/OrInputV3/props.js';
 export { s as OrLabel } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
 export { s as OrLabelV3 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
@@ -207,7 +207,7 @@ export { OrProgressColors, OrProgressTypes } from './components/OrProgress/const
 export { ProgressColor, ProgressType } from './components/OrProgressV3/props.js';
 export { s as OrRadioV3 } from './OrRadio.vue_vue_type_script_lang-e9ac87e8.js';
 export { s as OrSearch } from './OrSearch.vue_vue_type_script_lang-8dbecb52.js';
-export { s as OrSearchV3 } from './OrSearch.vue_vue_type_script_lang-0bcc597c.js';
+export { s as OrSearchV3 } from './OrSearch.vue_vue_type_script_lang-940d8e1f.js';
 export { SegmentedControlSize } from './components/OrSegmentedControlV3/props.js';
 export { OrSidebarSide } from './components/OrSidebar/constants.js';
 export { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
@@ -285,9 +285,9 @@ import './components/OrConfirmV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import './OrDateTimePickerMonthSelect-387c2096.js';
+import './OrDateTimePickerMonthSelect-98b935cb.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import './OrDateTimePickerPopoverHeader-f81b902f.js';
+import './OrDateTimePickerPopoverHeader-eff55bd9.js';
 import './components/OrDatePickerV3/styles.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrPopoverV3/OrPopover.js';
@@ -297,7 +297,7 @@ import 'lodash/isElement';
 import 'lodash/get';
 import './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';
-import './OrDateTimePickerTimeSelect-8bdb97b7.js';
+import './OrDateTimePickerTimeSelect-2f1a2767.js';
 import './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './components/OrDateTimePickerV3/styles.js';
 import './components/OrEmptyStateV3/styles.js';

package/dist/esm/v2/{OrCardCollection-e23d4238.js → OrCardCollection-02970752.js}

@@ -5,8 +5,8 @@ import { _ as __vue_component__$6 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-6f9b8a93.js';
 import { _ as __vue_component__$4 } from './OrMenu-8b902c22.js';
 import './OrPopover-80459663.js';
-import { _ as __vue_component__$7 } from './OrSearch-5aa8154f.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
+import { _ as __vue_component__$7 } from './OrSearch-fa824e87.js';
+import './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const CardCollectionRoot = [