@semcore/tag 16.0.0-prerelease.4 → 16.0.0-prerelease.7

package/lib/esm/Tag.mjs

@@ -1,53 +1,52 @@
-import v from "@babel/runtime/helpers/esm/objectSpread2";
-import P from "@babel/runtime/helpers/esm/classCallCheck";
-import A from "@babel/runtime/helpers/esm/createClass";
-import M from "@babel/runtime/helpers/esm/assertThisInitialized";
-import k from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as p, createComponent as V, assignProps as f, Component as I } from "@semcore/core";
-import o from "react";
-import { Box as m } from "@semcore/flex-box";
-import J from "@semcore/core/lib/utils/addonTextChildren";
-import O from "@semcore/core/lib/utils/logger";
-import Q from "@semcore/icon/Close/m";
-import { localizedMessages as z } from "./translations/__intergalactic-dynamic-locales.mjs";
-import $ from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import D from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
-import K from "@semcore/core/lib/utils/uniqueID";
-import { isAdvanceMode as U } from "@semcore/core/lib/utils/findComponent";
-var N = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import { Box } from "@semcore/flex-box";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import logger from "@semcore/core/lib/utils/logger";
+import CloseM from "@semcore/icon/Close/m";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
+var style = (
   /*__reshadow_css_start__*/
-  (p.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    `.___SCircle_1b256_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1b256_gg_:first-child{margin-left:0}.___SCircle_1b256_gg_:last-child{margin-right:0}.___SCircle_1b256_gg_._size_m_1b256_gg_{width:16px;height:16px}.___SCircle_1b256_gg_._size_l_1b256_gg_,.___SCircle_1b256_gg_._size_xl_1b256_gg_{width:20px;height:20px}.___SAddon_1b256_gg_,.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1b256_gg_{flex-shrink:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1b256)}.___STagContainerClose_1b256_gg_.__interactive_1b256_gg_:focus-visible,.___STag_1b256_gg_.__interactive_1b256_gg_:focus-visible{z-index:1}.___STagContainerClose_1b256_gg_::before,.___STag_1b256_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1b256);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1b256_gg_::after,.___STag_1b256_gg_::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1b256);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1b256_gg_:active,.___STag_1b256_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1b256_gg_:hover,.___STag_1b256_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1b256_gg_.__disabled_1b256_gg_,.___STag_1b256_gg_.__disabled_1b256_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1b256_gg_.__interactiveView_1b256_gg_{cursor:pointer}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_{height:20px;min-width:20px}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_{height:28px;min-width:28px}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_::before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_::before,.___STag_1b256_gg_._theme_primary_1b256_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_:after,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_:after,.___STag_1b256_gg_._theme_primary_1b256_gg_:after{display:none}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__active_1b256_gg_:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.3}}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::before,.___STag_1b256_gg_._theme_additional_1b256_gg_::before,.___STag_1b256_gg_._theme_secondary_1b256_gg_::before{opacity:.01}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.1}}.___SClose_1b256_gg_ path,.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg path,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_additional_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary_1b256_gg_::after{opacity:.5}.___STagContainerClose_1b256_gg_._theme_primary-invert_1b256_gg_,.___STag_1b256_gg_._theme_primary-invert_1b256_gg_{background-color:var(--intergalactic-tag-primary-white-normal,
-    rgba(255, 255, 255, 0.15)
-  );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1b256_gg_._theme_additional_1b256_gg_::after{border-style:dashed}.___SText_1b256_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.___SText_1b256_gg_:not(:only-child):first-child{padding-right:0}.___SText_1b256_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1b256_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1b256_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1b256_gg_:hover path{opacity:1}}.___SClose_1b256_gg_,.___STagContainer_1b256_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child) .___SText_1b256_gg_{padding-right:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child) .___SText_1b256_gg_{padding-left:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{left:-1px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_:hover svg path{opacity:1}}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}`,
+    '.___SCircle_1b256_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1b256_gg_:first-child{margin-left:0}.___SCircle_1b256_gg_:last-child{margin-right:0}.___SCircle_1b256_gg_._size_m_1b256_gg_{width:16px;height:16px}.___SCircle_1b256_gg_._size_l_1b256_gg_,.___SCircle_1b256_gg_._size_xl_1b256_gg_{width:20px;height:20px}.___SAddon_1b256_gg_,.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1b256_gg_{flex-shrink:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1b256)}.___STagContainerClose_1b256_gg_.__interactive_1b256_gg_:focus-visible,.___STag_1b256_gg_.__interactive_1b256_gg_:focus-visible{z-index:1}.___STagContainerClose_1b256_gg_::before,.___STag_1b256_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1b256);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1b256_gg_::after,.___STag_1b256_gg_::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1b256);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1b256_gg_:active,.___STag_1b256_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1b256_gg_:hover,.___STag_1b256_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1b256_gg_.__disabled_1b256_gg_,.___STag_1b256_gg_.__disabled_1b256_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1b256_gg_.__interactiveView_1b256_gg_{cursor:pointer}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_{height:20px;min-width:20px}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_{height:28px;min-width:28px}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_::before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_::before,.___STag_1b256_gg_._theme_primary_1b256_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_:after,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_:after,.___STag_1b256_gg_._theme_primary_1b256_gg_:after{display:none}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__active_1b256_gg_:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.3}}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::before,.___STag_1b256_gg_._theme_additional_1b256_gg_::before,.___STag_1b256_gg_._theme_secondary_1b256_gg_::before{opacity:.01}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.1}}.___SClose_1b256_gg_ path,.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg path,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_additional_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary_1b256_gg_::after{opacity:.5}.___STagContainerClose_1b256_gg_._theme_primary-invert_1b256_gg_,.___STag_1b256_gg_._theme_primary-invert_1b256_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n    rgba(255, 255, 255, 0.15)\n  );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1b256_gg_._theme_additional_1b256_gg_::after{border-style:dashed}.___SText_1b256_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.___SText_1b256_gg_:not(:only-child):first-child{padding-right:0}.___SText_1b256_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1b256_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1b256_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1b256_gg_:hover path{opacity:1}}.___SClose_1b256_gg_,.___STagContainer_1b256_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child) .___SText_1b256_gg_{padding-right:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child) .___SText_1b256_gg_{padding-left:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{left:-1px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_:hover svg path{opacity:1}}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}',
     "1b256_gg_"
   ), {
-    __SCircle: "___SCircle_1b256_gg_",
-    _size_m: "_size_m_1b256_gg_",
-    _size_l: "_size_l_1b256_gg_",
-    _size_xl: "_size_xl_1b256_gg_",
-    __SAddon: "___SAddon_1b256_gg_",
-    __STagContainer: "___STagContainer_1b256_gg_",
-    __STag: "___STag_1b256_gg_",
-    _disabled: "__disabled_1b256_gg_",
-    __STagContainerClose: "___STagContainerClose_1b256_gg_",
-    _interactiveView: "__interactiveView_1b256_gg_",
+    "__SCircle": "___SCircle_1b256_gg_",
+    "_size_m": "_size_m_1b256_gg_",
+    "_size_l": "_size_l_1b256_gg_",
+    "_size_xl": "_size_xl_1b256_gg_",
+    "__SAddon": "___SAddon_1b256_gg_",
+    "__STagContainer": "___STagContainer_1b256_gg_",
+    "__STag": "___STag_1b256_gg_",
+    "_disabled": "__disabled_1b256_gg_",
+    "__STagContainerClose": "___STagContainerClose_1b256_gg_",
+    "_interactiveView": "__interactiveView_1b256_gg_",
     "_theme_primary-invert": "_theme_primary-invert_1b256_gg_",
     "_theme_secondary-invert": "_theme_secondary-invert_1b256_gg_",
     "_theme_additional-invert": "_theme_additional-invert_1b256_gg_",
-    __SText: "___SText_1b256_gg_",
+    "__SText": "___SText_1b256_gg_",
     "--tag-color": "--tag-color_1b256",
-    _interactive: "__interactive_1b256_gg_",
-    _theme_primary: "_theme_primary_1b256_gg_",
-    _active: "__active_1b256_gg_",
-    _theme_secondary: "_theme_secondary_1b256_gg_",
-    _theme_additional: "_theme_additional_1b256_gg_",
-    __SClose: "___SClose_1b256_gg_"
+    "_interactive": "__interactive_1b256_gg_",
+    "_theme_primary": "_theme_primary_1b256_gg_",
+    "_active": "__active_1b256_gg_",
+    "_theme_secondary": "_theme_secondary_1b256_gg_",
+    "_theme_additional": "_theme_additional_1b256_gg_",
+    "__SClose": "___SClose_1b256_gg_"
   })
-), W = {
+);
+var legacyThemeRecommendedMigration = {
   primary: {
     muted: "gray-500",
     info: "blue-500",
@@ -58,228 +57,273 @@ var N = (
   secondary: {
     muted: "gray-50"
   }
-}, u = /* @__PURE__ */ function(i) {
-  k(t, i);
-  var n = E(t);
-  function t(a) {
-    var _, g;
-    return P(this, t), g = n.call(this, a), s(M(g), "handleKeyDown", function(r) {
-      switch (r.key) {
+};
+var RootTag = /* @__PURE__ */ function(_Component) {
+  _inherits(RootTag2, _Component);
+  var _super = _createSuper(RootTag2);
+  function RootTag2(props) {
+    var _legacyThemeRecommend;
+    var _this;
+    _classCallCheck(this, RootTag2);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(event) {
+      switch (event.key) {
         case " ":
         case "Enter":
-          g.asProps.onClick && (r.preventDefault(), g.asProps.onClick(r));
+          if (_this.asProps.onClick) {
+            event.preventDefault();
+            _this.asProps.onClick(event);
+          }
           break;
       }
-    }), O.warn(a.use, `Property 'use' is deprecated, replace property to "theme='`.concat(a.use, "' color='").concat((_ = W[a.use]) === null || _ === void 0 ? void 0 : _[a.theme], `'"`), a["data-ui-name"] || h.displayName), g;
+    });
+    logger.warn(props.use, `Property 'use' is deprecated, replace property to "theme='`.concat(props.use, "' color='").concat((_legacyThemeRecommend = legacyThemeRecommendedMigration[props.use]) === null || _legacyThemeRecommend === void 0 ? void 0 : _legacyThemeRecommend[props.theme], `'"`), props["data-ui-name"] || Tag.displayName);
+    return _this;
   }
-  return A(t, [{
+  _createClass(RootTag2, [{
     key: "getCircleProps",
-    value: function() {
-      var _ = this.asProps, g = _.size, r = _.color, e = _.resolveColor;
+    value: function getCircleProps() {
+      var _this$asProps = this.asProps, size = _this$asProps.size, color = _this$asProps.color, resolveColor = _this$asProps.resolveColor;
       return {
-        size: g,
-        color: r,
-        resolveColor: e
+        size,
+        color,
+        resolveColor
       };
     }
   }, {
     key: "getTextProps",
-    value: function() {
-      var _ = this.asProps.id || "igc-".concat(this.asProps.uid, "-tag");
+    value: function getTextProps() {
+      var id = this.asProps.id || "igc-".concat(this.asProps.uid, "-tag");
       return {
         tabIndex: -1,
-        id: "".concat(_, "-text"),
+        id: "".concat(id, "-text"),
         role: void 0
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var _ = this.asProps, g, r = m, e = this.asProps, b = e.Children, l = e.styles, d = e.color, c = e.interactive, S = e.disabled, C = e.addonLeft, R = e.addonRight, q = e.resolveColor, B = e.id, F = e.uid, G = B || "igc-".concat(F, "-tag"), H = !S && c, w = !S && c;
-      return g = p(l), /* @__PURE__ */ o.createElement(r, g.cn("STag", v({}, f({
-        id: G,
-        "use:interactive": w,
-        "use:interactiveView": H,
-        "tag-color": q(d),
-        onKeyDown: this.handleKeyDown,
-        "use:tabIndex": w ? 0 : -1,
-        role: w ? "button" : void 0
-      }, _))), C ? /* @__PURE__ */ o.createElement(h.Addon, {
-        tag: C
-      }) : null, J(b, h.Text, [h.Addon, T.Circle]), R ? /* @__PURE__ */ o.createElement(h.Addon, {
-        tag: R
+    value: function render() {
+      var _ref = this.asProps, _ref8;
+      var STag = Box;
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, color = _this$asProps2.color, interactive = _this$asProps2.interactive, disabled = _this$asProps2.disabled, addonLeft = _this$asProps2.addonLeft, addonRight = _this$asProps2.addonRight, resolveColor = _this$asProps2.resolveColor, outerId = _this$asProps2.id, uid = _this$asProps2.uid;
+      var id = outerId || "igc-".concat(uid, "-tag");
+      var isInteractiveView = !disabled && interactive;
+      var isInteractive = !disabled && interactive;
+      return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(STag, _ref8.cn("STag", _objectSpread({}, assignProps({
+        "id": id,
+        "use:interactive": isInteractive,
+        "use:interactiveView": isInteractiveView,
+        "tag-color": resolveColor(color),
+        "onKeyDown": this.handleKeyDown,
+        "use:tabIndex": isInteractive ? 0 : -1,
+        "role": isInteractive ? "button" : void 0
+      }, _ref))), addonLeft ? /* @__PURE__ */ React.createElement(Tag.Addon, {
+        tag: addonLeft
+      }) : null, addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle]), addonRight ? /* @__PURE__ */ React.createElement(Tag.Addon, {
+        tag: addonRight
       }) : null);
     }
-  }]), t;
-}(I);
-s(u, "displayName", "Tag");
-s(u, "style", N);
-s(u, "enhance", [$(z), K(), D()]);
-s(u, "defaultProps", {
+  }]);
+  return RootTag2;
+}(Component);
+_defineProperty(RootTag, "displayName", "Tag");
+_defineProperty(RootTag, "style", style);
+_defineProperty(RootTag, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()]);
+_defineProperty(RootTag, "defaultProps", {
   theme: "primary",
   color: "gray-500",
   size: "m",
-  i18n: z,
+  i18n: localizedMessages,
   locale: "en"
 });
-var y = /* @__PURE__ */ function(i) {
-  k(t, i);
-  var n = E(t);
-  function t() {
-    return P(this, t), n.apply(this, arguments);
+var RootTagContainer = /* @__PURE__ */ function(_Component2) {
+  _inherits(RootTagContainer2, _Component2);
+  var _super2 = _createSuper(RootTagContainer2);
+  function RootTagContainer2() {
+    _classCallCheck(this, RootTagContainer2);
+    return _super2.apply(this, arguments);
   }
-  return A(t, [{
+  _createClass(RootTagContainer2, [{
     key: "getTagProps",
-    value: function() {
-      var _ = this.asProps, g = _.size, r = _.theme, e = _.color, b = _.disabled, l = _.uid, d = _.id, c = _.interactive, S = _.resolveColor, C = d || "igc-".concat(l, "-tag");
+    value: function getTagProps() {
+      var _this$asProps3 = this.asProps, size = _this$asProps3.size, theme = _this$asProps3.theme, color = _this$asProps3.color, disabled = _this$asProps3.disabled, uid = _this$asProps3.uid, outerId = _this$asProps3.id, interactive = _this$asProps3.interactive, resolveColor = _this$asProps3.resolveColor;
+      var id = outerId || "igc-".concat(uid, "-tag");
       return {
-        id: "".concat(C, "-text"),
-        disabled: b,
-        size: g,
-        theme: r,
-        color: e,
-        tag: c ? "button" : void 0,
-        interactive: c,
-        resolveColor: S
+        id: "".concat(id, "-text"),
+        disabled,
+        size,
+        theme,
+        color,
+        tag: interactive ? "button" : void 0,
+        interactive,
+        resolveColor
       };
     }
   }, {
     key: "getCircleProps",
-    value: function() {
-      var _ = this.asProps, g = _.color, r = _.resolveColor, e = _.size;
+    value: function getCircleProps() {
+      var _this$asProps4 = this.asProps, color = _this$asProps4.color, resolveColor = _this$asProps4.resolveColor, size = _this$asProps4.size;
       return {
-        color: g,
-        resolveColor: r,
-        size: e
+        color,
+        resolveColor,
+        size
       };
     }
   }, {
     key: "getAddonProps",
-    value: function() {
-      var _ = this.asProps, g = _.color, r = _.resolveColor;
+    value: function getAddonProps() {
+      var _this$asProps5 = this.asProps, color = _this$asProps5.color, resolveColor = _this$asProps5.resolveColor;
       return {
-        color: g,
-        resolveColor: r
+        color,
+        resolveColor
       };
     }
   }, {
     key: "getCloseProps",
-    value: function() {
-      var _ = this.asProps, g = _.size, r = _.theme, e = _.color, b = _.disabled, l = _.uid, d = _.id, c = _.getI18nText, S = _.resolveColor, C = d || "igc-".concat(l, "-tag");
+    value: function getCloseProps() {
+      var _this$asProps6 = this.asProps, size = _this$asProps6.size, theme = _this$asProps6.theme, color = _this$asProps6.color, disabled = _this$asProps6.disabled, uid = _this$asProps6.uid, outerId = _this$asProps6.id, getI18nText = _this$asProps6.getI18nText, resolveColor = _this$asProps6.resolveColor;
+      var id = outerId || "igc-".concat(uid, "-tag");
       return {
-        disabled: b,
-        size: g,
-        theme: r,
-        color: e,
-        id: "".concat(C, "-clear"),
-        "aria-labelledby": "".concat(C, "-clear ").concat(C, "-text"),
-        "aria-label": c("remove"),
-        resolveColor: S
+        disabled,
+        size,
+        theme,
+        color,
+        id: "".concat(id, "-clear"),
+        "aria-labelledby": "".concat(id, "-clear ").concat(id, "-text"),
+        "aria-label": getI18nText("remove"),
+        resolveColor
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var _ = this.asProps, g, r = m, e = this.asProps, b = e.styles, l = e.Children, d = e.forcedAdvancedMode, c = d || U(l, ["InputTags." + h.Text.displayName, "InputTags." + h.Addon.displayName, "InputTags." + h.Circle.displayName, T.Tag.displayName, T.Addon.displayName, T.Close.displayName, T.Circle.displayName], !0);
-      return g = p(b), /* @__PURE__ */ o.createElement(r, g.cn("STagContainer", v({}, f({}, _))), c ? /* @__PURE__ */ o.createElement(l, g.cn("Children", {})) : /* @__PURE__ */ o.createElement(T.Tag, null, /* @__PURE__ */ o.createElement(l, g.cn("Children", {}))));
+    value: function render() {
+      var _ref2 = this.asProps, _ref9;
+      var STagContainer = Box;
+      var _this$asProps7 = this.asProps, styles = _this$asProps7.styles, Children = _this$asProps7.Children, forcedAdvancedMode = _this$asProps7.forcedAdvancedMode;
+      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, ["InputTags." + Tag.Text.displayName, "InputTags." + Tag.Addon.displayName, "InputTags." + Tag.Circle.displayName, TagContainer.Tag.displayName, TagContainer.Addon.displayName, TagContainer.Close.displayName, TagContainer.Circle.displayName], true);
+      return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(STagContainer, _ref9.cn("STagContainer", _objectSpread({}, assignProps({}, _ref2))), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref9.cn("Children", {})) : /* @__PURE__ */ React.createElement(TagContainer.Tag, null, /* @__PURE__ */ React.createElement(Children, _ref9.cn("Children", {}))));
     }
-  }]), t;
-}(I);
-s(y, "displayName", "TagContainer");
-s(y, "style", N);
-s(y, "enhance", [$(z), K(), D()]);
-s(y, "defaultProps", {
+  }]);
+  return RootTagContainer2;
+}(Component);
+_defineProperty(RootTagContainer, "displayName", "TagContainer");
+_defineProperty(RootTagContainer, "style", style);
+_defineProperty(RootTagContainer, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()]);
+_defineProperty(RootTagContainer, "defaultProps", {
   color: "gray-500",
   theme: "primary"
 });
-var x = /* @__PURE__ */ function(i) {
-  k(t, i);
-  var n = E(t);
-  function t() {
-    var a;
-    P(this, t);
-    for (var _ = arguments.length, g = new Array(_), r = 0; r < _; r++)
-      g[r] = arguments[r];
-    return a = n.call.apply(n, [this].concat(g)), s(M(a), "handleKeyDown", function(e) {
-      var b = a.asProps, l = b.onKeyDown, d = b.onClick;
-      if (l)
-        return l(e);
-      d && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), d(e));
-    }), a;
+var RootCloseTagContainer = /* @__PURE__ */ function(_Component3) {
+  _inherits(RootCloseTagContainer2, _Component3);
+  var _super3 = _createSuper(RootCloseTagContainer2);
+  function RootCloseTagContainer2() {
+    var _this2;
+    _classCallCheck(this, RootCloseTagContainer2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "handleKeyDown", function(event) {
+      var _this2$asProps = _this2.asProps, onKeyDown = _this2$asProps.onKeyDown, onClick = _this2$asProps.onClick;
+      if (onKeyDown) {
+        return onKeyDown(event);
+      }
+      if (onClick && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        onClick(event);
+      }
+    });
+    return _this2;
   }
-  return A(t, [{
+  _createClass(RootCloseTagContainer2, [{
     key: "render",
-    value: function() {
-      var _ = this.asProps, g, r = m, e = this.asProps, b = e.Children, l = e.styles, d = e.color, c = e.resolveColor;
-      return g = p(l), /* @__PURE__ */ o.createElement(r, g.cn("STagContainerClose", v({}, f({
-        tag: "button",
-        type: "button",
-        interactive: !0,
-        interactiveView: !0,
-        "tag-color": c(d),
-        onKeyDown: this.handleKeyDown
-      }, _))), /* @__PURE__ */ o.createElement(b, g.cn("Children", {})));
+    value: function render() {
+      var _ref3 = this.asProps, _ref10;
+      var STagContainerClose = Box;
+      var _this$asProps8 = this.asProps, Children = _this$asProps8.Children, styles = _this$asProps8.styles, color = _this$asProps8.color, resolveColor = _this$asProps8.resolveColor;
+      return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(STagContainerClose, _ref10.cn("STagContainerClose", _objectSpread({}, assignProps({
+        "tag": "button",
+        "type": "button",
+        "interactive": true,
+        "interactiveView": true,
+        "tag-color": resolveColor(color),
+        "onKeyDown": this.handleKeyDown
+      }, _ref3))), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})));
     }
-  }]), t;
-}(I);
-s(x, "displayName", "CloseTagContainer");
-s(x, "style", N);
-s(x, "defaultProps", function() {
+  }]);
+  return RootCloseTagContainer2;
+}(Component);
+_defineProperty(RootCloseTagContainer, "displayName", "CloseTagContainer");
+_defineProperty(RootCloseTagContainer, "style", style);
+_defineProperty(RootCloseTagContainer, "defaultProps", function() {
   return {
     theme: "primary",
     color: "gray-500",
     size: "m",
-    i18n: z,
+    i18n: localizedMessages,
     locale: "en",
-    children: /* @__PURE__ */ o.createElement(L.Close, null)
+    children: /* @__PURE__ */ React.createElement(CloseTagContainer.Close, null)
   };
 });
-s(x, "enhance", [D()]);
-function X(i) {
-  var n = arguments[0], t, a = m, _ = m, g = i.styles, r = i.color, e = i.resolveColor;
-  return t = p(g), /* @__PURE__ */ o.createElement(a, t.cn("SAddon", {
-    "tag-color": e(r)
-  }), /* @__PURE__ */ o.createElement(_, t.cn("SCircle", v({}, f({}, n)))));
+_defineProperty(RootCloseTagContainer, "enhance", [resolveColorEnhance()]);
+function TagContainerCircle(props) {
+  var _ref4 = arguments[0], _ref11;
+  var SAddon = Box;
+  var SCircle = Box;
+  var styles = props.styles, color = props.color, resolveColor = props.resolveColor;
+  return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref11.cn("SAddon", {
+    "tag-color": resolveColor(color)
+  }), /* @__PURE__ */ React.createElement(SCircle, _ref11.cn("SCircle", _objectSpread({}, assignProps({}, _ref4)))));
 }
-function Y(i) {
-  var n = arguments[0], t, a = m, _ = i.styles;
-  return t = p(_), /* @__PURE__ */ o.createElement(a, t.cn("SText", v({}, f({
-    tag: "span"
-  }, n))));
+function Text(props) {
+  var _ref5 = arguments[0], _ref12;
+  var SText = Box;
+  var styles = props.styles;
+  return _ref12 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref12.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref5))));
 }
-function j(i) {
-  var n = arguments[0], t, a = m, _ = i.styles, g = i.color, r = i.resolveColor, e = o.useMemo(function() {
-    if (typeof r == "function")
-      return r(g);
-  }, [g, r]);
-  return t = p(_), /* @__PURE__ */ o.createElement(a, t.cn("SAddon", v({}, f({
-    tag: "div",
-    "tag-color": e
-  }, n))));
+function Addon(props) {
+  var _ref6 = arguments[0], _ref13;
+  var SAddon = Box;
+  var styles = props.styles, color = props.color, resolveColor = props.resolveColor;
+  var tagColor = React.useMemo(function() {
+    if (typeof resolveColor !== "function") return;
+    return resolveColor(color);
+  }, [color, resolveColor]);
+  return _ref13 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref13.cn("SAddon", _objectSpread({}, assignProps({
+    "tag": "div",
+    "tag-color": tagColor
+  }, _ref6))));
 }
-function Z(i) {
-  var n = arguments[0], t, a = m, _ = i.styles, g = i.color, r = i.resolveColor, e = o.useMemo(function() {
-    if (typeof r == "function")
-      return r(g);
-  }, [g, r]);
-  return t = p(_), /* @__PURE__ */ o.createElement(a, t.cn("SCircle", v({}, f({
-    tag: "span",
-    "tag-color": e
-  }, n))));
+function Circle(props) {
+  var _ref7 = arguments[0], _ref14;
+  var SCircle = Box;
+  var styles = props.styles, color = props.color, resolveColor = props.resolveColor;
+  var tagColor = React.useMemo(function() {
+    if (typeof resolveColor !== "function") return;
+    return resolveColor(color);
+  }, [color, resolveColor]);
+  return _ref14 = sstyled(styles), /* @__PURE__ */ React.createElement(SCircle, _ref14.cn("SCircle", _objectSpread({}, assignProps({
+    "tag": "span",
+    "tag-color": tagColor
+  }, _ref7))));
 }
-var h = V(u, {
-  Text: Y,
-  Addon: j,
-  Circle: Z
-}), L = V(x, {
-  Close: Q
-}), T = V(y, {
-  Tag: h,
-  Addon: j,
-  Close: L,
-  Circle: X
+var Tag = createComponent(RootTag, {
+  Text,
+  Addon,
+  Circle
+});
+var CloseTagContainer = createComponent(RootCloseTagContainer, {
+  Close: CloseM
+});
+var TagContainer = createComponent(RootTagContainer, {
+  Tag,
+  Addon,
+  Close: CloseTagContainer,
+  Circle: TagContainerCircle
 });
 export {
-  T as TagContainer,
-  h as default
+  TagContainer,
+  Tag as default
 };

package/lib/esm/index.mjs

@@ -1,5 +1,5 @@
-import { TagContainer as o, default as r } from "./Tag.mjs";
+import { TagContainer, default as default2 } from "./Tag.mjs";
 export {
-  o as TagContainer,
-  r as default
+  TagContainer,
+  default2 as default
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,7 +1,8 @@
-const e = "Entfernen", n = {
-  remove: e
+const remove = "Entfernen";
+const de = {
+  remove
 };
 export {
-  n as default,
-  e as remove
+  de as default,
+  remove
 };

package/lib/esm/translations/en.json.mjs

@@ -1,7 +1,8 @@
-const e = "Delete", o = {
-  remove: e
+const remove = "Delete";
+const en = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  en as default,
+  remove
 };

package/lib/esm/translations/es.json.mjs

@@ -1,7 +1,8 @@
-const e = "Eliminar", o = {
-  remove: e
+const remove = "Eliminar";
+const es = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  es as default,
+  remove
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,7 +1,8 @@
-const e = "Supprimer", r = {
-  remove: e
+const remove = "Supprimer";
+const fr = {
+  remove
 };
 export {
-  r as default,
-  e as remove
+  fr as default,
+  remove
 };

package/lib/esm/translations/it.json.mjs

@@ -1,7 +1,8 @@
-const e = "Rimuovi", o = {
-  remove: e
+const remove = "Rimuovi";
+const it = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  it as default,
+  remove
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,7 +1,8 @@
-const e = "削除", o = {
-  remove: e
+const remove = "削除";
+const ja = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  ja as default,
+  remove
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,7 +1,8 @@
-const e = "제거", o = {
-  remove: e
+const remove = "제거";
+const ko = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  ko as default,
+  remove
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,7 +1,8 @@
-const e = "Verwijderen", o = {
-  remove: e
+const remove = "Verwijderen";
+const nl = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  nl as default,
+  remove
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,7 +1,8 @@
-const e = "Usuń", o = {
-  remove: e
+const remove = "Usuń";
+const pl = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  pl as default,
+  remove
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,7 +1,8 @@
-const e = "Remover", o = {
-  remove: e
+const remove = "Remover";
+const pt = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  pt as default,
+  remove
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,7 +1,8 @@
-const e = "Ta bort", o = {
-  remove: e
+const remove = "Ta bort";
+const sv = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  sv as default,
+  remove
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,7 +1,8 @@
-const e = "Kaldır", o = {
-  remove: e
+const remove = "Kaldır";
+const tr = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  tr as default,
+  remove
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,7 +1,8 @@
-const e = "Loại bỏ", o = {
-  remove: e
+const remove = "Loại bỏ";
+const vi = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  vi as default,
+  remove
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,7 +1,8 @@
-const e = "移除", o = {
-  remove: e
+const remove = "移除";
+const zh = {
+  remove
 };
 export {
-  o as default,
-  e as remove
+  zh as default,
+  remove
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/tag",
   "description": "Semrush Tag Component",
-  "version": "16.0.0-prerelease.4",
+  "version": "16.0.0-prerelease.7",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.0-prerelease.4",
-    "@semcore/icon": "16.0.0-prerelease.4"
+    "@semcore/flex-box": "16.0.0-prerelease.7",
+    "@semcore/icon": "16.0.0-prerelease.7"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0-prerelease.4"
+    "@semcore/base-components": "^16.0.0-prerelease.7"
   },
   "repository": {
     "type": "git",