@semcore/feature-highlight 17.1.0 → 17.2.0-prerelease.5

package/lib/esm/components/radio/Radio.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, CONTEXT_COMPONENT, createComponent } from "@semcore/core";
 import Radio, { RadioGroup } from "@semcore/radio";
 import React from "react";
@@ -8,13 +8,13 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedRadio_1r6r3_gg_{position:relative}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) [data-ui-name="Value.RadioMark"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@media (color-gamut:p3){.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)))}}}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) [data-ui-name="Value.RadioMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) [data-ui-name="Value.RadioMark"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) [data-ui-name="Value.RadioMark"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) [data-ui-name="Value.RadioMark"]::after{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{margin:-4px;opacity:1;transform:scale(1);transition:inherit}@supports not (-webkit-mask-composite:xor){.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}.___SHighlightedRadio_1r6r3_gg_:not(._state_invalid_1r6r3_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]::before{display:none}}',
+    '.___SHighlightedRadio_o6uny_gg_{position:relative}.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) [data-ui-name="Value.RadioMark"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe))}@media (color-gamut:p3){.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) [data-ui-name="Value.RadioMark"]{background:var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe))}}}.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) [data-ui-name="Value.RadioMark"]:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) [data-ui-name="Value.RadioMark"]:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) [data-ui-name="Value.RadioMark"]:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) [data-ui-name="Value.RadioMark"]:after{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral,#fff);top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]:before{margin:-4px;opacity:1;transform:scale(1);transition:inherit}@supports not (-webkit-mask-composite:xor){.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) input[data-ui-name="RadioFH.Value"]:checked:focus-visible+[data-ui-name="Value.RadioMark"]:before,.___SHighlightedRadio_o6uny_gg_:not(._state_invalid_o6uny_gg_) input[data-ui-name="RadioFH.Value"]:focus-visible+[data-ui-name="Value.RadioMark"]:before{display:none}}',
     /*__inner_css_end__*/
-    "1r6r3_gg_"
+    "o6uny_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedRadio": "___SHighlightedRadio_1r6r3_gg_",
-    "_state_invalid": "_state_invalid_1r6r3_gg_"
+    "__SHighlightedRadio": "___SHighlightedRadio_o6uny_gg_",
+    "_state_invalid": "_state_invalid_o6uny_gg_"
   })
 );
 class RadioFHRoot extends Component {

package/lib/esm/components/select/Select.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component, assignProps, createComponent } from "@semcore/core";
 import Select from "@semcore/select";
 import React from "react";

package/lib/esm/components/switch/Switch.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import Switch from "@semcore/switch";
 import React from "react";
@@ -8,14 +8,14 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SToggle_2rjpq_gg_{position:relative;transform:translate(0)}.___SToggle_2rjpq_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SToggle_2rjpq_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SToggle_2rjpq_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SToggle_2rjpq_gg_.__checked_2rjpq_gg_{color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SToggle_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_2rjpq_gg_:has(.___SInput_2rjpq_gg_:focus-visible)::before{display:none}}',
+    '.___SToggle_23kny_gg_{position:relative;transform:translate(0)}.___SToggle_23kny_gg_:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SToggle_23kny_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SToggle_23kny_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}.___SToggle_23kny_gg_.__checked_23kny_gg_{color:var(--intergalactic-control-primary-info,#1a1e1a);background-image:var(--intergalactic-control-primary-feature-highlight,linear-gradient(90deg in oklch,#a261fd,#94a5f5))}.___SToggle_23kny_gg_:has(.___SInput_23kny_gg_:focus-visible){box-shadow:none;outline:none}.___SToggle_23kny_gg_:has(.___SInput_23kny_gg_:focus-visible):before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_23kny_gg_:has(.___SInput_23kny_gg_:focus-visible){outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_23kny_gg_:has(.___SInput_23kny_gg_:focus-visible):before{display:none}}',
     /*__inner_css_end__*/
-    "2rjpq_gg_"
+    "23kny_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SToggle": "___SToggle_2rjpq_gg_",
-    "_checked": "__checked_2rjpq_gg_",
-    "__SInput": "___SInput_2rjpq_gg_"
+    "__SToggle": "___SToggle_23kny_gg_",
+    "_checked": "__checked_23kny_gg_",
+    "__SInput": "___SInput_23kny_gg_"
   })
 );
 class SwitchFHRoot extends Component {

package/lib/esm/components/tab-line/TabLine.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import SummaryAI from "@semcore/icon/SummaryAI/m";
 import TabLine from "@semcore/tab-line";
@@ -9,14 +9,14 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedItem_10jcl_gg_:focus-visible{outline:0}.___SHighlightedItem_10jcl_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_10jcl_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_10jcl_gg_.__selected_10jcl_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_10jcl_gg_.__selected_10jcl_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_10jcl_gg_.__selected_10jcl_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}@media (hover:hover){.___SHighlightedItem_10jcl_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_10jcl_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_10jcl_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}}.___SHighlightedItem_10jcl_gg_::before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_10jcl_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedItem_10jcl_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedCaret_10jcl_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_10jcl_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedCaret_10jcl_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}',
+    '.___SHighlightedItem_k4j9e_gg_:focus-visible{outline:none}.___SHighlightedItem_k4j9e_gg_:focus-visible:before{opacity:1;transform:scale(1)}.___SHighlightedItem_k4j9e_gg_:after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_k4j9e_gg_.__selected_k4j9e_gg_:after{opacity:1;background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_k4j9e_gg_.__selected_k4j9e_gg_:after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@media (color-gamut:p3){.___SHighlightedItem_k4j9e_gg_.__selected_k4j9e_gg_:after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5))}}}@media (hover:hover){.___SHighlightedItem_k4j9e_gg_:hover:not(:focus-visible):after{opacity:1;background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_k4j9e_gg_:hover:not(:focus-visible):after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@media (color-gamut:p3){.___SHighlightedItem_k4j9e_gg_:hover:not(:focus-visible):after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5))}}}}.___SHighlightedItem_k4j9e_gg_:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:initial;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_k4j9e_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedItem_k4j9e_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}.___SHighlightedCaret_k4j9e_gg_{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_k4j9e_gg_{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@media (color-gamut:p3){.___SHighlightedCaret_k4j9e_gg_{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5))}}}',
     /*__inner_css_end__*/
-    "10jcl_gg_"
+    "k4j9e_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedCaret": "___SHighlightedCaret_10jcl_gg_",
-    "__SHighlightedItem": "___SHighlightedItem_10jcl_gg_",
-    "_selected": "__selected_10jcl_gg_"
+    "__SHighlightedCaret": "___SHighlightedCaret_k4j9e_gg_",
+    "__SHighlightedItem": "___SHighlightedItem_k4j9e_gg_",
+    "_selected": "__selected_k4j9e_gg_"
   })
 );
 class TabLineFHRoot extends Component {
@@ -80,15 +80,16 @@ function HighlightedAddon(props) {
     count: animatedSparkleCount
   })));
 }
+const HighlightedItem = createComponent(HighlightedItemRoot, {
+  Text: TabLine.Item.Text,
+  Addon: HighlightedAddon
+});
 const TabLineFH = createComponent(TabLineFHRoot, {
   Item: [TabLine.Item, {
     Text: TabLine.Item.Text,
     Addon: TabLine.Item.Addon
   }],
-  HighlightedItem: createComponent(HighlightedItemRoot, {
-    Text: TabLine.Item.Text,
-    Addon: HighlightedAddon
-  })
+  HighlightedItem
 });
 export {
   TabLineFH

package/lib/esm/inner-components/button-trigger/ButtonTrigger.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { ButtonTrigger } from "@semcore/base-trigger";
 import SummaryAI from "@semcore/icon/SummaryAI/m";
@@ -8,18 +8,18 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_gqbwh_gg_.__active_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_),.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_gqbwh_gg_._neighborLocation_left_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_gqbwh_gg_._neighborLocation_right_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_gqbwh_gg_._neighborLocation_both_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible::before{display:none}}',
+    '.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_){border:1px solid #0000;background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_){background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_){background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}@media (hover:hover){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,color(display-p3 .96716 .95079 .99961),color(display-p3 .87344 .9059 .99962))) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}}.___SHighlightedButtonTrigger_1no5h_gg_.__active_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_),.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):active{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-control-primary-feature-highlight-hover,linear-gradient(90deg in oklch,#a261fd,#94a5f5)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible{outline:none;border-color:#0000}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible:before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1no5h_gg_._neighborLocation_left_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1no5h_gg_._neighborLocation_right_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1no5h_gg_._neighborLocation_both_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible:before{display:none}}',
     /*__inner_css_end__*/
-    "gqbwh_gg_"
+    "1no5h_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_gqbwh_gg_",
-    "_state_invalid": "_state_invalid_gqbwh_gg_",
-    "_state_valid": "_state_valid_gqbwh_gg_",
-    "_active": "__active_gqbwh_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_gqbwh_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_gqbwh_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_gqbwh_gg_"
+    "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1no5h_gg_",
+    "_state_invalid": "_state_invalid_1no5h_gg_",
+    "_state_valid": "_state_valid_1no5h_gg_",
+    "_active": "__active_1no5h_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_1no5h_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_1no5h_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_1no5h_gg_"
   })
 );
 class ButtonTriggerFHRoot extends Component {

package/lib/esm/inner-components/sparkle/Sparkle.mjs

@@ -5,23 +5,23 @@ const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    "@keyframes sparkles_4t4us{50%{transform:rotate(calc(1deg*var(--angle_4t4us))) translateY(200%) scale(var(--scale_4t4us))}to{transform:rotate(calc(1deg*var(--angle_4t4us))) translateY(200%) scale(0)}}.___SSparkle_4t4us_gg_{position:absolute}.___SSparkle_4t4us_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_4t4us_gg_.__angle_4t4us_gg_.__scale_4t4us_gg_.__duration_4t4us_gg_{transform:rotate(calc(1deg*var(--angle_4t4us))) scale(var(--scale_4t4us));animation-name:sparkles_4t4us;animation-fill-mode:forwards;animation-duration:var(--duration_4t4us)}.___SSparkle_4t4us_gg_.__left_4t4us_gg_{left:var(--left_4t4us)}.___SSparkle_4t4us_gg_.__top_4t4us_gg_{top:var(--top_4t4us)}",
+    ".___SSparkle_snky3_gg_{position:absolute}.___SSparkle_snky3_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight,#9041fa)}.___SSparkle_snky3_gg_.__angle_snky3_gg_.__scale_snky3_gg_.__duration_snky3_gg_{transform:rotate(calc(1deg*var(--angle_snky3))) scale(var(--scale_snky3));animation-name:sparkles_snky3;animation-fill-mode:forwards;animation-duration:var(--duration_snky3)}@keyframes sparkles_snky3{50%{transform:rotate(calc(1deg*var(--angle_snky3))) translateY(200%) scale(var(--scale_snky3))}to{transform:rotate(calc(1deg*var(--angle_snky3))) translateY(200%) scale(0)}}.___SSparkle_snky3_gg_.__left_snky3_gg_{left:var(--left_snky3)}.___SSparkle_snky3_gg_.__top_snky3_gg_{top:var(--top_snky3)}",
     /*__inner_css_end__*/
-    "4t4us_gg_"
+    "snky3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSparkle": "___SSparkle_4t4us_gg_",
-    "_angle": "__angle_4t4us_gg_",
-    "_scale": "__scale_4t4us_gg_",
-    "_duration": "__duration_4t4us_gg_",
-    "--angle": "--angle_4t4us",
-    "--scale": "--scale_4t4us",
-    "--duration": "--duration_4t4us",
-    "@sparkles": "sparkles_4t4us",
-    "_left": "__left_4t4us_gg_",
-    "--left": "--left_4t4us",
-    "_top": "__top_4t4us_gg_",
-    "--top": "--top_4t4us"
+    "__SSparkle": "___SSparkle_snky3_gg_",
+    "_angle": "__angle_snky3_gg_",
+    "_scale": "__scale_snky3_gg_",
+    "_duration": "__duration_snky3_gg_",
+    "--angle": "--angle_snky3",
+    "--scale": "--scale_snky3",
+    "--duration": "--duration_snky3",
+    "@sparkles": "sparkles_snky3",
+    "_left": "__left_snky3_gg_",
+    "--left": "--left_snky3",
+    "_top": "__top_snky3_gg_",
+    "--top": "--top_snky3"
   })
 );
 function SvgSparkle(props, ref) {

package/lib/types/components/badge/Badge.d.ts

@@ -1,4 +1,5 @@
 import { type BadgeMargins } from '@semcore/badge';
+import type { Intergalactic } from '@semcore/core';
 type BadgeFHUse = 'accent' | 'neutral';
 type BadgeFHProps = BadgeMargins & {
     /**
@@ -7,5 +8,11 @@ type BadgeFHProps = BadgeMargins & {
      */
     use?: BadgeFHUse;
 };
-export declare const BadgeFH: import("@semcore/core").Intergalactic.Component<"span", BadgeFHProps, {}, never[]>;
+type BadgeFHComponent = Intergalactic.Component<'span', BadgeFHProps>;
+/**
+ * Badge FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#badge|Docs}
+ */
+export declare const BadgeFH: BadgeFHComponent;
 export {};

package/lib/types/components/button/Button.d.ts

@@ -1,2 +1,7 @@
 import type { HighlightedButtonComponent } from './Button.type';
+/**
+ * Button FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#button|Docs}
+ */
 export declare const ButtonFH: HighlightedButtonComponent;

package/lib/types/components/button/Button.type.d.ts

@@ -1,5 +1,8 @@
 import type { ButtonAddonProps, ButtonComponent } from '@semcore/button';
 import type { Intergalactic } from '@semcore/core';
+export type HighlightedButtonDefaultProps = {
+    theme: 'highlighted';
+};
 export type HighLightedButtonAddonProps = ButtonAddonProps & {
     animatedSparkleCount?: number;
 };

package/lib/types/components/checkbox/Checkbox.d.ts

@@ -1,2 +1,7 @@
 import type { HighlightedCheckboxComponent } from './Checkbox.type';
+/**
+ * Checkbox FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#checkbox|Docs}
+ */
 export declare const CheckboxFH: HighlightedCheckboxComponent;

package/lib/types/components/input/Input.d.ts

@@ -1,2 +1,9 @@
-import Input from '@semcore/input';
-export declare const InputFH: typeof Input;
+/**
+ * Input FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#input|Docs}
+ */
+export declare const InputFH: (<Tag extends import("@semcore/core").Intergalactic.InternalTypings.ComponentTag | [import("@semcore/core").Intergalactic.InternalTypings.ComponentTag, keyof JSX.IntrinsicElements] = "div", Props extends import("@semcore/input").InputProps = import("@semcore/input").InputProps>(props: import("@semcore/core").Intergalactic.InternalTypings.ComponentProps<Tag, "div", Props, import("@semcore/input").InputCtx, never[]>) => import("@semcore/core").Intergalactic.InternalTypings.ComponentRenderingResults) & import("@semcore/core").Intergalactic.InternalTypings.ComponentAdditive<"div", import("@semcore/core").Intergalactic.InternalTypings.ComponentTag, import("@semcore/input").InputProps, import("@semcore/input").InputCtx, never[]> & {
+    Value: import("@semcore/core").Intergalactic.Component<"input", import("@semcore/input").InputValueProps>;
+    Addon: import("@semcore/core").Intergalactic.Component<"div", import("@semcore/input").InputAddonProps>;
+};

package/lib/types/components/notice/Notice.d.ts

@@ -1,2 +1,7 @@
 import type { HighlightedNoticeComponent } from './Notice.type';
+/**
+ * Notice FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#notice|Docs}
+ */
 export declare const NoticeFH: HighlightedNoticeComponent;

package/lib/types/components/pills/Pills.d.ts

@@ -1,2 +1,7 @@
 import type { HighlightedPillComponent } from './Pills.type';
+/**
+ * Pills FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#pills|Docs}
+ */
 export declare const PillsFH: HighlightedPillComponent;

package/lib/types/components/pills/Pills.type.d.ts

@@ -5,9 +5,10 @@ import type { PillProps } from '@semcore/pills';
 export type HighlightedItemAddonProps = {
     animatedSparkleCount?: number;
 };
+export type HighlightedPillItemComponent = Intergalactic.Component<'div', PillProps> & {
+    Text: typeof Box;
+    Addon: Intergalactic.Component<'div', HighlightedItemAddonProps>;
+};
 export type HighlightedPillComponent = typeof Pills & {
-    HighlightedItem: Intergalactic.Component<'div', PillProps> & {
-        Text: typeof Box;
-        Addon: Intergalactic.Component<'div', HighlightedItemAddonProps>;
-    };
+    HighlightedItem: HighlightedPillItemComponent;
 };

package/lib/types/components/radio/Radio.d.ts

@@ -1,2 +1,7 @@
 import type { HighlightedRadioComponent } from './Radio.type';
+/**
+ * Radio FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#radio|Docs}
+ */
 export declare const RadioFH: HighlightedRadioComponent;

package/lib/types/components/select/Select.d.ts

@@ -1,2 +1,7 @@
 import Select from '@semcore/select';
+/**
+ * Select FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#select|Docs}
+ */
 export declare const SelectFH: typeof Select;

package/lib/types/components/switch/Switch.d.ts

@@ -1,2 +1,7 @@
 import type { HighlightedSwitchComponent } from './Switch.type';
+/**
+ * Switch FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#switch|Docs}
+ */
 export declare const SwitchFH: HighlightedSwitchComponent;

package/lib/types/components/tab-line/TabLine.d.ts

@@ -1,2 +1,7 @@
 import type { HighlightedTabLineComponent } from './TabLine.type';
+/**
+ * TabLine FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#tabline|Docs}
+ */
 export declare const TabLineFH: HighlightedTabLineComponent;

package/lib/types/components/tab-line/TabLine.type.d.ts

@@ -1,9 +1,10 @@
 import type { Intergalactic } from '@semcore/core';
 import type TabLine from '@semcore/tab-line';
+export type HighlightedTabLineItemComponent = typeof TabLine.Item & {
+    Addon: Intergalactic.Component<'div', {
+        animatedSparkleCount?: number;
+    }>;
+};
 export type HighlightedTabLineComponent = typeof TabLine & {
-    HighlightedItem: typeof TabLine.Item & {
-        Addon: Intergalactic.Component<'div', {
-            animatedSparkleCount?: number;
-        }>;
-    };
+    HighlightedItem: HighlightedTabLineItemComponent;
 };

package/lib/types/inner-components/sparkle/Sparkle.d.ts

@@ -1,3 +1,4 @@
+import type { Intergalactic } from '@semcore/core';
 type SparkleProps = {
     index: number;
     num: number;
@@ -5,5 +6,6 @@ type SparkleProps = {
     top?: string;
     left?: string;
 };
-declare const _default: import("@semcore/core").Intergalactic.Component<"svg", SparkleProps, {}, never[]>;
+type SparkleComponent = Intergalactic.Component<'svg', SparkleProps>;
+declare const _default: SparkleComponent;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feature-highlight",
   "description": "Semrush toolkit for accent features",
-  "version": "17.1.0",
+  "version": "17.2.0-prerelease.5",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
@@ -16,21 +16,21 @@
     }
   },
   "dependencies": {
-    "@semcore/badge": "^17.1.0",
-    "@semcore/base-trigger": "^17.1.0",
-    "@semcore/button": "^17.1.0",
-    "@semcore/checkbox": "^17.1.0",
-    "@semcore/input": "^17.1.0",
-    "@semcore/notice": "^17.1.0",
-    "@semcore/pills": "^17.1.0",
-    "@semcore/radio": "^17.1.0",
-    "@semcore/select": "^17.1.0",
-    "@semcore/switch": "^17.1.0",
-    "@semcore/tab-line": "^17.1.0",
-    "@semcore/typography": "^17.1.0"
+    "@semcore/badge": "^17.2.0-prerelease.5",
+    "@semcore/base-trigger": "^17.2.0-prerelease.5",
+    "@semcore/button": "^17.2.0-prerelease.5",
+    "@semcore/checkbox": "^17.2.0-prerelease.5",
+    "@semcore/input": "^17.2.0-prerelease.5",
+    "@semcore/notice": "^17.2.0-prerelease.5",
+    "@semcore/pills": "^17.2.0-prerelease.5",
+    "@semcore/radio": "^17.2.0-prerelease.5",
+    "@semcore/select": "^17.2.0-prerelease.5",
+    "@semcore/switch": "^17.2.0-prerelease.5",
+    "@semcore/tab-line": "^17.2.0-prerelease.5",
+    "@semcore/typography": "^17.2.0-prerelease.5"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.0.2"
+    "@semcore/base-components": "^17.2.0"
   },
   "repository": {
     "type": "git",
@@ -38,8 +38,8 @@
     "directory": "semcore/feature-highlight"
   },
   "devDependencies": {
-    "@semcore/core": "17.1.0",
-    "@semcore/base-components": "17.0.2",
+    "@semcore/base-components": "17.2.0-prerelease.5",
+    "@semcore/core": "17.2.0-prerelease.5",
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {