@onereach/ui-components 4.11.0-beta.2941.0 → 4.11.0

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,4 +1,4 @@
-import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { defineComponent, getCurrentInstance, ref, computed, toRef, onMounted, watch } from 'vue-demi';
 import { isEmptyValue } from '../../utils/isEmptyValue.js';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './styles.js';
 import __vue_component__$1 from '../OrCheckboxV3/OrCheckbox.js';
@@ -16,9 +16,8 @@ import { useOverflow } from '../../hooks/useOverflow.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 '../../index-c92e2839.js';
-import '../../index-ec92055d.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/props.js';
 import '../../hooks/useIdAttribute.js';
@@ -28,6 +27,7 @@ import '../OrErrorV3/styles.js';
 import '../OrExpansionPanelV3/props.js';
 import '../OrExpansionPanelV3/styles.js';
 import '../../hooks/usePopoverState.js';
+import '../../index-ec92055d.js';
 import '../OrHintV3/styles.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
@@ -40,6 +40,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/props.js';
 import '../OrLoaderV3/OrLoader.js';
+import '../../index-760079e7.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../../hooks/useValidationAttributes.js';
@@ -190,12 +191,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/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
@@ -210,7 +210,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
     noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;

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

@@ -4,8 +4,6 @@ import 'vue-demi';
 import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../index-c92e2839.js';
-import '../../index-ec92055d.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
@@ -13,6 +11,7 @@ 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';
 import '../OrErrorV3/OrError.js';
 import '../OrErrorV3/styles.js';
@@ -23,6 +22,7 @@ import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../hooks/usePopoverState.js';
+import '../../index-ec92055d.js';
 import '../OrHintV3/OrHint.js';
 import '../OrHintV3/styles.js';
 import '../OrInputV3/OrInput.js';
@@ -35,6 +35,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-760079e7.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';

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

@@ -1,4 +1,4 @@
-import { e as useDraggable } from '../../index-c92e2839.js';
+import { e as useDraggable } from '../../index-760079e7.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,6 +1,6 @@
 export { default as OrSidebar } from './OrSidebar.js';
 export { OrSidebarSide } from './constants.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js

@@ -1,4 +1,4 @@
-import { e as useDraggable, d as useElementBounding } from '../../index-c92e2839.js';
+import { e as useDraggable, d as useElementBounding } from '../../index-760079e7.js';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './props.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';

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

@@ -1,6 +1,6 @@
 export { default as OrSidebarV3 } from './OrSidebar.js';
 export { OrSidebarPlacement } from './props.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import '../OrIconButtonV3/OrIconButton.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, e as useDraggable } from '../../index-c92e2839.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-760079e7.js';
 import { b as addClass, d as removeClass } from '../../dom-571739a2.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,6 +1,6 @@
 export { default as OrSlider } from './OrSlider.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/OrSortHeaderV3/OrSortHeader.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { SortHeaderRoot } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
@@ -32,12 +33,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/bundled/v2/components/OrSortHeaderV3/OrSortHeader.vue.d.ts

@@ -3,7 +3,7 @@ import { SortHeaderModel } 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<SortHeaderModel>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SortHeaderModel>;
     activated: import("@vue/composition-api").ComputedRef<boolean>;
     toggleDirection: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -32,7 +32,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<SortHeaderModel>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SortHeaderModel>;
     activated: import("@vue/composition-api").ComputedRef<boolean>;
     toggleDirection: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

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

@@ -5,3 +5,4 @@ import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
+import '../../hooks/useProxyModelValue.js';

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.js

@@ -1,14 +1,15 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { SwitchRoot, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$2 from '../OrLoaderV3/OrLoader.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';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
@@ -68,12 +69,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;
@@ -97,7 +93,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-b0058bdc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-2330a132]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -186,7 +182,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 */

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.vue.d.ts

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

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

@@ -6,10 +6,11 @@ import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../../normalize-component-6e8e3d80.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 '../../hooks/useIdAttribute.js';
 import '../../hooks/useControlAttributes.js';
+import '../../hooks/useProxyModelValue.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,11 +1,12 @@
-import { f as useResizeObserver } from '../../index-c92e2839.js';
-import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
+import { f as useResizeObserver } from '../../index-760079e7.js';
+import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsRoot, TabsRootVariants, TabsContainer } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrTabV3/OrTab.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../../index-ec92055d.js';
 import '../OrIconV3/props.js';
@@ -79,12 +80,7 @@ var script = defineComponent({
       normal: [],
       hidden: []
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const activeTab = computed(() => props.items.find(_ref => {
       let {
         value

package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
             label: string;
         }[];
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
     activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     items: {
@@ -87,7 +87,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
             label: string;
         }[];
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
     activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number;

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

@@ -1,6 +1,6 @@
 export { default as OrTabsV3 } from './OrTabs.js';
 export { TabsVariant } from './props.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';
 import './styles.js';
@@ -29,3 +29,4 @@ import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrTabV3/OrTab.js';
 import '../OrTabV3/styles.js';
+import '../../hooks/useProxyModelValue.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -6,10 +6,11 @@ import __vue_component__$3 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$4 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$5 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$6 from '../OrTagsV3/OrTags.js';
+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 { InputBoxSize } from '../OrInputBoxV3/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 '../OrErrorV3/styles.js';
@@ -23,7 +24,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';
@@ -125,12 +126,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 draftModelValue = ref();
     const currentLength = computed(() => {
       var _a, _b;
@@ -182,7 +178,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-6d17347d]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-51a52348]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -340,7 +336,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-6d17347d";
+const __vue_scope_id__ = "data-v-51a52348";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.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[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
     draftModelValue: import("@vue/composition-api").Ref<string | undefined>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
@@ -142,7 +142,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 | undefined>;
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;

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

@@ -17,7 +17,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';
@@ -52,4 +52,5 @@ import '../../hooks/useOverflow.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/OrTagV3/OrTag.js

@@ -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/OrTagV3/index.js

@@ -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/OrTagsV3/OrTags.js

@@ -8,7 +8,7 @@ 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';

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

@@ -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';

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -1,13 +1,14 @@
-import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { TextareaRoot, TextareaControl } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$4 from '../OrLabelV3/OrLabel.js';
+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 { InputBoxSize } from '../OrInputBoxV3/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 '../OrErrorV3/styles.js';
@@ -81,12 +82,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;
@@ -116,7 +112,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-73a34292]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-c0510a5c]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -233,7 +229,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-73a34292";
+const __vue_scope_id__ = "data-v-c0510a5c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.vue.d.ts

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

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

@@ -15,4 +15,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/OrTimePickerV3/OrTimePicker.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 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 OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-8851268e.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -14,12 +14,13 @@ import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.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 '../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';
@@ -144,17 +145,10 @@ var script = defineComponent({
     const popoverStyles = computed(() => [...TimePickerPopover]);
     // 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/OrTimePickerV3/OrTimePicker.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     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("vue2").ComponentOptions<import("vue2").default,
     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;