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

@onereach/ui-components 4.10.4 → 4.10.5-beta.2960.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/bundled/v2/components/OrInputV3/OrInput.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { InputType } from './props.js';
 import { InputRoot, InputControl } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -12,6 +12,7 @@ import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
@@ -25,7 +26,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
@@ -129,12 +130,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;
@@ -170,7 +166,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 */
@@ -422,7 +418,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/bundled/v2/components/OrInputV3/OrInput.vue.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
@@ -165,7 +165,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     disclosed: import("@vue/composition-api").Ref<boolean>;

package/dist/bundled/v2/components/OrInputV3/index.js CHANGED Viewed

@@ -18,7 +18,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
@@ -44,4 +44,5 @@ import '../OrLoaderV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js CHANGED Viewed

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

package/dist/bundled/v2/components/OrLoaderV3/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export { default as OrLoaderV3 } from './OrLoader.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './props.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { MenuRoot } from './styles.js';
 import __vue_component__$1 from '../OrPopoverV3/OrPopover.js';
-import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { PopoverPlacement } from '../OrPopoverV3/props.js';
+import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
@@ -52,7 +52,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/v2/components/OrMenuV3/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ import 'vue-demi';
 import './styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';

package/dist/bundled/v2/components/OrModal/OrModal.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { i as unrefElement, o as onClickOutside } from '../../index-c92e2839.js';
+import { i as unrefElement, o as onClickOutside } from '../../index-760079e7.js';
 import { t as tryOnScopeDispose } from '../../index-ec92055d.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
@@ -29,7 +29,7 @@ import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 /*!
-* tabbable 6.1.1
+* tabbable 6.1.2
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 // NOTE: separate `:not()` selectors has broader browser support than the newer

package/dist/bundled/v2/components/OrModal/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 export { default as OrModal } from './OrModal.js';
 export { OrModalSizes } from './constants.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../OrTooltip/OrTooltip.js';

package/dist/bundled/v2/components/OrModalV3/OrModal.js CHANGED Viewed

@@ -14,19 +14,19 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
-import '../../hooks/useResponsive/useResponsive.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../OrOverlayV3/styles.js';
+import '../../hooks/useResponsive/useResponsive.js';
 const ModalContent = [
 // Layout
@@ -246,7 +246,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     return {
       root,
       rootStyles,

package/dist/bundled/v2/components/OrModalV3/index.js CHANGED Viewed

@@ -12,7 +12,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';

package/dist/bundled/v2/components/OrNotificationV3/OrNotification.js CHANGED Viewed

@@ -12,7 +12,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';

package/dist/bundled/v2/components/OrNotificationV3/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-c92e2839.js';
+import { o as onClickOutside } from '../../index-760079e7.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverflowMenu/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export { default as OrOverflowMenu } from './OrOverflowMenu.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrButtonV2/OrButton.js';
 import '../OrButtonV2/constants.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { j as useScrollLock } from '../../index-c92e2839.js';
+import { j as useScrollLock } from '../../index-760079e7.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { OverlayRoot } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrOverlayV3/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 export { default as OrOverlayV3 } from './OrOverlay.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js CHANGED Viewed

@@ -1,15 +1,16 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { PaginationRoot, PaginationOffsetControl, PaginationLimitControl, PaginationItem } from './styles.js';
 import __vue_component__$1 from '../OrButtonV3/OrButton.js';
 import __vue_component__$2 from '../OrIconV3/OrIcon.js';
 import __vue_component__$3 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$4 from '../OrMenuItemV3/OrMenuItem.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
@@ -83,12 +84,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/v2/components/OrPaginationV3/OrPagination.vue.d.ts CHANGED Viewed

@@ -20,7 +20,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<PaginationModel>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModel>;
     currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
     currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
     currentPage: import("@vue/composition-api").WritableComputedRef<number>;
@@ -82,7 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<PaginationModel>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModel>;
     currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
     currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
     currentPage: import("@vue/composition-api").WritableComputedRef<number>;

package/dist/bundled/v2/components/OrPaginationV3/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
@@ -32,3 +32,4 @@ import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
+import '../../hooks/useProxyModelValue.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { u as useVModel } from '../../index-c92e2839.js';
+import { c as useVModel } from '../../index-760079e7.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPassword/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export { default as OrPassword } from './OrPassword.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrInput/OrInput.js';
 import '../../utils/functions/px-to-rem.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js CHANGED Viewed

@@ -1,5 +1,5 @@
 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-c92e2839.js';
+import { o as onClickOutside } from '../../index-760079e7.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './styles.js';
@@ -81,7 +81,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/v2/components/OrPopoverV3/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 export { default as OrPopoverV3 } from './OrPopover.js';
 export { PopoverPlacement, PopoverVariant } from './props.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from '../../index-c92e2839.js';
+import { d as useElementBounding } from '../../index-760079e7.js';
 import { r as round_1 } from '../../round-136c7e43.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrProgressV3/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export { default as OrProgressV3 } from './OrProgress.js';
 export { ProgressColor, ProgressType } from './props.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import '../../round-136c7e43.js';

package/dist/bundled/v2/components/OrRadioGroupV3/OrRadioGroup.js CHANGED Viewed

@@ -1,9 +1,8 @@
-import { defineComponent } from 'vue-demi';
-import { u as useVModel } from '../../index-c92e2839.js';
+import { defineComponent, toRef } from 'vue-demi';
 import __vue_component__$1 from '../OrFormGroupV3/OrFormGroup.js';
 import __vue_component__$2 from '../OrRadioV3/OrRadio.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-ec92055d.js';
 import '../OrFormGroupV3/props.js';
 import '../OrFormGroupV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
@@ -58,11 +57,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/v2/components/OrRadioGroupV3/OrRadioGroup.vue.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { FormGroupDirection } from '../or-form-group-v3';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    proxyModelValue: import("@vue/composition-api").Ref<any> | import("@vue/composition-api").WritableComputedRef<any>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<any>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: any;
@@ -81,7 +81,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     disabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
-    proxyModelValue: import("@vue/composition-api").Ref<any> | import("@vue/composition-api").WritableComputedRef<any>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<any>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     modelValue: any;
     direction: FormGroupDirection;

package/dist/bundled/v2/components/OrRadioGroupV3/index.js CHANGED Viewed

@@ -1,7 +1,5 @@
 export { default as OrRadioGroupV3 } from './OrRadioGroup.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
-import '../../index-ec92055d.js';
 import '../OrFormGroupV3/OrFormGroup.js';
 import '../OrFormGroupV3/props.js';
 import '../OrFormGroupV3/styles.js';
@@ -17,4 +15,5 @@ import '../OrRadioV3/OrRadio.js';
 import '../OrRadioV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrRadioV3/OrRadio.js CHANGED Viewed

@@ -1,9 +1,10 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { RadioRoot, RadioControl, RadioControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
+import { LabelVariant } from '../OrLabelV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
-import { LabelVariant } from '../OrLabelV3/props.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrLabelV3/styles.js';
@@ -57,12 +58,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;
@@ -85,7 +81,7 @@ var script = defineComponent({
   }
 });
-var css_248z = "input[data-v-3b442576]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-6a90a766]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 /* script */
@@ -150,7 +146,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/bundled/v2/components/OrRadioV3/OrRadio.vue.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -84,7 +84,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/bundled/v2/components/OrRadioV3/index.js CHANGED Viewed

@@ -7,4 +7,5 @@ import '../OrLabelV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js CHANGED Viewed

@@ -19,7 +19,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
@@ -44,6 +44,7 @@ import '../OrLoaderV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';
 var script = defineComponent({

package/dist/bundled/v2/components/OrSearchV3/index.js CHANGED Viewed

@@ -19,7 +19,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
@@ -45,4 +45,5 @@ import '../OrLoaderV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSegmentedControlV3/OrSegmentedControl.js CHANGED Viewed

@@ -1,7 +1,8 @@
-import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
+import { defineComponent, ref, computed, isVue2, toRef } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { SegmentedControlSize } from './props.js';
 import { SegmentedControlRoot, SegmentedControlRootSizes } from './styles.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 const SegmentedControlItemRoot = [
 // Layout
@@ -147,12 +148,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-segmented-control-v3', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size]]);
     // State
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     return {
       root,
       rootStyles,

package/dist/bundled/v2/components/OrSegmentedControlV3/OrSegmentedControl.vue.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { SegmentedControlOption } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SegmentedControlOption[]>;
@@ -49,7 +49,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
     options: SegmentedControlOption[];

package/dist/bundled/v2/components/OrSegmentedControlV3/index.js CHANGED Viewed

@@ -3,3 +3,4 @@ export { SegmentedControlSize } from './props.js';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';
 import './styles.js';
+import '../../hooks/useProxyModelValue.js';

package/dist/bundled/v2/components/OrSelect/OrSelect.js CHANGED Viewed

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

package/dist/bundled/v2/components/OrSelect/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export { default as OrSelect } from './OrSelect.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../../utils/isEmpty.js';
 import '../../_baseAssignValue-0c6c3bcc.js';