@onereach/ui-components 4.10.4-beta.2956.0 → 4.10.4

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

@@ -1,16 +1,14 @@
 export { default as OrCode } from './OrCode.js';
 export { OrCodeLanguages } from './constants.js';
-import '../../index-bd861a5f.js';
-import '../../index-9e6cb31a.js';
-import '../../index-e1560755.js';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-cf2c3c27.js';
+import '../../lang-0fb8f78b.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
 import 'vue-demi';
 import '../OrTeleport/OrTeleport.js';
 import 'vue';
 import '../OrTeleport/constants.js';
 import '../../normalize-component-6e8e3d80.js';
-import './lang.js';
 import './theme.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../OrTooltip/OrTooltip.js';
@@ -19,11 +17,12 @@ import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrFloating/constants.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';
 import '../OrIcon/constants.js';

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

@@ -1,24 +1,3 @@
-import { a as javascript, c as css, h as html, j as json, m as markdown } from '../../index-e1560755.js';
-import { OrCodeLanguages } from './constants.js';
-import '../../index-bd861a5f.js';
-
-const JS = javascript({
-  typescript: false
-});
-const TS = javascript({
-  typescript: true
-});
-const CSS = css();
-const HTML = html();
-const JSON = json();
-const MD = markdown();
-var languages = {
-  [OrCodeLanguages.JS]: JS,
-  [OrCodeLanguages.TS]: TS,
-  [OrCodeLanguages.CSS]: CSS,
-  [OrCodeLanguages.HTML]: HTML,
-  [OrCodeLanguages.JSON]: JSON,
-  [OrCodeLanguages.MD]: MD
-};
-
-export { CSS, HTML, JS, JSON, MD, TS, languages as default };
+export { C as CSS, H as HTML, J as JS, e as JSON, M as MD, T as TS, l as default } from '../../lang-0fb8f78b.js';
+import './constants.js';
+import '../../index-cf2c3c27.js';

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

@@ -1,4 +1,4 @@
-import { E as EditorView, _ as HighlightStyle, $ as tags, M as syntaxHighlighting } from '../../index-bd861a5f.js';
+import { E as EditorView, ar as HighlightStyle, aa as tags, L as syntaxHighlighting } from '../../index-cf2c3c27.js';
 
 // Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
 const chalky = 'var(--c-warning-darken-20)',

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

@@ -1,12 +1,13 @@
 import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
-import { s as setStyle, r as requestAF, a as reflow, e as removeStyle, c as cancelAF, f as getBCR } from '../../dom-700444b4.js';
+import { s as setStyle, r as requestAF, a as reflow, e as removeStyle, c as cancelAF, f as getBCR } from '../../dom-571739a2.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 
 var script = defineComponent({
   name: 'OrCollapse',

package/dist/bundled/v2/components/OrCollapse/index.js

@@ -1,10 +1,11 @@
 export { default as OrCollapse } from './OrCollapse.js';
 import 'vue-demi';
 import '../../utils/functions/px-to-rem.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,21 +1,22 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-cb7f28c5.js';
+import { o as onClickOutside } from '../../index-c92e2839.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-8a1b5b9c.js';
+import { u as useToggle } from '../../index-ec92055d.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import 'vue';
 import '../OrTeleport/constants.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 
 var script = defineComponent({
   name: 'OrColorPicker',

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

@@ -1,8 +1,8 @@
 export { default as OrColorPicker } from './OrColorPicker.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './constants.js';
 import 'vue-demi';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
 import './utils/defultPalette.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
@@ -11,9 +11,10 @@ import 'vue';
 import '../OrTeleport/constants.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrFloating/constants.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-cb7f28c5.js';
-import { l as logicAnd } from '../../index-82718479.js';
+import { b as useMagicKeys, c as useActiveElement } from '../../index-c92e2839.js';
+import { l as logicAnd } from '../../index-15e8c1f3.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';
 import __vue_component__$3 from '../OrInput/OrInput.js';
 import { BUTTON_COLOR } from '../OrButtonV2/constants.js';
 import { OrModalSizes } from '../OrModal/constants.js';
-import { w as whenever } from '../../index-8a1b5b9c.js';
+import { w as whenever } from '../../index-ec92055d.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIcon/OrIcon.js';
@@ -19,11 +19,12 @@ import '../OrTeleport/OrTeleport.js';
 import 'vue';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 import '../OrLoader/OrLoader.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';

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

@@ -1,8 +1,8 @@
 export { default as OrConfirm } from './OrConfirm.js';
 import 'vue-demi';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
-import '../../index-82718479.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
+import '../../index-15e8c1f3.js';
 import '../OrButtonV2/OrButton.js';
 import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';
@@ -17,11 +17,12 @@ import '../OrTeleport/OrTeleport.js';
 import 'vue';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
-import '../../dom-700444b4.js';
-import '../../isObject-fe8b81fd.js';
-import '../../get-ab1b7d93.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import '../../dom-571739a2.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../get-73ac2f59.js';
+import '../../toString-47fa81b4.js';
+import '../../eq-fa566495.js';
 import '../OrLoader/OrLoader.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';

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

@@ -1,14 +1,14 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-cb7f28c5.js';
-import { l as logicAnd } from '../../index-82718479.js';
+import { b as useMagicKeys, o as onClickOutside } from '../../index-c92e2839.js';
+import { l as logicAnd } from '../../index-15e8c1f3.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { ConfirmRoot, 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 __vue_component__$3 from '../OrInputV3/OrInput.js';
-import { ButtonColor } from '../OrButtonV3/props.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
-import { w as whenever } from '../../index-8a1b5b9c.js';
+import { ButtonColor } from '../OrButtonV3/props.js';
+import { w as whenever } from '../../index-ec92055d.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
@@ -50,7 +50,6 @@ import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
-import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';
 
 var script = defineComponent({
@@ -122,7 +121,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
     const {

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

@@ -1,9 +1,9 @@
 export { default as OrConfirmV3 } from './OrConfirm.js';
 export { ConfirmType } from './props.js';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
 import 'vue-demi';
-import '../../index-82718479.js';
+import '../../index-15e8c1f3.js';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
@@ -51,5 +51,4 @@ import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
-import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3af08d63.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5dfaceb2.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9ca79b52.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-28995b95.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -13,21 +13,20 @@ import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
-import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
-import '../OrPopoverV3/props.js';
 import '../../hooks/usePopoverState.js';
+import '../OrPopoverV3/props.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrErrorV3/styles.js';
@@ -149,10 +148,17 @@ var script = defineComponent({
     const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
+    const draftModelValue = ref();
     watch(proxyModelValue, value => {
       draftModelValue.value = value;
+    }, {
+      immediate: true
     });
     const isInvalidDraftModelValue = computed(() => {
       if (draftModelValue.value) {

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

@@ -18,8 +18,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
@@ -156,8 +156,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;

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

@@ -2,16 +2,15 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-3af08d63.js';
+import '../../OrDateTimePickerMonthSelect-9ca79b52.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrIconV3/OrIcon.js';
@@ -41,7 +40,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-5dfaceb2.js';
+import '../../OrDateTimePickerPopoverHeader-28995b95.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

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

@@ -1,9 +1,9 @@
-import { _ as _baseToString, t as toString_1 } from '../../toString-f3196832.js';
+import { _ as _baseToString, t as toString_1 } from '../../toString-47fa81b4.js';
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
-import { t as toInteger_1 } from '../../toInteger-2fd112a9.js';
+import { t as toInteger_1 } from '../../toInteger-db8a475d.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-cb7f28c5.js';
-import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from '../../dom-700444b4.js';
+import { o as onClickOutside } from '../../index-c92e2839.js';
+import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from '../../dom-571739a2.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
@@ -14,11 +14,12 @@ import __vue_component__$4 from '../OrError/OrError.js';
 import __vue_component__$5 from '../OrHint/OrHint.js';
 import __vue_component__$6 from '../OrCollapse/OrCollapse.js';
 import __vue_component__$7 from '../OrIconButtonV2/OrIconButton.js';
-import '../../isObject-fe8b81fd.js';
-import '../../toFinite-74227610.js';
-import '../../index-8a1b5b9c.js';
-import '../../get-ab1b7d93.js';
-import '../../eq-95cd2573.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
+import '../../toFinite-021b0c50.js';
+import '../../index-ec92055d.js';
+import '../../get-73ac2f59.js';
+import '../../eq-fa566495.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import 'vue';

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

@@ -1,16 +1,17 @@
 export { default as OrDateTimePicker } from './OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './constants.js';
-import '../../toString-f3196832.js';
-import '../../isObject-fe8b81fd.js';
+import '../../toString-47fa81b4.js';
+import '../../isObject-3a5b854d.js';
+import '../../_commonjsHelpers-48a9cab9.js';
 import '../../_baseProperty-a52739e9.js';
-import '../../toInteger-2fd112a9.js';
-import '../../toFinite-74227610.js';
+import '../../toInteger-db8a475d.js';
+import '../../toFinite-021b0c50.js';
 import 'vue-demi';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
-import '../../dom-700444b4.js';
-import '../../get-ab1b7d93.js';
-import '../../eq-95cd2573.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
+import '../../dom-571739a2.js';
+import '../../get-73ac2f59.js';
+import '../../eq-fa566495.js';
 import '../../utils/functions/px-to-rem.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3af08d63.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5dfaceb2.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a19f740b.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9ca79b52.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-28995b95.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c52ee823.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -15,21 +15,20 @@ import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
-import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import './hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
-import '../OrPopoverV3/props.js';
 import '../../hooks/usePopoverState.js';
+import '../OrPopoverV3/props.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
 import './hooks/useTimePlaceholder.js';
@@ -172,10 +171,17 @@ var script = defineComponent({
     const timePopoverStyles = computed(() => [...DateTimePickerTimePopover]);
     // State
     const initialModelValue = useCurrentDate();
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
+    const draftModelValue = ref();
     watch(proxyModelValue, value => {
       draftModelValue.value = value;
+    }, {
+      immediate: true
     });
     const isInvalidDraftModelValue = computed(() => {
       if (draftModelValue.value) {

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts

@@ -25,8 +25,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     timePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
@@ -200,8 +200,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     timePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;

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

@@ -3,16 +3,15 @@ export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-3af08d63.js';
+import '../../OrDateTimePickerMonthSelect-9ca79b52.js';
 import './hooks/useDatePlaceholder.js';
-import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-cb7f28c5.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-c92e2839.js';
+import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrIconV3/OrIcon.js';
@@ -42,11 +41,11 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-5dfaceb2.js';
+import '../../OrDateTimePickerPopoverHeader-28995b95.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-a19f740b.js';
+import '../../OrDateTimePickerTimeSelect-c52ee823.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.js

@@ -6,7 +6,7 @@ import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-ec92055d.js';
 
 var script = defineComponent({
   name: 'OrExpansionPanel',
@@ -54,7 +54,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     return {
       root,
       rootStyles,

package/dist/bundled/v2/components/OrExpansionPanelV3/index.js

@@ -7,4 +7,4 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../hooks/usePopoverState.js';
-import '../../index-8a1b5b9c.js';
+import '../../index-ec92055d.js';