@semcore/feature-highlight 17.0.0 → 17.0.1-prerelease.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.1] - 2026-04-16
+
+### Fixed
+
+- Build processing to correct extract styles.
+
 ## [17.0.0] - 2026-04-15
 
 ### BREAK

package/lib/cjs/components/badge/Badge.js

@@ -11,13 +11,13 @@ var _badge = _interopRequireDefault(require("@semcore/badge"));
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./badge.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_11dff_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___SHighlightedBadge_11dff_gg_._use_accent_11dff_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedBadge_11dff_gg_.__bg_11dff_gg_{background-color:var(--bg_11dff)}", /*__inner_css_end__*/"11dff_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_1yxcs_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___SHighlightedBadge_1yxcs_gg_._use_accent_1yxcs_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedBadge_1yxcs_gg_.__bg_1yxcs_gg_{background-color:var(--bg_1yxcs)}", /*__inner_css_end__*/"1yxcs_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedBadge": "___SHighlightedBadge_11dff_gg_",
-  "_use_accent": "_use_accent_11dff_gg_",
-  "_bg": "__bg_11dff_gg_",
-  "--bg": "--bg_11dff"
+  "__SHighlightedBadge": "___SHighlightedBadge_1yxcs_gg_",
+  "_use_accent": "_use_accent_1yxcs_gg_",
+  "_bg": "__bg_1yxcs_gg_",
+  "--bg": "--bg_1yxcs"
 });
 class BadgeFHRoot extends _core.Component {
   render() {

package/lib/cjs/components/button/Button.js

@@ -12,17 +12,17 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./button.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_.__active_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:focus-visible{outline:0}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_ .___SText_qewkt_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:hover .___SText_qewkt_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_.__active_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_.__active_qewkt_gg_ .___SText_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:active .___SText_qewkt_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:focus-visible{outline:0}.___SHighlightedButton_qewkt_gg_{position:relative}.___SHighlightedButton_qewkt_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, #ab6cfe, #008ff8));-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}.___SHighlightedButton_qewkt_gg_._neighborLocation_left_qewkt_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_qewkt_gg_._neighborLocation_right_qewkt_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_qewkt_gg_._neighborLocation_both_qewkt_gg_::before{border-radius:0}.___SHighlightedButton_qewkt_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_qewkt_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_qewkt_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"qewkt_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_ .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_ .___SText_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_{position:relative}.___SHighlightedButton_dqm1q_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, #ab6cfe, #008ff8));-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}.___SHighlightedButton_dqm1q_gg_._neighborLocation_left_dqm1q_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_right_dqm1q_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_both_dqm1q_gg_::before{border-radius:0}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_dqm1q_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"dqm1q_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedButton": "___SHighlightedButton_qewkt_gg_",
-  "_theme_primary-highlighted": "_theme_primary-highlighted_qewkt_gg_",
-  "_active": "__active_qewkt_gg_",
-  "_theme_secondary-highlighted": "_theme_secondary-highlighted_qewkt_gg_",
-  "__SText": "___SText_qewkt_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_qewkt_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_qewkt_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_qewkt_gg_"
+  "__SHighlightedButton": "___SHighlightedButton_dqm1q_gg_",
+  "_theme_primary-highlighted": "_theme_primary-highlighted_dqm1q_gg_",
+  "_active": "__active_dqm1q_gg_",
+  "_theme_secondary-highlighted": "_theme_secondary-highlighted_dqm1q_gg_",
+  "__SText": "___SText_dqm1q_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_dqm1q_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_dqm1q_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_dqm1q_gg_"
 });
 class ButtonFHRoot extends _core.Component {
   constructor(...args) {

package/lib/cjs/components/checkbox/Checkbox.js

@@ -11,11 +11,11 @@ var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./checkbox.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) [data-ui-name=\"Value.CheckMark\"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) [data-ui-name=\"Value.CheckMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;-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:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"q9m7q_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) [data-ui-name=\"Value.CheckMark\"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) [data-ui-name=\"Value.CheckMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;-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:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"7bobd_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCheckbox": "___SHighlightedCheckbox_q9m7q_gg_",
-  "_state_invalid": "_state_invalid_q9m7q_gg_"
+  "__SHighlightedCheckbox": "___SHighlightedCheckbox_7bobd_gg_",
+  "_state_invalid": "_state_invalid_7bobd_gg_"
 });
 class CheckboxFHRoot extends _core.Component {
   constructor(...args) {

package/lib/cjs/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_core","require","_checkbox","_interopRequireDefault","_react","_AnimatedSparkles","style","sstyled","insert","CheckboxFHRoot","Component","constructor","args","_defineProperty2","default","React","createRef","getValueProps","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","Checkbox","styles","Children","children","hasChildren","createElement","cn","assignProps","Fragment","CheckboxFH","Value","Text","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from '@semcore/checkbox';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './checkbox.shadow.css';\nimport type { HighlightedCheckboxComponent } from './Checkbox.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass CheckboxFHRoot extends Component<CheckboxProps> {\n  static displayName = 'CheckboxFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  render() {\n    const SHighlightedCheckbox = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedCheckbox render={Checkbox}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <CheckboxFH.Value />\n                <CheckboxFH.Text />\n              </>\n            )}\n      </SHighlightedCheckbox>,\n    );\n  }\n}\n\nexport const CheckboxFH = createComponent(CheckboxFHRoot, {\n  Text: Checkbox.Text,\n  Value: Checkbox.Value,\n  AnimatedSparkles,\n}) as HighlightedCheckboxComponent;\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAIA,IAAAI,iBAAA,GAAAJ,OAAA;AAAmF;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAEnF,MAAMC,cAAc,SAASC,eAAS,CAAgB;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iCAIzCC,cAAK,CAACC,SAAS,CAAmB,CAAC;EAAA;EAE9CC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACC,QAAQ;MAClBC,QAAQ,EAAEA,CAAA,KAAM;QACdC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ;IACF,CAAC;EACH;EAEAC,wBAAwBA,CAAA,EAAG;IACzB,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMC,OAAO,GAAG,IAAI,CAACP,QAAQ,CAACQ,OAAO,EAAED,OAAO;IAE9C,OAAO;MACLE,IAAI,EAAEF,OAAO;MACbG,GAAG,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCM,IAAI,EAAEN,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EAEAO,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAP,OAAA;MAAAQ,KAAA;IACP,MAAMC,oBAAoB,GAIMC,iBAAQ;IAHxC,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACd,OAAO;IAEhE,OAAAQ,KAAA,GAAO,IAAA1B,aAAO,EAAC6B,MAAM,CAAC,eACpBhC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACN,oBAAoB,EAAAD,KAAA,CAAAQ,EAAA;MAAA,OAAAzC,KAAA,CAAA0C,WAAA,MAAAV,IAAA;IAAA,IAClBO,WAAW,gBACRnC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,gBAAE,CAAC,gBAEVrC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAAApC,MAAA,CAAAU,OAAA,CAAA6B,QAAA,qBACEvC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACI,UAAU,CAACC,KAAK,MAAE,CAAC,eACpBzC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACI,UAAU,CAACE,IAAI,MAAE,CAClB,CAEY,CAAC;EAE3B;AACF;AAAC,IAAAjC,gBAAA,CAAAC,OAAA,EA7CKL,cAAc,iBACG,YAAY;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EAD7BL,cAAc,WAEHH,KAAK;AA6Cf,MAAMsC,UAAU,GAAAG,OAAA,CAAAH,UAAA,GAAG,IAAAI,qBAAe,EAACvC,cAAc,EAAE;EACxDqC,IAAI,EAAEX,iBAAQ,CAACW,IAAI;EACnBD,KAAK,EAAEV,iBAAQ,CAACU,KAAK;EACrBI,gBAAgB,EAAhBA;AACF,CAAC,CAAiC","ignoreList":[]}
+{"version":3,"file":"Checkbox.js","names":["_core","require","_checkbox","_interopRequireDefault","_react","_AnimatedSparkles","style","sstyled","insert","CheckboxFHRoot","Component","constructor","args","_defineProperty2","default","React","createRef","getValueProps","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","Checkbox","styles","Children","children","hasChildren","createElement","cn","assignProps","Fragment","CheckboxFH","Value","Text","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './checkbox.shadow.css';\nimport type { HighlightedCheckboxComponent } from './Checkbox.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass CheckboxFHRoot extends Component<NSCheckbox.Props> {\n  static displayName = 'CheckboxFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  render() {\n    const SHighlightedCheckbox = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedCheckbox render={Checkbox}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <CheckboxFH.Value />\n                <CheckboxFH.Text />\n              </>\n            )}\n      </SHighlightedCheckbox>,\n    );\n  }\n}\n\nexport const CheckboxFH = createComponent(CheckboxFHRoot, {\n  Text: Checkbox.Text,\n  Value: Checkbox.Value,\n  AnimatedSparkles,\n}) as HighlightedCheckboxComponent;\n"],"mappings":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAIA,IAAAI,iBAAA,GAAAJ,OAAA;AAAmF;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAEnF,MAAMC,cAAc,SAASC,eAAS,CAAmB;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iCAI5CC,cAAK,CAACC,SAAS,CAAmB,CAAC;EAAA;EAE9CC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACC,QAAQ;MAClBC,QAAQ,EAAEA,CAAA,KAAM;QACdC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ;IACF,CAAC;EACH;EAEAC,wBAAwBA,CAAA,EAAG;IACzB,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMC,OAAO,GAAG,IAAI,CAACP,QAAQ,CAACQ,OAAO,EAAED,OAAO;IAE9C,OAAO;MACLE,IAAI,EAAEF,OAAO;MACbG,GAAG,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCM,IAAI,EAAEN,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EAEAO,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAP,OAAA;MAAAQ,KAAA;IACP,MAAMC,oBAAoB,GAIMC,iBAAQ;IAHxC,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACd,OAAO;IAEhE,OAAAQ,KAAA,GAAO,IAAA1B,aAAO,EAAC6B,MAAM,CAAC,eACpBhC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACN,oBAAoB,EAAAD,KAAA,CAAAQ,EAAA;MAAA,OAAAzC,KAAA,CAAA0C,WAAA,MAAAV,IAAA;IAAA,IAClBO,WAAW,gBACRnC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,gBAAE,CAAC,gBAEVrC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAAApC,MAAA,CAAAU,OAAA,CAAA6B,QAAA,qBACEvC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACI,UAAU,CAACC,KAAK,MAAE,CAAC,eACpBzC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACI,UAAU,CAACE,IAAI,MAAE,CAClB,CAEY,CAAC;EAE3B;AACF;AAAC,IAAAjC,gBAAA,CAAAC,OAAA,EA7CKL,cAAc,iBACG,YAAY;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EAD7BL,cAAc,WAEHH,KAAK;AA6Cf,MAAMsC,UAAU,GAAAG,OAAA,CAAAH,UAAA,GAAG,IAAAI,qBAAe,EAACvC,cAAc,EAAE;EACxDqC,IAAI,EAAEX,iBAAQ,CAACW,IAAI;EACnBD,KAAK,EAAEV,iBAAQ,CAACU,KAAK;EACrBI,gBAAgB,EAAhBA;AACF,CAAC,CAAiC","ignoreList":[]}

package/lib/cjs/components/checkbox/Checkbox.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.type.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox.type.ts"],"sourcesContent":["import type {\n  CheckboxContext,\n  CheckboxProps,\n  CheckboxTextProps,\n  CheckboxValueProps,\n} from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedCheckboxComponent = Intergalactic.Component<'label', CheckboxProps, CheckboxContext> & {\n  Text: Intergalactic.Component<'span', CheckboxTextProps>;\n  Value: Intergalactic.Component<'input', CheckboxValueProps>;\n  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Checkbox.type.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox.type.ts"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedCheckboxComponent = Intergalactic.Component<'label', NSCheckbox.Props, NSCheckbox.Ctx> & {\n  Text: Intergalactic.Component<'span', NSCheckbox.Text.Props>;\n  Value: Intergalactic.Component<'input', NSCheckbox.Value.Props>;\n  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/input/Input.js

@@ -11,16 +11,16 @@ var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
 var _input = _interopRequireDefault(require("@semcore/input"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./input.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_ .___SOutline_1l7wj_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-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;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_{outline:0}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_::before{opacity:1}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_._neighborLocation_left_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_._neighborLocation_right_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_._neighborLocation_both_1l7wj_gg_ .___SOutline_1l7wj_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1l7wj_gg_._state_normal_1l7wj_gg_:has(.___SValue_1l7wj_gg_:focus-visible) .___SOutline_1l7wj_gg_::before{display:none}}", /*__inner_css_end__*/"1l7wj_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_ .___SOutline_1ozif_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-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;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{opacity:1}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_left_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_right_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_._neighborLocation_both_1ozif_gg_ .___SOutline_1ozif_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ozif_gg_._state_normal_1ozif_gg_:has(.___SValue_1ozif_gg_:focus-visible) .___SOutline_1ozif_gg_::before{display:none}}", /*__inner_css_end__*/"1ozif_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedInput": "___SHighlightedInput_1l7wj_gg_",
-  "_state_normal": "_state_normal_1l7wj_gg_",
-  "__SValue": "___SValue_1l7wj_gg_",
-  "__SOutline": "___SOutline_1l7wj_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1l7wj_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1l7wj_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1l7wj_gg_"
+  "__SHighlightedInput": "___SHighlightedInput_1ozif_gg_",
+  "_state_normal": "_state_normal_1ozif_gg_",
+  "__SValue": "___SValue_1ozif_gg_",
+  "__SOutline": "___SOutline_1ozif_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1ozif_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1ozif_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1ozif_gg_"
 });
 class InputFHRoot extends _core.Component {
   render() {

package/lib/cjs/components/notice/Notice.js

@@ -12,14 +12,14 @@ var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
 var _notice = _interopRequireDefault(require("@semcore/notice"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./notice.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1agzh);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_ .___SLabel_1agzh_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_ .___SCloseIcon_1agzh_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_1agzh_gg_.__beforeVisibility_1agzh_gg_ .___SCloseIcon_1agzh_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"1agzh_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff));border-color:transparent;background-clip:padding-box;position:relative}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1rypr);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SLabel_1rypr_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SHighlightedNotice_1rypr_gg_.__beforeVisibility_1rypr_gg_ .___SCloseIcon_1rypr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}", /*__inner_css_end__*/"1rypr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedNotice": "___SHighlightedNotice_1agzh_gg_",
-  "_beforeVisibility": "__beforeVisibility_1agzh_gg_",
-  "--beforeVisibility": "--beforeVisibility_1agzh",
-  "__SLabel": "___SLabel_1agzh_gg_",
-  "__SCloseIcon": "___SCloseIcon_1agzh_gg_"
+  "__SHighlightedNotice": "___SHighlightedNotice_1rypr_gg_",
+  "_beforeVisibility": "__beforeVisibility_1rypr_gg_",
+  "--beforeVisibility": "--beforeVisibility_1rypr",
+  "__SLabel": "___SLabel_1rypr_gg_",
+  "__SCloseIcon": "___SCloseIcon_1rypr_gg_"
 });
 class NoticeFHRoot extends _core.Component {
   renderSmartMode() {

package/lib/cjs/components/pills/Pills.js

@@ -12,15 +12,15 @@ var _pills = _interopRequireDefault(require("@semcore/pills"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./pills.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_1hgp1_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_1hgp1_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, #ab6cfe, #008ff8));-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);will-change:opacity,transform;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}.___SHighlightedPill_1hgp1_gg_._neighborLocation_left_1hgp1_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_1hgp1_gg_._neighborLocation_right_1hgp1_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_1hgp1_gg_._neighborLocation_both_1hgp1_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_1hgp1_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_1hgp1_gg_.__selected_1hgp1_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_1hgp1_gg_ .___SHighlightedPill_1hgp1_gg_:focus-visible{outline:0}.___SPills_1hgp1_gg_ .___SHighlightedPill_1hgp1_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_1hgp1_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_1hgp1_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"1hgp1_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_mfzk8_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}.___SHighlightedPill_mfzk8_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, #ab6cfe, #008ff8));-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);will-change:opacity,transform;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}.___SHighlightedPill_mfzk8_gg_._neighborLocation_left_mfzk8_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_right_mfzk8_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_mfzk8_gg_._neighborLocation_both_mfzk8_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_mfzk8_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedPill_mfzk8_gg_.__selected_mfzk8_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SPills_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0}.___SPills_mfzk8_gg_ .___SHighlightedPill_mfzk8_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_mfzk8_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_mfzk8_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"mfzk8_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedPill": "___SHighlightedPill_1hgp1_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1hgp1_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1hgp1_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1hgp1_gg_",
-  "_selected": "__selected_1hgp1_gg_",
-  "__SPills": "___SPills_1hgp1_gg_"
+  "__SHighlightedPill": "___SHighlightedPill_mfzk8_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_mfzk8_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_mfzk8_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_mfzk8_gg_",
+  "_selected": "__selected_mfzk8_gg_",
+  "__SPills": "___SPills_mfzk8_gg_"
 });
 class PillsFHRoot extends _core.Component {
   render() {

package/lib/cjs/components/radio/Radio.js

@@ -12,11 +12,11 @@ var _radio = _interopRequireWildcard(require("@semcore/radio"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./radio.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_lds44_gg_{position:relative}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_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, #ab6cfe, #008ff8));-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}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);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_lds44_gg_:not(._state_invalid_lds44_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_lds44_gg_:not(._state_invalid_lds44_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_lds44_gg_:not(._state_invalid_lds44_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"lds44_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_ww9ev_gg_{position:relative}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_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, #ab6cfe, #008ff8));-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}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);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_ww9ev_gg_:not(._state_invalid_ww9ev_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_ww9ev_gg_:not(._state_invalid_ww9ev_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_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_ww9ev_gg_:not(._state_invalid_ww9ev_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"ww9ev_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedRadio": "___SHighlightedRadio_lds44_gg_",
-  "_state_invalid": "_state_invalid_lds44_gg_"
+  "__SHighlightedRadio": "___SHighlightedRadio_ww9ev_gg_",
+  "_state_invalid": "_state_invalid_ww9ev_gg_"
 });
 class RadioFHRoot extends _core.Component {
   constructor(...args) {

package/lib/cjs/components/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["_core","require","_radio","_interopRequireWildcard","_react","_interopRequireDefault","_AnimatedSparkles","style","sstyled","insert","RadioFHRoot","Component","constructor","args","_defineProperty2","default","React","createRef","checked","setState","setTimeout","inputRef","current","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","Radio","styles","Children","children","hasChildren","createElement","cn","assignProps","Fragment","RadioFH","Value","Text","RadioGroup","CONTEXT_COMPONENT","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@semcore/core';\nimport type { RadioProps } from '@semcore/radio';\nimport Radio, { RadioGroup } from '@semcore/radio';\nimport React from 'react';\n\nimport style from './radio.shadow.css';\nimport type { HighlightedRadioComponent } from './Radio.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass RadioFHRoot extends Component<RadioProps> {\n  static displayName = 'RadioFH';\n  static style = style;\n  // @ts-ignore\n  static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  state = {\n    checked: false,\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: this.setChecked, // for click by label / programmatically changed\n      onClick: this.setChecked, // for click by radio\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    // @ts-ignore\n    const { size } = this.context;\n    const checked = this.state.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  setChecked = () => {\n    this.setState({ checked: false });\n    setTimeout(() => {\n      this.setState({ checked: this.inputRef.current?.checked });\n    });\n  };\n\n  render() {\n    const SHighlightedRadio = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedRadio render={Radio}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <RadioFH.Value />\n                <RadioFH.Text />\n              </>\n            )}\n      </SHighlightedRadio>,\n    );\n  }\n}\n\nexport const RadioFH = createComponent(RadioFHRoot, {\n  Text: Radio.Text,\n  Value: Radio.Value,\n  AnimatedSparkles,\n}) as HighlightedRadioComponent;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAIA,IAAAK,iBAAA,GAAAL,OAAA;AAAmF;AAAA,MAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAEnF,MAAMC,WAAW,SAASC,eAAS,CAAa;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iCAMnCC,cAAK,CAACC,SAAS,CAAmB,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,iBAEtC;MACNG,OAAO,EAAE;IACX,CAAC;IAAA,IAAAJ,gBAAA,CAAAC,OAAA,sBAsBY,MAAM;MACjB,IAAI,CAACI,QAAQ,CAAC;QAAED,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCE,UAAU,CAAC,MAAM;QACf,IAAI,CAACD,QAAQ,CAAC;UAAED,OAAO,EAAE,IAAI,CAACG,QAAQ,CAACC,OAAO,EAAEJ;QAAQ,CAAC,CAAC;MAC5D,CAAC,CAAC;IACJ,CAAC;EAAA;EAzBDK,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACH,QAAQ;MAClBI,QAAQ,EAAE,IAAI,CAACC,UAAU;MAAE;MAC3BC,OAAO,EAAE,IAAI,CAACD,UAAU,CAAE;IAC5B,CAAC;EACH;EAEAE,wBAAwBA,CAAA,EAAG;IACzB;IACA,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMZ,OAAO,GAAG,IAAI,CAACa,KAAK,CAACb,OAAO;IAElC,OAAO;MACLc,IAAI,EAAEd,OAAO;MACbe,GAAG,EAAEJ,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCK,IAAI,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EASAM,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,iBAAiB,GAIMC,cAAK;IAHlC,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACP,OAAO;IAEhE,OAAAC,KAAA,GAAO,IAAA9B,aAAO,EAACiC,MAAM,CAAC,eACpBrC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACN,iBAAiB,EAAAD,KAAA,CAAAQ,EAAA;MAAA,OAAA9C,KAAA,CAAA+C,WAAA,MAAAX,IAAA;IAAA,IACfQ,WAAW,gBACRxC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,gBAAE,CAAC,gBAEV1C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAAAzC,MAAA,CAAAW,OAAA,CAAAiC,QAAA,qBACE5C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACI,OAAO,CAACC,KAAK,MAAE,CAAC,eACjB9C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACI,OAAO,CAACE,IAAI,MAAE,CACf,CAES,CAAC;EAExB;AACF;AAAC,IAAArC,gBAAA,CAAAC,OAAA,EAxDKL,WAAW,iBACM,SAAS;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EAD1BL,WAAW,WAEAH,KAAK;AACpB;AAAA,IAAAO,gBAAA,CAAAC,OAAA,EAHIL,WAAW,iBAIM0C,iBAAU,CAACC,uBAAiB,CAAC;AAsD7C,MAAMJ,OAAO,GAAAK,OAAA,CAAAL,OAAA,GAAG,IAAAM,qBAAe,EAAC7C,WAAW,EAAE;EAClDyC,IAAI,EAAEX,cAAK,CAACW,IAAI;EAChBD,KAAK,EAAEV,cAAK,CAACU,KAAK;EAClBM,gBAAgB,EAAhBA;AACF,CAAC,CAA8B","ignoreList":[]}
+{"version":3,"file":"Radio.js","names":["_core","require","_radio","_interopRequireWildcard","_react","_interopRequireDefault","_AnimatedSparkles","style","sstyled","insert","RadioFHRoot","Component","constructor","args","_defineProperty2","default","React","createRef","checked","setState","setTimeout","inputRef","current","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","Radio","styles","Children","children","hasChildren","createElement","cn","assignProps","Fragment","RadioFH","Value","Text","RadioGroup","CONTEXT_COMPONENT","exports","createComponent","AnimatedSparkles"],"sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@semcore/core';\nimport type { NSRadio } from '@semcore/radio';\nimport Radio, { RadioGroup } from '@semcore/radio';\nimport React from 'react';\n\nimport style from './radio.shadow.css';\nimport type { HighlightedRadioComponent } from './Radio.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass RadioFHRoot extends Component<NSRadio.Props> {\n  static displayName = 'RadioFH';\n  static style = style;\n  // @ts-ignore\n  static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  state = {\n    checked: false,\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: this.setChecked, // for click by label / programmatically changed\n      onClick: this.setChecked, // for click by radio\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    // @ts-ignore\n    const { size } = this.context;\n    const checked = this.state.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  setChecked = () => {\n    this.setState({ checked: false });\n    setTimeout(() => {\n      this.setState({ checked: this.inputRef.current?.checked });\n    });\n  };\n\n  render() {\n    const SHighlightedRadio = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedRadio render={Radio}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <RadioFH.Value />\n                <RadioFH.Text />\n              </>\n            )}\n      </SHighlightedRadio>,\n    );\n  }\n}\n\nexport const RadioFH = createComponent(RadioFHRoot, {\n  Text: Radio.Text,\n  Value: Radio.Value,\n  AnimatedSparkles,\n}) as HighlightedRadioComponent;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAIA,IAAAK,iBAAA,GAAAL,OAAA;AAAmF;AAAA,MAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAEnF,MAAMC,WAAW,SAASC,eAAS,CAAgB;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,iCAMtCC,cAAK,CAACC,SAAS,CAAmB,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,iBAEtC;MACNG,OAAO,EAAE;IACX,CAAC;IAAA,IAAAJ,gBAAA,CAAAC,OAAA,sBAsBY,MAAM;MACjB,IAAI,CAACI,QAAQ,CAAC;QAAED,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCE,UAAU,CAAC,MAAM;QACf,IAAI,CAACD,QAAQ,CAAC;UAAED,OAAO,EAAE,IAAI,CAACG,QAAQ,CAACC,OAAO,EAAEJ;QAAQ,CAAC,CAAC;MAC5D,CAAC,CAAC;IACJ,CAAC;EAAA;EAzBDK,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACH,QAAQ;MAClBI,QAAQ,EAAE,IAAI,CAACC,UAAU;MAAE;MAC3BC,OAAO,EAAE,IAAI,CAACD,UAAU,CAAE;IAC5B,CAAC;EACH;EAEAE,wBAAwBA,CAAA,EAAG;IACzB;IACA,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMZ,OAAO,GAAG,IAAI,CAACa,KAAK,CAACb,OAAO;IAElC,OAAO;MACLc,IAAI,EAAEd,OAAO;MACbe,GAAG,EAAEJ,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCK,IAAI,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EASAM,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,iBAAiB,GAIMC,cAAK;IAHlC,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACP,OAAO;IAEhE,OAAAC,KAAA,GAAO,IAAA9B,aAAO,EAACiC,MAAM,CAAC,eACpBrC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACN,iBAAiB,EAAAD,KAAA,CAAAQ,EAAA;MAAA,OAAA9C,KAAA,CAAA+C,WAAA,MAAAX,IAAA;IAAA,IACfQ,WAAW,gBACRxC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,gBAAE,CAAC,gBAEV1C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAAAzC,MAAA,CAAAW,OAAA,CAAAiC,QAAA,qBACE5C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACI,OAAO,CAACC,KAAK,MAAE,CAAC,eACjB9C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACI,OAAO,CAACE,IAAI,MAAE,CACf,CAES,CAAC;EAExB;AACF;AAAC,IAAArC,gBAAA,CAAAC,OAAA,EAxDKL,WAAW,iBACM,SAAS;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EAD1BL,WAAW,WAEAH,KAAK;AACpB;AAAA,IAAAO,gBAAA,CAAAC,OAAA,EAHIL,WAAW,iBAIM0C,iBAAU,CAACC,uBAAiB,CAAC;AAsD7C,MAAMJ,OAAO,GAAAK,OAAA,CAAAL,OAAA,GAAG,IAAAM,qBAAe,EAAC7C,WAAW,EAAE;EAClDyC,IAAI,EAAEX,cAAK,CAACW,IAAI;EAChBD,KAAK,EAAEV,cAAK,CAACU,KAAK;EAClBM,gBAAgB,EAAhBA;AACF,CAAC,CAA8B","ignoreList":[]}

package/lib/cjs/components/radio/Radio.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.type.js","names":[],"sources":["../../../../src/components/radio/Radio.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { RadioCtx, RadioProps, RadioValueProps } from '@semcore/radio';\nimport type { Text } from '@semcore/typography';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedRadioComponent = Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps>;\n  Text: typeof Text;\n  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Radio.type.js","names":[],"sources":["../../../../src/components/radio/Radio.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { NSRadio } from '@semcore/radio';\nimport type { Text } from '@semcore/typography';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedRadioComponent = Intergalactic.Component<'label', NSRadio.Props, NSRadio.Ctx> & {\n  Value: Intergalactic.Component<'input', NSRadio.Value.Props>;\n  Text: typeof Text;\n  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/switch/Switch.js

@@ -11,12 +11,12 @@ var _switch = _interopRequireDefault(require("@semcore/switch"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./switch.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SToggle_12wh3_gg_{position:relative}.___SToggle_12wh3_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, #ab6cfe, #008ff8));-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}.___SToggle_12wh3_gg_.__checked_12wh3_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"12wh3_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SToggle_3w9j3_gg_{position:relative}.___SToggle_3w9j3_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, #ab6cfe, #008ff8));-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}.___SToggle_3w9j3_gg_.__checked_3w9j3_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_3w9j3_gg_:has(.___SInput_3w9j3_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"3w9j3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SToggle": "___SToggle_12wh3_gg_",
-  "_checked": "__checked_12wh3_gg_",
-  "__SInput": "___SInput_12wh3_gg_"
+  "__SToggle": "___SToggle_3w9j3_gg_",
+  "_checked": "__checked_3w9j3_gg_",
+  "__SInput": "___SInput_3w9j3_gg_"
 });
 class SwitchFHRoot extends _core.Component {
   constructor(...args) {

package/lib/cjs/components/tab-line/TabLine.js

@@ -12,12 +12,12 @@ var _tabLine = _interopRequireDefault(require("@semcore/tab-line"));
 var _react = _interopRequireDefault(require("react"));
 var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
 /*!__reshadow-styles__:"./tabLine.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_1tazm_gg_:focus-visible{outline:0}.___SHighlightedItem_1tazm_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1tazm_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1tazm_gg_.__selected_1tazm_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_1tazm_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_1tazm_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, #ab6cfe, #008ff8));-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}.___SHighlightedCaret_1tazm_gg_,.___SHighlightedItem_1tazm_gg_.__selected_1tazm_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"1tazm_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_cwpc4_gg_:focus-visible{outline:0}.___SHighlightedItem_cwpc4_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_cwpc4_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_cwpc4_gg_.__selected_cwpc4_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_cwpc4_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_cwpc4_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, #ab6cfe, #008ff8));-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}.___SHighlightedCaret_cwpc4_gg_,.___SHighlightedItem_cwpc4_gg_.__selected_cwpc4_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"cwpc4_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCaret": "___SHighlightedCaret_1tazm_gg_",
-  "__SHighlightedItem": "___SHighlightedItem_1tazm_gg_",
-  "_selected": "__selected_1tazm_gg_"
+  "__SHighlightedCaret": "___SHighlightedCaret_cwpc4_gg_",
+  "__SHighlightedItem": "___SHighlightedItem_cwpc4_gg_",
+  "_selected": "__selected_cwpc4_gg_"
 });
 class TabLineFHRoot extends _core.Component {
   render() {

package/lib/cjs/inner-components/button-trigger/ButtonTrigger.js

@@ -11,16 +11,16 @@ var _baseTrigger = require("@semcore/base-trigger");
 var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_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, #ab6cfe, #008ff8));-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}@media (hover:hover){.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedButtonTrigger_1q2s6_gg_.__active_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_),.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1q2s6_gg_._neighborLocation_left_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1q2s6_gg_._neighborLocation_right_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1q2s6_gg_._neighborLocation_both_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1q2s6_gg_:not(._state_invalid_1q2s6_gg_):not(._state_valid_1q2s6_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"1q2s6_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_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, #ab6cfe, #008ff8));-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}@media (hover:hover){.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box}}.___SHighlightedButtonTrigger_1vlbt_gg_.__active_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_),.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_left_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_right_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1vlbt_gg_._neighborLocation_both_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1vlbt_gg_:not(._state_invalid_1vlbt_gg_):not(._state_valid_1vlbt_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"1vlbt_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1q2s6_gg_",
-  "_state_invalid": "_state_invalid_1q2s6_gg_",
-  "_state_valid": "_state_valid_1q2s6_gg_",
-  "_active": "__active_1q2s6_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1q2s6_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1q2s6_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1q2s6_gg_"
+  "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1vlbt_gg_",
+  "_state_invalid": "_state_invalid_1vlbt_gg_",
+  "_state_valid": "_state_valid_1vlbt_gg_",
+  "_active": "__active_1vlbt_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1vlbt_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1vlbt_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1vlbt_gg_"
 });
 class ButtonTriggerFHRoot extends _core.Component {
   render() {

package/lib/cjs/inner-components/sparkle/Sparkle.js

@@ -8,21 +8,21 @@ exports.default = void 0;
 var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_1tv21{50%{transform:rotate(calc(1deg*var(--angle_1tv21))) translateY(200%) scale(var(--scale_1tv21))}to{transform:rotate(calc(1deg*var(--angle_1tv21))) translateY(200%) scale(0)}}.___SSparkle_1tv21_gg_{position:absolute}.___SSparkle_1tv21_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_1tv21_gg_.__angle_1tv21_gg_.__scale_1tv21_gg_.__duration_1tv21_gg_{transform:rotate(calc(1deg*var(--angle_1tv21))) scale(var(--scale_1tv21));animation-name:sparkles_1tv21;animation-fill-mode:forwards;animation-duration:var(--duration_1tv21)}.___SSparkle_1tv21_gg_.__left_1tv21_gg_{left:var(--left_1tv21)}.___SSparkle_1tv21_gg_.__top_1tv21_gg_{top:var(--top_1tv21)}", /*__inner_css_end__*/"1tv21_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_1gy26{50%{transform:rotate(calc(1deg*var(--angle_1gy26))) translateY(200%) scale(var(--scale_1gy26))}to{transform:rotate(calc(1deg*var(--angle_1gy26))) translateY(200%) scale(0)}}.___SSparkle_1gy26_gg_{position:absolute}.___SSparkle_1gy26_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, #8649e1)}.___SSparkle_1gy26_gg_.__angle_1gy26_gg_.__scale_1gy26_gg_.__duration_1gy26_gg_{transform:rotate(calc(1deg*var(--angle_1gy26))) scale(var(--scale_1gy26));animation-name:sparkles_1gy26;animation-fill-mode:forwards;animation-duration:var(--duration_1gy26)}.___SSparkle_1gy26_gg_.__left_1gy26_gg_{left:var(--left_1gy26)}.___SSparkle_1gy26_gg_.__top_1gy26_gg_{top:var(--top_1gy26)}", /*__inner_css_end__*/"1gy26_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSparkle": "___SSparkle_1tv21_gg_",
-  "_angle": "__angle_1tv21_gg_",
-  "_scale": "__scale_1tv21_gg_",
-  "_duration": "__duration_1tv21_gg_",
-  "--angle": "--angle_1tv21",
-  "--scale": "--scale_1tv21",
-  "--duration": "--duration_1tv21",
-  "@sparkles": "sparkles_1tv21",
-  "_left": "__left_1tv21_gg_",
-  "--left": "--left_1tv21",
-  "_top": "__top_1tv21_gg_",
-  "--top": "--top_1tv21"
+  "__SSparkle": "___SSparkle_1gy26_gg_",
+  "_angle": "__angle_1gy26_gg_",
+  "_scale": "__scale_1gy26_gg_",
+  "_duration": "__duration_1gy26_gg_",
+  "--angle": "--angle_1gy26",
+  "--scale": "--scale_1gy26",
+  "--duration": "--duration_1gy26",
+  "@sparkles": "sparkles_1gy26",
+  "_left": "__left_1gy26_gg_",
+  "--left": "--left_1gy26",
+  "_top": "__top_1gy26_gg_",
+  "--top": "--top_1gy26"
 });
 function SvgSparkle(props, ref) {
   var _ref = arguments[0],

package/lib/es6/components/badge/Badge.js

@@ -6,13 +6,13 @@ import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import React from 'react';
 /*!__reshadow-styles__:"./badge.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_11dff_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___SHighlightedBadge_11dff_gg_._use_accent_11dff_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedBadge_11dff_gg_.__bg_11dff_gg_{background-color:var(--bg_11dff)}", /*__inner_css_end__*/"11dff_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedBadge_1yxcs_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___SHighlightedBadge_1yxcs_gg_._use_accent_1yxcs_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedBadge_1yxcs_gg_.__bg_1yxcs_gg_{background-color:var(--bg_1yxcs)}", /*__inner_css_end__*/"1yxcs_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedBadge": "___SHighlightedBadge_11dff_gg_",
-  "_use_accent": "_use_accent_11dff_gg_",
-  "_bg": "__bg_11dff_gg_",
-  "--bg": "--bg_11dff"
+  "__SHighlightedBadge": "___SHighlightedBadge_1yxcs_gg_",
+  "_use_accent": "_use_accent_1yxcs_gg_",
+  "_bg": "__bg_1yxcs_gg_",
+  "--bg": "--bg_1yxcs"
 });
 class BadgeFHRoot extends Component {
   render() {

package/lib/es6/components/button/Button.js

@@ -7,17 +7,17 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
 import SummaryAI from '@semcore/icon/SummaryAI/m';
 import React from 'react';
 /*!__reshadow-styles__:"./button.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_.__active_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_qewkt_gg_._theme_primary-highlighted_qewkt_gg_:focus-visible{outline:0}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_ .___SText_qewkt_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:hover .___SText_qewkt_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_.__active_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_.__active_qewkt_gg_ .___SText_qewkt_gg_,.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:active .___SText_qewkt_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}.___SHighlightedButton_qewkt_gg_._theme_secondary-highlighted_qewkt_gg_:focus-visible{outline:0}.___SHighlightedButton_qewkt_gg_{position:relative}.___SHighlightedButton_qewkt_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, #ab6cfe, #008ff8));-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}.___SHighlightedButton_qewkt_gg_._neighborLocation_left_qewkt_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_qewkt_gg_._neighborLocation_right_qewkt_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_qewkt_gg_._neighborLocation_both_qewkt_gg_::before{border-radius:0}.___SHighlightedButton_qewkt_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_qewkt_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_qewkt_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"qewkt_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:linear-gradient(90deg,var(--intergalactic-violet-500, #8649e1),var(--intergalactic-blue-500, #006dca),var(--intergalactic-violet-400, #ab6cfe),var(--intergalactic-blue-400, #008ff8));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-position-x:1%}}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg, #5925ab, #044792));background-size:100%}.___SHighlightedButton_dqm1q_gg_._theme_primary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_{color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_ .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, #8649e1);background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg, #8649e1, #006dca));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg, #f2e4ff, #d6edfe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:hover .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg, #edd9ff, #c4e5fe)) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg, #dcb8ff, #8ecdff)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4)}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_.__active_dqm1q_gg_ .___SText_dqm1q_gg_,.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:active .___SText_dqm1q_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, #6B3AB4);background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg, #421983, #002b5f))}.___SHighlightedButton_dqm1q_gg_._theme_secondary-highlighted_dqm1q_gg_:focus-visible{outline:0}.___SHighlightedButton_dqm1q_gg_{position:relative}.___SHighlightedButton_dqm1q_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, #ab6cfe, #008ff8));-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}.___SHighlightedButton_dqm1q_gg_._neighborLocation_left_dqm1q_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_right_dqm1q_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_dqm1q_gg_._neighborLocation_both_dqm1q_gg_::before{border-radius:0}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_dqm1q_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_dqm1q_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"dqm1q_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedButton": "___SHighlightedButton_qewkt_gg_",
-  "_theme_primary-highlighted": "_theme_primary-highlighted_qewkt_gg_",
-  "_active": "__active_qewkt_gg_",
-  "_theme_secondary-highlighted": "_theme_secondary-highlighted_qewkt_gg_",
-  "__SText": "___SText_qewkt_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_qewkt_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_qewkt_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_qewkt_gg_"
+  "__SHighlightedButton": "___SHighlightedButton_dqm1q_gg_",
+  "_theme_primary-highlighted": "_theme_primary-highlighted_dqm1q_gg_",
+  "_active": "__active_dqm1q_gg_",
+  "_theme_secondary-highlighted": "_theme_secondary-highlighted_dqm1q_gg_",
+  "__SText": "___SText_dqm1q_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_dqm1q_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_dqm1q_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_dqm1q_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
 class ButtonFHRoot extends Component {

package/lib/es6/components/checkbox/Checkbox.js

@@ -5,11 +5,11 @@ import Checkbox from '@semcore/checkbox';
 import { Component, createComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 /*!__reshadow-styles__:"./checkbox.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) [data-ui-name=\"Value.CheckMark\"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) [data-ui-name=\"Value.CheckMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;-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:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_q9m7q_gg_:not(._state_invalid_q9m7q_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"q9m7q_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) [data-ui-name=\"Value.CheckMark\"]{border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;background-origin:border-box;background-clip:padding-box,border-box}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked+[data-ui-name=\"Value.CheckMark\"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) [data-ui-name=\"Value.CheckMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)) border-box;-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:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:not(:focus-visible)+[data-ui-name=\"Value.CheckMark\"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_7bobd_gg_:not(._state_invalid_7bobd_gg_) input[data-ui-name=\"CheckboxFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.CheckMark\"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8)) border-box}", /*__inner_css_end__*/"7bobd_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCheckbox": "___SHighlightedCheckbox_q9m7q_gg_",
-  "_state_invalid": "_state_invalid_q9m7q_gg_"
+  "__SHighlightedCheckbox": "___SHighlightedCheckbox_7bobd_gg_",
+  "_state_invalid": "_state_invalid_7bobd_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
 class CheckboxFHRoot extends Component {

package/lib/es6/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","Component","createComponent","Root","sstyled","React","style","_sstyled","insert","AnimatedSparkles","CheckboxFHRoot","constructor","args","_defineProperty","createRef","getValueProps","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","styles","Children","children","hasChildren","createElement","cn","_assignProps","Fragment","CheckboxFH","Value","Text"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from '@semcore/checkbox';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './checkbox.shadow.css';\nimport type { HighlightedCheckboxComponent } from './Checkbox.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass CheckboxFHRoot extends Component<CheckboxProps> {\n  static displayName = 'CheckboxFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  render() {\n    const SHighlightedCheckbox = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedCheckbox render={Checkbox}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <CheckboxFH.Value />\n                <CheckboxFH.Text />\n              </>\n            )}\n      </SHighlightedCheckbox>,\n    );\n  }\n}\n\nexport const CheckboxFH = createComponent(CheckboxFHRoot, {\n  Text: Checkbox.Text,\n  Value: Checkbox.Value,\n  AnimatedSparkles,\n}) as HighlightedCheckboxComponent;\n"],"mappings":";;;AACA,OAAOA,QAAQ,MAAM,mBAAmB;AACxC,SAASC,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,MAAMC,cAAc,SAAST,SAAS,CAAgB;EAAAU,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gCAIzCR,KAAK,CAACS,SAAS,CAAmB,CAAC;EAAA;EAE9CC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACC,QAAQ;MAClBC,QAAQ,EAAEA,CAAA,KAAM;QACdC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ;IACF,CAAC;EACH;EAEAC,wBAAwBA,CAAA,EAAG;IACzB,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMC,OAAO,GAAG,IAAI,CAACP,QAAQ,CAACQ,OAAO,EAAED,OAAO;IAE9C,OAAO;MACLE,IAAI,EAAEF,OAAO;MACbG,GAAG,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCM,IAAI,EAAEN,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EAEAO,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAP,OAAA;MAAAQ,KAAA;IACP,MAAMC,oBAAoB,GAIMhC,QAAQ;IAHxC,MAAM;MAAEiC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACb,OAAO;IAEhE,OAAAQ,KAAA,GAAO3B,OAAO,CAAC6B,MAAM,CAAC,eACpB5B,KAAA,CAAAgC,aAAA,CAACL,oBAAoB,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA,KAAAT,IAAA;IAAA,IAClBM,WAAW,gBACR/B,KAAA,CAAAgC,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,gBAAE,CAAC,gBAEVjC,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAmC,QAAA,qBACEnC,KAAA,CAAAgC,aAAA,CAACI,UAAU,CAACC,KAAK,MAAE,CAAC,eACpBrC,KAAA,CAAAgC,aAAA,CAACI,UAAU,CAACE,IAAI,MAAE,CAClB,CAEY,CAAC;EAE3B;AACF;AAAC9B,eAAA,CA7CKH,cAAc,iBACG,YAAY;AAAAG,eAAA,CAD7BH,cAAc,WAEHJ,KAAK;AA6CtB,OAAO,MAAMmC,UAAU,GAAGvC,eAAe,CAACQ,cAAc,EAAE;EACxDiC,IAAI,EAAE3C,QAAQ,CAAC2C,IAAI;EACnBD,KAAK,EAAE1C,QAAQ,CAAC0C,KAAK;EACrBjC;AACF,CAAC,CAAiC","ignoreList":[]}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","Component","createComponent","Root","sstyled","React","style","_sstyled","insert","AnimatedSparkles","CheckboxFHRoot","constructor","args","_defineProperty","createRef","getValueProps","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","size","asProps","checked","current","show","top","left","render","_ref","_ref2","SHighlightedCheckbox","styles","Children","children","hasChildren","createElement","cn","_assignProps","Fragment","CheckboxFH","Value","Text"],"sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport style from './checkbox.shadow.css';\nimport type { HighlightedCheckboxComponent } from './Checkbox.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass CheckboxFHRoot extends Component<NSCheckbox.Props> {\n  static displayName = 'CheckboxFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n\n    return {\n      show: checked,\n      top: size === 'l' ? '7px' : '5px',\n      left: size === 'l' ? '5px' : '3px',\n    };\n  }\n\n  render() {\n    const SHighlightedCheckbox = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SHighlightedCheckbox render={Checkbox}>\n        {hasChildren\n          ? <Children />\n          : (\n              <>\n                <CheckboxFH.Value />\n                <CheckboxFH.Text />\n              </>\n            )}\n      </SHighlightedCheckbox>,\n    );\n  }\n}\n\nexport const CheckboxFH = createComponent(CheckboxFHRoot, {\n  Text: Checkbox.Text,\n  Value: Checkbox.Value,\n  AnimatedSparkles,\n}) as HighlightedCheckboxComponent;\n"],"mappings":";;;AACA,OAAOA,QAAQ,MAAM,mBAAmB;AACxC,SAASC,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,MAAMC,cAAc,SAAST,SAAS,CAAmB;EAAAU,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gCAI5CR,KAAK,CAACS,SAAS,CAAmB,CAAC;EAAA;EAE9CC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACC,QAAQ;MAClBC,QAAQ,EAAEA,CAAA,KAAM;QACdC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ;IACF,CAAC;EACH;EAEAC,wBAAwBA,CAAA,EAAG;IACzB,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMC,OAAO,GAAG,IAAI,CAACP,QAAQ,CAACQ,OAAO,EAAED,OAAO;IAE9C,OAAO;MACLE,IAAI,EAAEF,OAAO;MACbG,GAAG,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCM,IAAI,EAAEN,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EAEAO,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAP,OAAA;MAAAQ,KAAA;IACP,MAAMC,oBAAoB,GAIMhC,QAAQ;IAHxC,MAAM;MAAEiC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACb,OAAO;IAEhE,OAAAQ,KAAA,GAAO3B,OAAO,CAAC6B,MAAM,CAAC,eACpB5B,KAAA,CAAAgC,aAAA,CAACL,oBAAoB,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA,KAAAT,IAAA;IAAA,IAClBM,WAAW,gBACR/B,KAAA,CAAAgC,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,gBAAE,CAAC,gBAEVjC,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAmC,QAAA,qBACEnC,KAAA,CAAAgC,aAAA,CAACI,UAAU,CAACC,KAAK,MAAE,CAAC,eACpBrC,KAAA,CAAAgC,aAAA,CAACI,UAAU,CAACE,IAAI,MAAE,CAClB,CAEY,CAAC;EAE3B;AACF;AAAC9B,eAAA,CA7CKH,cAAc,iBACG,YAAY;AAAAG,eAAA,CAD7BH,cAAc,WAEHJ,KAAK;AA6CtB,OAAO,MAAMmC,UAAU,GAAGvC,eAAe,CAACQ,cAAc,EAAE;EACxDiC,IAAI,EAAE3C,QAAQ,CAAC2C,IAAI;EACnBD,KAAK,EAAE1C,QAAQ,CAAC0C,KAAK;EACrBjC;AACF,CAAC,CAAiC","ignoreList":[]}

package/lib/es6/components/checkbox/Checkbox.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.type.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox.type.ts"],"sourcesContent":["import type {\n  CheckboxContext,\n  CheckboxProps,\n  CheckboxTextProps,\n  CheckboxValueProps,\n} from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedCheckboxComponent = Intergalactic.Component<'label', CheckboxProps, CheckboxContext> & {\n  Text: Intergalactic.Component<'span', CheckboxTextProps>;\n  Value: Intergalactic.Component<'input', CheckboxValueProps>;\n  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Checkbox.type.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox.type.ts"],"sourcesContent":["import type { NSCheckbox } from '@semcore/checkbox';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedCheckboxComponent = Intergalactic.Component<'label', NSCheckbox.Props, NSCheckbox.Ctx> & {\n  Text: Intergalactic.Component<'span', NSCheckbox.Text.Props>;\n  Value: Intergalactic.Component<'input', NSCheckbox.Value.Props>;\n  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}