@onereach/ui-components 4.10.4 → 4.10.5-beta.2961.0

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-e9ac87e8.js → OrRadio.vue_vue_type_script_lang-48c2bc6b.js}

@@ -1,10 +1,11 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { RadioRoot, RadioControl, RadioControlHandle } from './components/OrRadioV3/styles.js';
 import './components/OrLabelV3/OrLabel.js';
-import { useIdAttribute } from './hooks/useIdAttribute.js';
-import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
+import { useIdAttribute } from './hooks/useIdAttribute.js';
+import { useControlAttributes } from './hooks/useControlAttributes.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrRadio',
@@ -55,12 +56,7 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     // Methods
     function focus() {
       var _a;

package/dist/bundled/v3/{OrRadioGroup.vue_vue_type_script_lang-a82cb83b.js → OrRadioGroup.vue_vue_type_script_lang-d7f6f8ca.js}

@@ -1,9 +1,9 @@
-import { defineComponent } from 'vue-demi';
-import { u as useVModel } from './index-09d1cb24.js';
+import { defineComponent, toRef } from 'vue-demi';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import './components/OrRadioV3/OrRadio.js';
-import { s as script$2 } from './OrRadio.vue_vue_type_script_lang-e9ac87e8.js';
+import { s as script$2 } from './OrRadio.vue_vue_type_script_lang-48c2bc6b.js';
 import { s as script$1 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrRadioGroup',
@@ -45,11 +45,8 @@ var script = defineComponent({
       default: false
     }
   },
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
-    const proxyModelValue = useVModel(props, 'modelValue', emit);
+  setup(props, context) {
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     return {
       proxyModelValue
     };

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-18dc2df8.js → OrSearch.vue_vue_type_script_lang-3fa2209d.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-66363c62.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-0b8a2b69.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { a as watchDebounced } from './index-f4d8e24c.js';
 

package/dist/bundled/v3/{OrSegmentedControl.vue_vue_type_script_lang-ed0d9fe7.js → OrSegmentedControl.vue_vue_type_script_lang-3a7df112.js}

@@ -1,7 +1,8 @@
-import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
+import { defineComponent, ref, computed, isVue2, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
 import { SegmentedControlSize } from './components/OrSegmentedControlV3/props.js';
 import { SegmentedControlRoot, SegmentedControlRootSizes } from './components/OrSegmentedControlV3/styles.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 const SegmentedControlItemRoot = [
 // Layout
@@ -122,12 +123,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-segmented-control-v3', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size]]);
     // State
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     return {
       root,
       rootStyles,

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-72c1db17.js → OrSelect.vue_vue_type_script_lang-b11ea2e9.js}

@@ -1,10 +1,10 @@
-import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { defineComponent, getCurrentInstance, ref, computed, toRef, onMounted, watch } from 'vue-demi';
 import { isEmptyValue } from './utils/isEmptyValue.js';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrExpansionPanelV3/OrExpansionPanel.js';
-import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-ca9d5307.js';
+import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-6ea94b95.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrInputV3/OrInput.js';
@@ -13,20 +13,21 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$b } from './OrTag.vue_vue_type_script_lang-c7065625.js';
+import { s as script$b } from './OrTag.vue_vue_type_script_lang-640a19c4.js';
 import { useOverflow } from './hooks/useOverflow.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-616a0cce.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-a27167e0.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$4 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-66363c62.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-0b8a2b69.js';
 import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
-import { s as script$a } from './OrPopover.vue_vue_type_script_lang-506ae7bb.js';
+import { s as script$a } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrSelect',
@@ -157,12 +158,7 @@ var script = defineComponent({
     const noSearchResultsStyles = computed(() => [...SelectNoSearchResults]);
     // State
     const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const isEmptyModelValue = computed(() => {
       return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : isEmptyValue(proxyModelValue.value);
     });

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-45cf8f8c.js → OrSelect.vue_vue_type_script_lang-b8b014f6.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-09d1cb24.js';
+import { o as onClickOutside } from './index-e11e05e2.js';
 import { isEmpty } from './utils/isEmpty.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-0c6c3bcc.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from './_baseIsEqual-82d7a339.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-3d9676ea.js → OrSidebar.vue_vue_type_script_lang-55f0db3b.js}

@@ -1,8 +1,8 @@
-import { e as useDraggable, d as useElementBounding } from './index-09d1cb24.js';
+import { e as useDraggable, d as useElementBounding } from './index-e11e05e2.js';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-41792494.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
 

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-56608f4a.js → OrSidebar.vue_vue_type_script_lang-cac8e5b7.js}

@@ -1,4 +1,4 @@
-import { e as useDraggable } from './index-09d1cb24.js';
+import { e as useDraggable } from './index-e11e05e2.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './components/OrSidebar/constants.js';
 

package/dist/bundled/v3/{OrSlider.vue_vue_type_script_lang-2a698707.js → OrSlider.vue_vue_type_script_lang-9ae4141f.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, e as useDraggable } from './index-09d1cb24.js';
+import { o as onClickOutside, e as useDraggable } from './index-e11e05e2.js';
 import { b as addClass, d as removeClass } from './dom-571739a2.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-b77bb268.js';

package/dist/bundled/v3/{OrSortHeader.vue_vue_type_script_lang-424696e5.js → OrSortHeader.vue_vue_type_script_lang-a444d88b.js}

@@ -1,7 +1,8 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { SortHeaderRoot } from './components/OrSortHeaderV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrSortHeader',
@@ -30,12 +31,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-sort-header-v3', ...SortHeaderRoot]);
     // State
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const activated = computed(() => {
       var _a;
       return ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.column) === props.value;

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-5a6d0202.js → OrSwitch.vue_vue_type_script_lang-2014e70b.js}

@@ -1,12 +1,13 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { SwitchRoot, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './components/OrSwitchV3/styles.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrLoaderV3/OrLoader.js';
-import { useIdAttribute } from './hooks/useIdAttribute.js';
-import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-f076f6b3.js';
+import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-a21dc976.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
+import { useIdAttribute } from './hooks/useIdAttribute.js';
+import { useControlAttributes } from './hooks/useControlAttributes.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrSwitch',
@@ -63,12 +64,7 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     // Methods
     function focus() {
       var _a;

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-2d08458d.js → OrTabs.vue_vue_type_script_lang-9072248f.js}

@@ -1,5 +1,5 @@
-import { f as useResizeObserver } from './index-09d1cb24.js';
-import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
+import { f as useResizeObserver } from './index-e11e05e2.js';
+import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './components/OrTabsV3/props.js';
 import { TabsRoot, TabsRootVariants, TabsContainer } from './components/OrTabsV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
@@ -8,8 +8,9 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrTabV3/OrTab.js';
 import { s as script$4 } from './OrTab.vue_vue_type_script_lang-79f2f523.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-8fa5ef6c.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrTabs',
@@ -61,12 +62,7 @@ var script = defineComponent({
       normal: [],
       hidden: []
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const activeTab = computed(() => props.items.find(_ref => {
       let {
         value

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-c7065625.js → OrTag.vue_vue_type_script_lang-640a19c4.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-41792494.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-60f6d6de.js → OrTagInput.vue_vue_type_script_lang-67c8d12f.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './components/OrTagInputV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -6,16 +6,17 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrTagsV3/OrTags.js';
-import { s as script$6 } from './OrTags.vue_vue_type_script_lang-45bbc68e.js';
-import { useIdAttribute } from './hooks/useIdAttribute.js';
-import { useControlAttributes } from './hooks/useControlAttributes.js';
-import { useValidationAttributes } from './hooks/useValidationAttributes.js';
+import { s as script$6 } from './OrTags.vue_vue_type_script_lang-18b7221b.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-41792494.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { useIdAttribute } from './hooks/useIdAttribute.js';
+import { useControlAttributes } from './hooks/useControlAttributes.js';
+import { useValidationAttributes } from './hooks/useValidationAttributes.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrTagInput',
@@ -89,12 +90,7 @@ var script = defineComponent({
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const draftModelValue = ref();
     const currentLength = computed(() => {
       var _a, _b;

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-45bbc68e.js → OrTags.vue_vue_type_script_lang-18b7221b.js}

@@ -3,10 +3,10 @@ import { Tags, TagsContainer, TagsOverflowButton, TagsOverflowPopover } from './
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-7370e903.js';
+import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-640a19c4.js';
 import { useOverflow } from './hooks/useOverflow.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-e8969bd3.js';
-import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-506ae7bb.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-c7065625.js';
 
 var script = defineComponent({
   name: 'OrTags',

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-0d1a7a48.js → OrTextarea.vue_vue_type_script_lang-44484741.js}

@@ -1,17 +1,18 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { TextareaRoot, TextareaControl } from './components/OrTextareaV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
-import { useIdAttribute } from './hooks/useIdAttribute.js';
-import { useControlAttributes } from './hooks/useControlAttributes.js';
-import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$3 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { useIdAttribute } from './hooks/useIdAttribute.js';
+import { useControlAttributes } from './hooks/useControlAttributes.js';
+import { useValidationAttributes } from './hooks/useValidationAttributes.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrTextarea',
@@ -78,12 +79,7 @@ var script = defineComponent({
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const currentLength = computed(() => {
       var _a, _b;
       return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-a300ab1b.js → OrTimePicker.vue_vue_type_script_lang-5c88aee4.js}

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-ec90761f.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-683ab20d.js';
+import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-4959231c.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-b8cc72af.js';
 import { TimePicker, TimePickerPopover } from './components/OrTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -14,13 +14,14 @@ import { DateTimePickerTimeFormat } from './components/OrDateTimePickerV3/props.
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-41792494.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-506ae7bb.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrDateTimePicker',
@@ -116,17 +117,10 @@ var script = defineComponent({
     const popoverStyles = computed(() => [...TimePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
-    const draftModelValue = ref();
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const draftModelValue = ref(proxyModelValue.value);
     watch(proxyModelValue, value => {
       draftModelValue.value = value;
-    }, {
-      immediate: true
     });
     const isInvalidDraftModelValue = computed(() => {
       if (draftModelValue.value) {

package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-227592d8.js → OrTooltip.vue_vue_type_script_lang-7f5d792c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-506ae7bb.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
@@ -38,7 +38,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context, {
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit, {
       debounce: 250
     });
     return {

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

@@ -1,13 +1,13 @@
-import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
-export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
+import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-ec375126.js';
+export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-ec375126.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
-import '../../index-09d1cb24.js';
+import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
 import 'vue-demi';
 import './props.js';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
+import '../../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

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

@@ -1,11 +1,11 @@
 export { BottomSheetVariant } from './props.js';
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
-import '../../index-09d1cb24.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-ec375126.js';
+import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
+import '../../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

package/dist/bundled/v3/components/OrButtonV3/OrButton.js

@@ -1,12 +1,12 @@
-import { s as script } from '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
-export { s as default } from '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
+import { s as script } from '../../OrButton.vue_vue_type_script_lang-7370e903.js';
+export { s as default } from '../../OrButton.vue_vue_type_script_lang-7370e903.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
 import './styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
-import '../../index-09d1cb24.js';
+import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
+import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';

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

@@ -1,10 +1,10 @@
 export { ButtonColor, ButtonType, ButtonVariant } from './props.js';
-export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
+export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-7370e903.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
-import '../../index-09d1cb24.js';
+import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
+import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-3e7aa91a.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-3e7aa91a.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-c7d9f452.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-c7d9f452.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
 import 'vue-demi';
 import './styles.js';
 import './props.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -13,21 +13,21 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-227592d8.js';
+import '../../OrTooltip.vue_vue_type_script_lang-7f5d792c.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-506ae7bb.js';
+import '../../OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-09d1cb24.js';
+import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-ec375126.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
+import '../../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
@@ -36,23 +36,23 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrButtonV3/OrButton.js';
-import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
+import '../../OrButton.vue_vue_type_script_lang-7370e903.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
+import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-8fa5ef6c.js';
+import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrSearchV3/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-18dc2df8.js';
+import '../../OrSearch.vue_vue_type_script_lang-3fa2209d.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
+import '../../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -72,6 +72,7 @@ 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';
 
 const _hoisted_1 = {