@onereach/ui-components 8.16.3-beta.3862.0 → 8.16.3

package/dist/esm/v2/{OrSearch-2910207c.js → OrSearch-de2423bc.js}

@@ -1,13 +1,12 @@
-import { watchDebounced } from '@vueuse/core';
-import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
+import { debouncedWatch } from '@vueuse/core';
+import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
+import { _ as __vue_component__$1 } from './OrInput-ac6484dd.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { _ as __vue_component__$1 } from './OrInput-ac6484dd.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -15,14 +14,11 @@ var script = defineComponent({
   components: {
     OrInput: __vue_component__$1
   },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
   props: {
     modelValue: {
       type: String,
-      default: ''
+      default: '',
+      required: false
     },
     size: {
       type: String,
@@ -41,35 +37,27 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'search', 'clear'],
-  expose: ['root', 'focus', 'blur', 'clear'],
+  emits: ['search', 'input', 'keydown', 'keyup', 'focus', 'blur', 'clear'],
+  expose: ['root', 'focus', 'clear'],
   setup(props, context) {
+    var _a;
     // Refs
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-search-v3']);
     // State
+    const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
     const controlAttributes = reactive({
       id: useIdAttribute(),
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(props.modelValue);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    // Events
+    debouncedWatch(localModelValue, () => localModelValue.value.length > 0 && context.emit('search', localModelValue.value), {
+      debounce: props.debounce
     });
-    watchDebounced(draftModelValue, value => {
-      if (value.length > 0) {
-        proxyModelValue.value = value;
-        context.emit('search', value);
-      }
-    }, {
-      debounce: toRef(props, 'debounce')
-    });
-    watch(draftModelValue, (nextValue, prevValue) => {
-      if (nextValue.length === 0 && prevValue.length > 0) {
-        proxyModelValue.value = nextValue;
+    watch(localModelValue, (val, beforeVal) => {
+      if (val.length === 0 && beforeVal.length > 0) {
         context.emit('search', '');
         context.emit('clear');
       }
@@ -80,22 +68,15 @@ var script = defineComponent({
       (_a = root.value) === null || _a === void 0 ? void 0 : _a.focus(); // fixes error TS2349
     }
 
-    function blur() {
-      var _a;
-      (_a = root.value) === null || _a === void 0 ? void 0 : _a.blur(); // fixes error TS2349
-    }
-
     function clear() {
-      draftModelValue.value = '';
+      localModelValue.value = '';
     }
     return {
       root,
       rootStyles,
+      localModelValue,
       controlAttributes,
-      proxyModelValue,
-      draftModelValue,
       focus,
-      blur,
       clear
     };
   }
@@ -116,6 +97,7 @@ var __vue_render__ = function () {
       "type": 'search',
       "size": _vm.size,
       "placeholder": _vm.placeholder,
+      "debounce": _vm.debounce,
       "disable-default-styles": _vm.disableDefaultStyles
     },
     on: {
@@ -136,11 +118,11 @@ var __vue_render__ = function () {
       }
     },
     model: {
-      value: _vm.draftModelValue,
+      value: _vm.localModelValue,
       callback: function ($$v) {
-        _vm.draftModelValue = typeof $$v === 'string' ? $$v.trim() : $$v;
+        _vm.localModelValue = typeof $$v === 'string' ? $$v.trim() : $$v;
       },
-      expression: "draftModelValue"
+      expression: "localModelValue"
     }
   }, 'OrInput', _vm.controlAttributes, false));
 };

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

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-f6370222
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-f2870c25.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-e7c0c61d.js';
 export { C as CardPadding, _ as OrCardV3 } from '../OrCard-54dce216.js';
 export { _ as OrCheckbox } from '../OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-f8781127.js';
@@ -97,9 +97,9 @@ export { _ as OrSliderV3 } from '../OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
 export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-757f7dc1.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-f05d2e66.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-7466a45d.js';
 export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
-export { _ as OrSearchV3 } from '../OrSearch-2910207c.js';
+export { _ as OrSearchV3 } from '../OrSearch-de2423bc.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-00583234.js';
 export { _ as OrSelect } from '../OrSelect-d271f7a3.js';
 export { _ as OrSelectV3 } from '../OrSelect-30f5ce68.js';

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

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-f2870c25.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-e7c0c61d.js';
 import 'vue-demi';
 import '../../OrIconButton-edff56d4.js';
 import '../../OrIcon-3f99ef27.js';
@@ -20,11 +20,11 @@ import '../../OrOverlay-9aa5020f.js';
 import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrSearch-2910207c.js';
+import '../../OrSearch-de2423bc.js';
+import '../../OrInput-ac6484dd.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-ac6484dd.js';
 import '../../OrError-916e928e.js';
 import '../../OrHint-1220face.js';
 import '../../OrInputBox-140c344d.js';

package/dist/esm/v2/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-f05d2e66.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-7466a45d.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';

package/dist/esm/v2/components/or-search-v3/OrSearch.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    localModelValue: import("@vue/composition-api").Ref<string>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -20,15 +21,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
-    draftModelValue: import("@vue/composition-api").Ref<string>;
     focus: () => void;
-    blur: () => void;
     clear: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
         default: string;
+        required: false;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -50,6 +49,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: {
         type: StringConstructor;
         default: string;
+        required: false;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -82,6 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    localModelValue: import("@vue/composition-api").Ref<string>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -95,10 +96,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
-    draftModelValue: import("@vue/composition-api").Ref<string>;
     focus: () => void;
-    blur: () => void;
     clear: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;

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

@@ -1,17 +1,17 @@
-export { _ as OrSearchV3 } from '../../OrSearch-2910207c.js';
+export { _ as OrSearchV3 } from '../../OrSearch-de2423bc.js';
 export { I as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import '@vueuse/core';
 import 'vue-demi';
+import '../../OrInput-ac6484dd.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
+import '../../useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-ac6484dd.js';
-import '../../useResponsive-1baf3485.js';
 import '../../OrError-916e928e.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-1220face.js';

package/dist/esm/v2/index.js

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-f6370222.
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f2870c25.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-e7c0c61d.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-54dce216.js';
 export { _ as OrCheckbox } from './OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f8781127.js';
@@ -97,9 +97,9 @@ export { _ as OrSliderV3 } from './OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
 export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-757f7dc1.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-f05d2e66.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-7466a45d.js';
 export { _ as OrSearch } from './OrSearch-ddf244e6.js';
-export { _ as OrSearchV3 } from './OrSearch-2910207c.js';
+export { _ as OrSearchV3 } from './OrSearch-de2423bc.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-00583234.js';
 export { _ as OrSelect } from './OrSelect-d271f7a3.js';
 export { _ as OrSelectV3 } from './OrSelect-30f5ce68.js';

package/dist/esm/v3/{OrCardCollection-fc6fd56c.js → OrCardCollection-ce6c8201.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-13fd3f96.js';
-import { s as script$4 } from './OrSearch-fccacdba.js';
+import { s as script$4 } from './OrSearch-9c6f1e16.js';
 import './OrInputBox-8c1a29dd.js';
 import { s as script$5 } from './OrLoader-b7d415dd.js';
 import { s as script$3 } from './OrSorting-15a719a1.js';

package/dist/esm/v3/{OrRichTextEditor-cfa0b54a.js → OrRichTextEditor-d9182fa2.js}

@@ -766,7 +766,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         selected: _ctx.isActive[item],
         disabled: !_ctx.isFocused,
         tooltip: {
-          text: item,
+          content: item,
           placement: 'top'
         },
         icon: {
@@ -778,7 +778,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8 /* PROPS */, ["selected", "disabled", "tooltip", "icon"])) : _ctx.isVisible(item) ? (openBlock(), createBlock(_component_or_icon_button, {
         key: 1,
         tooltip: {
-          text: _ctx.iconTooltipsEnum[item],
+          content: _ctx.iconTooltipsEnum[item],
           placement: 'top'
         },
         selected: _ctx.isActive[item],
@@ -821,14 +821,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 2 /* CLASS */), [[vShow, !_ctx.disableMarkdown]]), renderSlot(_ctx.$slots, "files")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_or_popover, {
     key: 0,
     ref: "moreRef",
-    trigger: _ctx.moreButtonRef.root,
+    trigger: _ctx.moreButtonRef && _ctx.moreButtonRef.root,
     placement: "top-end"
   }, {
     default: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.notVisibleTools, item => {
       return openBlock(), createBlock(_component_or_icon_button, {
         key: item,
         tooltip: {
-          text: _ctx.iconTooltipsEnum[item],
+          content: _ctx.iconTooltipsEnum[item],
           placement: 'top'
         },
         selected: _ctx.isActive[item],
@@ -845,7 +845,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true), _ctx.toolbarButtonRef ? (openBlock(), createBlock(_component_or_menu, {
     key: 1,
     ref: "menuRef",
-    trigger: _ctx.toolbarButtonRef[_ctx.getIndexOfHeading].root,
+    trigger: _ctx.toolbarButtonRef[_ctx.getIndexOfHeading] && _ctx.toolbarButtonRef[_ctx.getIndexOfHeading].root,
     placement: "bottom-start",
     class: "bg-on-primary"
   }, {

package/dist/esm/v3/{OrSearch-fccacdba.js → OrSearch-9c6f1e16.js}

@@ -1,13 +1,12 @@
-import { watchDebounced } from '@vueuse/core';
-import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
+import { debouncedWatch } from '@vueuse/core';
+import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
+import { s as script$1 } from './OrInput-2810a760.js';
+import { I as InputBoxSize } from './OrInputBox-8c1a29dd.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';
-import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrInput-2810a760.js';
-import { I as InputBoxSize } from './OrInputBox-8c1a29dd.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({
@@ -15,14 +14,11 @@ var script = defineComponent({
   components: {
     OrInput: script$1
   },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
   props: {
     modelValue: {
       type: String,
-      default: ''
+      default: '',
+      required: false
     },
     size: {
       type: String,
@@ -41,35 +37,27 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'search', 'clear'],
-  expose: ['root', 'focus', 'blur', 'clear'],
+  emits: ['search', 'input', 'keydown', 'keyup', 'focus', 'blur', 'clear'],
+  expose: ['root', 'focus', 'clear'],
   setup(props, context) {
+    var _a;
     // Refs
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-search-v3']);
     // State
+    const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
     const controlAttributes = reactive({
       id: useIdAttribute(),
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(props.modelValue);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
-    });
-    watchDebounced(draftModelValue, value => {
-      if (value.length > 0) {
-        proxyModelValue.value = value;
-        context.emit('search', value);
-      }
-    }, {
-      debounce: toRef(props, 'debounce')
+    // Events
+    debouncedWatch(localModelValue, () => localModelValue.value.length > 0 && context.emit('search', localModelValue.value), {
+      debounce: props.debounce
     });
-    watch(draftModelValue, (nextValue, prevValue) => {
-      if (nextValue.length === 0 && prevValue.length > 0) {
-        proxyModelValue.value = nextValue;
+    watch(localModelValue, (val, beforeVal) => {
+      if (val.length === 0 && beforeVal.length > 0) {
         context.emit('search', '');
         context.emit('clear');
       }
@@ -80,22 +68,15 @@ var script = defineComponent({
       (_a = root.value) === null || _a === void 0 ? void 0 : _a.focus(); // fixes error TS2349
     }
 
-    function blur() {
-      var _a;
-      (_a = root.value) === null || _a === void 0 ? void 0 : _a.blur(); // fixes error TS2349
-    }
-
     function clear() {
-      draftModelValue.value = '';
+      localModelValue.value = '';
     }
     return {
       root,
       rootStyles,
+      localModelValue,
       controlAttributes,
-      proxyModelValue,
-      draftModelValue,
       focus,
-      blur,
       clear
     };
   }
@@ -105,23 +86,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrInput = resolveComponent("OrInput");
   return openBlock(), createBlock(_component_OrInput, mergeProps({
     ref: "root",
-    modelValue: _ctx.draftModelValue,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+    modelValue: _ctx.localModelValue,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.localModelValue = $event),
     modelModifiers: {
       trim: true
-    }
-  }, _ctx.controlAttributes, {
+    },
     class: _ctx.rootStyles,
     type: 'search',
     size: _ctx.size,
     placeholder: _ctx.placeholder,
-    "disable-default-styles": _ctx.disableDefaultStyles,
+    debounce: _ctx.debounce,
+    "disable-default-styles": _ctx.disableDefaultStyles
+  }, _ctx.controlAttributes, {
     onInput: _cache[1] || (_cache[1] = $event => _ctx.$emit('input', $event)),
     onKeydown: _cache[2] || (_cache[2] = $event => _ctx.$emit('keydown', $event)),
     onKeyup: _cache[3] || (_cache[3] = $event => _ctx.$emit('keyup', $event)),
     onFocus: _cache[4] || (_cache[4] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[5] || (_cache[5] = $event => _ctx.$emit('blur', $event))
-  }), null, 16 /* FULL_PROPS */, ["modelValue", "class", "size", "placeholder", "disable-default-styles"]);
+  }), null, 16 /* FULL_PROPS */, ["modelValue", "class", "size", "placeholder", "debounce", "disable-default-styles"]);
 }
 
 script.render = render;

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

@@ -8,7 +8,7 @@ export { s as OrButtonV2 } from '../OrButton-f4098587.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from '../OrIconButton-4424a0dc.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-7fd78cc8.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-fc6fd56c.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-ce6c8201.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-d3320b27.js';
 export { s as OrCheckbox } from '../OrCheckbox-42ed332c.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-e12e94c8.js';
@@ -93,9 +93,9 @@ export { s as OrRangeSliderV3 } from '../OrRangeSlider-758f8cc7.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-1437f51e.js';
 export { s as OrRatingV3 } from '../OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-525d396f.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-cfa0b54a.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-d9182fa2.js';
 export { s as OrSearch } from '../OrSearch-aa57d4e8.js';
-export { s as OrSearchV3 } from '../OrSearch-fccacdba.js';
+export { s as OrSearchV3 } from '../OrSearch-9c6f1e16.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-adbf7f4e.js';
 export { s as OrSelect } from '../OrSelect-a366e668.js';
 export { s as OrSelectV3 } from '../OrSelect-a65c0b08.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-fc6fd56c.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-ce6c8201.js';
 import 'vue-demi';
 import '../../OrIconButton-13fd3f96.js';
 import '../../OrIcon-b2e2d0aa.js';
@@ -19,11 +19,11 @@ import '../../OrBottomSheet-e33d1de9.js';
 import '../../OrOverlay-d00d79f1.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
-import '../../OrSearch-fccacdba.js';
+import '../../OrSearch-9c6f1e16.js';
+import '../../OrInput-2810a760.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-2810a760.js';
 import '../../OrError-69bd7f6a.js';
 import '../../OrHint-55d3de35.js';
 import '../../OrInputBox-8c1a29dd.js';

package/dist/esm/v3/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-cfa0b54a.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-d9182fa2.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';

package/dist/esm/v3/components/or-search-v3/OrSearch.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         default: string;
+        required: false;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -24,6 +25,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    localModelValue: import("vue-demi").Ref<string>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -37,15 +39,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
-    draftModelValue: import("vue-demi").Ref<string>;
     focus: () => void;
-    blur: () => void;
     clear: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "input" | "keydown" | "keyup" | "focus" | "blur" | "clear")[], "search" | "update:modelValue" | "input" | "keydown" | "keyup" | "focus" | "blur" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "input" | "keydown" | "keyup" | "focus" | "blur" | "clear")[], "search" | "input" | "keydown" | "keyup" | "focus" | "blur" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
+        required: false;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -65,7 +65,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     onSearch?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;

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

@@ -1,17 +1,17 @@
-export { s as OrSearchV3 } from '../../OrSearch-fccacdba.js';
+export { s as OrSearchV3 } from '../../OrSearch-9c6f1e16.js';
 export { I as SearchSize } from '../../OrInputBox-8c1a29dd.js';
 import '@vueuse/core';
 import 'vue-demi';
+import '../../OrInput-2810a760.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
+import '../../useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-2810a760.js';
-import '../../useResponsive-1baf3485.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';

package/dist/esm/v3/index.js

@@ -8,7 +8,7 @@ export { s as OrButtonV2 } from './OrButton-f4098587.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from './OrIconButton-4424a0dc.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-7fd78cc8.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-fc6fd56c.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-ce6c8201.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-d3320b27.js';
 export { s as OrCheckbox } from './OrCheckbox-42ed332c.js';
 export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-e12e94c8.js';
@@ -93,9 +93,9 @@ export { s as OrRangeSliderV3 } from './OrRangeSlider-758f8cc7.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-1437f51e.js';
 export { s as OrRatingV3 } from './OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-525d396f.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-cfa0b54a.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-d9182fa2.js';
 export { s as OrSearch } from './OrSearch-aa57d4e8.js';
-export { s as OrSearchV3 } from './OrSearch-fccacdba.js';
+export { s as OrSearchV3 } from './OrSearch-9c6f1e16.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-adbf7f4e.js';
 export { s as OrSelect } from './OrSelect-a366e668.js';
 export { s as OrSelectV3 } from './OrSelect-a65c0b08.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.16.3-beta.3862.0",
+  "version": "8.16.3",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -176,5 +176,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "33df1b7f5022fb9b193ed8523f7a5c076492909a"
 }