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

package/dist/esm/v3/{OrCombinedInput-391b1de9.js → OrCombinedInput-429d6114.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$3 } from './OrLabel-59d09591.js';
+import { s as script$3 } from './OrLabel-4abbce6e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 
 const CombinedInput = [
@@ -79,12 +79,6 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
-const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrHint = resolveComponent("OrHint");
@@ -111,20 +105,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,
     disableDefaultStyles: _ctx.disableDefaultStyles
-  })], 2 /* CLASS */), withDirectives(createElementVNode("div", _hoisted_1, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
-    key: 0,
+  })], 2 /* CLASS */), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(_component_OrError, {
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrConfirm-29ff7101.js → OrConfirm-57421e31.js}

@@ -7,8 +7,8 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { s as script$2, a as ButtonColor } from './OrButton-c95aef65.js';
-import { s as script$3 } from './OrInput-500c5939.js';
-import { s as script$1 } from './OrOverlay-19f08ea8.js';
+import { s as script$3 } from './OrInput-81a3ddc4.js';
+import { s as script$1 } from './OrOverlay-b452613a.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
 var ConfirmType;

package/dist/esm/v3/{OrConfirm-c6dd113f.js → OrConfirm-7c132ea7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrButton-8e2c399f.js';
-import { a as BUTTON_COLOR } from './OrIconButton-d493432f.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-7efd027b.js';
+import { s as script$1 } from './OrButton-f5de246c.js';
+import { a as BUTTON_COLOR } from './OrIconButton-746a7058.js';
+import { s as script$2, O as OrModalSizes } from './OrModal-8eeab7a1.js';
 import { s as script$3 } from './OrInput-4a3206ea.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';

package/dist/esm/v3/{OrContextMenu-30539c6f.js → OrContextMenu-51c4264f.js}

@@ -5,8 +5,8 @@ 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 { s as script$1 } from './OrMenu-c87e33de.js';
-import { a as PopoverPlacement } from './OrPopover-0c507548.js';
+import { s as script$1 } from './OrMenu-2d763024.js';
+import { a as PopoverPlacement } from './OrPopover-92d5273a.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrDateFormat-68696d0f.js → OrDateFormat-d8f6e37f.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat$1 } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-3053fe09.js';
-import './OrDateTimePickerTimeSelect-9f4b9dd8.js';
+import './OrDateTimePicker-4aefd65d.js';
+import './OrDateTimePickerTimeSelect-8629bc25.js';
 import { f as formatDate } from './formatTime-fbabf53c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-0718f739.js → OrDatePicker-0b2b92c4.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 { D as DateFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-3053fe09.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-9f4b9dd8.js';
+import './OrDateTimePicker-4aefd65d.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-8629bc25.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-331220bc.js';
 import { s as script$8 } from './OrHint-262c8217.js';
-import { s as script$a } from './OrIconButton-525d873e.js';
+import { s as script$a } from './OrIconButton-76b101dc.js';
 import { s as script$9 } from './OrIcon-c446d072.js';
 import { s as script$b, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$c } from './OrLabel-59d09591.js';
-import { s as script$d } from './OrPopover-0c507548.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
+import { s as script$c } from './OrLabel-4abbce6e.js';
+import { s as script$d } from './OrPopover-92d5273a.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
 
 const DatePicker = [
 // Layout
@@ -320,23 +320,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_1]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
-    key: 0,
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 2,
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrDateRangePicker-f6daa879.js → OrDateRangePicker-d24be474.js}

@@ -7,18 +7,18 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-3053fe09.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-9f4b9dd8.js';
+import './OrDateTimePicker-4aefd65d.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-8629bc25.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
 import { s as script$7 } from './OrError-331220bc.js';
 import { s as script$8 } from './OrHint-262c8217.js';
-import { s as script$a } from './OrIconButton-525d873e.js';
+import { s as script$a } from './OrIconButton-76b101dc.js';
 import { s as script$9 } from './OrIcon-c446d072.js';
 import { s as script$b, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$c } from './OrLabel-59d09591.js';
-import { s as script$d } from './OrPopover-0c507548.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';
+import { s as script$c } from './OrLabel-4abbce6e.js';
+import { s as script$d } from './OrPopover-92d5273a.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
 
 const DateRangePicker = [
 // Layout
@@ -146,8 +146,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({
@@ -156,8 +156,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');
@@ -185,7 +185,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 toggleControl() {
       activeControl.value = activeControl.value === 'from' ? 'to' : 'from';
@@ -398,23 +398,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_4]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, () => _ctx.openPopover('from')], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
-    key: 0,
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, () => _ctx.openPopover('from')], [_directive_dropdown_close, _ctx.closePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 2,
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrDateTimeFormat-e4a4e071.js → OrDateTimeFormat-093e12ab.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat, T as TimeFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-3053fe09.js';
-import './OrDateTimePickerTimeSelect-9f4b9dd8.js';
+import './OrDateTimePicker-4aefd65d.js';
+import './OrDateTimePickerTimeSelect-8629bc25.js';
 import { f as formatDate, a as formatTime } from './formatTime-fbabf53c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-3053fe09.js → OrDateTimePicker-4aefd65d.js}

@@ -9,14 +9,14 @@ import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat, T as TimeFormat } from './TimeFormat-a7f5565b.js';
 import { s as script$9 } from './OrError-331220bc.js';
 import { s as script$a } from './OrHint-262c8217.js';
-import { s as script$c } from './OrIconButton-525d873e.js';
+import { s as script$c } from './OrIconButton-76b101dc.js';
 import { s as script$b } from './OrIcon-c446d072.js';
 import { s as script$d, a as InputBoxSize } from './OrInputBox-287f97ba.js';
-import { s as script$e } from './OrLabel-59d09591.js';
-import { s as script$f } from './OrPopover-0c507548.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-9f4b9dd8.js';
+import { s as script$e } from './OrLabel-4abbce6e.js';
+import { s as script$f } from './OrPopover-92d5273a.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-8629bc25.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
 
 const DateTimePicker = [
 // Layout
@@ -449,23 +449,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_1]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.$slots.hint || _ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
-    key: 0,
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 2,
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrDateTimePicker-73e33b46.js → OrDateTimePicker-d2de9625.js}

@@ -6,8 +6,8 @@ import { s as script$3 } from './OrLabel-a7d99df4.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-8822005b.js';
 import { s as script$6 } from './OrCollapse-bbba69ea.js';
-import './OrButton-8e2c399f.js';
-import { s as script$7 } from './OrIconButton-d493432f.js';
+import './OrButton-f5de246c.js';
+import { s as script$7 } from './OrIconButton-746a7058.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from './dom-53c9635b.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';

package/dist/esm/v3/{OrDateTimePickerTimeSelect-9f4b9dd8.js → OrDateTimePickerTimeSelect-8629bc25.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { u as useDateMask, a as useTimeMask } from './useTimeMask-f2a4d09f.js';
+import { u as useDateMask, a as useTimeMask } from './useTimeMask-7a7246c1.js';
 import './dom-53c9635b.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
@@ -9,11 +9,11 @@ import { T as TimeFormat } from './TimeFormat-a7f5565b.js';
 import { f as formatDate, a as formatTime } from './formatTime-fbabf53c.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
 import { s as script$8 } from './OrButton-c95aef65.js';
-import { s as script$9 } from './OrLabel-59d09591.js';
-import { s as script$b } from './OrIconButton-525d873e.js';
+import { s as script$9 } from './OrLabel-4abbce6e.js';
+import { s as script$b } from './OrIconButton-76b101dc.js';
 import { s as script$a } from './OrIcon-c446d072.js';
-import { s as script$d } from './OrMenuItem-def5de14.js';
-import { s as script$c } from './OrMenu-c87e33de.js';
+import { s as script$d } from './OrMenuItem-b5789563.js';
+import { s as script$c } from './OrMenu-2d763024.js';
 
 const DateTimePickerDateControl = [
 // Layout

package/dist/esm/v3/{OrEditorTabs-55d38b45.js → OrEditorTabs-ec1ec067.js}

@@ -1,14 +1,16 @@
 import { useScroll } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { g as getItemByValue } from './getItemByValue-be7353df.js';
 import './dom-53c9635b.js';
+import { i as isNil } from './isNull-7ae26d1d.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
 import { s as script$2 } from './OrIcon-c446d072.js';
-import { s as script$4 } from './OrMenuItem-def5de14.js';
-import { s as script$3 } from './OrMenu-c87e33de.js';
-import { s as script$1 } from './OrEditorTabsItem-6614aff7.js';
+import { s as script$4 } from './OrMenuItem-b5789563.js';
+import { s as script$3 } from './OrMenu-2d763024.js';
+import { s as script$1 } from './OrEditorTabsItem-b1116aa7.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, Fragment, renderList, createBlock, withCtx, renderSlot, toDisplayString, createCommentVNode, createVNode, createTextVNode } from 'vue';
 
 var EditorTabsOverflow;
@@ -62,7 +64,7 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: [String, Number],
+      type: undefined,
       default: undefined
     },
     items: {
@@ -97,7 +99,7 @@ var script = defineComponent({
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const selectedItem = computed(() => {
-      return props.items.find(item => item.value === proxyModelValue.value);
+      return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;
     });
     watch(selectedItem, value => {
       var _a, _b, _c;

package/dist/esm/v3/{OrEditorTabsItem-6614aff7.js → OrEditorTabsItem-b1116aa7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-525d873e.js';
+import { s as script$1 } from './OrIconButton-76b101dc.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createVNode, withModifiers, createCommentVNode, createElementVNode } from 'vue';
 
 const EditorTabsItem = [

package/dist/esm/v3/{OrFormGroup-230f2015.js → OrFormGroup-4afd327b.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$3 } from './OrLabel-59d09591.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as script$3 } from './OrLabel-4abbce6e.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 
 var FormGroupDirection;
 (function (FormGroupDirection) {
@@ -10,18 +10,21 @@ var FormGroupDirection;
   FormGroupDirection["Horizontal"] = "horizontal";
 })(FormGroupDirection || (FormGroupDirection = {}));
 
-const FormGroupRoot = [
+const FormGroup = [
 // Layout
-'layout-column', 'gap-md md:gap-sm'];
+'layout-column',
+// Spacing
+'gap-md md:gap-sm'];
 const FormGroupContent = [
-// Layout
-'pl-[10px] md:pl-[0]'];
-const FormGroupLabel = [
-// Typography
-'!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark', 'invalid:!theme-foreground-error', 'dark:invalid:!theme-foreground-error-dark'];
+// Spacing
+'gap-md md:gap-sm'];
 const FormGroupContentDirections = {
-  [FormGroupDirection.Vertical]: ['layout-column', 'gap-md md:gap-sm'],
-  [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
+  [FormGroupDirection.Vertical]: [
+  // Layout
+  'layout-column'],
+  [FormGroupDirection.Horizontal]: [
+  // Layout
+  'layout-row']
 };
 
 var script = defineComponent({
@@ -58,27 +61,18 @@ var script = defineComponent({
     }
   },
   setup(props) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // State
-    const invalid = computed(() => !!props.error);
-    // Styles
-    const rootStyles = computed(() => ['or-form-group-v3', ...FormGroupRoot]);
-    const labelStyles = computed(() => [...FormGroupLabel]);
+    const rootStyles = computed(() => ['or-form-group-v3', ...FormGroup]);
     const contentStyles = computed(() => [...FormGroupContent, ...FormGroupContentDirections[props.direction]]);
     return {
       root,
       rootStyles,
-      labelStyles,
-      contentStyles,
-      invalid
+      contentStyles
     };
   }
 });
 
-const _hoisted_1 = {
-  class: "layout-row"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrHint = resolveComponent("OrHint");
@@ -86,10 +80,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
     key: 0,
-    class: normalizeClass(_ctx.labelStyles),
-    invalid: _ctx.invalid,
+    variant: 'group',
+    invalid: !!_ctx.error,
     required: _ctx.required,
     disabled: _ctx.disabled
   }, {
@@ -97,23 +91,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "invalid", "required", "disabled"])) : createCommentVNode("v-if", true)])]), createElementVNode("div", {
+  }, 8 /* PROPS */, ["invalid", "required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
     class: normalizeClass(_ctx.contentStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), (_ctx.$slots.hint || _ctx.hint) && !_ctx.error ? (openBlock(), createBlock(_component_OrHint, {
-    key: 0,
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
-    key: 1,
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrIconButton-d493432f.js → OrIconButton-746a7058.js}

@@ -1,6 +1,6 @@
 import { defineComponent, isVue3, h } from 'vue-demi';
 import { s as script$3 } from './OrIcon-b9c3dfd2.js';
-import { s as script$4 } from './OrLoader-b1290a56.js';
+import { s as script$4 } from './OrLoader-d5a5b426.js';
 import { s as script$2 } from './OrTooltip-59b0b1f0.js';
 import './OrTooltipContent-c0042844.js';
 import { O as OrFloatingPlacements } from './OrFloating-20688c74.js';

package/dist/esm/v3/{OrIconButton-525d873e.js → OrIconButton-76b101dc.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, a as IconSize } from './OrIcon-c446d072.js';
-import { s as script$2 } from './OrTooltip-9d591d1e.js';
+import { s as script$2 } from './OrTooltip-ffa9120a.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, createSlots, withCtx, createElementVNode, mergeProps, toHandlers, createVNode, renderSlot } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-9fb3fdf3.js → OrInlineInput-c07c02ab.js}

@@ -9,7 +9,7 @@ import './TimeFormat-a7f5565b.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { s as script$3 } from './OrIconButton-525d873e.js';
+import { s as script$3 } from './OrIconButton-76b101dc.js';
 import { I as InlineInputBoxSize, s as script$4 } from './OrInlineInputBox-9d62d2b3.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -174,12 +174,6 @@ const _hoisted_1 = {
   class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-sm+'])
 };
 const _hoisted_2 = ["type", "placeholder", "activated"];
-const _hoisted_3 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
-const _hoisted_4 = {
-  class: /*#__PURE__*/normalizeClass(['contents'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrInlineInputBox = resolveComponent("OrInlineInputBox");
   const _component_OrIconButton = resolveComponent("OrIconButton");
@@ -226,7 +220,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     icon: 'close',
     color: 'inherit',
     onClick: withModifiers(_ctx.reset, ["stop"])
-  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), withDirectives(createElementVNode("div", _hoisted_3, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+  }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */)) : createCommentVNode("v-if", true)]), _ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? withDirectives((openBlock(), createBlock(_component_OrHint, {
     key: 0
   }, createSlots({
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
@@ -237,7 +231,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.length) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_4, [createVNode(_component_OrError, null, createSlots({
+  } : undefined]), 1536 /* NEED_PATCH, DYNAMIC_SLOTS */)), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, null, createSlots({
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
 
     _: 2 /* DYNAMIC */
@@ -246,7 +240,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.length) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
 
     key: "0"
-  } : undefined]), 1024 /* DYNAMIC_SLOTS */)], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  } : undefined]), 1536 /* NEED_PATCH, DYNAMIC_SLOTS */), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
 }
 
 var css_248z = "\ninput[data-v-29d9ad19] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\ninput[type=\"number\"][data-v-29d9ad19]::-webkit-inner-spin-button {\n  display: none;\n}\ninput[type=\"search\"][data-v-29d9ad19]::-webkit-search-cancel-button {\n  display: none;\n}\n";

package/dist/esm/v3/{OrInlineTextEdit-9ca68ae4.js → OrInlineTextEdit-a512574d.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { s as script$1 } from './OrCollapse-bbba69ea.js';
 import { s as script$2 } from './OrError-f90296db.js';
-import './OrButton-8e2c399f.js';
-import { s as script$3 } from './OrIconButton-d493432f.js';
+import './OrButton-f5de246c.js';
+import { s as script$3 } from './OrIconButton-746a7058.js';
 import { useVModel } from '@vueuse/core';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from './dom-53c9635b.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';