@onereach/ui-components 4.0.5-beta.2528.0 → 4.0.5-beta.2530.0

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { CheckboxRoot, CheckboxControl, CheckboxControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
 import { LabelVariant } from '../OrLabelV3/props.js';
@@ -61,12 +62,7 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useVModel(props, 'modelValue', context.emit);
     // Methods
     function focus() {
       var _a;
@@ -89,7 +85,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-7f604760]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-51192f7f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -168,7 +164,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-7f604760";
+const __vue_scope_id__ = "data-v-51192f7f";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -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<boolean | string[]>;
+    proxyModelValue: import("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -93,7 +93,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("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

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

@@ -1,5 +1,6 @@
 export { default as OrCheckboxV3 } from './OrCheckbox.js';
 import 'vue-demi';
+import '@vueuse/core';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -1,4 +1,5 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './styles.js';
 import __vue_component__$1 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$2 from '../OrErrorV3/OrError.js';
@@ -33,7 +34,6 @@ import '../OrIconButtonV3/OrIconButton.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/props.js';
 import '../OrLoaderV3/OrLoader.js';
@@ -180,12 +180,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 = useVModel(props, 'modelValue', context.emit);
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
@@ -209,7 +209,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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;

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

@@ -1,6 +1,7 @@
 export { default as OrSelectV3 } from './OrSelect.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
+import '@vueuse/core';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
 import '../OrCheckboxV3/styles.js';
@@ -28,7 +29,6 @@ import '../OrIconButtonV3/OrIconButton.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-60cefcbd.js → OrCheckbox.vue_vue_type_script_lang-b2107942.js}

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { CheckboxRoot, CheckboxControl, CheckboxControlHandle } from './components/OrCheckboxV3/styles.js';
 import './components/OrLabelV3/OrLabel.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
@@ -59,12 +60,7 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useVModel(props, 'modelValue', context.emit);
     // Methods
     function focus() {
       var _a;

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-f7601423.js → OrSelect.vue_vue_type_script_lang-69f0fbbd.js}

@@ -1,7 +1,8 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-b2107942.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrExpansionPanelV3/OrExpansionPanel.js';
 import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
@@ -150,12 +151,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 = useVModel(props, 'modelValue', context.emit);
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.js

@@ -1,8 +1,9 @@
-import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
-export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-b2107942.js';
+export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-b2107942.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
+import '@vueuse/core';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -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<boolean | string[]>;
+    proxyModelValue: import("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -93,7 +93,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("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/bundled/v3/components/OrCheckboxV3/index.js

@@ -1,5 +1,6 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox.vue_vue_type_script_lang-b2107942.js';
 import 'vue-demi';
+import '@vueuse/core';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,10 +1,11 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-f7601423.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-f7601423.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-69f0fbbd.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-69f0fbbd.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 import 'vue-demi';
+import '@vueuse/core';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-b2107942.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
@@ -38,7 +39,6 @@ import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
 import '../../OrTooltip.vue_vue_type_script_lang-b35199da.js';
-import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../OrPopover.vue_vue_type_script_lang-9d3a7c2d.js';

package/dist/bundled/v3/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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
@@ -209,7 +209,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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;

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

@@ -1,9 +1,10 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-f7601423.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-69f0fbbd.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
+import '@vueuse/core';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-b2107942.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
@@ -37,7 +38,6 @@ import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
 import '../../OrTooltip.vue_vue_type_script_lang-b35199da.js';
-import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../OrPopover.vue_vue_type_script_lang-9d3a7c2d.js';

package/dist/bundled/v3/components/index.js

@@ -19,7 +19,7 @@ export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-0e87c56b.js';
 export { s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-6ff51af9.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-b2107942.js';
 export { s as OrChip } from '../OrChip.vue_vue_type_script_lang-ceebbd82.js';
 export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-94b456c7.js';
 export { s as OrCode } from '../OrCode.vue_vue_type_script_lang-c5a9adb7.js';
@@ -104,7 +104,7 @@ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-36ad17a9.j
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-d1b4694c.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-d2fecd97.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-f7601423.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-69f0fbbd.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
 export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-ed7c92fb.js';

package/dist/bundled/v3/index.js

@@ -71,7 +71,7 @@ export { s as OrSegmentedControlV3 } from './OrSegmentedControl.vue_vue_type_scr
 import './components/OrSelect/OrSelect.js';
 export { s as OrSelect } from './OrSelect.vue_vue_type_script_lang-d2fecd97.js';
 import './components/OrSelectV3/OrSelect.js';
-export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-f7601423.js';
+export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-69f0fbbd.js';
 import './components/OrSidebar/OrSidebar.js';
 export { s as OrSidebar } from './OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 import './components/OrSidebarV3/OrSidebar.js';
@@ -133,7 +133,7 @@ export { s as OrCard } from './OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './components/OrCardCollection/constants.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './components/OrCardCollectionV3/props.js';
 export { s as OrCheckbox } from './OrCheckbox.vue_vue_type_script_lang-6ff51af9.js';
-export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-b2107942.js';
 export { s as OrChip } from './OrChip.vue_vue_type_script_lang-ceebbd82.js';
 export { OrCodeLanguages } from './components/OrCode/constants.js';
 export { s as OrCollapse } from './OrCollapse.vue_vue_type_script_lang-5137ca99.js';

package/dist/esm/v2/{OrCheckbox-dc587ec9.js → OrCheckbox-c26b1a89.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
-import '@vueuse/core';
 import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-63380256.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -88,12 +88,7 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useVModel(props, 'modelValue', context.emit);
     // Methods
     function focus() {
       var _a;
@@ -116,7 +111,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-7f604760]{appearance:none;line-height:0}";
+var css_248z = "input[data-v-51192f7f]{appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -195,7 +190,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-7f604760";
+const __vue_scope_id__ = "data-v-51192f7f";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrSelect-40183874.js → OrSelect-0105177c.js}

@@ -1,8 +1,8 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useOverflow } from './useOverflow-af6161c8.js';
-import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrCheckbox-dc587ec9.js';
+import { _ as __vue_component__$1 } from './OrCheckbox-c26b1a89.js';
 import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-7c359bb0.js';
 import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
@@ -181,12 +181,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 = useVModel(props, 'modelValue', context.emit);
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];

package/dist/esm/v2/components/index.js

@@ -13,7 +13,7 @@ export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCarousel } from '../OrCarousel-3c809a13.js';
 export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from '../OrCheckbox-bf34eb0f.js';
-export { _ as OrCheckboxV3 } from '../OrCheckbox-dc587ec9.js';
+export { _ as OrCheckboxV3 } from '../OrCheckbox-c26b1a89.js';
 export { _ as OrChip } from '../OrChip-416e848e.js';
 export { _ as OrChips } from '../OrChips-77e789e9.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-dcb0132a.js';
@@ -71,7 +71,7 @@ export { _ as OrSearch } from '../OrSearch-49ceaac4.js';
 export { _ as OrSearchV3 } from '../OrSearch-a3038272.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-eb5cc918.js';
-export { _ as OrSelectV3 } from '../OrSelect-40183874.js';
+export { _ as OrSelectV3 } from '../OrSelect-0105177c.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-26785a1e.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-9c424133.js';

package/dist/esm/v2/components/or-checkbox-v3/OrCheckbox.vue.d.ts

@@ -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<boolean | string[]>;
+    proxyModelValue: import("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -93,7 +93,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("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/esm/v2/components/or-checkbox-v3/index.js

@@ -1,7 +1,7 @@
-export { _ as OrCheckboxV3 } from '../../OrCheckbox-dc587ec9.js';
+export { _ as OrCheckboxV3 } from '../../OrCheckbox-c26b1a89.js';
 import 'vue-demi';
-import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-select-v3/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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
@@ -209,7 +209,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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,10 +1,10 @@
-export { _ as OrSelectV3 } from '../../OrSelect-40183874.js';
+export { _ as OrSelectV3 } from '../../OrSelect-0105177c.js';
 export { a as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
 import 'vue-demi';
+import '@vueuse/core';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-af6161c8.js';
-import '@vueuse/core';
-import '../../OrCheckbox-dc587ec9.js';
+import '../../OrCheckbox-c26b1a89.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/index.js

@@ -13,7 +13,7 @@ export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCarousel } from './OrCarousel-3c809a13.js';
 export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from './OrCheckbox-bf34eb0f.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-dc587ec9.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-c26b1a89.js';
 export { _ as OrChip } from './OrChip-416e848e.js';
 export { _ as OrChips } from './OrChips-77e789e9.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-dcb0132a.js';
@@ -71,7 +71,7 @@ export { _ as OrSearch } from './OrSearch-49ceaac4.js';
 export { _ as OrSearchV3 } from './OrSearch-a3038272.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-eb5cc918.js';
-export { _ as OrSelectV3 } from './OrSelect-40183874.js';
+export { _ as OrSelectV3 } from './OrSelect-0105177c.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from './OrSidebar-26785a1e.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-9c424133.js';

package/dist/esm/v3/{OrCheckbox-56f849f7.js → OrCheckbox-94fb7a4d.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
-import '@vueuse/core';
 import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -88,12 +88,7 @@ var script = defineComponent({
       id: useIdAttribute(),
       ...useControlAttributes()
     });
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:modelValue', value);
-      }
-    });
+    const proxyModelValue = useVModel(props, 'modelValue', context.emit);
     // Methods
     function focus() {
       var _a;

package/dist/esm/v3/{OrSelect-5502d82d.js → OrSelect-2d2b7c36.js}

@@ -1,8 +1,8 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useOverflow } from './useOverflow-af6161c8.js';
-import '@vueuse/core';
-import { s as script$1 } from './OrCheckbox-56f849f7.js';
+import { s as script$1 } from './OrCheckbox-94fb7a4d.js';
 import { s as script$2 } from './OrError-c01d0c29.js';
 import { s as script$3 } from './OrExpansionPanel-99ca7ed7.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
@@ -180,12 +180,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 = useVModel(props, 'modelValue', context.emit);
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];

package/dist/esm/v3/components/index.js

@@ -12,7 +12,7 @@ export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { s as OrCarousel } from '../OrCarousel-8de5d65b.js';
 export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from '../OrCheckbox-c2d9cf53.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox-56f849f7.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox-94fb7a4d.js';
 export { s as OrChip } from '../OrChip-ccd4b331.js';
 export { s as OrChips } from '../OrChips-9a19aa03.js';
 export { s as OrCode, O as OrCodeLanguages } from '../OrCode-b0b514ab.js';
@@ -69,7 +69,7 @@ export { s as OrSearch } from '../OrSearch-fb2dd591.js';
 export { s as OrSearchV3 } from '../OrSearch-d5d46937.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from '../OrSelect-3d923250.js';
-export { s as OrSelectV3 } from '../OrSelect-5502d82d.js';
+export { s as OrSelectV3 } from '../OrSelect-2d2b7c36.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from '../OrSidebar-0d715029.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-4d7497ec.js';

package/dist/esm/v3/components/or-checkbox-v3/OrCheckbox.vue.d.ts

@@ -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<boolean | string[]>;
+    proxyModelValue: import("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -93,7 +93,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("@vue/composition-api").Ref<boolean | string[]> | import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/esm/v3/components/or-checkbox-v3/index.js

@@ -1,7 +1,7 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox-56f849f7.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox-94fb7a4d.js';
 import 'vue-demi';
-import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-4da56db0.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-select-v3/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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
@@ -209,7 +209,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("@vue/composition-api").Ref<string | number | (string | number)[]> | import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,10 +1,10 @@
-export { s as OrSelectV3 } from '../../OrSelect-5502d82d.js';
+export { s as OrSelectV3 } from '../../OrSelect-2d2b7c36.js';
 export { a as SelectSize } from '../../OrInputBox-11389afd.js';
 import 'vue-demi';
+import '@vueuse/core';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-af6161c8.js';
-import '@vueuse/core';
-import '../../OrCheckbox-56f849f7.js';
+import '../../OrCheckbox-94fb7a4d.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-4da56db0.js';
 import 'vue';

package/dist/esm/v3/index.js

@@ -12,7 +12,7 @@ export { s as OrCardV3 } from './OrCard-cc82902c.js';
 export { s as OrCarousel } from './OrCarousel-8de5d65b.js';
 export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from './OrCheckbox-c2d9cf53.js';
-export { s as OrCheckboxV3 } from './OrCheckbox-56f849f7.js';
+export { s as OrCheckboxV3 } from './OrCheckbox-94fb7a4d.js';
 export { s as OrChip } from './OrChip-ccd4b331.js';
 export { s as OrChips } from './OrChips-9a19aa03.js';
 export { s as OrCode, O as OrCodeLanguages } from './OrCode-b0b514ab.js';
@@ -69,7 +69,7 @@ export { s as OrSearch } from './OrSearch-fb2dd591.js';
 export { s as OrSearchV3 } from './OrSearch-d5d46937.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from './OrSelect-3d923250.js';
-export { s as OrSelectV3 } from './OrSelect-5502d82d.js';
+export { s as OrSelectV3 } from './OrSelect-2d2b7c36.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from './OrSidebar-0d715029.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-4d7497ec.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.0.5-beta.2528.0",
+  "version": "4.0.5-beta.2530.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-checkbox-v3/OrCheckbox.vue

@@ -36,6 +36,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType, reactive, ref } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { useControlAttributes, useIdAttribute } from '../../hooks';
 import { LabelVariant, OrLabelV3 as OrLabel } from '../or-label-v3';
 import { CheckboxControl, CheckboxControlHandle, CheckboxRoot } from './styles';
@@ -125,13 +126,7 @@ export default defineComponent({
       ...useControlAttributes(),
     });
 
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-
-      set: (value) => {
-        context.emit('update:modelValue', value);
-      },
-    });
+    const proxyModelValue = useVModel(props, 'modelValue', context.emit);
 
     // Methods
     function focus(): void {

package/src/components/or-select-v3/OrSelect.stories3.ts

@@ -267,7 +267,7 @@ const AddTemplate: StoryFn<typeof OrSelect> = (args) => ({
     // Effects
     watch(model, (value) => {
       console.debug(value);
-    });
+    }, { deep: true });
 
     // delayed setting of options case
     onMounted(() => {

package/src/components/or-select-v3/OrSelect.vue

@@ -226,6 +226,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, getCurrentInstance, onMounted, PropType, ref, watch } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
 import { DropdownClose, DropdownOpen } from '../../directives';
 import { useOverflow } from '../../hooks';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3';
@@ -408,13 +409,7 @@ export default defineComponent({
     // State
     const controlId = ref(context.attrs.id as string ?? currentInstance.uid.toString());
 
-    const proxyModelValue = computed({
-      get: () => props.modelValue,
-
-      set: (value) => {
-        context.emit('update:modelValue', value);
-      },
-    });
+    const proxyModelValue = useVModel(props, 'modelValue', context.emit);
 
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {