@semcore/feature-highlight 16.4.0-prerelease.1 → 16.4.0

package/lib/es6/components/checkbox/checkbox.shadow.css

@@ -1,5 +1,8 @@
 SHighlightedCheckbox:not([state="invalid"]) {
   [data-ui-name="Value.CheckMark"] {
+    position: relative;
+    transform: translate(0);
+
     border: 1px solid transparent;
     border-radius: var(--intergalactic-addon-rounded, 4px);
     background: linear-gradient(white, white) padding-box,

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

@@ -12,16 +12,16 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
 import Input from '@semcore/input';
 import React from 'react';
 /*!__reshadow-styles__:"./input.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_ .___SOutline_3bvkz_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_ .___SOutline_3bvkz_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_ .___SOutline_3bvkz_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_ .___SOutline_3bvkz_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_ .___SOutline_3bvkz_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_ .___SOutline_3bvkz_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_:has(.___SValue_3bvkz_gg_:focus-visible) .___SOutline_3bvkz_gg_{outline:0}.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_:has(.___SValue_3bvkz_gg_:focus-visible) .___SOutline_3bvkz_gg_::before{opacity:1}.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_._neighborLocation_left_3bvkz_gg_ .___SOutline_3bvkz_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_._neighborLocation_right_3bvkz_gg_ .___SOutline_3bvkz_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_._neighborLocation_both_3bvkz_gg_ .___SOutline_3bvkz_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_:has(.___SValue_3bvkz_gg_:focus-visible) .___SOutline_3bvkz_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_3bvkz_gg_._state_normal_3bvkz_gg_:has(.___SValue_3bvkz_gg_:focus-visible) .___SOutline_3bvkz_gg_::before{display:none}}", /*__inner_css_end__*/"3bvkz_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_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 in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_{outline:0}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_::before{opacity:1}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_._neighborLocation_left_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_._neighborLocation_right_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_._neighborLocation_both_kbn9s_gg_ .___SOutline_kbn9s_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_kbn9s_gg_._state_normal_kbn9s_gg_:has(.___SValue_kbn9s_gg_:focus-visible) .___SOutline_kbn9s_gg_::before{display:none}}", /*__inner_css_end__*/"kbn9s_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedInput": "___SHighlightedInput_3bvkz_gg_",
-  "_state_normal": "_state_normal_3bvkz_gg_",
-  "__SValue": "___SValue_3bvkz_gg_",
-  "__SOutline": "___SOutline_3bvkz_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_3bvkz_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_3bvkz_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_3bvkz_gg_"
+  "__SHighlightedInput": "___SHighlightedInput_kbn9s_gg_",
+  "_state_normal": "_state_normal_kbn9s_gg_",
+  "__SValue": "___SValue_kbn9s_gg_",
+  "__SOutline": "___SOutline_kbn9s_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_kbn9s_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_kbn9s_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_kbn9s_gg_"
 });
 var InputFHRoot = /*#__PURE__*/function (_Component) {
   function InputFHRoot() {

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

@@ -12,14 +12,14 @@ import isNode from '@semcore/core/lib/utils/isNode';
 import Notice from '@semcore/notice';
 import React from 'react';
 /*!__reshadow-styles__:"./notice.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)));border-color:transparent;background-clip:padding-box;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)))}@media (color-gamut:p3){.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962)))}}}.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_wau55);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))\n  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))\n  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@media (color-gamut:p3){.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))\n  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box}}}.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_ .___SLabel_wau55_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_ .___SCloseIcon_wau55_gg_{color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}@media (hover:hover){.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_ .___SCloseIcon_wau55_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_ .___SCloseIcon_wau55_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHighlightedNotice_wau55_gg_.__beforeVisibility_wau55_gg_ .___SCloseIcon_wau55_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}", /*__inner_css_end__*/"wau55_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)));border-color:transparent;background-clip:padding-box;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)))}@media (color-gamut:p3){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962)))}}}.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1l0xz);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@media (color-gamut:p3){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box}}}.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SLabel_1l0xz_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_{color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}@media (hover:hover){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHighlightedNotice_1l0xz_gg_.__beforeVisibility_1l0xz_gg_ .___SCloseIcon_1l0xz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}", /*__inner_css_end__*/"1l0xz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedNotice": "___SHighlightedNotice_wau55_gg_",
-  "_beforeVisibility": "__beforeVisibility_wau55_gg_",
-  "--beforeVisibility": "--beforeVisibility_wau55",
-  "__SLabel": "___SLabel_wau55_gg_",
-  "__SCloseIcon": "___SCloseIcon_wau55_gg_"
+  "__SHighlightedNotice": "___SHighlightedNotice_1l0xz_gg_",
+  "_beforeVisibility": "__beforeVisibility_1l0xz_gg_",
+  "--beforeVisibility": "--beforeVisibility_1l0xz",
+  "__SLabel": "___SLabel_1l0xz_gg_",
+  "__SCloseIcon": "___SCloseIcon_1l0xz_gg_"
 });
 var NoticeFHRoot = /*#__PURE__*/function (_Component) {
   function NoticeFHRoot() {
@@ -28,29 +28,16 @@ var NoticeFHRoot = /*#__PURE__*/function (_Component) {
   }
   _inherits(NoticeFHRoot, _Component);
   return _createClass(NoticeFHRoot, [{
-    key: "renderContent",
-    value: function renderContent() {
+    key: "renderSmartMode",
+    value: function renderSmartMode() {
       var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
         label = _this$asProps.label,
         title = _this$asProps.title,
-        closable = _this$asProps.closable;
-      var textContent = /*#__PURE__*/React.createElement(Children, null);
-      if (typeof Children.origin === 'string') {
-        textContent = isNode(title) || isNode(label) || closable ? /*#__PURE__*/React.createElement(Notice.Text, null, /*#__PURE__*/React.createElement(Children, null)) : /*#__PURE__*/React.createElement(Children, null);
-      }
-      return textContent;
-    }
-  }, {
-    key: "renderSmartMode",
-    value: function renderSmartMode() {
-      var _this$asProps2 = this.asProps,
-        label = _this$asProps2.label,
-        title = _this$asProps2.title,
-        actions = _this$asProps2.actions,
-        closable = _this$asProps2.closable,
-        onClose = _this$asProps2.onClose;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, isNode(title) && /*#__PURE__*/React.createElement(Notice.Title, null, title), this.renderContent(), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
+        text = _this$asProps.text,
+        actions = _this$asProps.actions,
+        closable = _this$asProps.closable,
+        onClose = _this$asProps.onClose;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isNode(label) && /*#__PURE__*/React.createElement(Notice.Label, null, label), /*#__PURE__*/React.createElement(Notice.Content, null, isNode(title) && /*#__PURE__*/React.createElement(Notice.Title, null, title), isNode(text) && /*#__PURE__*/React.createElement(Notice.Text, null, text), isNode(actions) && /*#__PURE__*/React.createElement(Notice.Actions, null, actions)), closable && /*#__PURE__*/React.createElement(Notice.Close, {
         onClick: onClose
       }));
     }
@@ -66,10 +53,10 @@ var NoticeFHRoot = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref2;
       var SHighlightedNotice = Notice;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        Children = _this$asProps3.Children,
-        visible = _this$asProps3.visible;
+      var _this$asProps2 = this.asProps,
+        styles = _this$asProps2.styles,
+        Children = _this$asProps2.Children,
+        visible = _this$asProps2.visible;
       var advancedMode = isAdvanceMode(Children, [NoticeFH.Label.displayName, NoticeFH.Actions.displayName, NoticeFH.Content.displayName, NoticeFH.Title.displayName, NoticeFH.Text.displayName, NoticeFH.Close.displayName]);
       var beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SHighlightedNotice, _ref2.cn("SHighlightedNotice", _objectSpread({}, _assignProps({
@@ -88,7 +75,6 @@ export var NoticeFH = createComponent(NoticeFHRoot, {
   Content: Notice.Content,
   Title: Notice.Title,
   Text: Notice.Text,
-  Close: Notice.Close,
-  CloseIcon: Notice.CloseIcon
+  Close: Notice.Close
 });
 //# sourceMappingURL=Notice.js.map

package/lib/es6/components/notice/Notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["createComponent","Component","Root","sstyled","isAdvanceMode","isNode","Notice","React","style","_sstyled","insert","NoticeFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderContent","_this$asProps","asProps","Children","label","title","closable","textContent","createElement","origin","Text","renderSmartMode","_this$asProps2","actions","onClose","Fragment","Label","Content","Title","Actions","Close","onClick","renderAdvancedMode","render","_ref","_ref2","SHighlightedNotice","_this$asProps3","styles","visible","advancedMode","NoticeFH","displayName","beforeVisibility","undefined","cn","_objectSpread","_assignProps","_defineProperty","CloseIcon"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport Notice from '@semcore/notice';\nimport React from 'react';\n\nimport style from './notice.shadow.css';\nimport type { HighlightedNoticeComponent } from './Notice.type';\n\nclass NoticeFHRoot extends Component<NoticeSmartProps> {\n  static displayName = 'NoticeFH';\n  static style = style;\n\n  renderContent() {\n    const { Children, label, title, closable } = this.asProps;\n    let textContent = <Children />;\n\n    if (typeof Children.origin === 'string') {\n      textContent =\n              isNode(title) || isNode(label) || closable\n                ? (\n                    <Notice.Text>\n                      <Children />\n                    </Notice.Text>\n                  )\n                : (\n                    <Children />\n                  );\n    }\n\n    return textContent;\n  }\n\n  renderSmartMode() {\n    const { label, title, actions, closable, onClose } = this.asProps;\n\n    return (\n      <>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          {isNode(title) && <Notice.Title>{title}</Notice.Title>}\n          {this.renderContent()}\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.Close onClick={onClose} />}\n      </>\n    );\n  }\n\n  renderAdvancedMode() {\n    const { Children } = this.asProps;\n\n    return <Children />;\n  }\n\n  render() {\n    const SHighlightedNotice = Root;\n    const { styles, Children, visible } = this.asProps;\n\n    const advancedMode = isAdvanceMode(Children, [\n      NoticeFH.Label.displayName,\n      NoticeFH.Actions.displayName,\n      NoticeFH.Content.displayName,\n      NoticeFH.Title.displayName,\n      NoticeFH.Text.displayName,\n      NoticeFH.Close.displayName,\n    ]);\n\n    const beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';\n\n    return sstyled(styles)(\n      <SHighlightedNotice render={Notice} beforeVisibility={beforeVisibility} __excludeProps={['title']} use:theme={undefined}>\n        {advancedMode ? this.renderAdvancedMode() : this.renderSmartMode()}\n      </SHighlightedNotice>,\n    );\n  }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot, {\n  Label: Notice.Label,\n  Actions: Notice.Actions,\n  Content: Notice.Content,\n  Title: Notice.Title,\n  Text: Notice.Text,\n  Close: Notice.Close,\n  CloseIcon: Notice.CloseIcon,\n}) as HighlightedNoticeComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Notice.js","names":["createComponent","Component","Root","sstyled","isAdvanceMode","isNode","Notice","React","style","_sstyled","insert","NoticeFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderSmartMode","_this$asProps","asProps","label","title","text","actions","closable","onClose","createElement","Fragment","Label","Content","Title","Text","Actions","Close","onClick","renderAdvancedMode","Children","render","_ref","_ref2","SHighlightedNotice","_this$asProps2","styles","visible","advancedMode","NoticeFH","displayName","beforeVisibility","undefined","cn","_objectSpread","_assignProps","_defineProperty"],"sources":["../../../../src/components/notice/Notice.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport Notice from '@semcore/notice';\nimport React from 'react';\n\nimport style from './notice.shadow.css';\nimport type { HighlightedNoticeComponent } from './Notice.type';\n\nclass NoticeFHRoot extends Component<NoticeSmartProps> {\n  static displayName = 'NoticeFH';\n  static style = style;\n\n  renderSmartMode() {\n    const { label, title, text, actions, closable, onClose } = this.asProps;\n\n    return (\n      <>\n        {isNode(label) && <Notice.Label>{label}</Notice.Label>}\n        <Notice.Content>\n          {isNode(title) && <Notice.Title>{title}</Notice.Title>}\n          {isNode(text) && <Notice.Text>{text}</Notice.Text>}\n          {isNode(actions) && <Notice.Actions>{actions}</Notice.Actions>}\n        </Notice.Content>\n        {closable && <Notice.Close onClick={onClose} />}\n      </>\n    );\n  }\n\n  renderAdvancedMode() {\n    const { Children } = this.asProps;\n\n    return <Children />;\n  }\n\n  render() {\n    const SHighlightedNotice = Root;\n    const { styles, Children, visible } = this.asProps;\n\n    const advancedMode = isAdvanceMode(Children, [\n      NoticeFH.Label.displayName,\n      NoticeFH.Actions.displayName,\n      NoticeFH.Content.displayName,\n      NoticeFH.Title.displayName,\n      NoticeFH.Text.displayName,\n      NoticeFH.Close.displayName,\n    ]);\n\n    const beforeVisibility = visible === undefined || visible ? 'visible' : 'hidden';\n\n    return sstyled(styles)(\n      <SHighlightedNotice render={Notice} beforeVisibility={beforeVisibility} __excludeProps={['title']} use:theme={undefined}>\n        {advancedMode ? this.renderAdvancedMode() : this.renderSmartMode()}\n      </SHighlightedNotice>,\n    );\n  }\n}\n\nexport const NoticeFH = createComponent(NoticeFHRoot, {\n  Label: Notice.Label,\n  Actions: Notice.Actions,\n  Content: Notice.Content,\n  Title: Notice.Title,\n  Text: Notice.Text,\n  Close: Notice.Close,\n}) as HighlightedNoticeComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/notice/Notice.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.type.js","names":[],"sources":["../../../../src/components/notice/Notice.type.ts"],"sourcesContent":["import type { NoticeSmart } from '@semcore/notice';\nimport type Notice from '@semcore/notice';\n\nexport type HighlightedNoticeComponent = typeof Notice & typeof NoticeSmart;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Notice.type.js","names":[],"sources":["../../../../src/components/notice/Notice.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { NoticeSmartProps } from '@semcore/notice';\nimport type Notice from '@semcore/notice';\n\nexport type HighlightedNoticeComponent = Intergalactic.Component<'div', NoticeSmartProps> & {\n  Label: typeof Notice['Label'];\n  Actions: typeof Notice['Actions'];\n  Content: typeof Notice['Content'];\n  Title: typeof Notice['Title'];\n  Text: typeof Notice['Text'];\n  Close: typeof Notice['Close'];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -13,15 +13,15 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
 import Pills from '@semcore/pills';
 import React from 'react';
 /*!__reshadow-styles__:"./pills.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_msqto_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_msqto_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_msqto_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedPill_msqto_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_msqto_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedPill_msqto_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedPill_msqto_gg_._neighborLocation_left_msqto_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_msqto_gg_._neighborLocation_right_msqto_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_msqto_gg_._neighborLocation_both_msqto_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_msqto_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_msqto_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_msqto_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedPill_msqto_gg_.__selected_msqto_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_msqto_gg_.__selected_msqto_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedPill_msqto_gg_.__selected_msqto_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}}}.___SPills_msqto_gg_ .___SHighlightedPill_msqto_gg_:focus-visible{outline:0}.___SPills_msqto_gg_ .___SHighlightedPill_msqto_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_msqto_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_msqto_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"msqto_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedPill_16tbd_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedPill_16tbd_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);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}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedPill_16tbd_gg_._neighborLocation_left_16tbd_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_16tbd_gg_._neighborLocation_right_16tbd_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_16tbd_gg_._neighborLocation_both_16tbd_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_16tbd_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedPill_16tbd_gg_.__selected_16tbd_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_16tbd_gg_.__selected_16tbd_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedPill_16tbd_gg_.__selected_16tbd_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}}}.___SPills_16tbd_gg_ .___SHighlightedPill_16tbd_gg_:focus-visible{outline:0}.___SPills_16tbd_gg_ .___SHighlightedPill_16tbd_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_16tbd_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_16tbd_gg_:focus-visible::before{display:none}}", /*__inner_css_end__*/"16tbd_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedPill": "___SHighlightedPill_msqto_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_msqto_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_msqto_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_msqto_gg_",
-  "_selected": "__selected_msqto_gg_",
-  "__SPills": "___SPills_msqto_gg_"
+  "__SHighlightedPill": "___SHighlightedPill_16tbd_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_16tbd_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_16tbd_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_16tbd_gg_",
+  "_selected": "__selected_16tbd_gg_",
+  "__SPills": "___SPills_16tbd_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
 var PillsFHRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/components/pills/Pills.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pills.js","names":["createComponent","Root","Component","sstyled","SummaryAI","Pills","React","style","_sstyled","insert","AnimatedSparkles","PillsFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","_objectSpread","_assignProps2","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","_assignProps3","undefined","Fragment","color","show","count","PillsFH","HighlightedItem","Text"],"sources":["../../../../src/components/pills/Pills.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Pills from '@semcore/pills';\nimport React from 'react';\n\nimport style from './pills.shadow.css';\nimport type { HighlightedItemAddonProps, HighlightedPillComponent } from './Pills.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass PillsFHRoot extends Component {\n  static displayName = 'PillsFH';\n  static style = style;\n\n  render() {\n    return (<Root render={Pills} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const SHighlightedPill = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedPill render={Pills.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedItemAddon(props: HighlightedItemAddonProps & { clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children } = props;\n  return (\n    <Root render={Pills.Item.Addon}>\n      {children !== undefined\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const PillsFH = createComponent(PillsFHRoot, {\n  Item: Pills.Item,\n  HighlightedItem: createComponent(HighlightedItemRoot, { Text: Pills.Item.Text, Addon: HighlightedItemAddon }),\n}) as HighlightedPillComponent;\n"],"mappings":";;;;;;;;;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAAC,IAE7EC,WAAW,0BAAAC,UAAA;EAAA,SAAAD,YAAA;IAAAE,eAAA,OAAAF,WAAA;IAAA,OAAAG,UAAA,OAAAH,WAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,WAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAIf,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,oBAAQhB,KAAA,CAAAiB,aAAA,CAAclB,KAAK,EAAAmB,YAAA,KAAAH,IAAA,CAAG,CAAC;IACjC;EAAC;AAAA,EANuBnB,SAAS;AAAAuB,eAAA,CAA7Bd,WAAW,iBACM,SAAS;AAAAc,eAAA,CAD1Bd,WAAW,WAEAJ,KAAK;AAAA,IAOhBmB,mBAAmB,0BAAAC,WAAA;EAAA,SAAAD,oBAAA;IAAA,IAAAE,KAAA;IAAAf,eAAA,OAAAa,mBAAA;IAAA,SAAAG,IAAA,GAAAd,SAAA,CAAAe,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAlB,SAAA,CAAAkB,IAAA;IAAA;IAAAL,KAAA,GAAAd,UAAA,OAAAY,mBAAA,KAAAQ,MAAA,CAAAH,IAAA;IAAAN,eAAA,CAAAG,KAAA,WAIf;MACNO,OAAO,EAAE;IACX,CAAC;IAAA,OAAAP,KAAA;EAAA;EAAAZ,SAAA,CAAAU,mBAAA,EAAAC,WAAA;EAAA,OAAAV,YAAA,CAAAS,mBAAA;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAiB,WAAWA,CAACC,CAAsC,EAAE;MAAA,IAAAC,MAAA;MAClD,IAAQC,OAAO,GAAK,IAAI,CAACjB,OAAO,CAAxBiB,OAAO;MAEfA,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGF,CAAC,CAAC;MACZ,IAAI,CAACG,QAAQ,CAAC;QAAEL,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCM,UAAU,CAAC,YAAM;QACfH,MAAI,CAACE,QAAQ,CAAC;UAAEL,OAAO,EAAE;QAAK,CAAC,CAAC;MAClC,CAAC,CAAC;IACJ;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAuB,aAAaA,CAAA,EAAG;MACd,OAAO;QACLP,OAAO,EAAE,IAAI,CAACQ,KAAK,CAACR;MACtB,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAwB,KAAA,QAAAtB,OAAA;QAAAuB,KAAA;MACP,IAAMC,gBAAgB,GAEwCzC,KAAK,CAAC0C,IAAI;MAAxE,OAAAF,KAAA,GAAO1C,OAAO,CAAC,IAAI,CAACmB,OAAO,CAAC0B,MAAM,CAAC,eAAC1C,KAAA,CAAAiB,aAAA,CAACuB,gBAAgB,EAAAD,KAAA,CAAAI,EAAA,qBAAAC,aAAA,KAAAC,aAAA;QAAA,WAA8B,IAAI,CAACf,WAAW,CAACgB,IAAI,CAAC,IAAI;MAAC,GAAAR,KAAA,GAAG,CAAC;IACpH;EAAC;AAAA,EA5B+B1C,SAAS;AAAAuB,eAAA,CAArCC,mBAAmB,iBACF,iBAAiB;AAAAD,eAAA,CADlCC,mBAAmB,WAERnB,KAAK;AA6BtB,SAAS8C,oBAAoBA,CAACC,KAA6E,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAC3G,IAAQrB,OAAO,GAA+CmB,KAAK,CAA3DnB,OAAO;IAAEsB,oBAAoB,GAAyBH,KAAK,CAAlDG,oBAAoB;IAAEC,QAAQ,GAAeJ,KAAK,CAA5BI,QAAQ;IAAEC,QAAQ,GAAKL,KAAK,CAAlBK,QAAQ;EACzD,oBACErD,KAAA,CAAAiB,aAAA,CAAclB,KAAK,CAAC0C,IAAI,CAACa,KAAK,EAAAC,aAAA,KAAAN,KAAA,GAC3BI,QAAQ,KAAKG,SAAS,gBAClBxD,KAAA,CAAAiB,aAAA,CAACmC,QAAQ,MAAE,CAAC,gBAEXpD,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAyD,QAAA,qBACEzD,KAAA,CAAAiB,aAAA,CAACnB,SAAS;IAAC4D,KAAK,EAAC;EAAgD,CAAE,CAAC,eACpE1D,KAAA,CAAAiB,aAAA,CAACb,gBAAgB;IAACuD,IAAI,EAAE9B,OAAQ;IAAC+B,KAAK,EAAET;EAAqB,CAAE,CAC/D,CAEJ,CAAC;AAEX;AAEA,OAAO,IAAMU,OAAO,GAAGnE,eAAe,CAACW,WAAW,EAAE;EAClDoC,IAAI,EAAE1C,KAAK,CAAC0C,IAAI;EAChBqB,eAAe,EAAEpE,eAAe,CAAC0B,mBAAmB,EAAE;IAAE2C,IAAI,EAAEhE,KAAK,CAAC0C,IAAI,CAACsB,IAAI;IAAET,KAAK,EAAEP;EAAqB,CAAC;AAC9G,CAAC,CAA6B","ignoreList":[]}
+{"version":3,"file":"Pills.js","names":["createComponent","Root","Component","sstyled","SummaryAI","Pills","React","style","_sstyled","insert","AnimatedSparkles","PillsFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedPill","Item","styles","cn","_objectSpread","_assignProps2","bind","HighlightedItemAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","Addon","_assignProps3","undefined","Fragment","color","show","count","PillsFH","HighlightedItem","Text"],"sources":["../../../../src/components/pills/Pills.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport Pills from '@semcore/pills';\nimport React from 'react';\n\nimport style from './pills.shadow.css';\nimport type { HighlightedItemAddonProps, HighlightedPillComponent } from './Pills.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass PillsFHRoot extends Component {\n  static displayName = 'PillsFH';\n  static style = style;\n\n  render() {\n    return (<Root render={Pills} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const SHighlightedPill = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedPill render={Pills.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedItemAddon(props: HighlightedItemAddonProps & { clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children } = props;\n  return (\n    <Root render={Pills.Item.Addon}>\n      {children !== undefined\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const PillsFH = createComponent(PillsFHRoot, {\n  Item: Pills.Item,\n  HighlightedItem: createComponent(HighlightedItemRoot, { Text: Pills.Item.Text, Addon: HighlightedItemAddon }),\n}) as unknown as HighlightedPillComponent;\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,11 +10,11 @@ import { Component, createComponent, Root, sstyled, CONTEXT_COMPONENT } from '@s
 import Radio, { RadioGroup } from '@semcore/radio';
 import React from 'react';
 /*!__reshadow-styles__:"./radio.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_vjp34_gg_{position:relative}.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) [data-ui-name=\"Value.RadioMark\"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@media (color-gamut:p3){.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) [data-ui-name=\"Value.RadioMark\"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)))}}}.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) [data-ui-name=\"Value.RadioMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) [data-ui-name=\"Value.RadioMark\"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) [data-ui-name=\"Value.RadioMark\"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_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_vjp34_gg_:not(._state_invalid_vjp34_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_vjp34_gg_:not(._state_invalid_vjp34_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"vjp34_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_1yx63_gg_{position:relative}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name=\"Value.RadioMark\"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254)))}@media (color-gamut:p3){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name=\"Value.RadioMark\"]{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254)))}}}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name=\"Value.RadioMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name=\"Value.RadioMark\"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name=\"Value.RadioMark\"]::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_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_1yx63_gg_:not(._state_invalid_1yx63_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_1yx63_gg_:not(._state_invalid_1yx63_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_1yx63_gg_:not(._state_invalid_1yx63_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"1yx63_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedRadio": "___SHighlightedRadio_vjp34_gg_",
-  "_state_invalid": "_state_invalid_vjp34_gg_"
+  "__SHighlightedRadio": "___SHighlightedRadio_1yx63_gg_",
+  "_state_invalid": "_state_invalid_1yx63_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
 var RadioFHRoot = /*#__PURE__*/function (_Component) {

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["Component","createComponent","Root","sstyled","CONTEXT_COMPONENT","Radio","RadioGroup","React","style","_sstyled","insert","AnimatedSparkles","RadioFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","checked","setState","setTimeout","_this$inputRef$curren","inputRef","current","_inherits","_createClass","key","value","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread","_assignProps","Fragment","RadioFH","Value","Text"],"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":"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","ignoreList":[]}
+{"version":3,"file":"Radio.js","names":["Component","createComponent","Root","sstyled","CONTEXT_COMPONENT","Radio","RadioGroup","React","style","_sstyled","insert","AnimatedSparkles","RadioFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","checked","setState","setTimeout","_this$inputRef$curren","inputRef","current","_inherits","_createClass","key","value","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","_this$asProps","styles","Children","hasChildren","children","createElement","cn","_objectSpread","_assignProps","Fragment","RadioFH","Value","Text"],"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,SAASA,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,iBAAiB,QAAQ,eAAe;AAE5F,OAAOC,KAAK,IAAIC,UAAU,QAAQ,gBAAgB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAAC,IAE7EC,WAAW,0BAAAC,UAAA;EAAA,SAAAD,YAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,WAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,WAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,2BAMJP,KAAK,CAACkB,SAAS,CAAmB,CAAC;IAAAD,eAAA,CAAAV,KAAA,WAEtC;MACNY,OAAO,EAAE;IACX,CAAC;IAAAF,eAAA,CAAAV,KAAA,gBAsBY,YAAM;MACjBA,KAAA,CAAKa,QAAQ,CAAC;QAAED,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCE,UAAU,CAAC,YAAM;QAAA,IAAAC,qBAAA;QACff,KAAA,CAAKa,QAAQ,CAAC;UAAED,OAAO,GAAAG,qBAAA,GAAEf,KAAA,CAAKgB,QAAQ,CAACC,OAAO,cAAAF,qBAAA,uBAArBA,qBAAA,CAAuBH;QAAQ,CAAC,CAAC;MAC5D,CAAC,CAAC;IACJ,CAAC;IAAA,OAAAZ,KAAA;EAAA;EAAAkB,SAAA,CAAApB,WAAA,EAAAC,UAAA;EAAA,OAAAoB,YAAA,CAAArB,WAAA;IAAAsB,GAAA;IAAAC,KAAA,EAzBD,SAAAC,aAAaA,CAAA,EAAG;MACd,OAAO;QACLC,GAAG,EAAE,IAAI,CAACP,QAAQ;QAClBQ,QAAQ,EAAE,IAAI,CAACC,UAAU;QAAE;QAC3BC,OAAO,EAAE,IAAI,CAACD,UAAU,CAAE;MAC5B,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAM,wBAAwBA,CAAA,EAAG;MACzB;MACA,IAAQC,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,IAAMhB,OAAO,GAAG,IAAI,CAACkB,KAAK,CAAClB,OAAO;MAElC,OAAO;QACLmB,IAAI,EAAEnB,OAAO;QACboB,GAAG,EAAEJ,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;QACjCK,IAAI,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;MAC/B,CAAC;IACH;EAAC;IAAAR,GAAA;IAAAC,KAAA,EASD,SAAAa,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,iBAAiB,GAIM/C,KAAK;MAHlC,IAAAgD,aAAA,GAAoD,IAAI,CAACH,OAAO;QAAxDI,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAYC,WAAW,GAAAH,aAAA,CAArBI,QAAQ;MAElC,OAAAN,KAAA,GAAOhD,OAAO,CAACmD,MAAM,CAAC,eACpB/C,KAAA,CAAAmD,aAAA,CAACN,iBAAiB,EAAAD,KAAA,CAAAQ,EAAA,sBAAAC,aAAA,KAAAC,YAAA,KAAAZ,IAAA,KACfO,WAAW,gBACRjD,KAAA,CAAAmD,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,gBAAE,CAAC,gBAEVpD,KAAA,CAAAmD,aAAA,CAAAnD,KAAA,CAAAuD,QAAA,qBACEvD,KAAA,CAAAmD,aAAA,CAACK,OAAO,CAACC,KAAK,MAAE,CAAC,eACjBzD,KAAA,CAAAmD,aAAA,CAACK,OAAO,CAACE,IAAI,MAAE,CACf,CAES,CAAC;IAExB;EAAC;AAAA,EAvDuBjE,SAAS;AAAAwB,eAAA,CAA7BZ,WAAW,iBACM,SAAS;AAAAY,eAAA,CAD1BZ,WAAW,WAEAJ,KAAK;AACpB;AAAAgB,eAAA,CAHIZ,WAAW,iBAIMN,UAAU,CAACF,iBAAiB,CAAC;AAsDpD,OAAO,IAAM2D,OAAO,GAAG9D,eAAe,CAACW,WAAW,EAAE;EAClDqD,IAAI,EAAE5D,KAAK,CAAC4D,IAAI;EAChBD,KAAK,EAAE3D,KAAK,CAAC2D,KAAK;EAClBrD,gBAAgB,EAAhBA;AACF,CAAC,CAA8B","ignoreList":[]}

package/lib/es6/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/es6/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["createComponent","Root","Component","Select","React","ButtonTriggerFH","SelectFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","createElement","_assignProps","_defineProperty","Trigger","props","_ref2","arguments[0]","Children","hasChildren","children","_assignProps2","Fragment","SelectFH","Addon","Text","Popper","Menu","Option","List"],"sources":["../../../../src/components/select/Select.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component } from '@semcore/core';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport { ButtonTriggerFH } from '../../inner-components/button-trigger/ButtonTrigger';\n\nclass SelectFHRoot extends Component {\n  static displayName = 'SelectFH';\n\n  render() {\n    return (\n      <Root render={Select} />\n    );\n  }\n}\n\nfunction Trigger(props: IRootComponentProps) {\n  const { Children, children: hasChildren } = props;\n\n  return (\n    <Root render={Select.Trigger} tag={ButtonTriggerFH}>\n      {hasChildren\n        ? <Children />\n        : (\n            <>\n              <SelectFH.Trigger.Addon />\n              <SelectFH.Trigger.Text />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const SelectFH = createComponent(SelectFHRoot, {\n  Trigger: [Trigger, {\n    Text: ButtonTriggerFH.Text,\n    Addon: ButtonTriggerFH.Addon,\n  }],\n  Popper: Select.Popper,\n  Menu: Select.Menu,\n  Option: Select.Option,\n  List: Select.List,\n}) as typeof Select;\n"],"mappings":";;;;;;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,SAAS,QAAQ,eAAe;AAChE,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,qDAAqD;AAAC,IAEhFC,YAAY,0BAAAC,UAAA;EAAA,SAAAD,aAAA;IAAAE,eAAA,OAAAF,YAAA;IAAA,OAAAG,UAAA,OAAAH,YAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,YAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,YAAA;IAAAO,GAAA;IAAAC,KAAA,EAGhB,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,oBACEb,KAAA,CAAAc,aAAA,CAAcf,MAAM,EAAAgB,YAAA,KAAAH,IAAA,CAAG,CAAC;IAE5B;EAAC;AAAA,EAPwBd,SAAS;AAAAkB,eAAA,CAA9Bd,YAAY,iBACK,UAAU;AASjC,SAASe,OAAOA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAC3C,IAAQC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;IAAYC,WAAW,GAAKJ,KAAK,CAA/BK,QAAQ;EAE1B,oBACEvB,KAAA,CAAAc,aAAA,CAAcf,MAAM,CAACkB,OAAO,EAAAO,aAAA;IAAA,OAAOvB;EAAe,GAAAkB,KAAA,GAC/CG,WAAW,gBACRtB,KAAA,CAAAc,aAAA,CAACO,QAAQ,MAAE,CAAC,gBAEVrB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAyB,QAAA,qBACEzB,KAAA,CAAAc,aAAA,CAACY,QAAQ,CAACT,OAAO,CAACU,KAAK,MAAE,CAAC,eAC1B3B,KAAA,CAAAc,aAAA,CAACY,QAAQ,CAACT,OAAO,CAACW,IAAI,MAAE,CACxB,CAEJ,CAAC;AAEX;AAEA,OAAO,IAAMF,QAAQ,GAAG9B,eAAe,CAACM,YAAY,EAAE;EACpDe,OAAO,EAAE,CAACA,OAAO,EAAE;IACjBW,IAAI,EAAE3B,eAAe,CAAC2B,IAAI;IAC1BD,KAAK,EAAE1B,eAAe,CAAC0B;EACzB,CAAC,CAAC;EACFE,MAAM,EAAE9B,MAAM,CAAC8B,MAAM;EACrBC,IAAI,EAAE/B,MAAM,CAAC+B,IAAI;EACjBC,MAAM,EAAEhC,MAAM,CAACgC,MAAM;EACrBC,IAAI,EAAEjC,MAAM,CAACiC;AACf,CAAC,CAAkB","ignoreList":[]}
+{"version":3,"file":"Select.js","names":["createComponent","Root","Component","Select","React","ButtonTriggerFH","SelectFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","createElement","_assignProps","_defineProperty","Trigger","props","_ref2","arguments[0]","Children","hasChildren","children","_assignProps2","Fragment","SelectFH","Addon","Text","Popper","Menu","Option","List"],"sources":["../../../../src/components/select/Select.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, Component } from '@semcore/core';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport { ButtonTriggerFH } from '../../inner-components/button-trigger/ButtonTrigger';\n\nclass SelectFHRoot extends Component {\n  static displayName = 'SelectFH';\n\n  render() {\n    return (\n      <Root render={Select} />\n    );\n  }\n}\n\nfunction Trigger(props: IRootComponentProps) {\n  const { Children, children: hasChildren } = props;\n\n  return (\n    <Root render={Select.Trigger} tag={ButtonTriggerFH}>\n      {hasChildren\n        ? <Children />\n        : (\n            <>\n              <SelectFH.Trigger.Addon />\n              <SelectFH.Trigger.Text />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const SelectFH = createComponent(SelectFHRoot, {\n  Trigger: [Trigger, {\n    Text: ButtonTriggerFH.Text,\n    Addon: ButtonTriggerFH.Addon,\n  }],\n  Popper: Select.Popper,\n  Menu: Select.Menu,\n  Option: Select.Option,\n  List: Select.List,\n}) as unknown as typeof Select;\n"],"mappings":";;;;;;;AACA,SAASA,eAAe,EAAEC,IAAI,EAAEC,SAAS,QAAQ,eAAe;AAChE,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,qDAAqD;AAAC,IAEhFC,YAAY,0BAAAC,UAAA;EAAA,SAAAD,aAAA;IAAAE,eAAA,OAAAF,YAAA;IAAA,OAAAG,UAAA,OAAAH,YAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,YAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,YAAA;IAAAO,GAAA;IAAAC,KAAA,EAGhB,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,oBACEb,KAAA,CAAAc,aAAA,CAAcf,MAAM,EAAAgB,YAAA,KAAAH,IAAA,CAAG,CAAC;IAE5B;EAAC;AAAA,EAPwBd,SAAS;AAAAkB,eAAA,CAA9Bd,YAAY,iBACK,UAAU;AASjC,SAASe,OAAOA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAC3C,IAAQC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;IAAYC,WAAW,GAAKJ,KAAK,CAA/BK,QAAQ;EAE1B,oBACEvB,KAAA,CAAAc,aAAA,CAAcf,MAAM,CAACkB,OAAO,EAAAO,aAAA;IAAA,OAAOvB;EAAe,GAAAkB,KAAA,GAC/CG,WAAW,gBACRtB,KAAA,CAAAc,aAAA,CAACO,QAAQ,MAAE,CAAC,gBAEVrB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAyB,QAAA,qBACEzB,KAAA,CAAAc,aAAA,CAACY,QAAQ,CAACT,OAAO,CAACU,KAAK,MAAE,CAAC,eAC1B3B,KAAA,CAAAc,aAAA,CAACY,QAAQ,CAACT,OAAO,CAACW,IAAI,MAAE,CACxB,CAEJ,CAAC;AAEX;AAEA,OAAO,IAAMF,QAAQ,GAAG9B,eAAe,CAACM,YAAY,EAAE;EACpDe,OAAO,EAAE,CAACA,OAAO,EAAE;IACjBW,IAAI,EAAE3B,eAAe,CAAC2B,IAAI;IAC1BD,KAAK,EAAE1B,eAAe,CAAC0B;EACzB,CAAC,CAAC;EACFE,MAAM,EAAE9B,MAAM,CAAC8B,MAAM;EACrBC,IAAI,EAAE/B,MAAM,CAAC+B,IAAI;EACjBC,MAAM,EAAEhC,MAAM,CAACgC,MAAM;EACrBC,IAAI,EAAEjC,MAAM,CAACiC;AACf,CAAC,CAA6B","ignoreList":[]}

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

@@ -11,12 +11,12 @@ import { Component, createComponent, Root, sstyled } from '@semcore/core';
 import Switch from '@semcore/switch';
 import React from 'react';
 /*!__reshadow-styles__:"./switch.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SToggle_e087p_gg_{position:relative}.___SToggle_e087p_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SToggle_e087p_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SToggle_e087p_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SToggle_e087p_gg_.__checked_e087p_gg_{color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SToggle_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_e087p_gg_:has(.___SInput_e087p_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"e087p_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SToggle_1q8gx_gg_{position:relative;transform:translate(0)}.___SToggle_1q8gx_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SToggle_1q8gx_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SToggle_1q8gx_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SToggle_1q8gx_gg_.__checked_1q8gx_gg_{color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_1q8gx_gg_:has(.___SInput_1q8gx_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"1q8gx_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SToggle": "___SToggle_e087p_gg_",
-  "_checked": "__checked_e087p_gg_",
-  "__SInput": "___SInput_e087p_gg_"
+  "__SToggle": "___SToggle_1q8gx_gg_",
+  "_checked": "__checked_1q8gx_gg_",
+  "__SInput": "___SInput_1q8gx_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
 var SwitchFHRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/components/switch/switch.shadow.css

@@ -1,5 +1,6 @@
 SToggle {
   position: relative;
+  transform: translate(0);
 
   &::before {
     content: "";

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

@@ -13,12 +13,12 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
 import TabLine from '@semcore/tab-line';
 import React from 'react';
 /*!__reshadow-styles__:"./tabLine.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_1d5go_gg_:focus-visible{outline:0}.___SHighlightedItem_1d5go_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1d5go_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1d5go_gg_.__selected_1d5go_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1d5go_gg_.__selected_1d5go_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1d5go_gg_.__selected_1d5go_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}@media (hover:hover){.___SHighlightedItem_1d5go_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1d5go_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1d5go_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}}.___SHighlightedItem_1d5go_gg_::before{content:\"\";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1d5go_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedItem_1d5go_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedCaret_1d5go_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_1d5go_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedCaret_1d5go_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}", /*__inner_css_end__*/"1d5go_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_1i9sf_gg_:focus-visible{outline:0}.___SHighlightedItem_1i9sf_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1i9sf_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1i9sf_gg_.__selected_1i9sf_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1i9sf_gg_.__selected_1i9sf_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1i9sf_gg_.__selected_1i9sf_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}@media (hover:hover){.___SHighlightedItem_1i9sf_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1i9sf_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_1i9sf_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}}.___SHighlightedItem_1i9sf_gg_::before{content:\"\";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_1i9sf_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedItem_1i9sf_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedCaret_1i9sf_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_1i9sf_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedCaret_1i9sf_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}", /*__inner_css_end__*/"1i9sf_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCaret": "___SHighlightedCaret_1d5go_gg_",
-  "__SHighlightedItem": "___SHighlightedItem_1d5go_gg_",
-  "_selected": "__selected_1d5go_gg_"
+  "__SHighlightedCaret": "___SHighlightedCaret_1i9sf_gg_",
+  "__SHighlightedItem": "___SHighlightedItem_1i9sf_gg_",
+  "_selected": "__selected_1i9sf_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
 var TabLineFHRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/components/tab-line/TabLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLine.js","names":["Component","createComponent","Root","sstyled","SummaryAI","TabLine","React","style","_sstyled","insert","AnimatedSparkles","TabLineFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedItem","Item","styles","cn","_objectSpread","_assignProps2","bind","HighlightedAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","hasChildren","children","Addon","_assignProps3","Fragment","color","show","count","TabLineFH","Text","HighlightedItem"],"sources":["../../../../src/components/tab-line/TabLine.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport TabLine from '@semcore/tab-line';\nimport React from 'react';\n\nimport style from './tabLine.shadow.css';\nimport type { HighlightedTabLineComponent } from './TabLine.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass TabLineFHRoot extends Component {\n  static displayName = 'TabLineFH';\n  static style = style;\n\n  render() {\n    return (<Root render={TabLine} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const SHighlightedItem = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedItem render={TabLine.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedAddon(props: { animatedSparkleCount?: number; clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n\n  return (\n    <Root render={TabLine.Item.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const TabLineFH = createComponent(TabLineFHRoot, {\n  Item: [TabLine.Item, { Text: TabLine.Item.Text, Addon: TabLine.Item.Addon }],\n  HighlightedItem: createComponent(HighlightedItemRoot, { Text: TabLine.Item.Text, Addon: HighlightedAddon }),\n}) as HighlightedTabLineComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabLine.js","names":["Component","createComponent","Root","sstyled","SummaryAI","TabLine","React","style","_sstyled","insert","AnimatedSparkles","TabLineFHRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","e","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedItem","Item","styles","cn","_objectSpread","_assignProps2","bind","HighlightedAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","hasChildren","children","Addon","_assignProps3","Fragment","color","show","count","TabLineFH","Text","HighlightedItem"],"sources":["../../../../src/components/tab-line/TabLine.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport TabLine from '@semcore/tab-line';\nimport React from 'react';\n\nimport style from './tabLine.shadow.css';\nimport type { HighlightedTabLineComponent } from './TabLine.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass TabLineFHRoot extends Component {\n  static displayName = 'TabLineFH';\n  static style = style;\n\n  render() {\n    return (<Root render={TabLine} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const SHighlightedItem = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedItem render={TabLine.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedAddon(props: { animatedSparkleCount?: number; clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n\n  return (\n    <Root render={TabLine.Item.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const TabLineFH = createComponent(TabLineFHRoot, {\n  Item: [TabLine.Item, { Text: TabLine.Item.Text, Addon: TabLine.Item.Addon }],\n  HighlightedItem: createComponent(HighlightedItemRoot, { Text: TabLine.Item.Text, Addon: HighlightedAddon }),\n}) as unknown as HighlightedTabLineComponent;\n"],"mappings":";;;;;;;;;;AACA,SAASA,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAAC,IAE7EC,aAAa,0BAAAC,UAAA;EAAA,SAAAD,cAAA;IAAAE,eAAA,OAAAF,aAAA;IAAA,OAAAG,UAAA,OAAAH,aAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,aAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,aAAA;IAAAO,GAAA;IAAAC,KAAA,EAIjB,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;MACP,oBAAQhB,KAAA,CAAAiB,aAAA,CAAclB,OAAO,EAAAmB,YAAA,KAAAH,IAAA,CAAG,CAAC;IACnC;EAAC;AAAA,EANyBrB,SAAS;AAAAyB,eAAA,CAA/Bd,aAAa,iBACI,WAAW;AAAAc,eAAA,CAD5Bd,aAAa,WAEFJ,KAAK;AAAA,IAOhBmB,mBAAmB,0BAAAC,WAAA;EAAA,SAAAD,oBAAA;IAAA,IAAAE,KAAA;IAAAf,eAAA,OAAAa,mBAAA;IAAA,SAAAG,IAAA,GAAAd,SAAA,CAAAe,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAlB,SAAA,CAAAkB,IAAA;IAAA;IAAAL,KAAA,GAAAd,UAAA,OAAAY,mBAAA,KAAAQ,MAAA,CAAAH,IAAA;IAAAN,eAAA,CAAAG,KAAA,WAIf;MACNO,OAAO,EAAE;IACX,CAAC;IAAA,OAAAP,KAAA;EAAA;EAAAZ,SAAA,CAAAU,mBAAA,EAAAC,WAAA;EAAA,OAAAV,YAAA,CAAAS,mBAAA;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAiB,WAAWA,CAACC,CAAsC,EAAE;MAAA,IAAAC,MAAA;MAClD,IAAQC,OAAO,GAAK,IAAI,CAACjB,OAAO,CAAxBiB,OAAO;MAEfA,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGF,CAAC,CAAC;MACZ,IAAI,CAACG,QAAQ,CAAC;QAAEL,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCM,UAAU,CAAC,YAAM;QACfH,MAAI,CAACE,QAAQ,CAAC;UAAEL,OAAO,EAAE;QAAK,CAAC,CAAC;MAClC,CAAC,CAAC;IACJ;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAuB,aAAaA,CAAA,EAAG;MACd,OAAO;QACLP,OAAO,EAAE,IAAI,CAACQ,KAAK,CAACR;MACtB,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAwB,KAAA,QAAAtB,OAAA;QAAAuB,KAAA;MACP,IAAMC,gBAAgB,GAEwCzC,OAAO,CAAC0C,IAAI;MAA1E,OAAAF,KAAA,GAAO1C,OAAO,CAAC,IAAI,CAACmB,OAAO,CAAC0B,MAAM,CAAC,eAAC1C,KAAA,CAAAiB,aAAA,CAACuB,gBAAgB,EAAAD,KAAA,CAAAI,EAAA,qBAAAC,aAAA,KAAAC,aAAA;QAAA,WAAgC,IAAI,CAACf,WAAW,CAACgB,IAAI,CAAC,IAAI;MAAC,GAAAR,KAAA,GAAG,CAAC;IACtH;EAAC;AAAA,EA5B+B5C,SAAS;AAAAyB,eAAA,CAArCC,mBAAmB,iBACF,iBAAiB;AAAAD,eAAA,CADlCC,mBAAmB,WAERnB,KAAK;AA6BtB,SAAS8C,gBAAgBA,CAACC,KAAgF,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAC1G,IAAQrB,OAAO,GAA4DmB,KAAK,CAAxEnB,OAAO;IAAEsB,oBAAoB,GAAsCH,KAAK,CAA/DG,oBAAoB;IAAEC,QAAQ,GAA4BJ,KAAK,CAAzCI,QAAQ;IAAYC,WAAW,GAAKL,KAAK,CAA/BM,QAAQ;EAEzD,oBACEtD,KAAA,CAAAiB,aAAA,CAAclB,OAAO,CAAC0C,IAAI,CAACc,KAAK,EAAAC,aAAA,KAAAP,KAAA,GAC7BI,WAAW,gBACPrD,KAAA,CAAAiB,aAAA,CAACmC,QAAQ,MAAE,CAAC,gBAEXpD,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAyD,QAAA,qBACEzD,KAAA,CAAAiB,aAAA,CAACnB,SAAS;IAAC4D,KAAK,EAAC;EAAgD,CAAE,CAAC,eACpE1D,KAAA,CAAAiB,aAAA,CAACb,gBAAgB;IAACuD,IAAI,EAAE9B,OAAQ;IAAC+B,KAAK,EAAET;EAAqB,CAAE,CAC/D,CAEJ,CAAC;AAEX;AAEA,OAAO,IAAMU,SAAS,GAAGlE,eAAe,CAACU,aAAa,EAAE;EACtDoC,IAAI,EAAE,CAAC1C,OAAO,CAAC0C,IAAI,EAAE;IAAEqB,IAAI,EAAE/D,OAAO,CAAC0C,IAAI,CAACqB,IAAI;IAAEP,KAAK,EAAExD,OAAO,CAAC0C,IAAI,CAACc;EAAM,CAAC,CAAC;EAC5EQ,eAAe,EAAEpE,eAAe,CAACyB,mBAAmB,EAAE;IAAE0C,IAAI,EAAE/D,OAAO,CAAC0C,IAAI,CAACqB,IAAI;IAAEP,KAAK,EAAER;EAAiB,CAAC;AAC5G,CAAC,CAA2C","ignoreList":[]}

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

@@ -12,16 +12,16 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
 import SummaryAI from '@semcore/icon/SummaryAI/m';
 import React from 'react';
 /*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_113sj_gg_.__active_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_),.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_left_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_right_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_113sj_gg_._neighborLocation_both_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_113sj_gg_:not(._state_invalid_113sj_gg_):not(._state_valid_113sj_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"113sj_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_8armz_gg_.__active_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_),.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_8armz_gg_._neighborLocation_left_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_8armz_gg_._neighborLocation_right_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_8armz_gg_._neighborLocation_both_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_8armz_gg_:not(._state_invalid_8armz_gg_):not(._state_valid_8armz_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"8armz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_113sj_gg_",
-  "_state_invalid": "_state_invalid_113sj_gg_",
-  "_state_valid": "_state_valid_113sj_gg_",
-  "_active": "__active_113sj_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_113sj_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_113sj_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_113sj_gg_"
+  "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_8armz_gg_",
+  "_state_invalid": "_state_invalid_8armz_gg_",
+  "_state_valid": "_state_valid_8armz_gg_",
+  "_active": "__active_8armz_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_8armz_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_8armz_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_8armz_gg_"
 });
 var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
   function ButtonTriggerFHRoot() {

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

@@ -4,21 +4,21 @@ import { assignProps as _assignProps } from "@semcore/core";
 import { createBaseComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 /*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_1qirw{50%{transform:rotate(calc(1deg*var(--angle_1qirw))) translateY(200%) scale(var(--scale_1qirw))}to{transform:rotate(calc(1deg*var(--angle_1qirw))) translateY(200%) scale(0)}}.___SSparkle_1qirw_gg_{position:absolute}.___SSparkle_1qirw_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_1qirw_gg_.__angle_1qirw_gg_.__scale_1qirw_gg_.__duration_1qirw_gg_{transform:rotate(calc(1deg*var(--angle_1qirw))) scale(var(--scale_1qirw));animation-name:sparkles_1qirw;animation-fill-mode:forwards;animation-duration:var(--duration_1qirw)}.___SSparkle_1qirw_gg_.__left_1qirw_gg_{left:var(--left_1qirw)}.___SSparkle_1qirw_gg_.__top_1qirw_gg_{top:var(--top_1qirw)}", /*__inner_css_end__*/"1qirw_gg_"),
+var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_s1mrj{50%{transform:rotate(calc(1deg*var(--angle_s1mrj))) translateY(200%) scale(var(--scale_s1mrj))}to{transform:rotate(calc(1deg*var(--angle_s1mrj))) translateY(200%) scale(0)}}.___SSparkle_s1mrj_gg_{position:absolute}.___SSparkle_s1mrj_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_s1mrj_gg_.__angle_s1mrj_gg_.__scale_s1mrj_gg_.__duration_s1mrj_gg_{transform:rotate(calc(1deg*var(--angle_s1mrj))) scale(var(--scale_s1mrj));animation-name:sparkles_s1mrj;animation-fill-mode:forwards;animation-duration:var(--duration_s1mrj)}.___SSparkle_s1mrj_gg_.__left_s1mrj_gg_{left:var(--left_s1mrj)}.___SSparkle_s1mrj_gg_.__top_s1mrj_gg_{top:var(--top_s1mrj)}", /*__inner_css_end__*/"s1mrj_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSparkle": "___SSparkle_1qirw_gg_",
-  "_angle": "__angle_1qirw_gg_",
-  "_scale": "__scale_1qirw_gg_",
-  "_duration": "__duration_1qirw_gg_",
-  "--angle": "--angle_1qirw",
-  "--scale": "--scale_1qirw",
-  "--duration": "--duration_1qirw",
-  "@sparkles": "sparkles_1qirw",
-  "_left": "__left_1qirw_gg_",
-  "--left": "--left_1qirw",
-  "_top": "__top_1qirw_gg_",
-  "--top": "--top_1qirw"
+  "__SSparkle": "___SSparkle_s1mrj_gg_",
+  "_angle": "__angle_s1mrj_gg_",
+  "_scale": "__scale_s1mrj_gg_",
+  "_duration": "__duration_s1mrj_gg_",
+  "--angle": "--angle_s1mrj",
+  "--scale": "--scale_s1mrj",
+  "--duration": "--duration_s1mrj",
+  "@sparkles": "sparkles_s1mrj",
+  "_left": "__left_s1mrj_gg_",
+  "--left": "--left_s1mrj",
+  "_top": "__top_s1mrj_gg_",
+  "--top": "--top_s1mrj"
 });
 function SvgSparkle(props, ref) {
   var _ref = arguments[0],