@onereach/ui-components 8.22.1 → 8.22.2

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

@@ -1,11 +1,12 @@
-import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance, onMounted } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
 import { g as useFocus } from '../../index-cc89d6b7.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import { isEmptyValue } from '../../utils/isEmptyValue.js';
+import { castToMultipleValue } from './utils/castToMultipleValue.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';
 import { isEqualValue } from '../../utils/isEqualValue.js';
+import { isEmptyValue } from '../../utils/isEmptyValue.js';
 import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './styles.js';
 import __vue_component__$6 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$7 from '../OrErrorV3/OrError.js';
@@ -225,13 +226,6 @@ const SelectMultipleControlRoot = [
 // Layout
 'layout-row', 'w-full'];
 
-function castToMultipleValue(value) {
-  if (Array.isArray(value)) {
-    return value;
-  }
-  return isEmptyValue(value) ? [] : [value];
-}
-
 var script$2 = defineComponent({
   components: {
     OrSelectPlaceholder,
@@ -377,7 +371,17 @@ var __vue_render__$2 = function () {
         return _vm.$emit('reset', $event);
       }
     },
-    scopedSlots: _vm._u([_vm.enableSearch ? {
+    scopedSlots: _vm._u([{
+      key: "tag",
+      fn: function (ref) {
+        var item = ref.item;
+        return [_vm._t("tag", function () {
+          return [_vm._v("\n        " + _vm._s(item.label) + "\n      ")];
+        }, {
+          "item": item
+        })];
+      }
+    }, _vm.enableSearch ? {
       key: "tail",
       fn: function () {
         return [_c('div', {
@@ -730,11 +734,6 @@ var script = defineComponent({
     const showClear = computed(() => {
       return enableClear.value && !isEmptyModelValue.value;
     });
-    onMounted(() => {
-      if (!proxyModelValue.value && props.multiple) {
-        proxyModelValue.value = [];
-      }
-    });
     const focused = computed(() => {
       var _a, _b;
       if (multiple.value) {
@@ -819,11 +818,11 @@ var script = defineComponent({
     }
     function toggleOption(option) {
       const modelValue = proxyModelValue.value;
-      if (Array.isArray(modelValue)) {
-        if (modelValue.includes(option)) {
+      if (multiple.value) {
+        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
           deselect(option);
         } else {
-          proxyModelValue.value = [...modelValue, option];
+          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
         }
       } else {
         proxyModelValue.value = option;
@@ -954,6 +953,15 @@ var __vue_render__ = function () {
       on: {
         "reset": _vm.deselect
       },
+      scopedSlots: _vm._u([{
+        key: "tag",
+        fn: function (ref) {
+          var item = ref.item;
+          return [_vm._t("tag", null, {
+            "item": item
+          })];
+        }
+      }], null, true),
       model: {
         value: _vm.searchText,
         callback: function ($$v) {

package/dist/{esm/v2/components/or-select-v3/partials/or-select-multiple-control/utils/castToMultipleModel.d.ts → bundled/v2/components/OrSelectV3/utils/castToMultipleValue.d.ts}

@@ -1,2 +1,2 @@
-import { SelectValue } from '../../../types';
+import { SelectValue } from '../types';
 export declare function castToMultipleValue(value: SelectValue): SelectValue[];

package/dist/bundled/v2/components/OrSelectV3/utils/castToMultipleValue.js

@@ -0,0 +1,10 @@
+import { isEmptyValue } from '../../../utils/isEmptyValue.js';
+
+function castToMultipleValue(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return isEmptyValue(value) ? [] : [value];
+}
+
+export { castToMultipleValue };

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

@@ -218,7 +218,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a10dd832]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-85ccf734]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -291,7 +291,17 @@ var __vue_render__ = function () {
         return _vm.remove($event);
       }
     },
-    scopedSlots: _vm._u([_vm.showControl ? {
+    scopedSlots: _vm._u([{
+      key: "tag",
+      fn: function (ref) {
+        var item = ref.item;
+        return [_vm._t("tag", function () {
+          return [_vm._v("\n          " + _vm._s(item.label) + "\n        ")];
+        }, {
+          "item": item
+        })];
+      }
+    }, _vm.showControl ? {
       key: "tail",
       fn: function () {
         return [_c('div', {
@@ -393,7 +403,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a10dd832";
+const __vue_scope_id__ = "data-v-85ccf734";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -54,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<string[]>;
-        default: () => never[];
+        default: () => [];
     };
     label: {
         type: StringConstructor;
@@ -103,7 +103,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
-        default: () => never[];
+        default: () => [];
     };
     label: {
         type: StringConstructor;

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

@@ -133,7 +133,11 @@ var __vue_render__ = function () {
           return _vm.$emit('reset', item.value);
         }
       }
-    }, 'OrTag', Object.assign({}, _vm.tagProps, item.tagProps), false), [_vm._v("\n      " + _vm._s(item.label) + "\n    ")]);
+    }, 'OrTag', Object.assign({}, _vm.tagProps, item.tagProps), false), [_vm._t("tag", function () {
+      return [_vm._v("\n        " + _vm._s(item.label) + "\n      ")];
+    }, {
+      "item": item
+    })], 2);
   }), _vm._v(" "), _vm.localOverflow === 'wrap' ? _vm._t("tail") : _vm._e()], 2) : _vm._e(), _vm._v(" "), _vm.localOverflow === 'hidden' && _vm.overflowItems.length > 0 ? [_c('OrButton', {
     ref: "overflowButton",
     class: _vm.overflowButtonStyles,
@@ -166,7 +170,11 @@ var __vue_render__ = function () {
           return _vm.$emit('reset', item.value);
         }
       }
-    }, 'OrTag', Object.assign({}, _vm.tagProps, item.tagProps), false), [_vm._v("\n          " + _vm._s(item.label) + "\n        ")]);
+    }, 'OrTag', Object.assign({}, _vm.tagProps, item.tagProps), false), [_vm._t("tag", function () {
+      return [_vm._v("\n            " + _vm._s(item.label) + "\n          ")];
+    }, {
+      "item": item
+    })], 2);
   }), 1)])] : _vm._e(), _vm._v(" "), _vm.localOverflow != 'wrap' || _vm.items.length === 0 ? _vm._t("tail") : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];

package/dist/bundled/v2/index.js

@@ -221,7 +221,7 @@ export { HSL_LIMITS } from './utils/constants/color.js';
 export { CODE_BACKSPACE, CODE_BREAK, CODE_DELETE, CODE_DOWN, CODE_END, CODE_ENTER, CODE_ESC, CODE_HOME, CODE_LEFT, CODE_PAGEDOWN, CODE_PAGEUP, CODE_RIGHT, CODE_SPACE, CODE_UP } from './utils/constants/key-codes.js';
 export { PLACEMENT_BOTTOM_END, PLACEMENT_BOTTOM_START, PLACEMENT_LEFT_END, PLACEMENT_LEFT_START, PLACEMENT_RIGHT_END, PLACEMENT_RIGHT_START, PLACEMENT_TOP_END, PLACEMENT_TOP_START } from './utils/constants/poper.js';
 export { RX_ABBREVIATION_FROM_STRING, RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_DATE, RX_DATE_SPLIT, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_EXTENSION, RX_HASH, RX_HASH_ID, RX_HREF, RX_HTML_TAGS, RX_HYPHENATE, RX_LONG_COLOR, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SHORT_COLOR, RX_SPACES, RX_SPACE_SPLIT, RX_STAR, RX_START_SPACE_WORD, RX_TIME, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB } from './utils/constants/regex.js';
-export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './utils/functions/color.js';
+export { generateColorFromString, generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './utils/functions/color.js';
 export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from './dom-cec392f3.js';
 export { getHashOfString, normalize } from './utils/functions/hash.js';
 export { pxToRem } from './utils/functions/px-to-rem.js';

package/dist/bundled/v2/utils/functions/color.d.ts

@@ -17,3 +17,7 @@ export declare function hslToColorString(hsl: {
     s: number;
     l: number;
 }): string;
+export declare function generateColorFromString(str: string, limits?: Partial<Record<'h' | 's' | 'l', {
+    min: number;
+    max: number;
+}>>): string;

package/dist/bundled/v2/utils/functions/color.js

@@ -36,5 +36,9 @@ function generateHslFromString(str) {
 function hslToColorString(hsl) {
   return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
 }
+function generateColorFromString(str) {
+  let limits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : HSL_LIMITS;
+  return hslToColorString(generateHslFromString(str, limits));
+}
 
-export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex };
+export { generateColorFromString, generateHslFromString, hexToRgb, hslToColorString, rgbToHex };

package/dist/bundled/v2/utils/index.js

@@ -2,7 +2,7 @@ export { HSL_LIMITS } from './constants/color.js';
 export { CODE_BACKSPACE, CODE_BREAK, CODE_DELETE, CODE_DOWN, CODE_END, CODE_ENTER, CODE_ESC, CODE_HOME, CODE_LEFT, CODE_PAGEDOWN, CODE_PAGEUP, CODE_RIGHT, CODE_SPACE, CODE_UP } from './constants/key-codes.js';
 export { PLACEMENT_BOTTOM_END, PLACEMENT_BOTTOM_START, PLACEMENT_LEFT_END, PLACEMENT_LEFT_START, PLACEMENT_RIGHT_END, PLACEMENT_RIGHT_START, PLACEMENT_TOP_END, PLACEMENT_TOP_START } from './constants/poper.js';
 export { RX_ABBREVIATION_FROM_STRING, RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_DATE, RX_DATE_SPLIT, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_EXTENSION, RX_HASH, RX_HASH_ID, RX_HREF, RX_HTML_TAGS, RX_HYPHENATE, RX_LONG_COLOR, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SHORT_COLOR, RX_SPACES, RX_SPACE_SPLIT, RX_STAR, RX_START_SPACE_WORD, RX_TIME, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB } from './constants/regex.js';
-export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './functions/color.js';
+export { generateColorFromString, generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './functions/color.js';
 export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../dom-cec392f3.js';
 export { getHashOfString, normalize } from './functions/hash.js';
 export { pxToRem } from './functions/px-to-rem.js';

package/dist/bundled/v3/components/OrAvatarV3/OrAvatar.js

@@ -1 +1 @@
-export { s as default } from '../OrAvatarV3-96e091cc.js';
+export { s as default } from '../OrAvatarV3-700dd5ab.js';

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

@@ -1 +1 @@
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatarV3-96e091cc.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatarV3-700dd5ab.js';

package/dist/bundled/v3/components/OrAvatarV3/props.js

@@ -1 +1 @@
-export { a as AvatarColor, A as AvatarSize } from '../OrAvatarV3-96e091cc.js';
+export { a as AvatarColor, A as AvatarSize } from '../OrAvatarV3-700dd5ab.js';

package/dist/bundled/v3/components/OrAvatarV3/styles.js

@@ -1 +1 @@
-export { b as Avatar, f as AvatarColors, d as AvatarIconSizes, c as AvatarSizes, e as AvatarTextSizes } from '../OrAvatarV3-96e091cc.js';
+export { b as Avatar, f as AvatarColors, d as AvatarIconSizes, c as AvatarSizes, e as AvatarTextSizes } from '../OrAvatarV3-700dd5ab.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-33734991.js';
+export { s as default } from '../OrSelectV3-ef8b82f7.js';

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

@@ -1,2 +1,2 @@
-export { s as OrSelectV3 } from '../OrSelectV3-33734991.js';
+export { s as OrSelectV3 } from '../OrSelectV3-ef8b82f7.js';
 export { I as SelectSize } from '../OrInputBoxV3-90e51950.js';

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

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-33734991.js';
+export { S as Select, a as SelectControl, d as SelectDropdown, e as SelectDropdownDefault, f as SelectDropdownFlipped, g as SelectDropdownItem, h as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-ef8b82f7.js';

package/dist/{esm/v3/components/or-select-v3/partials/or-select-multiple-control/utils/castToMultipleModel.d.ts → bundled/v3/components/OrSelectV3/utils/castToMultipleValue.d.ts}

@@ -1,2 +1,2 @@
-import { SelectValue } from '../../../types';
+import { SelectValue } from '../types';
 export declare function castToMultipleValue(value: SelectValue): SelectValue[];

package/dist/bundled/v3/components/OrSelectV3/utils/castToMultipleValue.js

@@ -0,0 +1,2 @@
+import '../../../utils/isEmptyValue.js';
+export { c as castToMultipleValue } from '../../OrSelectV3-ef8b82f7.js';

package/dist/bundled/v3/components/{OrSelectV3-33734991.js → OrSelectV3-ef8b82f7.js}

@@ -1,10 +1,10 @@
 import { s as script$d, I as InputBoxSize } from './OrInputBoxV3-90e51950.js';
-import { withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, resolveComponent, createVNode, createSlots, withCtx, createElementVNode, vShow, createBlock, createTextVNode, toDisplayString, createCommentVNode, Fragment, resolveDirective, withModifiers, renderList } from 'vue';
-import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance, onMounted } from 'vue-demi';
+import { withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, resolveDirective, withModifiers, renderList } from 'vue';
+import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
 import { n as useFocus } from './OrBottomSheetV3-83beaa38.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 import { isEmptyValue } from '../utils/isEmptyValue.js';
-import { s as script$5, T as TagsOverflow } from './OrTagsV3-65838b57.js';
+import { s as script$5, T as TagsOverflow } from './OrTagsV3-69f51def.js';
 import { isEqualValue } from '../utils/isEqualValue.js';
 import { s as script$6 } from './OrCheckboxV3-e9c24a67.js';
 import { s as script$7 } from './OrErrorV3-19502b8d.js';
@@ -294,6 +294,15 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     overflow: _ctx.overflow,
     onReset: _cache[1] || (_cache[1] = $event => _ctx.$emit('reset', $event))
   }, createSlots({
+    tag: withCtx(_ref => {
+      let {
+        item
+      } = _ref;
+      return [renderSlot(_ctx.$slots, "tag", {
+        item: item
+      }, () => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)])];
+    }),
+
     _: 2 /* DYNAMIC */
   }, [_ctx.enableSearch ? {
     name: "tail",
@@ -652,11 +661,6 @@ var script = defineComponent({
     const showClear = computed(() => {
       return enableClear.value && !isEmptyModelValue.value;
     });
-    onMounted(() => {
-      if (!proxyModelValue.value && props.multiple) {
-        proxyModelValue.value = [];
-      }
-    });
     const focused = computed(() => {
       var _a, _b;
       if (multiple.value) {
@@ -741,11 +745,11 @@ var script = defineComponent({
     }
     function toggleOption(option) {
       const modelValue = proxyModelValue.value;
-      if (Array.isArray(modelValue)) {
-        if (modelValue.includes(option)) {
+      if (multiple.value) {
+        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
           deselect(option);
         } else {
-          proxyModelValue.value = [...modelValue, option];
+          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
         }
       } else {
         proxyModelValue.value = option;
@@ -872,7 +876,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "enable-search": _ctx.enableSearch,
       "is-open": _ctx.popoverState === 'open',
       onReset: _ctx.deselect
-    }, null, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open", "onReset"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
+    }, {
+      tag: withCtx(_ref => {
+        let {
+          item
+        } = _ref;
+        return [renderSlot(_ctx.$slots, "tag", {
+          item: item
+        })];
+      }),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open", "onReset"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
       key: 1,
       ref: "singleControl",
       modelValue: _ctx.searchText,
@@ -1040,4 +1054,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-select-v3/OrSelect.vue";
 
-export { Select as S, SelectControl as a, SelectSearchControl as b, SelectDropdown as c, SelectDropdownDefault as d, SelectDropdownFlipped as e, SelectDropdownItem as f, SelectNoSearchResults as g, script as s };
+export { Select as S, SelectControl as a, SelectSearchControl as b, castToMultipleValue as c, SelectDropdown as d, SelectDropdownDefault as e, SelectDropdownFlipped as f, SelectDropdownItem as g, SelectNoSearchResults as h, script as s };

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

@@ -1 +1 @@
-export { s as default } from '../OrTagInputV3-fbe9a802.js';
+export { s as default } from '../OrTagInputV3-701195d9.js';

package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -4,7 +4,7 @@ import { TagObject } from '../or-tags-v3/types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<string[]>;
-        default: () => never[];
+        default: () => [];
     };
     label: {
         type: StringConstructor;
@@ -95,7 +95,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur" | "reset")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
-        default: () => never[];
+        default: () => [];
     };
     label: {
         type: StringConstructor;

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

@@ -1,2 +1,2 @@
-export { s as OrTagInputV3 } from '../OrTagInputV3-fbe9a802.js';
+export { s as OrTagInputV3 } from '../OrTagInputV3-701195d9.js';
 export { I as TagInputSize } from '../OrInputBoxV3-90e51950.js';

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

@@ -1 +1 @@
-export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-fbe9a802.js';
+export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-701195d9.js';

package/dist/bundled/v3/components/{OrTagInputV3-fbe9a802.js → OrTagInputV3-701195d9.js}

@@ -7,7 +7,7 @@ import { s as script$1 } from './OrErrorV3-19502b8d.js';
 import { s as script$2 } from './OrHintV3-25a3be82.js';
 import { s as script$3 } from './OrIconButtonV3-c243936a.js';
 import { s as script$5 } from './OrLabelV3-44afce27.js';
-import { s as script$6, T as TagsOverflow } from './OrTagsV3-65838b57.js';
+import { s as script$6, T as TagsOverflow } from './OrTagsV3-69f51def.js';
 import { T as TagColor } from './OrTagV3-b3d78269.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
@@ -283,6 +283,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       overflow: _ctx.overflow,
       onReset: _cache[5] || (_cache[5] = $event => _ctx.remove($event))
     }, createSlots({
+      tag: withCtx(_ref => {
+        let {
+          item
+        } = _ref;
+        return [renderSlot(_ctx.$slots, "tag", {
+          item: item
+        }, () => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)])];
+      }),
+
       _: 2 /* DYNAMIC */
     }, [_ctx.showControl ? {
       name: "tail",

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

@@ -1 +1 @@
-export { s as default } from '../OrTagsV3-65838b57.js';
+export { s as default } from '../OrTagsV3-69f51def.js';

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

@@ -1 +1 @@
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTagsV3-65838b57.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTagsV3-69f51def.js';

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

@@ -1 +1 @@
-export { T as TagsOverflow } from '../OrTagsV3-65838b57.js';
+export { T as TagsOverflow } from '../OrTagsV3-69f51def.js';

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

@@ -1 +1 @@
-export { a as Tags, b as TagsContainer, c as TagsContainerOverflows, d as TagsOverflowButton, e as TagsOverflowPopover } from '../OrTagsV3-65838b57.js';
+export { a as Tags, b as TagsContainer, c as TagsContainerOverflows, d as TagsOverflowButton, e as TagsOverflowPopover } from '../OrTagsV3-69f51def.js';

package/dist/bundled/v3/components/OrTagsV3/utils/castToTag.js

@@ -1 +1 @@
-export { f as castToTagObject } from '../../OrTagsV3-65838b57.js';
+export { f as castToTagObject } from '../../OrTagsV3-69f51def.js';

package/dist/bundled/v3/components/{OrTagsV3-65838b57.js → OrTagsV3-69f51def.js}

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
 import { defineComponent, ref, toRefs, computed, nextTick } from 'vue-demi';
 import { s as script$1 } from './OrButtonV3-cce9b2ba.js';
 import { s as script$2 } from './OrPopoverV3-5010d168.js';
@@ -191,7 +191,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: ['max-w-full'],
       onReset: $event => _ctx.$emit('reset', item.value)
     }), {
-      default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
+      default: withCtx(() => [renderSlot(_ctx.$slots, "tag", {
+        item: item
+      }, () => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)])]),
 
       _: 2 /* DYNAMIC */
     }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
@@ -227,13 +229,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: item.value,
         onReset: $event => _ctx.$emit('reset', item.value)
       }), {
-        default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
+        default: withCtx(() => [renderSlot(_ctx.$slots, "tag", {
+          item: item
+        }, () => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)])]),
 
         _: 2 /* DYNAMIC */
       }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
     }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)]),
 
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["class", "custom-styles", "trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.localOverflow != 'wrap' || _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "tail", {
     key: 2
   }) : createCommentVNode("v-if", true)], 2 /* CLASS */);

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

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, a as OrAvatar } from './OrAvatar-467fe574.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatarV3-96e091cc.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatarV3-700dd5ab.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './OrBottomSheetV3-83beaa38.js';
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './OrButton/index.js';
 export { s as OrButtonGroupV3 } from './OrButtonGroupV3-c6b2f2a6.js';
@@ -86,7 +86,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-d7578374.js';
 export { s as OrSelect } from './OrSelect-eb515d23.js';
-export { s as OrSelectV3 } from './OrSelectV3-33734991.js';
+export { s as OrSelectV3 } from './OrSelectV3-ef8b82f7.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-4f866148.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-d2c6d5e5.js';
@@ -103,9 +103,9 @@ export { s as OrTabV3 } from './OrTabV3-9dbd8ad9.js';
 export { default as OrTabs } from './OrTabs/OrTabs.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-410ce4e3.js';
 export { default as OrTag } from './OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './OrTagInputV3-fbe9a802.js';
+export { s as OrTagInputV3 } from './OrTagInputV3-701195d9.js';
 export { s as OrTagV3, T as TagColor, a as TagVariant } from './OrTagV3-b3d78269.js';
-export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-65838b57.js';
+export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-69f51def.js';
 export { s as OrTeleport } from './OrTeleport-5a34b07f.js';
 export { default as OrTeleportV3 } from './OrTeleportV3/OrTeleport.js';
 export { s as OrTextV3 } from './OrTextV3-ff806d55.js';

package/dist/bundled/v3/index.js

@@ -1,6 +1,6 @@
 import { s as styleInject } from './components/OrAvatar-467fe574.js';
 export { O as OR_AVATAR_SIZE, a as OrAvatar } from './components/OrAvatar-467fe574.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components/OrAvatarV3-96e091cc.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components/OrAvatarV3-700dd5ab.js';
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
 export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-c6b2f2a6.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
@@ -46,7 +46,7 @@ export { s as OrRatingV3 } from './components/OrRatingV3-b6b47938.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-ae8f39d3.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-d7578374.js';
 export { s as OrSelect } from './components/OrSelect-eb515d23.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-33734991.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-ef8b82f7.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-4f866148.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-d2c6d5e5.js';
@@ -61,7 +61,7 @@ export { default as OrTab } from './components/OrTab/OrTab.js';
 export { default as OrTabs } from './components/OrTabs/OrTabs.js';
 export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-410ce4e3.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './components/OrTagInputV3-fbe9a802.js';
+export { s as OrTagInputV3 } from './components/OrTagInputV3-701195d9.js';
 export { s as OrTextV3 } from './components/OrTextV3-ff806d55.js';
 export { default as OrTextarea } from './components/OrTextarea/OrTextarea.js';
 export { s as OrTextareaV3 } from './components/OrTextareaV3-c8ff3638.js';
@@ -116,7 +116,7 @@ export { s as OrSortingV3 } from './components/OrSortingV3-1e709185.js';
 export { default as OrTabHeaderItem } from './components/OrTabHeaderItem/OrTabHeaderItem.js';
 export { s as OrTabV3 } from './components/OrTabV3-9dbd8ad9.js';
 export { s as OrTagV3, T as TagColor, a as TagVariant } from './components/OrTagV3-b3d78269.js';
-export { s as OrTagsV3, T as TagsOverflow } from './components/OrTagsV3-65838b57.js';
+export { s as OrTagsV3, T as TagsOverflow } from './components/OrTagsV3-69f51def.js';
 export { s as OrTeleport } from './components/OrTeleport-5a34b07f.js';
 export { default as OrTeleportV3 } from './components/OrTeleportV3/OrTeleport.js';
 export { OrTooltip, OrTooltipContent } from './components/OrTooltip/index.js';
@@ -137,7 +137,7 @@ export { HSL_LIMITS } from './utils/constants/color.js';
 export { CODE_BACKSPACE, CODE_BREAK, CODE_DELETE, CODE_DOWN, CODE_END, CODE_ENTER, CODE_ESC, CODE_HOME, CODE_LEFT, CODE_PAGEDOWN, CODE_PAGEUP, CODE_RIGHT, CODE_SPACE, CODE_UP } from './utils/constants/key-codes.js';
 export { PLACEMENT_BOTTOM_END, PLACEMENT_BOTTOM_START, PLACEMENT_LEFT_END, PLACEMENT_LEFT_START, PLACEMENT_RIGHT_END, PLACEMENT_RIGHT_START, PLACEMENT_TOP_END, PLACEMENT_TOP_START } from './utils/constants/poper.js';
 export { RX_ABBREVIATION_FROM_STRING, RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_DATE, RX_DATE_SPLIT, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_EXTENSION, RX_HASH, RX_HASH_ID, RX_HREF, RX_HTML_TAGS, RX_HYPHENATE, RX_LONG_COLOR, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SHORT_COLOR, RX_SPACES, RX_SPACE_SPLIT, RX_STAR, RX_START_SPACE_WORD, RX_TIME, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB } from './utils/constants/regex.js';
-export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './utils/functions/color.js';
+export { generateColorFromString, generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './utils/functions/color.js';
 export { MutationObs, addClass, cancelAF, contains, getAttr, getBCR, getById, getCS, getMaxZIndex, getStyle, hasAttr, hasClass, isVisible, offset, position, reflow, removeAttr, removeClass, removeNode, removeStyle, requestAF, select, selectAll, setAttr, setStyle } from './utils/functions/dom.js';
 export { getHashOfString, normalize } from './utils/functions/hash.js';
 export { pxToRem } from './utils/functions/px-to-rem.js';

package/dist/bundled/v3/utils/functions/color.d.ts

@@ -17,3 +17,7 @@ export declare function hslToColorString(hsl: {
     s: number;
     l: number;
 }): string;
+export declare function generateColorFromString(str: string, limits?: Partial<Record<'h' | 's' | 'l', {
+    min: number;
+    max: number;
+}>>): string;

package/dist/bundled/v3/utils/functions/color.js

@@ -36,5 +36,9 @@ function generateHslFromString(str) {
 function hslToColorString(hsl) {
   return `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
 }
+function generateColorFromString(str) {
+  let limits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : HSL_LIMITS;
+  return hslToColorString(generateHslFromString(str, limits));
+}
 
-export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex };
+export { generateColorFromString, generateHslFromString, hexToRgb, hslToColorString, rgbToHex };

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

@@ -2,7 +2,7 @@ export { HSL_LIMITS } from './constants/color.js';
 export { CODE_BACKSPACE, CODE_BREAK, CODE_DELETE, CODE_DOWN, CODE_END, CODE_ENTER, CODE_ESC, CODE_HOME, CODE_LEFT, CODE_PAGEDOWN, CODE_PAGEUP, CODE_RIGHT, CODE_SPACE, CODE_UP } from './constants/key-codes.js';
 export { PLACEMENT_BOTTOM_END, PLACEMENT_BOTTOM_START, PLACEMENT_LEFT_END, PLACEMENT_LEFT_START, PLACEMENT_RIGHT_END, PLACEMENT_RIGHT_START, PLACEMENT_TOP_END, PLACEMENT_TOP_START } from './constants/poper.js';
 export { RX_ABBREVIATION_FROM_STRING, RX_ARRAY_NOTATION, RX_BV_PREFIX, RX_DATE, RX_DATE_SPLIT, RX_DIGITS, RX_ENCODED_COMMA, RX_ENCODE_REVERSE, RX_EXTENSION, RX_HASH, RX_HASH_ID, RX_HREF, RX_HTML_TAGS, RX_HYPHENATE, RX_LONG_COLOR, RX_LOWER_UPPER, RX_NUMBER, RX_PLUS, RX_QUERY_START, RX_REGEXP_REPLACE, RX_SHORT_COLOR, RX_SPACES, RX_SPACE_SPLIT, RX_STAR, RX_START_SPACE_WORD, RX_TIME, RX_TRIM_LEFT, RX_TRIM_RIGHT, RX_UNDERSCORE, RX_UN_KEBAB } from './constants/regex.js';
-export { generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './functions/color.js';
+export { generateColorFromString, generateHslFromString, hexToRgb, hslToColorString, rgbToHex } from './functions/color.js';
 export { MutationObs, addClass, cancelAF, contains, getAttr, getBCR, getById, getCS, getMaxZIndex, getStyle, hasAttr, hasClass, isVisible, offset, position, reflow, removeAttr, removeClass, removeNode, removeStyle, requestAF, select, selectAll, setAttr, setStyle } from './functions/dom.js';
 export { getHashOfString, normalize } from './functions/hash.js';
 export { pxToRem } from './functions/px-to-rem.js';

package/dist/esm/v2/{OrAvatar-9d0217f7.js → OrAvatar-62fcfe74.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { G as hslToColorString, F as generateHslFromString } from './color-6b0fc765.js';
+import { G as hslToColorString, F as generateHslFromString } from './color-911f1122.js';
 import { _ as __vue_component__$1 } from './OrIcon-3f99ef27.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';