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

package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-c92e2839.js';
+import { o as onClickOutside } from '../../index-760079e7.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

package/dist/bundled/v2/components/OrColorPicker/index.js

@@ -1,7 +1,7 @@
 export { default as OrColorPicker } from './OrColorPicker.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './constants.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import './utils/defultPalette.js';
 import '../OrFloating/OrFloating.js';

package/dist/bundled/v2/components/OrConfirm/OrConfirm.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { b as useMagicKeys, c as useActiveElement } from '../../index-c92e2839.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-760079e7.js';
 import { l as logicAnd } from '../../index-15e8c1f3.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

package/dist/bundled/v2/components/OrConfirm/index.js

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

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,4 +1,4 @@
-import { b as useMagicKeys, o as onClickOutside } from '../../index-c92e2839.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-760079e7.js';
 import { l as logicAnd } from '../../index-15e8c1f3.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
@@ -6,8 +6,8 @@ import { ConfirmRoot, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterT
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrInputV3/OrInput.js';
-import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
+import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { w as whenever } from '../../index-ec92055d.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrOverlayV3/styles.js';
@@ -50,6 +50,7 @@ import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';
 
 var script = defineComponent({
@@ -121,7 +122,7 @@ var script = defineComponent({
       state,
       open,
       close
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
     const {

package/dist/bundled/v2/components/OrConfirmV3/index.js

@@ -1,6 +1,6 @@
 export { default as OrConfirmV3 } from './OrConfirm.js';
 export { ConfirmType } from './props.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import '../../index-15e8c1f3.js';
@@ -51,4 +51,5 @@ import '../OrLabelV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9ca79b52.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-28995b95.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-88a629fe.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -13,20 +13,21 @@ import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 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';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
-import '../../hooks/usePopoverState.js';
 import '../OrPopoverV3/props.js';
+import '../../hooks/usePopoverState.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrErrorV3/styles.js';
@@ -148,17 +149,10 @@ var script = defineComponent({
     const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
-    const draftModelValue = ref();
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const draftModelValue = ref(proxyModelValue.value);
     watch(proxyModelValue, value => {
       draftModelValue.value = value;
-    }, {
-      immediate: true
     });
     const isInvalidDraftModelValue = computed(() => {
       if (draftModelValue.value) {

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
@@ -156,8 +156,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;

package/dist/bundled/v2/components/OrDatePickerV3/index.js

@@ -2,14 +2,15 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-9ca79b52.js';
+import '../../OrDateTimePickerMonthSelect-88a629fe.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
 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';
@@ -40,7 +41,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-28995b95.js';
+import '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

package/dist/bundled/v2/components/OrDateTimePicker/OrDateTimePicker.js

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-47fa81b4.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-db8a475d.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-c92e2839.js';
+import { o as onClickOutside } from '../../index-760079e7.js';
 import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from '../../dom-571739a2.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

package/dist/bundled/v2/components/OrDateTimePicker/index.js

@@ -7,7 +7,7 @@ import '../../_baseProperty-a52739e9.js';
 import '../../toInteger-db8a475d.js';
 import '../../toFinite-021b0c50.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../../dom-571739a2.js';
 import '../../get-73ac2f59.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9ca79b52.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-28995b95.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c52ee823.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-88a629fe.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-8851268e.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -15,20 +15,21 @@ import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import './hooks/useDatePlaceholder.js';
 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';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
-import '../../hooks/usePopoverState.js';
 import '../OrPopoverV3/props.js';
+import '../../hooks/usePopoverState.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
 import './hooks/useTimePlaceholder.js';
@@ -171,17 +172,10 @@ var script = defineComponent({
     const timePopoverStyles = computed(() => [...DateTimePickerTimePopover]);
     // State
     const initialModelValue = useCurrentDate();
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
-    const draftModelValue = ref();
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const draftModelValue = ref(proxyModelValue.value);
     watch(proxyModelValue, value => {
       draftModelValue.value = value;
-    }, {
-      immediate: true
     });
     const isInvalidDraftModelValue = computed(() => {
       if (draftModelValue.value) {

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts

@@ -25,8 +25,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     timePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
@@ -200,8 +200,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     datePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     timePopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date>;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -3,14 +3,15 @@ export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-9ca79b52.js';
+import '../../OrDateTimePickerMonthSelect-88a629fe.js';
 import './hooks/useDatePlaceholder.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
 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';
@@ -41,11 +42,11 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-28995b95.js';
+import '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-c52ee823.js';
+import '../../OrDateTimePickerTimeSelect-8851268e.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.js

@@ -54,7 +54,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     return {
       root,
       rootStyles,

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.js

@@ -9,7 +9,7 @@ import '../OrIconV3/styles.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/OrIconButtonV3/index.js

@@ -10,7 +10,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/OrInlineInputV3/OrInlineInput.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 './props.js';
 import { InlineInputRoot, InlineInputControl, InlineInputAction, InlineInputActionSizes } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -9,6 +9,7 @@ import { InlineInputBoxSize } from '../OrInlineInputBoxV3/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 { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrErrorV3/styles.js';
@@ -22,7 +23,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';
@@ -97,13 +98,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;
@@ -137,18 +136,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,
@@ -171,7 +163,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 */
@@ -360,7 +352,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/bundled/v2/components/OrInlineInputV3/OrInlineInput.vue.d.ts

@@ -19,7 +19,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>;
     draftModelValue: import("@vue/composition-api").Ref<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
@@ -117,7 +117,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>;
     draftModelValue: import("@vue/composition-api").Ref<string | number>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;

package/dist/bundled/v2/components/OrInlineInputV3/index.js

@@ -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';
@@ -38,4 +38,5 @@ import '../OrInlineInputBoxV3/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/OrInlineTextEdit/OrInlineTextEdit.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { u as useVModel } from '../../index-c92e2839.js';
+import { c as useVModel } from '../../index-760079e7.js';
 import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from '../../dom-571739a2.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v2/components/OrInlineTextEdit/index.js

@@ -1,7 +1,7 @@
 export { default as OrInlineTextEdit } from './OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './constants.js';
 import 'vue-demi';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../../dom-571739a2.js';
 import '../../isObject-3a5b854d.js';

package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.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 { InlineTextareaRoot, InlineTextareaControl, InlineTextareaAction } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -7,6 +7,7 @@ import __vue_component__$4 from '../OrInlineInputBoxV3/OrInlineInputBox.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 { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrErrorV3/styles.js';
@@ -20,7 +21,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';
@@ -88,13 +89,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;
@@ -134,12 +133,6 @@ var script = defineComponent({
       }
       activated.value = false;
     }
-    // Effects
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value !== null && value !== void 0 ? value : '';
-    }, {
-      immediate: true
-    });
     return {
       root,
       control,
@@ -162,7 +155,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 */
@@ -277,7 +270,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/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.vue.d.ts

@@ -17,7 +17,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>;
     draftModelValue: import("@vue/composition-api").Ref<string>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
@@ -97,7 +97,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>;
     draftModelValue: import("@vue/composition-api").Ref<string>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;

package/dist/bundled/v2/components/OrInlineTextareaV3/index.js

@@ -16,7 +16,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';
@@ -37,4 +37,5 @@ import '../OrInlineInputBoxV3/styles.js';
 import '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
 import '../../hooks/useValidationAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';