@onereach/ui-components 10.3.4-beta.4324.0 → 10.3.4-beta.4329.0

package/dist/bundled/v2/{OrInlineInput-82e094ab.js → OrInlineInput-ba8d63bb.js}

@@ -140,7 +140,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-234259c4]{min-width:0;background:0 0;outline:0}input[type=number][data-v-234259c4]::-webkit-inner-spin-button{display:none}input[type=search][data-v-234259c4]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-7fecc236]{min-width:0;background:0 0;outline:0}input[type=number][data-v-7fecc236]::-webkit-inner-spin-button{display:none}input[type=search][data-v-7fecc236]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -230,44 +230,48 @@ var __vue_render__ = function () {
         return _vm.reset.apply(null, arguments);
       }
     }
-  })], 1)] : _vm._e()], 2), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
+    class: ['contents']
+  }, [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n          " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
+    class: ['contents']
+  }, [_c('OrError', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n      " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
+        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)]);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-234259c4";
+const __vue_scope_id__ = "data-v-7fecc236";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrInput-9b115866.js → OrInput-436fb208.js}

@@ -150,7 +150,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-12b2b112]{min-width:0;background:0 0;outline:0}input[type=search][data-v-12b2b112]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-44d0df11]{min-width:0;background:0 0;outline:0}input[type=search][data-v-44d0df11]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -193,7 +193,7 @@ var __vue_render__ = function () {
         return [_vm.loading ? [_c('OrLoader', {
           attrs: {
             "variant": 'circular',
-            "color": _vm.error ? 'danger' : 'primary',
+            "color": 'primary',
             "size": _vm.isMobile ? 'm' : 's'
           }
         })] : [_vm.type === 'password' ? [_c('OrIconButton', {
@@ -211,11 +211,11 @@ var __vue_render__ = function () {
               _vm.disclosed = !_vm.disclosed;
             }
           }
-        })] : _vm._e(), _vm._v(" "), _vm.type === 'search' ? [_vm.modelValue && !_vm.readonly ? [_c('OrIconButton', {
+        })] : _vm._e(), _vm._v(" "), _vm.type === 'search' ? [_vm.modelValue ? [_c('OrIconButton', {
           attrs: {
             "icon": 'close',
             "color": 'inherit',
-            "disabled": _vm.disabled
+            "disabled": _vm.readonly || _vm.disabled
           },
           on: {
             "click": function ($event) {
@@ -280,50 +280,54 @@ var __vue_render__ = function () {
         return _vm.$forceUpdate();
       }]
     }
-  }, 'input', _vm.attributes, false))]), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, 'input', _vm.attributes, false))]), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
+    class: ['contents']
+  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n          " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
+    class: ['contents']
+  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n      " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
+        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-12b2b112";
+const __vue_scope_id__ = "data-v-44d0df11";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { r as usePointerSwipe } from '../../../index-fe85dfd9.js';
+import { q as usePointerSwipe } from '../../../index-13c63b4c.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

package/dist/bundled/v2/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRef } from 'vue-demi';
 import __vue_component__$1 from '../OrCheckboxTreeV3/OrCheckboxTree.js';
 import __vue_component__$2 from '../OrFormGroupV3/OrFormGroup.js';
-import { F as FormGroupDirection } from '../../styles-a198cbef.js';
+import { FormGroupDirection } from '../OrFormGroupV3/props.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -1,14 +1,12 @@
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Checkbox, CheckboxControl, CheckboxControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
-import { L as LabelVariant } from '../../styles-30358b7e.js';
+import { LabelVariant } from '../OrLabelV3/props.js';
+import { isArray } from '../../utils/isArray.js';
+import { isNil } from '../../utils/isNil.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
-import { isArray } from '../../utils/isArray.js';
-import { isUndefined } from '../../utils/isUndefined.js';
-import { include } from '../../utils/include.js';
-import { exclude } from '../../utils/exclude.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -27,7 +25,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: undefined,
+      type: [String, Number, Object],
       default: undefined
     },
     label: {
@@ -67,8 +65,8 @@ var script = defineComponent({
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (isArray(model.value)) {
-        if (isUndefined(props.value)) {
-          throw new Error('[OrCheckbox]: `value` must be specified.');
+        if (isNil(props.value)) {
+          throw new Error('[OrCheckbox]: Property "value" must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -77,13 +75,13 @@ var script = defineComponent({
     // Handlers
     function onChange() {
       if (isArray(model.value)) {
-        if (isUndefined(props.value)) {
-          throw new Error('[OrCheckbox]: `value` must be specified.');
+        if (isNil(props.value)) {
+          throw new Error('[OrCheckbox]: Property "value" must be specified.');
         }
-        if (!checked.value) {
-          model.value = include(props.value, model.value);
+        if (checked.value) {
+          model.value = model.value.filter(value => value !== props.value);
         } else {
-          model.value = exclude(props.value, model.value);
+          model.value = [...model.value, props.value];
         }
       } else {
         model.value = !model.value;
@@ -112,7 +110,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-0dd7274e]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-d1e31144]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -176,7 +174,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-0dd7274e";
+const __vue_scope_id__ = "data-v-d1e31144";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "group" | "menu-item">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     indeterminate: {
@@ -59,7 +59,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "group" | "menu-item">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     indeterminate: {
@@ -78,7 +78,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -103,7 +103,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -113,7 +113,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;

package/dist/bundled/v2/components/OrCheckboxV3/types.d.ts

@@ -1,3 +1,2 @@
-import { ModelValue } from '../../types';
-export type CheckboxModelValue = ModelValue<CheckboxValue[] | boolean>;
+export type CheckboxModelValue = CheckboxValue[] | boolean | null | undefined;
 export type CheckboxValue = string | number | object;

package/dist/bundled/v2/components/OrCode/OrCode.js

@@ -1,6 +1,6 @@
 import { b as basicSetup, i as indentWithTab } from '../../index-f1a845c3.js';
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-10711eb4.js';
-import { u as useElementHover } from '../../index-fe85dfd9.js';
+import { u as useElementHover } from '../../index-13c63b4c.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

package/dist/bundled/v2/components/OrCodeV3/OrCode.js

@@ -120,29 +120,33 @@ var __vue_render__$1 = function () {
   }, [_c('div', {
     ref: 'control',
     class: _vm.controlStyles
-  })]), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })]), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
+    class: ['contents']
+  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
+    class: ['contents']
+  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 1);
 };
 var __vue_staticRenderFns__$1 = [];
 

package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

package/dist/bundled/v2/components/OrCombinedInputV3/OrCombinedInput.js

@@ -96,29 +96,33 @@ var __vue_render__ = function () {
     "readonly": _vm.readonly,
     "disabled": _vm.disabled,
     "disableDefaultStyles": _vm.disableDefaultStyles
-  })], 2), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
+    class: ['contents']
+  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
+    class: ['contents']
+  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrConfirm/OrConfirm.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-fe85dfd9.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-13c63b4c.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,11 +1,11 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-fe85dfd9.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-13c63b4c.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-9b115866.js';
+import { _ as __vue_component__$3 } from '../../OrInput-436fb208.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eef95dbd.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -362,29 +362,17 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.error,
-      expression: "!error"
-    }],
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: typeof _vm.error === 'string' && _vm.error.length > 0,
-      expression: "typeof error === 'string' && error.length > 0"
-    }],
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatDateAlt: (value?: DateTimePickerModelValue) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -186,7 +186,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatDateAlt: (value?: DateTimePickerModelValue) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: DateTimePickerModelValue;
     format: "short" | "medium" | "long";

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,8 +8,8 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eef95dbd.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -138,8 +138,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0];
       },
       set: value => {
-        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];
+        var _a;
+        draft.value = [value, (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]];
       }
     });
     const draftTo = computed({
@@ -148,8 +148,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1];
       },
       set: 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];
+        var _a;
+        draft.value = [(_a = draft.value) === null || _a === void 0 ? void 0 : _a[0], value];
       }
     });
     const activeControl = ref('from');
@@ -177,7 +177,7 @@ var script = defineComponent({
     }
     function reset() {
       var _a;
-      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [null, null];
+      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
     }
     function toggleControl() {
       activeControl.value = activeControl.value === 'from' ? 'to' : 'from';
@@ -491,29 +491,17 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.error,
-      expression: "!error"
-    }],
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: typeof _vm.error === 'string' && _vm.error.length > 0,
-      expression: "typeof error === 'string' && error.length > 0"
-    }],
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.vue.d.ts

@@ -23,18 +23,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialValueFrom: import("@vue/composition-api").Ref<Date>;
     initialValueTo: import("@vue/composition-api").Ref<Date>;
     model: import("../../hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
-    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null>;
-    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
-    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
+    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined>;
+    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     activeControl: import("@vue/composition-api").Ref<"from" | "to">;
-    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
+    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     toggleControl: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatDateAlt: (value?: DateTimePickerModelValue) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -162,18 +162,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialValueFrom: import("@vue/composition-api").Ref<Date>;
     initialValueTo: import("@vue/composition-api").Ref<Date>;
     model: import("../../hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
-    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null>;
-    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
-    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
+    draft: import("@vue/composition-api").Ref<[DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined>;
+    draftFrom: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
+    draftTo: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     activeControl: import("@vue/composition-api").Ref<"from" | "to">;
-    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue | undefined>;
+    activeControlDraft: import("@vue/composition-api").WritableComputedRef<DateTimePickerModelValue>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     toggleControl: () => void;
     openPopover: (control: 'from' | 'to') => void;
     closePopover: () => void;
-    formatDateAlt: (value?: DateTimePickerModelValue) => string;
+    formatDateAlt: (value: DateTimePickerModelValue) => string;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/bundled/v2/components/OrDateRangePickerV3/types.d.ts

@@ -1,3 +1,2 @@
-import { ModelValue } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
-export type DateRangePickerModelValue = ModelValue<[DateTimePickerModelValue, DateTimePickerModelValue]>;
+export type DateRangePickerModelValue = [DateTimePickerModelValue, DateTimePickerModelValue] | null | undefined;

package/dist/bundled/v2/components/OrDateTimePicker/OrDateTimePicker.js

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-07958ae2.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-a6392908.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';