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

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-96a38b4b.js → OrDateTimePickerPopoverHeader-43785ea5.js}

@@ -1,16 +1,12 @@
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
+import { defineComponent, ref, computed } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
 import { s as script$6 } from './OrButton-c2b6aa9e.js';
 import { s as script$7 } from './OrLabel-4da56db0.js';
-import { s as script$9 } from './OrIconButton-00f8f0c7.js';
+import { s as script$9 } from './OrIconButton-0aaadc68.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$b } from './OrMenuItem-dbee450f.js';
-import { s as script$a } from './OrMenu-dbe1db1e.js';
-import './OrPopover-94dc1203.js';
+import { s as script$a } from './OrMenu-9659b8eb.js';
+import './OrPopover-337df396.js';
 
 function useCurrentDate() {
   const currentDate = new Date();
@@ -68,7 +64,12 @@ var script$5 = defineComponent({
     const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     const placeholder = useDatePlaceholder();
     // Methods
     function formatModelValue(value) {
@@ -179,8 +180,14 @@ var script$4 = defineComponent({
     const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
     const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
-      defaultValue: toRef(props, 'initialValue')
+    const proxyModelValue = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.initialValue;
+      },
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
     });
     const dayOptions = computed(() => {
       const monthStartDate = new Date(Date.UTC(proxyModelValue.value.getUTCFullYear(), proxyModelValue.value.getUTCMonth(), 1, proxyModelValue.value.getUTCHours(), proxyModelValue.value.getUTCMinutes()));
@@ -388,8 +395,14 @@ var script$2 = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-month-select-v3', ...DateTimePickerMonthSelect]);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
-      defaultValue: toRef(props, 'initialValue')
+    const proxyModelValue = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.initialValue;
+      },
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
     });
     const yearOptions = computed(() => {
       return Array.from({

package/dist/esm/v3/{OrExpansionPanel-af3a0d63.js → OrExpansionPanel-df527763.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
-import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import { u as usePopoverState } from './usePopoverState-8a95a300.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrIcon-62793572.js';
@@ -133,7 +133,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     return {
       root,
       rootStyles,

package/dist/esm/v3/{OrIconButton-00f8f0c7.js → OrIconButton-0aaadc68.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-d7d40e38.js';
-import './OrPopover-94dc1203.js';
+import { s as script$2 } from './OrTooltip-3025564a.js';
+import './OrPopover-337df396.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-4d47d731.js → OrInlineInput-a6c33dc0.js}

@@ -1,13 +1,12 @@
-import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-00f8f0c7.js';
+import { s as script$3 } from './OrIconButton-0aaadc68.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -104,11 +103,13 @@ var script = defineComponent({
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
     });
+    const draftModelValue = ref('');
     const currentLength = computed(() => {
       var _a, _b;
       return (_b = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
@@ -142,11 +143,18 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
+    // Effects
+    watch(proxyModelValue, value => {
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
+    }, {
+      immediate: true
+    });
     return {
       root,
       control,

package/dist/esm/v3/{OrInlineTextarea-1415bed9.js → OrInlineTextarea-f060dab5.js}

@@ -1,13 +1,12 @@
-import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-00f8f0c7.js';
+import { s as script$3 } from './OrIconButton-0aaadc68.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -82,11 +81,13 @@ var script = defineComponent({
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
     });
+    const draftModelValue = ref('');
     const currentLength = computed(() => {
       var _a, _b;
       return (_b = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
@@ -126,6 +127,12 @@ var script = defineComponent({
       }
       activated.value = false;
     }
+    // Effects
+    watch(proxyModelValue, value => {
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
+    }, {
+      immediate: true
+    });
     return {
       root,
       control,

package/dist/esm/v3/{OrInput-f0e12c81.js → OrInput-c653aedb.js}

@@ -1,14 +1,13 @@
-import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-00f8f0c7.js';
+import { s as script$4 } from './OrIconButton-0aaadc68.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';
@@ -121,7 +120,12 @@ var script = defineComponent({
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     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/esm/v3/{OrMenu-dbe1db1e.js → OrMenu-9659b8eb.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
-import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import { u as usePopoverState } from './usePopoverState-8a95a300.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-94dc1203.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-337df396.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [
@@ -45,7 +45,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     // Handlers
     function onClick(event) {
       const path = event.composedPath();

package/dist/esm/v3/{OrModal-6a90ea79.js → OrModal-cabce172.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
-import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import { u as usePopoverState } from './usePopoverState-8a95a300.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$5 } from './OrOverlay-489fdf76.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-00f8f0c7.js';
+import { s as script$4 } from './OrIconButton-0aaadc68.js';
 
 const ModalContent = [
 // Layout
@@ -179,7 +179,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     return {
       root,
       rootStyles,

package/dist/esm/v3/{OrNotification-117f2dcb.js → OrNotification-cbcb0b4a.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-00f8f0c7.js';
+import { s as script$2 } from './OrIconButton-0aaadc68.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrPagination-858337d1.js → OrPagination-38067570.js}

@@ -1,14 +1,13 @@
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed } from 'vue-demi';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrButton-c2b6aa9e.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-dbee450f.js';
-import { s as script$3 } from './OrMenu-dbe1db1e.js';
-import './OrPopover-94dc1203.js';
+import { s as script$3 } from './OrMenu-9659b8eb.js';
+import './OrPopover-337df396.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [
@@ -87,7 +86,12 @@ var script = defineComponent({
     const limitControlStyles = computed(() => [...PaginationLimitControl]);
     const itemStyles = computed(() => [...PaginationItem]);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     const currentLimit = computed({
       get: () => {
         var _a, _b;

package/dist/esm/v3/{OrPopover-94dc1203.js → OrPopover-337df396.js}

@@ -2,11 +2,11 @@ import { autoUpdate, computePosition, shift, flip, hide } from '@floating-ui/dom
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
-import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import { u as usePopoverState } from './usePopoverState-8a95a300.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrBottomSheet-79db2626.js';
+import { s as script$1 } from './OrBottomSheet-f2f3aef9.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
@@ -139,7 +139,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    } = usePopoverState(toRef(props, 'isOpen'), context);
     const isFlipped = ref(false);
     const isHidden = ref(false);
     // Effects

package/dist/esm/v3/{OrRadio-7b722b16.js → OrRadio-4f0026c9.js}

@@ -1,7 +1,6 @@
-import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
@@ -87,7 +86,12 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     // Methods
     function focus() {
       var _a;

package/dist/esm/v3/{OrRadioGroup-58c0214c.js → OrRadioGroup-d215409c.js}

@@ -1,10 +1,7 @@
-import { defineComponent, toRef } from 'vue-demi';
-import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { s as script$1 } from './OrFormGroup-9f581536.js';
-import { s as script$2 } from './OrRadio-7b722b16.js';
+import { s as script$2 } from './OrRadio-4f0026c9.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({
@@ -47,8 +44,11 @@ var script = defineComponent({
       default: false
     }
   },
-  setup(props, context) {
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const proxyModelValue = useVModel(props, 'modelValue', emit);
     return {
       proxyModelValue
     };

package/dist/esm/v3/{OrSearch-051adc07.js → OrSearch-b945651d.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-f0e12c81.js';
+import { s as script$1 } from './OrInput-c653aedb.js';
 import { I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSegmentedControl-c8eb217d.js → OrSegmentedControl-359fbf3a.js}

@@ -1,8 +1,4 @@
-import { defineComponent, ref, computed, isVue2, toRef } from 'vue-demi';
-import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
+import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
 
 const SegmentedControlItemRoot = [
@@ -144,7 +140,12 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-segmented-control-v3', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size]]);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     return {
       root,
       rootStyles,

package/dist/esm/v3/{OrSelect-b3885148.js → OrSelect-5a2c078d.js}

@@ -1,21 +1,20 @@
-import { defineComponent, getCurrentInstance, ref, computed, toRef, onMounted, watch } from 'vue-demi';
+import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, i as isEmptyValue } from './OrCheckbox-bb06af0f.js';
+import { s as script$1, i as isEmptyValue } from './OrCheckbox-2194e473.js';
 import { s as script$2 } from './OrError-c01d0c29.js';
-import { s as script$3 } from './OrExpansionPanel-af3a0d63.js';
+import { s as script$3 } from './OrExpansionPanel-df527763.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
 import { s as script$5 } from './OrIcon-62793572.js';
 import { s as script$7, I as InputBoxSize } from './OrInputBox-32b37b17.js';
-import { s as script$6 } from './OrInput-f0e12c81.js';
+import { s as script$6 } from './OrInput-c653aedb.js';
 import { s as script$8 } from './OrLabel-4da56db0.js';
 import { s as script$9 } from './OrMenuItem-dbee450f.js';
-import { s as script$a } from './OrPopover-94dc1203.js';
-import { s as script$b } from './OrTag-9adef1cd.js';
+import { s as script$a } from './OrPopover-337df396.js';
+import { s as script$b } from './OrTag-fbeca419.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 
 const SelectRoot = [
@@ -197,7 +196,12 @@ 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 = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     const isEmptyModelValue = computed(() => {
       return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : isEmptyValue(proxyModelValue.value);
     });

package/dist/esm/v3/{OrSidebar-47f9d02a.js → OrSidebar-7f5795da.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-86dafbbc.js';
+import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-5fb7a6a1.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-86dafbbc.js → OrSidebarCollapseButton-5fb7a6a1.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-00f8f0c7.js';
+import { s as script$1 } from './OrIconButton-0aaadc68.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 
 var OrSidebarPlacement;

package/dist/esm/v3/{OrSortHeader-21a443f9.js → OrSortHeader-54d85a25.js}

@@ -1,8 +1,4 @@
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
+import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createBlock, createCommentVNode } from 'vue';
 
@@ -47,7 +43,12 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-sort-header-v3', ...SortHeaderRoot]);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     const activated = computed(() => {
       var _a;
       return ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.column) === props.value;

package/dist/esm/v3/{OrSwitch-a6efd081.js → OrSwitch-ed9868db.js}

@@ -1,7 +1,6 @@
-import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
@@ -114,7 +113,12 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     // Methods
     function focus() {
       var _a;

package/dist/esm/v3/{OrTabs-52e49d84.js → OrTabs-9e741419.js}

@@ -1,12 +1,9 @@
 import { useResizeObserver } from '@vueuse/core';
-import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import '@onereach/styles/tailwind.config';
-import 'tailwindcss/resolveConfig';
+import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrMenuItem-dbee450f.js';
-import { s as script$2 } from './OrMenu-dbe1db1e.js';
-import './OrPopover-94dc1203.js';
+import { s as script$2 } from './OrMenu-9659b8eb.js';
+import './OrPopover-337df396.js';
 import { s as script$4 } from './OrTab-f7e51ffb.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 
@@ -89,7 +86,12 @@ var script = defineComponent({
       normal: [],
       hidden: []
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     const activeTab = computed(() => props.items.find(_ref => {
       let {
         value

package/dist/esm/v3/{OrTag-9adef1cd.js → OrTag-fbeca419.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-00f8f0c7.js';
+import { s as script$1 } from './OrIconButton-0aaadc68.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTagInput-63d0f5fb.js → OrTagInput-6a6d1365.js}

@@ -1,16 +1,15 @@
-import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-00f8f0c7.js';
+import { s as script$3 } from './OrIconButton-0aaadc68.js';
 import { s as script$4, I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { s as script$5 } from './OrLabel-4da56db0.js';
-import { s as script$6 } from './OrTags-d7a90658.js';
+import { s as script$6 } from './OrTags-1621cbb9.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -102,7 +101,12 @@ var script = defineComponent({
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
     const draftModelValue = ref();
     const currentLength = computed(() => {
       var _a, _b;

package/dist/esm/v3/{OrTags-d7a90658.js → OrTags-1621cbb9.js}

@@ -4,8 +4,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrButton-c2b6aa9e.js';
-import { s as script$2 } from './OrPopover-94dc1203.js';
-import { s as script$3 } from './OrTag-9adef1cd.js';
+import { s as script$2 } from './OrPopover-337df396.js';
+import { s as script$3 } from './OrTag-fbeca419.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 const Tags = [