@onereach/ui-components 4.7.4-beta.2863.0 → 4.7.4-beta.2867.0

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

@@ -147,8 +147,10 @@ var script = defineComponent({
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
     function add() {
-      if (draftModelValue.value) {
-        proxyModelValue.value = [...proxyModelValue.value, draftModelValue.value];
+      var _a;
+      const value = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.trim();
+      if (value && !proxyModelValue.value.includes(value)) {
+        proxyModelValue.value = [...proxyModelValue.value, value];
         draftModelValue.value = undefined;
       }
     }
@@ -156,6 +158,7 @@ var script = defineComponent({
       proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
     }
     function reset() {
+      proxyModelValue.value = [];
       draftModelValue.value = undefined;
     }
     return {
@@ -178,7 +181,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-c0ec6b4a]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-b3092b7c]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -216,7 +219,7 @@ var __vue_render__ = function () {
     scopedSlots: _vm._u([{
       key: "addon",
       fn: function () {
-        return [_vm.draftModelValue ? [_c('OrIconButton', {
+        return [_vm.proxyModelValue.length > 0 || _vm.draftModelValue ? [_c('OrIconButton', {
           attrs: {
             "icon": 'close',
             "color": 'inherit',
@@ -333,7 +336,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-c0ec6b4a";
+const __vue_scope_id__ = "data-v-b3092b7c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -144,7 +144,12 @@ var __vue_render__ = function () {
     class: _vm.overflowPopoverStyles
   }, _vm._l(_vm.overflowItems, function (item) {
     return _c('OrTag', _vm._b({
-      key: item
+      key: item,
+      on: {
+        "reset": function ($event) {
+          return _vm.$emit('reset', item);
+        }
+      }
     }, 'OrTag', _vm.tagProps, false), [_vm._v("\n          " + _vm._s(item) + "\n        ")]);
   }), 1)])] : _vm._e()], 2);
 };

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-679e7b9d.js → OrTagInput.vue_vue_type_script_lang-1eb13525.js}

@@ -111,8 +111,10 @@ var script = defineComponent({
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
     function add() {
-      if (draftModelValue.value) {
-        proxyModelValue.value = [...proxyModelValue.value, draftModelValue.value];
+      var _a;
+      const value = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.trim();
+      if (value && !proxyModelValue.value.includes(value)) {
+        proxyModelValue.value = [...proxyModelValue.value, value];
         draftModelValue.value = undefined;
       }
     }
@@ -120,6 +122,7 @@ var script = defineComponent({
       proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
     }
     function reset() {
+      proxyModelValue.value = [];
       draftModelValue.value = undefined;
     }
     return {

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTagInput.vue_vue_type_script_lang-679e7b9d.js';
-export { s as default } from '../../OrTagInput.vue_vue_type_script_lang-679e7b9d.js';
+import { s as script } from '../../OrTagInput.vue_vue_type_script_lang-1eb13525.js';
+export { s as default } from '../../OrTagInput.vue_vue_type_script_lang-1eb13525.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -104,7 +104,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly,
     disabled: _ctx.disabled
   }, {
-    addon: withCtx(() => [_ctx.draftModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+    addon: withCtx(() => [_ctx.proxyModelValue.length > 0 || _ctx.draftModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'close',
       color: 'inherit',

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

@@ -1,4 +1,4 @@
-export { s as OrTagInputV3 } from '../../OrTagInput.vue_vue_type_script_lang-679e7b9d.js';
+export { s as OrTagInputV3 } from '../../OrTagInput.vue_vue_type_script_lang-1eb13525.js';
 export { InputBoxSize as TagInputSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v3/components/OrTagsV3/OrTags.js

@@ -88,12 +88,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.overflowPopoverStyles)
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowItems, item => {
       return openBlock(), createBlock(_component_OrTag, mergeProps(_ctx.tagProps, {
-        key: item
+        key: item,
+        onReset: $event => _ctx.$emit('reset', item)
       }), {
         default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */);
+      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
     }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)]),
 
     _: 1 /* STABLE */

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

@@ -137,7 +137,7 @@ export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-9129d34b.js';
 export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-2d08458d.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-42a69c16.js';
-export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-679e7b9d.js';
+export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-1eb13525.js';
 export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-c7065625.js';
 export { TagColor, TagVariant } from './OrTagV3/props.js';
 export { s as OrTagsV3 } from '../OrTags.vue_vue_type_script_lang-45bbc68e.js';

package/dist/bundled/v3/index.js

@@ -116,7 +116,7 @@ export { s as OrTabsV3 } from './OrTabs.vue_vue_type_script_lang-2d08458d.js';
 import './components/OrTag/OrTag.js';
 export { s as OrTag } from './OrTag.vue_vue_type_script_lang-42a69c16.js';
 import './components/OrTagInputV3/OrTagInput.js';
-export { s as OrTagInputV3 } from './OrTagInput.vue_vue_type_script_lang-679e7b9d.js';
+export { s as OrTagInputV3 } from './OrTagInput.vue_vue_type_script_lang-1eb13525.js';
 import './components/OrTextV3/OrText.js';
 export { s as OrTextV3 } from './OrText.vue_vue_type_script_lang-6ce019db.js';
 import './components/OrTextarea/OrTextarea.js';

package/dist/esm/v2/{OrTagInput-582e7f3a.js → OrTagInput-2d7a9ef2.js}

@@ -10,7 +10,7 @@ import { _ as __vue_component__$3 } from './OrIconButton-ab726d49.js';
 import { _ as __vue_component__$4 } from './OrInputBox-11227ecd.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import { _ as __vue_component__$5 } from './OrLabel-63380256.js';
-import { _ as __vue_component__$6 } from './OrTags-5220304c.js';
+import { _ as __vue_component__$6 } from './OrTags-9048733c.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -124,8 +124,10 @@ var script = defineComponent({
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
     function add() {
-      if (draftModelValue.value) {
-        proxyModelValue.value = [...proxyModelValue.value, draftModelValue.value];
+      var _a;
+      const value = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.trim();
+      if (value && !proxyModelValue.value.includes(value)) {
+        proxyModelValue.value = [...proxyModelValue.value, value];
         draftModelValue.value = undefined;
       }
     }
@@ -133,6 +135,7 @@ var script = defineComponent({
       proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
     }
     function reset() {
+      proxyModelValue.value = [];
       draftModelValue.value = undefined;
     }
     return {
@@ -155,7 +158,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-c0ec6b4a]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-b3092b7c]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -193,7 +196,7 @@ var __vue_render__ = function () {
     scopedSlots: _vm._u([{
       key: "addon",
       fn: function () {
-        return [_vm.draftModelValue ? [_c('OrIconButton', {
+        return [_vm.proxyModelValue.length > 0 || _vm.draftModelValue ? [_c('OrIconButton', {
           attrs: {
             "icon": 'close',
             "color": 'inherit',
@@ -310,7 +313,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-c0ec6b4a";
+const __vue_scope_id__ = "data-v-b3092b7c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTags-5220304c.js → OrTags-9048733c.js}

@@ -142,7 +142,12 @@ var __vue_render__ = function () {
     class: _vm.overflowPopoverStyles
   }, _vm._l(_vm.overflowItems, function (item) {
     return _c('OrTag', _vm._b({
-      key: item
+      key: item,
+      on: {
+        "reset": function ($event) {
+          return _vm.$emit('reset', item);
+        }
+      }
     }, 'OrTag', _vm.tagProps, false), [_vm._v("\n          " + _vm._s(item) + "\n        ")]);
   }), 1)])] : _vm._e()], 2);
 };

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

@@ -100,9 +100,9 @@ export { _ as OrTabV3 } from '../OrTab-5b198746.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
 export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-930e1c26.js';
 export { _ as OrTag } from '../OrTag-54778d09.js';
-export { _ as OrTagInputV3 } from '../OrTagInput-582e7f3a.js';
+export { _ as OrTagInputV3 } from '../OrTagInput-2d7a9ef2.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-d16c9d12.js';
-export { _ as OrTagsV3 } from '../OrTags-5220304c.js';
+export { _ as OrTagsV3 } from '../OrTags-9048733c.js';
 export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from '../OrText-44449e7b.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTagInputV3 } from '../../OrTagInput-582e7f3a.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-2d7a9ef2.js';
 export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
@@ -23,7 +23,7 @@ import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInputBox-11227ecd.js';
 import '../../OrLabel-63380256.js';
-import '../../OrTags-5220304c.js';
+import '../../OrTags-9048733c.js';
 import '../../useOverflow-c856b7b7.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';

package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -41,7 +41,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: string[];
     tagProps: Readonly<Partial<{
         [x: number]: string;

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

@@ -1,4 +1,4 @@
-export { _ as OrTagsV3 } from '../../OrTags-5220304c.js';
+export { _ as OrTagsV3 } from '../../OrTags-9048733c.js';
 import 'vue-demi';
 import '../../useOverflow-c856b7b7.js';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -100,9 +100,9 @@ export { _ as OrTabV3 } from './OrTab-5b198746.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-930e1c26.js';
 export { _ as OrTag } from './OrTag-54778d09.js';
-export { _ as OrTagInputV3 } from './OrTagInput-582e7f3a.js';
+export { _ as OrTagInputV3 } from './OrTagInput-2d7a9ef2.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d16c9d12.js';
-export { _ as OrTagsV3 } from './OrTags-5220304c.js';
+export { _ as OrTagsV3 } from './OrTags-9048733c.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-44449e7b.js';

package/dist/esm/v3/{OrTagInput-ea932f50.js → OrTagInput-da823f11.js}

@@ -9,7 +9,7 @@ import { s as script$2 } from './OrHint-06ab89d7.js';
 import { s as script$3 } from './OrIconButton-0aaadc68.js';
 import { s as script$4, I as InputBoxSize } from './OrInputBox-32b37b17.js';
 import { s as script$5 } from './OrLabel-4da56db0.js';
-import { s as script$6 } from './OrTags-00bb5463.js';
+import { s as script$6 } from './OrTags-1621cbb9.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -123,8 +123,10 @@ var script = defineComponent({
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
     function add() {
-      if (draftModelValue.value) {
-        proxyModelValue.value = [...proxyModelValue.value, draftModelValue.value];
+      var _a;
+      const value = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.trim();
+      if (value && !proxyModelValue.value.includes(value)) {
+        proxyModelValue.value = [...proxyModelValue.value, value];
         draftModelValue.value = undefined;
       }
     }
@@ -132,6 +134,7 @@ var script = defineComponent({
       proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
     }
     function reset() {
+      proxyModelValue.value = [];
       draftModelValue.value = undefined;
     }
     return {
@@ -189,7 +192,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     readonly: _ctx.readonly,
     disabled: _ctx.disabled
   }, {
-    addon: withCtx(() => [_ctx.draftModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+    addon: withCtx(() => [_ctx.proxyModelValue.length > 0 || _ctx.draftModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: 'close',
       color: 'inherit',

package/dist/esm/v3/{OrTags-00bb5463.js → OrTags-1621cbb9.js}

@@ -136,12 +136,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.overflowPopoverStyles)
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowItems, item => {
       return openBlock(), createBlock(_component_OrTag, mergeProps(_ctx.tagProps, {
-        key: item
+        key: item,
+        onReset: $event => _ctx.$emit('reset', item)
       }), {
         default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */);
+      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
     }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)]),
 
     _: 1 /* STABLE */

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

@@ -98,9 +98,9 @@ export { s as OrTabV3 } from '../OrTab-f7e51ffb.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-9e741419.js';
 export { s as OrTag } from '../OrTag-a2197abd.js';
-export { s as OrTagInputV3 } from '../OrTagInput-ea932f50.js';
+export { s as OrTagInputV3 } from '../OrTagInput-da823f11.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-fbeca419.js';
-export { s as OrTagsV3 } from '../OrTags-00bb5463.js';
+export { s as OrTagsV3 } from '../OrTags-1621cbb9.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-d54c951d.js';

package/dist/esm/v3/components/or-tag-input-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTagInputV3 } from '../../OrTagInput-ea932f50.js';
+export { s as OrTagInputV3 } from '../../OrTagInput-da823f11.js';
 export { I as TagInputSize } from '../../OrInputBox-32b37b17.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
@@ -21,7 +21,7 @@ import '../../OrBottomSheet-f2f3aef9.js';
 import '../../OrOverlay-489fdf76.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrLabel-4da56db0.js';
-import '../../OrTags-00bb5463.js';
+import '../../OrTags-1621cbb9.js';
 import '../../useOverflow-c856b7b7.js';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTagsV3 } from '../../OrTags-00bb5463.js';
+export { s as OrTagsV3 } from '../../OrTags-1621cbb9.js';
 import 'vue-demi';
 import '../../useOverflow-c856b7b7.js';
 import '@vueuse/core';

package/dist/esm/v3/index.js

@@ -98,9 +98,9 @@ export { s as OrTabV3 } from './OrTab-f7e51ffb.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-9e741419.js';
 export { s as OrTag } from './OrTag-a2197abd.js';
-export { s as OrTagInputV3 } from './OrTagInput-ea932f50.js';
+export { s as OrTagInputV3 } from './OrTagInput-da823f11.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-fbeca419.js';
-export { s as OrTagsV3 } from './OrTags-00bb5463.js';
+export { s as OrTagsV3 } from './OrTags-1621cbb9.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-d54c951d.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.7.4-beta.2863.0",
+  "version": "4.7.4-beta.2867.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.40.2-beta.2863.0",
+    "@onereach/styles": "^2.40.2-beta.2867.0",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",

package/src/components/or-tag-input-v3/OrTagInput.vue

@@ -33,15 +33,6 @@
         }"
         @reset="remove($event)"
       />
-      <!-- <OrTag
-        v-for="token in proxyModelValue"
-        :key="token"
-        :class="itemStyles"
-        :variant="'reset'"
-        :disabled="disabled"
-      >
-        {{ token }}
-      </OrTag> -->
 
       <input
         ref="control"
@@ -60,7 +51,7 @@
       >
 
       <template v-slot:addon>
-        <template v-if="draftModelValue">
+        <template v-if="proxyModelValue.length > 0 || draftModelValue">
           <OrIconButton
             :icon="'close'"
             :color="'inherit'"
@@ -253,8 +244,10 @@ export default defineComponent({
     }
 
     function add(): void {
-      if (draftModelValue.value) {
-        proxyModelValue.value = [...proxyModelValue.value, draftModelValue.value];
+      const value = draftModelValue.value?.trim();
+
+      if (value && !proxyModelValue.value.includes(value)) {
+        proxyModelValue.value = [...proxyModelValue.value, value];
         draftModelValue.value = undefined;
       }
     }
@@ -264,6 +257,7 @@ export default defineComponent({
     }
 
     function reset(): void {
+      proxyModelValue.value = [];
       draftModelValue.value = undefined;
     }
 

package/src/components/or-tags-v3/OrTags.vue

@@ -38,6 +38,7 @@
             v-for="item in overflowItems"
             v-bind="tagProps"
             :key="item"
+            @reset="$emit('reset', item)"
           >
             {{ item }}
           </OrTag>