@onereach/ui-components 4.10.3 → 4.10.4-beta.2951.0

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-820cc7e9.js → OrInlineInput.vue_vue_type_script_lang-29d03c0f.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
 import { InlineInputType } from './components/OrInlineInputV3/props.js';
 import { InlineInputRoot, InlineInputControl, InlineInputAction, InlineInputActionSizes } from './components/OrInlineInputV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -7,12 +7,13 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.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-adfc7e75.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 './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrInlineInput',
@@ -72,13 +73,11 @@ 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(proxyModelValue.value);
+    watch(proxyModelValue, value => {
+      draftModelValue.value = 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;
@@ -112,18 +111,11 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
-      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
+        draftModelValue.value = proxyModelValue.value;
       }
       activated.value = false;
     }
-    // Effects
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value !== null && value !== void 0 ? value : '';
-    }, {
-      immediate: true
-    });
     return {
       root,
       control,

package/dist/bundled/v3/{OrInlineTextEdit.vue_vue_type_script_lang-588178e5.js → OrInlineTextEdit.vue_vue_type_script_lang-3d689253.js}

@@ -1,14 +1,14 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './components/OrInlineTextEdit/constants.js';
-import { u as useVModel } from './index-09d1cb24.js';
-import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from './dom-571739a2.js';
+import { c as useVModel } from './index-a006f3a7.js';
+import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from './dom-700444b4.js';
 import { pxToRem } from './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';
 import './components/OrError/OrError.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-e2dcce92.js';
+import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-2a5c0929.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
 
 var script = defineComponent({
   name: 'OrInlineTextEdit',

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-8e639991.js → OrInlineTextarea.vue_vue_type_script_lang-3f7ca063.js}

@@ -1,16 +1,17 @@
-import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
 import { InlineTextareaRoot, InlineTextareaControl, InlineTextareaAction } from './components/OrInlineTextareaV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.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 './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-adfc7e75.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.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: 'OrInlineInput',
@@ -62,13 +63,11 @@ 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(proxyModelValue.value);
+    watch(proxyModelValue, value => {
+      draftModelValue.value = 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;
@@ -108,12 +107,6 @@ 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/bundled/v3/{OrInput.vue_vue_type_script_lang-1be980cf.js → OrInput.vue_vue_type_script_lang-bf9fa981.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { pxToRem } from './utils/functions/px-to-rem.js';
-import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from './dom-571739a2.js';
+import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from './dom-700444b4.js';
 import './components/OrLabel/OrLabel.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
 import './components/OrHint/OrHint.js';
@@ -8,7 +8,7 @@ import { s as script$2 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import './components/OrError/OrError.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import './components/OrCollapse/OrCollapse.js';
-import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-e2dcce92.js';
+import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-2a5c0929.js';
 
 var script = defineComponent({
   name: 'OrInput',

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-66363c62.js → OrInput.vue_vue_type_script_lang-ddf4b298.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { InputType } from './components/OrInputV3/props.js';
 import { InputRoot, InputControl } from './components/OrInputV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-adfc7e75.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import './components/OrLabelV3/OrLabel.js';
@@ -17,9 +17,10 @@ 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 useResponsive from './hooks/useResponsive/useResponsive.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$7 } from './OrLoader.vue_vue_type_script_lang-f076f6b3.js';
+import { s as script$7 } from './OrLoader.vue_vue_type_script_lang-c8616f7b.js';
+import useResponsive from './hooks/useResponsive/useResponsive.js';
 
 var script = defineComponent({
   name: 'OrInput',
@@ -105,12 +106,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/{OrList.vue_vue_type_script_lang-c6f46a0e.js → OrList.vue_vue_type_script_lang-ccab1c75.js}

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue-demi';
-import { k as keys_1, b as _isPrototype, c as _arrayLikeKeys, d as _getSymbols, e as _arrayPush, s as stubArray_1, f as _baseGetAllKeys, g as _Uint8Array, h as _getTag, j as _nodeUtilExports, l as _baseUnary, _ as _Stack, m as isBufferExports, n as _getAllKeys } from './_baseIsEqual-82d7a339.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-0c6c3bcc.js';
-import { e as eq_1 } from './eq-fa566495.js';
-import { i as isObject_1, _ as _root, a as _Symbol, b as isObjectLike_1 } from './isObject-3a5b854d.js';
-import { i as isArrayLike_1 } from './isArrayLike-acf249e3.js';
-import { _ as _getPrototype } from './dom-571739a2.js';
-import { i as isArray_1 } from './toString-47fa81b4.js';
-import { i as isEqual_1 } from './isEqual-881b7bb5.js';
+import { k as keys_1, b as _isPrototype, c as _arrayLikeKeys, d as _getSymbols, e as _arrayPush, s as stubArray_1, f as _baseGetAllKeys, g as _Uint8Array, h as _getTag, j as _nodeUtilExports, l as _baseUnary, _ as _Stack, m as isBufferExports, n as _getAllKeys } from './_baseIsEqual-a1cc156c.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-22e630c1.js';
+import { e as eq_1 } from './eq-95cd2573.js';
+import { i as isObject_1, _ as _root, a as _Symbol, b as isObjectLike_1 } from './isObject-fe8b81fd.js';
+import { i as isArrayLike_1 } from './isArrayLike-e46b8eac.js';
+import { _ as _getPrototype } from './dom-700444b4.js';
+import { i as isArray_1 } from './toString-f3196832.js';
+import { i as isEqual_1 } from './isEqual-44382965.js';
 import { v as v4 } from './v4-cf8987a3.js';
 import './components/OrError/OrError.js';
 import './components/OrLabel/OrLabel.js';
@@ -15,9 +15,9 @@ import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-5b8437d7.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
-import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-b77bb268.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-5ae410e5.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
+import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-cd2da378.js';
 
 /**
  * A specialized version of `_.forEach` for arrays without support for

package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-04af76e1.js → OrListOfInputs.vue_vue_type_script_lang-32d935ae.js}

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrList/OrList.js';
-import { s as script$1 } from './OrList.vue_vue_type_script_lang-c6f46a0e.js';
+import { s as script$1 } from './OrList.vue_vue_type_script_lang-ccab1c75.js';
 import './components/OrInput/OrInput.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrInput.vue_vue_type_script_lang-1be980cf.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-b77bb268.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
+import { s as script$2 } from './OrInput.vue_vue_type_script_lang-bf9fa981.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-cd2da378.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
 
 var script = defineComponent({
   name: 'OrListOfInputs',

package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-f076f6b3.js → OrLoader.vue_vue_type_script_lang-c8616f7b.js}

@@ -1,4 +1,4 @@
-import { h as useElementSize } from './index-09d1cb24.js';
+import { h as useElementSize } from './index-a006f3a7.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './components/OrLoaderV3/props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './components/OrLoaderV3/styles.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-8fa5ef6c.js → OrMenu.vue_vue_type_script_lang-640b91e4.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { MenuRoot } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { usePopoverState } from './hooks/usePopoverState.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-e5fbad34.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
+import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({
   name: 'OrMenu',
@@ -38,7 +38,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     // Handlers
     function onClick(event) {
       const path = event.composedPath();

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-153819d3.js → OrModal.vue_vue_type_script_lang-1ba70473.js}

@@ -1,11 +1,11 @@
 import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './components/OrModal/constants.js';
-import { i as unrefElement, o as onClickOutside } from './index-09d1cb24.js';
-import { t as tryOnScopeDispose } from './index-f4d8e24c.js';
+import { i as unrefElement, o as onClickOutside } from './index-a006f3a7.js';
+import { t as tryOnScopeDispose } from './index-5e8e7a46.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrOverlay/OrOverlay.js';
 import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
 
 /*!
 * tabbable 6.1.1

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-83469d51.js → OrModal.vue_vue_type_script_lang-a6ea9e33.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers } from 'vue';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-adfc7e75.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { ModalRoot, ModalRootSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
+import { s as script$5 } from './OrOverlay.vue_vue_type_script_lang-e7e945e6.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
-import { s as script$5 } from './OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
 
 const ModalContent = [
 // Layout
@@ -146,7 +146,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     return {
       root,
       rootStyles,

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-86084f5e.js → OrNotification.vue_vue_type_script_lang-3f6dd187.js}

@@ -2,8 +2,8 @@ import { defineComponent } from 'vue-demi';
 import { OR_NOTIFICATION_TYPE, OR_NOTIFICATION_SIZE } from './components/OrNotification/constants.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-b77bb268.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-cd2da378.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
 
 /** HTML links are styled by default to match notification type */
 var script = defineComponent({

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-242a7186.js → OrNotification.vue_vue_type_script_lang-db3137b3.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.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-adfc7e75.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrNumberInput.vue_vue_type_script_lang-9d6763fa.js → OrNumberInput.vue_vue_type_script_lang-1fb535e6.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import './components/OrInput/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-1be980cf.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-bf9fa981.js';
 
 var script = defineComponent({
   name: 'OrNumberInput',

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-ba3b94e2.js → OrOverflowMenu.vue_vue_type_script_lang-74611406.js}

@@ -1,15 +1,15 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from './index-09d1cb24.js';
+import { o as onClickOutside } from './index-a006f3a7.js';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-5b8437d7.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-5ae410e5.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
-import { s as script$4 } from './OrFloating.vue_vue_type_script_lang-d762f4b0.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
+import { s as script$4 } from './OrFloating.vue_vue_type_script_lang-d419627c.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
-import { u as useToggle } from './index-f4d8e24c.js';
+import { u as useToggle } from './index-5e8e7a46.js';
 
 var script$1 = defineComponent({
   name: 'OrOverflowMenuItem',

package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-0fdf19ba.js → OrOverlay.vue_vue_type_script_lang-e7e945e6.js}

@@ -1,4 +1,4 @@
-import { j as useScrollLock } from './index-09d1cb24.js';
+import { j as useScrollLock } from './index-a006f3a7.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { OverlayRoot } from './components/OrOverlayV3/styles.js';
 import './components/OrTeleportV3/OrTeleport.js';

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-193cf67a.js → OrPagination.vue_vue_type_script_lang-1af1edfa.js}

@@ -1,14 +1,15 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { PaginationRoot, PaginationOffsetControl, PaginationLimitControl, PaginationItem } from './components/OrPaginationV3/styles.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
-import useResponsive from './hooks/useResponsive/useResponsive.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-e8969bd3.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-479320a5.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-8fa5ef6c.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-640b91e4.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import useResponsive from './hooks/useResponsive/useResponsive.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 
 var script = defineComponent({
   name: 'OrPagination',
@@ -61,12 +62,7 @@ var script = defineComponent({
     const limitControlStyles = computed(() => [...PaginationLimitControl]);
     const itemStyles = computed(() => [...PaginationItem]);
     // State
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const currentLimit = computed({
       get: () => {
         var _a, _b;

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-fc9e7dc8.js → OrPassword.vue_vue_type_script_lang-ac528b56.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref } from 'vue-demi';
-import { u as useVModel } from './index-09d1cb24.js';
+import { c as useVModel } from './index-a006f3a7.js';
 import './components/OrInput/OrInput.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import useToggle from './hooks/useToggle.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-1be980cf.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-bf9fa981.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
 
 var script = defineComponent({
   name: 'OrPassword',

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-506ae7bb.js → OrPopover.vue_vue_type_script_lang-e5fbad34.js}

@@ -1,15 +1,15 @@
 import { a as autoUpdate, c as computePosition, s as shift, f as flip, h as hide } from './floating-ui.dom.esm-83eba816.js';
-import { o as onClickOutside } from './index-09d1cb24.js';
+import { o as onClickOutside } from './index-a006f3a7.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
 import './components/OrBottomSheetV3/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-85f50ed1.js';
 import './components/OrTeleportV3/OrTeleport.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
+import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 import { useElevation } from './hooks/useElevation.js';
-import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 
 var script = defineComponent({
   name: 'OrPopover',
@@ -75,7 +75,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isFlipped = ref(false);
     const isHidden = ref(false);
     // Effects

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-6a2fef77.js → OrProgress.vue_vue_type_script_lang-3861c4dc.js}

@@ -1,5 +1,5 @@
-import { d as useElementBounding } from './index-09d1cb24.js';
-import { r as round_1 } from './round-136c7e43.js';
+import { d as useElementBounding } from './index-a006f3a7.js';
+import { r as round_1 } from './round-f34440f4.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './components/OrProgressV3/props.js';
 import { ProgressRoot, ProgressRootTypes, ProgressHeader, ProgressHeaderLabel, ProgressHeaderPercent, ProgressFooter, ProgressBarBackground, ProgressBarMain, ProgressBarAnimationTypes, ProgressBarColors } from './components/OrProgressV3/styles.js';

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-89224310.js → OrProgress.vue_vue_type_script_lang-a99362ae.js}

@@ -1,4 +1,4 @@
-import { r as round_1 } from './round-136c7e43.js';
+import { r as round_1 } from './round-f34440f4.js';
 import { defineComponent } from 'vue-demi';
 import { OrProgressTypes, OrProgressColors } from './components/OrProgress/constants.js';
 

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-0c087270.js → OrRadio.vue_vue_type_script_lang-3a551734.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed } from 'vue-demi';
-import { i as isEqual_1 } from './isEqual-881b7bb5.js';
-import { g as get_1 } from './get-73ac2f59.js';
+import { i as isEqual_1 } from './isEqual-44382965.js';
+import { g as get_1 } from './get-ab1b7d93.js';
 
 var script = defineComponent({
   name: 'OrRadio',

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-796a4074.js}

@@ -1,8 +1,8 @@
 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-ddf4b298.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
-import { a as watchDebounced } from './index-f4d8e24c.js';
+import { a as watchDebounced } from './index-5e8e7a46.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-933e71b8.js → OrSearch.vue_vue_type_script_lang-82b7b602.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import './components/OrInput/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-1be980cf.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-bf9fa981.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
-import { a as watchDebounced } from './index-f4d8e24c.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-d1496a81.js';
+import { a as watchDebounced } from './index-5e8e7a46.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 
 var script = defineComponent({

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,