npm - @onereach/ui-components - Versions diffs - 4.10.4 → 4.10.5-beta.2961.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (632) hide show

package/dist/esm/v2/{OrDateTimePickerPopoverHeader-fa799185.js → OrDateTimePickerPopoverHeader-5fa89936.js} RENAMED Viewed

@@ -1,12 +1,16 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+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 { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$6 } from './OrButton-9622e713.js';
 import { _ as __vue_component__$7 } from './OrLabel-63380256.js';
-import { _ as __vue_component__$9 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$9 } from './OrIconButton-2ab8fa02.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$b } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$a } from './OrMenu-d03831b0.js';
-import './OrPopover-ef16a904.js';
+import { _ as __vue_component__$a } from './OrMenu-6b3de1c1.js';
+import './OrPopover-71380b24.js';
 function useCurrentDate() {
   const currentDate = new Date();
@@ -64,12 +68,7 @@ var script$5 = defineComponent({
     const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const placeholder = useDatePlaceholder();
     // Methods
     function formatModelValue(value) {
@@ -203,14 +202,8 @@ var script$4 = defineComponent({
     const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
     const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
     // State
-    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 proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: toRef(props, 'initialValue')
     });
     const dayOptions = computed(() => {
       const monthStartDate = new Date(Date.UTC(proxyModelValue.value.getUTCFullYear(), proxyModelValue.value.getUTCMonth(), 1, proxyModelValue.value.getUTCHours(), proxyModelValue.value.getUTCMinutes()));
@@ -460,14 +453,8 @@ var script$2 = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-month-select-v3', ...DateTimePickerMonthSelect]);
     // State
-    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 proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: toRef(props, 'initialValue')
     });
     const yearOptions = computed(() => {
       return Array.from({

package/dist/esm/v2/{OrExpansionPanel-b8411db6.js → OrExpansionPanel-acfffe82.js} RENAMED Viewed

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

package/dist/esm/v2/{OrIconButton-ab726d49.js → OrIconButton-2ab8fa02.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$2 } from './OrTooltip-bf4c725c.js';
-import './OrPopover-ef16a904.js';
+import { _ as __vue_component__$2 } from './OrTooltip-a32c182a.js';
+import './OrPopover-71380b24.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 var IconButtonColor;

package/dist/esm/v2/{OrInlineInput-84a8398c.js → OrInlineInput-0c62b3a6.js} RENAMED Viewed

@@ -1,12 +1,13 @@
-import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef, 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 { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$3 } from './OrIconButton-2ab8fa02.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -103,13 +104,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;
@@ -143,18 +142,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,
@@ -177,7 +169,7 @@ var script = defineComponent({
   }
 });
-var css_248z = "input[data-v-eaaec208]{min-width:0;background:0 0;outline:0}input[type=number][data-v-eaaec208]::-webkit-inner-spin-button{display:none}input[type=search][data-v-eaaec208]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-774141fa]{min-width:0;background:0 0;outline:0}input[type=number][data-v-774141fa]::-webkit-inner-spin-button{display:none}input[type=search][data-v-774141fa]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 /* script */
@@ -366,7 +358,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-eaaec208";
+const __vue_scope_id__ = "data-v-774141fa";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInlineTextarea-f2ecbd39.js → OrInlineTextarea-c24708a7.js} RENAMED Viewed

@@ -1,12 +1,13 @@
-import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef, 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 { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$3 } from './OrIconButton-2ab8fa02.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -81,13 +82,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;
@@ -127,12 +126,6 @@ var script = defineComponent({
       }
       activated.value = false;
     }
-    // Effects
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value !== null && value !== void 0 ? value : '';
-    }, {
-      immediate: true
-    });
     return {
       root,
       control,
@@ -155,7 +148,7 @@ var script = defineComponent({
   }
 });
-var css_248z = "textarea[data-v-ed08af88]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-284fdcf8]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 /* script */
@@ -270,7 +263,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-ed08af88";
+const __vue_scope_id__ = "data-v-284fdcf8";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInput-2eeff16a.js → OrInput-dcb61699.js} RENAMED Viewed

@@ -1,13 +1,14 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } 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 { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$4 } from './OrIconButton-2ab8fa02.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrInputBox-11227ecd.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
@@ -121,12 +122,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;
@@ -162,7 +158,7 @@ var script = defineComponent({
   }
 });
-var css_248z = "input[data-v-75bfda1e]{min-width:0;background:0 0;outline:0}input[type=number][data-v-75bfda1e]::-webkit-inner-spin-button{display:none}input[type=search][data-v-75bfda1e]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-1ec35d5c]{min-width:0;background:0 0;outline:0}input[type=number][data-v-1ec35d5c]::-webkit-inner-spin-button{display:none}input[type=search][data-v-1ec35d5c]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 /* script */
@@ -414,7 +410,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-75bfda1e";
+const __vue_scope_id__ = "data-v-1ec35d5c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrMenu-d03831b0.js → OrMenu-6b3de1c1.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
-import { u as usePopoverState } from './usePopoverState-8a95a300.js';
+import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-ef16a904.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-71380b24.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 const MenuRoot = [
@@ -45,7 +45,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/esm/v2/{OrModal-7b7c35e1.js → OrModal-abc3b1d9.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
-import { u as usePopoverState } from './usePopoverState-8a95a300.js';
+import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$5 } from './OrOverlay-948346df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$4 } from './OrIconButton-2ab8fa02.js';
 const ModalContent = [
 // Layout
@@ -256,7 +256,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     return {
       root,
       rootStyles,

package/dist/esm/v2/{OrNotification-f44ef921.js → OrNotification-5b7028d7.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2ab8fa02.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrPagination-3756c1d1.js → OrPagination-4ece4568.js} RENAMED Viewed

@@ -1,13 +1,14 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } 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 { _ as __vue_component__$1 } from './OrButton-9622e713.js';
 import { _ as __vue_component__$2 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$3 } from './OrMenu-d03831b0.js';
-import './OrPopover-ef16a904.js';
+import { _ as __vue_component__$3 } from './OrMenu-6b3de1c1.js';
+import './OrPopover-71380b24.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 const PaginationRoot = [
@@ -86,12 +87,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/esm/v2/{OrPopover-ef16a904.js → OrPopover-71380b24.js} RENAMED Viewed

@@ -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-8a95a300.js';
+import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { _ as __vue_component__$1 } from './OrBottomSheet-af25c131.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-6bc632c4.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-424c7f33.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -139,7 +139,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/esm/v2/{OrRadio-23810acd.js → OrRadio-b32dfbfe.js} RENAMED Viewed

@@ -1,6 +1,7 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } 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 { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-63380256.js';
@@ -86,12 +87,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;
@@ -114,7 +110,7 @@ var script = defineComponent({
   }
 });
-var css_248z = "input[data-v-3b442576]{appearance:none;line-height:0}";
+var css_248z = "input[data-v-6a90a766]{appearance:none;line-height:0}";
 styleInject(css_248z);
 /* script */
@@ -179,7 +175,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-3b442576";
+const __vue_scope_id__ = "data-v-6a90a766";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrRadioGroup-0e1bf22c.js → OrRadioGroup-d1c2e460.js} RENAMED Viewed

@@ -1,7 +1,10 @@
-import { defineComponent } from 'vue-demi';
-import { useVModel } from '@vueuse/core';
+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 { _ as __vue_component__$1 } from './OrFormGroup-29a514db.js';
-import { _ as __vue_component__$2 } from './OrRadio-23810acd.js';
+import { _ as __vue_component__$2 } from './OrRadio-b32dfbfe.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 var script = defineComponent({
@@ -44,11 +47,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/esm/v2/{OrSearch-33e3b0e4.js → OrSearch-879c7656.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-2eeff16a.js';
+import { _ as __vue_component__$1 } from './OrInput-dcb61699.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrSegmentedControl-a1ea5b72.js → OrSegmentedControl-d4e32f80.js} RENAMED Viewed

@@ -1,4 +1,8 @@
-import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
+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 { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 const SegmentedControlItemRoot = [
@@ -164,12 +168,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/esm/v2/{OrSelect-1ee299d9.js → OrSelect-01d61a9a.js} RENAMED Viewed

@@ -1,21 +1,22 @@
-import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { defineComponent, getCurrentInstance, ref, computed, toRef, 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 { _ as __vue_component__$1, i as isEmptyValue } from './OrCheckbox-41f2822d.js';
+import { _ as __vue_component__$1, i as isEmptyValue } from './OrCheckbox-43615f70.js';
 import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
-import { _ as __vue_component__$3 } from './OrExpansionPanel-b8411db6.js';
+import { _ as __vue_component__$3 } from './OrExpansionPanel-acfffe82.js';
 import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$7 } from './OrInputBox-11227ecd.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
-import { _ as __vue_component__$6 } from './OrInput-2eeff16a.js';
+import { _ as __vue_component__$6 } from './OrInput-dcb61699.js';
 import { _ as __vue_component__$8 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$a } from './OrPopover-ef16a904.js';
-import { _ as __vue_component__$b } from './OrTag-d16c9d12.js';
+import { _ as __vue_component__$a } from './OrPopover-71380b24.js';
+import { _ as __vue_component__$b } from './OrTag-2b9e664b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 const SelectRoot = [
@@ -197,12 +198,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/esm/v2/{OrSidebar-865f307e.js → OrSidebar-bd385865.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-b3a41f02.js';
+import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-49da331a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-b3a41f02.js → OrSidebarCollapseButton-49da331a.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$1 } from './OrIconButton-2ab8fa02.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 var OrSidebarPlacement;

package/dist/esm/v2/{OrSortHeader-8596b958.js → OrSortHeader-46a92f09.js} RENAMED Viewed

@@ -1,4 +1,8 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+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 { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -43,12 +47,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/esm/v2/{OrSwitch-cb97f4d3.js → OrSwitch-e49ce2d8.js} RENAMED Viewed

@@ -1,6 +1,7 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } 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 { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-63380256.js';
@@ -113,12 +114,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;
@@ -142,7 +138,7 @@ var script = defineComponent({
   }
 });
-var css_248z = "input[data-v-b0058bdc]{appearance:none;line-height:0}";
+var css_248z = "input[data-v-2330a132]{appearance:none;line-height:0}";
 styleInject(css_248z);
 /* script */
@@ -231,7 +227,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-b0058bdc";
+const __vue_scope_id__ = "data-v-2330a132";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */