@semcore/feature-highlight 16.3.0 → 17.0.0-prerelease.18

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

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
@@ -10,82 +5,72 @@ 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_is7ms_gg_{position:relative}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name=\"Value.RadioMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_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_is7ms_gg_:not(._state_invalid_is7ms_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_is7ms_gg_:not(._state_invalid_is7ms_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_is7ms_gg_:not(._state_invalid_is7ms_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"is7ms_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedRadio_lds44_gg_{position:relative}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) [data-ui-name=\"Value.RadioMark\"]{border-radius:50%;background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) [data-ui-name=\"Value.RadioMark\"]::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:50%;border-width:0;pointer-events:none;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:margin calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) [data-ui-name=\"Value.RadioMark\"]::after{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff);top:50%;left:50%;width:calc(100% - 2px);height:calc(100% - 2px);transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{margin:-4px;opacity:1;transform:scale(1);transition:inherit}@supports not (-webkit-mask-composite:xor){.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) input[data-ui-name=\"RadioFH.Value\"]:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}.___SHighlightedRadio_lds44_gg_:not(._state_invalid_lds44_gg_) input[data-ui-name=\"RadioFH.Value\"]:checked:focus-visible+[data-ui-name=\"Value.RadioMark\"]::before{display:none}}", /*__inner_css_end__*/"lds44_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedRadio": "___SHighlightedRadio_is7ms_gg_",
-  "_state_invalid": "_state_invalid_is7ms_gg_"
+  "__SHighlightedRadio": "___SHighlightedRadio_lds44_gg_",
+  "_state_invalid": "_state_invalid_lds44_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
-var RadioFHRoot = /*#__PURE__*/function (_Component) {
-  function RadioFHRoot() {
-    var _this;
-    _classCallCheck(this, RadioFHRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RadioFHRoot, [].concat(args));
-    _defineProperty(_this, "inputRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "state", {
+class RadioFHRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "inputRef", /*#__PURE__*/React.createRef());
+    _defineProperty(this, "state", {
       checked: false
     });
-    _defineProperty(_this, "setChecked", function () {
-      _this.setState({
+    _defineProperty(this, "setChecked", () => {
+      this.setState({
         checked: false
       });
-      setTimeout(function () {
-        var _this$inputRef$curren;
-        _this.setState({
-          checked: (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.checked
+      setTimeout(() => {
+        this.setState({
+          checked: this.inputRef.current?.checked
         });
       });
     });
-    return _this;
   }
-  _inherits(RadioFHRoot, _Component);
-  return _createClass(RadioFHRoot, [{
-    key: "getValueProps",
-    value: function getValueProps() {
-      return {
-        ref: this.inputRef,
-        onChange: this.setChecked,
-        // for click by label / programmatically changed
-        onClick: this.setChecked // for click by radio
-      };
-    }
-  }, {
-    key: "getAnimatedSparklesProps",
-    value: function getAnimatedSparklesProps() {
-      // @ts-ignore
-      var size = this.context.size;
-      var checked = this.state.checked;
-      return {
-        show: checked,
-        top: size === 'l' ? '7px' : '5px',
-        left: size === 'l' ? '5px' : '3px'
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SHighlightedRadio = Radio;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        Children = _this$asProps.Children,
-        hasChildren = _this$asProps.children;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SHighlightedRadio, _ref2.cn("SHighlightedRadio", _objectSpread({}, _assignProps({}, _ref))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RadioFH.Value, null), /*#__PURE__*/React.createElement(RadioFH.Text, null)));
-    }
-  }]);
-}(Component);
+  getValueProps() {
+    return {
+      ref: this.inputRef,
+      onChange: this.setChecked,
+      // for click by label / programmatically changed
+      onClick: this.setChecked // for click by radio
+    };
+  }
+  getAnimatedSparklesProps() {
+    // @ts-ignore
+    const {
+      size
+    } = this.context;
+    const checked = this.state.checked;
+    return {
+      show: checked,
+      top: size === 'l' ? '7px' : '5px',
+      left: size === 'l' ? '5px' : '3px'
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SHighlightedRadio = Radio;
+    const {
+      styles,
+      Children,
+      children: hasChildren
+    } = this.asProps;
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SHighlightedRadio, _ref2.cn("SHighlightedRadio", {
+      ..._assignProps({}, _ref)
+    }), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RadioFH.Value, null), /*#__PURE__*/React.createElement(RadioFH.Text, null)));
+  }
+}
 _defineProperty(RadioFHRoot, "displayName", 'RadioFH');
 _defineProperty(RadioFHRoot, "style", style);
 // @ts-ignore
 _defineProperty(RadioFHRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
-export var RadioFH = createComponent(RadioFHRoot, {
+export const RadioFH = createComponent(RadioFHRoot, {
   Text: Radio.Text,
   Value: Radio.Value,
-  AnimatedSparkles: AnimatedSparkles
+  AnimatedSparkles
 });
 //# sourceMappingURL=Radio.js.map

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","constructor","args","_defineProperty","createRef","checked","setState","setTimeout","inputRef","current","getValueProps","ref","onChange","setChecked","onClick","getAnimatedSparklesProps","size","context","state","show","top","left","render","_ref","asProps","_ref2","SHighlightedRadio","styles","Children","children","hasChildren","createElement","cn","_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":";;;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,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,MAAMC,WAAW,SAASZ,SAAS,CAAa;EAAAa,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gCAMnCR,KAAK,CAACS,SAAS,CAAmB,CAAC;IAAAD,eAAA,gBAEtC;MACNE,OAAO,EAAE;IACX,CAAC;IAAAF,eAAA,qBAsBY,MAAM;MACjB,IAAI,CAACG,QAAQ,CAAC;QAAED,OAAO,EAAE;MAAM,CAAC,CAAC;MACjCE,UAAU,CAAC,MAAM;QACf,IAAI,CAACD,QAAQ,CAAC;UAAED,OAAO,EAAE,IAAI,CAACG,QAAQ,CAACC,OAAO,EAAEJ;QAAQ,CAAC,CAAC;MAC5D,CAAC,CAAC;IACJ,CAAC;EAAA;EAzBDK,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACH,QAAQ;MAClBI,QAAQ,EAAE,IAAI,CAACC,UAAU;MAAE;MAC3BC,OAAO,EAAE,IAAI,CAACD,UAAU,CAAE;IAC5B,CAAC;EACH;EAEAE,wBAAwBA,CAAA,EAAG;IACzB;IACA,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMZ,OAAO,GAAG,IAAI,CAACa,KAAK,CAACb,OAAO;IAElC,OAAO;MACLc,IAAI,EAAEd,OAAO;MACbe,GAAG,EAAEJ,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,KAAK;MACjCK,IAAI,EAAEL,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG;IAC/B,CAAC;EACH;EASAM,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,iBAAiB,GAIMjC,KAAK;IAHlC,MAAM;MAAEkC,MAAM;MAAEC,QAAQ;MAAEC,QAAQ,EAAEC;IAAY,CAAC,GAAG,IAAI,CAACN,OAAO;IAEhE,OAAAC,KAAA,GAAOlC,OAAO,CAACoC,MAAM,CAAC,eACpBhC,KAAA,CAAAoC,aAAA,CAACL,iBAAiB,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA,KAAAV,IAAA;IAAA,IACfO,WAAW,gBACRnC,KAAA,CAAAoC,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,gBAAE,CAAC,gBAEVrC,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAuC,QAAA,qBACEvC,KAAA,CAAAoC,aAAA,CAACI,OAAO,CAACC,KAAK,MAAE,CAAC,eACjBzC,KAAA,CAAAoC,aAAA,CAACI,OAAO,CAACE,IAAI,MAAE,CACf,CAES,CAAC;EAExB;AACF;AAAClC,eAAA,CAxDKH,WAAW,iBACM,SAAS;AAAAG,eAAA,CAD1BH,WAAW,WAEAJ,KAAK;AACpB;AAAAO,eAAA,CAHIH,WAAW,iBAIMN,UAAU,CAACF,iBAAiB,CAAC;AAsDpD,OAAO,MAAM2C,OAAO,GAAG9C,eAAe,CAACW,WAAW,EAAE;EAClDqC,IAAI,EAAE5C,KAAK,CAAC4C,IAAI;EAChBD,KAAK,EAAE3C,KAAK,CAAC2C,KAAK;EAClBrC;AACF,CAAC,CAA8B","ignoreList":[]}

package/lib/es6/components/select/Select.js

@@ -1,7 +1,3 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
@@ -9,30 +5,24 @@ import { createComponent, Root, Component } from '@semcore/core';
 import Select from '@semcore/select';
 import React from 'react';
 import { ButtonTriggerFH } from '../../inner-components/button-trigger/ButtonTrigger';
-var SelectFHRoot = /*#__PURE__*/function (_Component) {
-  function SelectFHRoot() {
-    _classCallCheck(this, SelectFHRoot);
-    return _callSuper(this, SelectFHRoot, arguments);
+class SelectFHRoot extends Component {
+  render() {
+    var _ref = this.asProps;
+    return /*#__PURE__*/React.createElement(Select, _assignProps({}, _ref));
   }
-  _inherits(SelectFHRoot, _Component);
-  return _createClass(SelectFHRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps;
-      return /*#__PURE__*/React.createElement(Select, _assignProps({}, _ref));
-    }
-  }]);
-}(Component);
+}
 _defineProperty(SelectFHRoot, "displayName", 'SelectFH');
 function Trigger(props) {
   var _ref2 = arguments[0];
-  var Children = props.Children,
-    hasChildren = props.children;
+  const {
+    Children,
+    children: hasChildren
+  } = props;
   return /*#__PURE__*/React.createElement(Select.Trigger, _assignProps2({
     "tag": ButtonTriggerFH
   }, _ref2), hasChildren ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectFH.Trigger.Addon, null), /*#__PURE__*/React.createElement(SelectFH.Trigger.Text, null)));
 }
-export var SelectFH = createComponent(SelectFHRoot, {
+export const SelectFH = createComponent(SelectFHRoot, {
   Trigger: [Trigger, {
     Text: ButtonTriggerFH.Text,
     Addon: ButtonTriggerFH.Addon

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","render","_ref","asProps","createElement","_assignProps","_defineProperty","Trigger","props","_ref2","arguments[0]","Children","children","hasChildren","_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;AAErF,MAAMC,YAAY,SAASJ,SAAS,CAAC;EAGnCK,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;IACP,oBACEL,KAAA,CAAAM,aAAA,CAAcP,MAAM,EAAAQ,YAAA,KAAAH,IAAA,CAAG,CAAC;EAE5B;AACF;AAACI,eAAA,CARKN,YAAY,iBACK,UAAU;AASjC,SAASO,OAAOA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAC3C,MAAM;IAAEC,QAAQ;IAAEC,QAAQ,EAAEC;EAAY,CAAC,GAAGL,KAAK;EAEjD,oBACEV,KAAA,CAAAM,aAAA,CAAcP,MAAM,CAACU,OAAO,EAAAO,aAAA;IAAA,OAAOf;EAAe,GAAAU,KAAA,GAC/CI,WAAW,gBACRf,KAAA,CAAAM,aAAA,CAACO,QAAQ,MAAE,CAAC,gBAEVb,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAiB,QAAA,qBACEjB,KAAA,CAAAM,aAAA,CAACY,QAAQ,CAACT,OAAO,CAACU,KAAK,MAAE,CAAC,eAC1BnB,KAAA,CAAAM,aAAA,CAACY,QAAQ,CAACT,OAAO,CAACW,IAAI,MAAE,CACxB,CAEJ,CAAC;AAEX;AAEA,OAAO,MAAMF,QAAQ,GAAGtB,eAAe,CAACM,YAAY,EAAE;EACpDO,OAAO,EAAE,CAACA,OAAO,EAAE;IACjBW,IAAI,EAAEnB,eAAe,CAACmB,IAAI;IAC1BD,KAAK,EAAElB,eAAe,CAACkB;EACzB,CAAC,CAAC;EACFE,MAAM,EAAEtB,MAAM,CAACsB,MAAM;EACrBC,IAAI,EAAEvB,MAAM,CAACuB,IAAI;EACjBC,MAAM,EAAExB,MAAM,CAACwB,MAAM;EACrBC,IAAI,EAAEzB,MAAM,CAACyB;AACf,CAAC,CAA6B","ignoreList":[]}

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

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
@@ -11,77 +6,67 @@ 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_188ar_gg_{position:relative}.___SToggle_188ar_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SToggle_188ar_gg_.__checked_188ar_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_188ar_gg_:has(.___SInput_188ar_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"188ar_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SToggle_12wh3_gg_{position:relative}.___SToggle_12wh3_gg_::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0;padding:2px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SToggle_12wh3_gg_.__checked_12wh3_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible){box-shadow:none;outline:0}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible)::before{margin:-4px;opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible){outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SToggle_12wh3_gg_:has(.___SInput_12wh3_gg_:focus-visible)::before{display:none}}", /*__inner_css_end__*/"12wh3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SToggle": "___SToggle_188ar_gg_",
-  "_checked": "__checked_188ar_gg_",
-  "__SInput": "___SInput_188ar_gg_"
+  "__SToggle": "___SToggle_12wh3_gg_",
+  "_checked": "__checked_12wh3_gg_",
+  "__SInput": "___SInput_12wh3_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
-var SwitchFHRoot = /*#__PURE__*/function (_Component) {
-  function SwitchFHRoot() {
-    var _this;
-    _classCallCheck(this, SwitchFHRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, SwitchFHRoot, [].concat(args));
-    _defineProperty(_this, "inputRef", /*#__PURE__*/React.createRef());
-    return _this;
+class SwitchFHRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "inputRef", /*#__PURE__*/React.createRef());
   }
-  _inherits(SwitchFHRoot, _Component);
-  return _createClass(SwitchFHRoot, [{
-    key: "getValueProps",
-    value: function getValueProps() {
-      var _this2 = this;
-      return {
-        ref: this.inputRef,
-        onChange: function onChange() {
-          setTimeout(function () {
-            _this2.forceUpdate();
-          });
-        }
-      };
-    }
-  }, {
-    key: "getAnimatedSparklesProps",
-    value: function getAnimatedSparklesProps() {
-      var _this$inputRef$curren;
-      var size = this.asProps.size;
-      var checked = (_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.checked;
-      var left = '4px';
-      if (size === 'l') left = '12px';
-      if (size === 'xl') left = '14px';
-      return {
-        show: checked,
-        curve: size === 'l' || size === 'xl' ? 9 : undefined,
-        left: left
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SInput = Switch;
-      return _ref3 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SInput, _ref3.cn("SInput", _objectSpread({}, _assignProps({}, _ref))));
-    }
-  }]);
-}(Component);
+  getValueProps() {
+    return {
+      ref: this.inputRef,
+      onChange: () => {
+        setTimeout(() => {
+          this.forceUpdate();
+        });
+      }
+    };
+  }
+  getAnimatedSparklesProps() {
+    const {
+      size
+    } = this.asProps;
+    const checked = this.inputRef.current?.checked;
+    let left = '4px';
+    if (size === 'l') left = '12px';
+    if (size === 'xl') left = '14px';
+    return {
+      show: checked,
+      curve: size === 'l' || size === 'xl' ? 9 : undefined,
+      left
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const SInput = Switch;
+    return _ref3 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SInput, _ref3.cn("SInput", {
+      ..._assignProps({}, _ref)
+    }));
+  }
+}
 _defineProperty(SwitchFHRoot, "displayName", 'SwitchFH');
 _defineProperty(SwitchFHRoot, "style", style);
 function Value(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SToggle = Switch.Value;
-  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SToggle, _ref4.cn("SToggle", _objectSpread({}, _assignProps2({
-    "onChange": props.onChange
-  }, _ref2))));
+  const SToggle = Switch.Value;
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SToggle, _ref4.cn("SToggle", {
+    ..._assignProps2({
+      "onChange": props.onChange
+    }, _ref2)
+  }));
 }
-export var SwitchFH = createComponent(SwitchFHRoot, {
+export const SwitchFH = createComponent(SwitchFHRoot, {
   Addon: Switch.Addon,
   Value: Value,
-  AnimatedSparkles: AnimatedSparkles
+  AnimatedSparkles
 });
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Component","createComponent","Root","sstyled","Switch","React","style","_sstyled","insert","AnimatedSparkles","SwitchFHRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","_inherits","_createClass","key","value","getValueProps","_this2","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","_this$inputRef$curren","size","asProps","checked","current","left","show","curve","undefined","render","_ref","_ref3","SInput","styles","createElement","cn","_objectSpread","_assignProps","Value","props","_ref2","arguments[0]","_ref4","SToggle","_assignProps2","SwitchFH","Addon"],"sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport type { SwitchProps } from '@semcore/switch';\nimport Switch from '@semcore/switch';\nimport React from 'react';\n\nimport style from './switch.shadow.css';\nimport type { HighlightedSwitchComponent } from './Switch.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass SwitchFHRoot extends Component<SwitchProps> {\n  static displayName = 'SwitchFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n    let left = '4px';\n    if (size === 'l') left = '12px';\n    if (size === 'xl') left = '14px';\n\n    return {\n      show: checked,\n      curve: size === 'l' || size === 'xl' ? 9 : undefined,\n      left,\n    };\n  }\n\n  render() {\n    const SInput = Root;\n    return sstyled(this.asProps.styles)(\n      <SInput render={Switch} />,\n    );\n  }\n}\n\nfunction Value(props: IRootComponentProps & { onChange: () => void }) {\n  const SToggle = Root;\n\n  return sstyled(props.styles)(<SToggle render={Switch.Value} onChange={props.onChange} />);\n}\n\nexport const SwitchFH = createComponent(SwitchFHRoot, {\n  Addon: Switch.Addon,\n  Value: Value,\n  AnimatedSparkles,\n}) as HighlightedSwitchComponent;\n"],"mappings":";;;;;;;;;AACA,SAASA,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAEzE,OAAOC,MAAM,MAAM,iBAAiB;AACpC,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,YAAY,0BAAAC,UAAA;EAAA,SAAAD,aAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,YAAA;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,YAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,2BAILP,KAAK,CAACkB,SAAS,CAAmB,CAAC;IAAA,OAAAX,KAAA;EAAA;EAAAY,SAAA,CAAAd,YAAA,EAAAC,UAAA;EAAA,OAAAc,YAAA,CAAAf,YAAA;IAAAgB,GAAA;IAAAC,KAAA,EAE9C,SAAAC,aAAaA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACd,OAAO;QACLC,GAAG,EAAE,IAAI,CAACC,QAAQ;QAClBC,QAAQ,EAAE,SAAVA,QAAQA,CAAA,EAAQ;UACdC,UAAU,CAAC,YAAM;YACfJ,MAAI,CAACK,WAAW,CAAC,CAAC;UACpB,CAAC,CAAC;QACJ;MACF,CAAC;IACH;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAQ,wBAAwBA,CAAA,EAAG;MAAA,IAAAC,qBAAA;MACzB,IAAQC,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,IAAME,OAAO,IAAAH,qBAAA,GAAG,IAAI,CAACL,QAAQ,CAACS,OAAO,cAAAJ,qBAAA,uBAArBA,qBAAA,CAAuBG,OAAO;MAC9C,IAAIE,IAAI,GAAG,KAAK;MAChB,IAAIJ,IAAI,KAAK,GAAG,EAAEI,IAAI,GAAG,MAAM;MAC/B,IAAIJ,IAAI,KAAK,IAAI,EAAEI,IAAI,GAAG,MAAM;MAEhC,OAAO;QACLC,IAAI,EAAEH,OAAO;QACbI,KAAK,EAAEN,IAAI,KAAK,GAAG,IAAIA,IAAI,KAAK,IAAI,GAAG,CAAC,GAAGO,SAAS;QACpDH,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAf,GAAA;IAAAC,KAAA,EAED,SAAAkB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAR,OAAA;QAAAS,KAAA;MACP,IAAMC,MAAM,GAEM5C,MAAM;MADxB,OAAA2C,KAAA,GAAO5C,OAAO,CAAC,IAAI,CAACmC,OAAO,CAACW,MAAM,CAAC,eACjC5C,KAAA,CAAA6C,aAAA,CAACF,MAAM,EAAAD,KAAA,CAAAI,EAAA,WAAAC,aAAA,KAAAC,YAAA,KAAAP,IAAA,GAAkB,CAAC;IAE9B;EAAC;AAAA,EApCwB9C,SAAS;AAAAsB,eAAA,CAA9BZ,YAAY,iBACK,UAAU;AAAAY,eAAA,CAD3BZ,YAAY,WAEDJ,KAAK;AAqCtB,SAASgD,KAAKA,CAACC,KAAqD,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACpE,IAAMC,OAAO,GAEiCvD,MAAM,CAACkD,KAAK;EAA1D,OAAAI,KAAA,GAAOvD,OAAO,CAACoD,KAAK,CAACN,MAAM,CAAC,eAAC5C,KAAA,CAAA6C,aAAA,CAACS,OAAO,EAAAD,KAAA,CAAAP,EAAA,YAAAC,aAAA,KAAAQ,aAAA;IAAA,YAAiCL,KAAK,CAACvB;EAAQ,GAAAwB,KAAA,GAAG,CAAC;AAC1F;AAEA,OAAO,IAAMK,QAAQ,GAAG5D,eAAe,CAACS,YAAY,EAAE;EACpDoD,KAAK,EAAE1D,MAAM,CAAC0D,KAAK;EACnBR,KAAK,EAAEA,KAAK;EACZ7C,gBAAgB,EAAhBA;AACF,CAAC,CAA+B","ignoreList":[]}
+{"version":3,"file":"Switch.js","names":["Component","createComponent","Root","sstyled","Switch","React","style","_sstyled","insert","AnimatedSparkles","SwitchFHRoot","constructor","args","_defineProperty","createRef","getValueProps","ref","inputRef","onChange","setTimeout","forceUpdate","getAnimatedSparklesProps","size","asProps","checked","current","left","show","curve","undefined","render","_ref","_ref3","SInput","styles","createElement","cn","_assignProps","Value","props","_ref2","arguments[0]","_ref4","SToggle","_assignProps2","SwitchFH","Addon"],"sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport type { SwitchProps } from '@semcore/switch';\nimport Switch from '@semcore/switch';\nimport React from 'react';\n\nimport style from './switch.shadow.css';\nimport type { HighlightedSwitchComponent } from './Switch.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass SwitchFHRoot extends Component<SwitchProps> {\n  static displayName = 'SwitchFH';\n  static style = style;\n\n  inputRef = React.createRef<HTMLInputElement>();\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onChange: () => {\n        setTimeout(() => {\n          this.forceUpdate();\n        });\n      },\n    };\n  }\n\n  getAnimatedSparklesProps() {\n    const { size } = this.asProps;\n    const checked = this.inputRef.current?.checked;\n    let left = '4px';\n    if (size === 'l') left = '12px';\n    if (size === 'xl') left = '14px';\n\n    return {\n      show: checked,\n      curve: size === 'l' || size === 'xl' ? 9 : undefined,\n      left,\n    };\n  }\n\n  render() {\n    const SInput = Root;\n    return sstyled(this.asProps.styles)(\n      <SInput render={Switch} />,\n    );\n  }\n}\n\nfunction Value(props: IRootComponentProps & { onChange: () => void }) {\n  const SToggle = Root;\n\n  return sstyled(props.styles)(<SToggle render={Switch.Value} onChange={props.onChange} />);\n}\n\nexport const SwitchFH = createComponent(SwitchFHRoot, {\n  Addon: Switch.Addon,\n  Value: Value,\n  AnimatedSparkles,\n}) as HighlightedSwitchComponent;\n"],"mappings":";;;;AACA,SAASA,SAAS,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAEzE,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,gBAAgB,QAAQ,iDAAiD;AAElF,MAAMC,YAAY,SAASV,SAAS,CAAc;EAAAW,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gCAIrCR,KAAK,CAACS,SAAS,CAAmB,CAAC;EAAA;EAE9CC,aAAaA,CAAA,EAAG;IACd,OAAO;MACLC,GAAG,EAAE,IAAI,CAACC,QAAQ;MAClBC,QAAQ,EAAEA,CAAA,KAAM;QACdC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ;IACF,CAAC;EACH;EAEAC,wBAAwBA,CAAA,EAAG;IACzB,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,MAAMC,OAAO,GAAG,IAAI,CAACP,QAAQ,CAACQ,OAAO,EAAED,OAAO;IAC9C,IAAIE,IAAI,GAAG,KAAK;IAChB,IAAIJ,IAAI,KAAK,GAAG,EAAEI,IAAI,GAAG,MAAM;IAC/B,IAAIJ,IAAI,KAAK,IAAI,EAAEI,IAAI,GAAG,MAAM;IAEhC,OAAO;MACLC,IAAI,EAAEH,OAAO;MACbI,KAAK,EAAEN,IAAI,KAAK,GAAG,IAAIA,IAAI,KAAK,IAAI,GAAG,CAAC,GAAGO,SAAS;MACpDH;IACF,CAAC;EACH;EAEAI,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAR,OAAA;MAAAS,KAAA;IACP,MAAMC,MAAM,GAEM7B,MAAM;IADxB,OAAA4B,KAAA,GAAO7B,OAAO,CAAC,IAAI,CAACoB,OAAO,CAACW,MAAM,CAAC,eACjC7B,KAAA,CAAA8B,aAAA,CAACF,MAAM,EAAAD,KAAA,CAAAI,EAAA;MAAA,GAAAC,YAAA,KAAAN,IAAA;IAAA,EAAkB,CAAC;EAE9B;AACF;AAAClB,eAAA,CArCKH,YAAY,iBACK,UAAU;AAAAG,eAAA,CAD3BH,YAAY,WAEDJ,KAAK;AAqCtB,SAASgC,KAAKA,CAACC,KAAqD,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACpE,MAAMC,OAAO,GAEiCvC,MAAM,CAACkC,KAAK;EAA1D,OAAAI,KAAA,GAAOvC,OAAO,CAACoC,KAAK,CAACL,MAAM,CAAC,eAAC7B,KAAA,CAAA8B,aAAA,CAACQ,OAAO,EAAAD,KAAA,CAAAN,EAAA;IAAA,GAAAQ,aAAA;MAAA,YAAiCL,KAAK,CAACrB;IAAQ,GAAAsB,KAAA;EAAA,EAAG,CAAC;AAC1F;AAEA,OAAO,MAAMK,QAAQ,GAAG5C,eAAe,CAACS,YAAY,EAAE;EACpDoC,KAAK,EAAE1C,MAAM,CAAC0C,KAAK;EACnBR,KAAK,EAAEA,KAAK;EACZ7B;AACF,CAAC,CAA+B","ignoreList":[]}

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

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
@@ -13,86 +8,69 @@ 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_7mtik_gg_:focus-visible{outline:0}.___SHighlightedItem_7mtik_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_7mtik_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_7mtik_gg_.__selected_7mtik_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_7mtik_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_7mtik_gg_::before{content:\"\";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCaret_7mtik_gg_,.___SHighlightedItem_7mtik_gg_.__selected_7mtik_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"7mtik_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_1tazm_gg_:focus-visible{outline:0}.___SHighlightedItem_1tazm_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_1tazm_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_1tazm_gg_.__selected_1tazm_gg_::after{opacity:1}@media (hover:hover){.___SHighlightedItem_1tazm_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}}.___SHighlightedItem_1tazm_gg_::before{content:\"\";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, #ab6cfe, #008ff8));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SHighlightedCaret_1tazm_gg_,.___SHighlightedItem_1tazm_gg_.__selected_1tazm_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"1tazm_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCaret": "___SHighlightedCaret_7mtik_gg_",
-  "__SHighlightedItem": "___SHighlightedItem_7mtik_gg_",
-  "_selected": "__selected_7mtik_gg_"
+  "__SHighlightedCaret": "___SHighlightedCaret_1tazm_gg_",
+  "__SHighlightedItem": "___SHighlightedItem_1tazm_gg_",
+  "_selected": "__selected_1tazm_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
-var TabLineFHRoot = /*#__PURE__*/function (_Component) {
-  function TabLineFHRoot() {
-    _classCallCheck(this, TabLineFHRoot);
-    return _callSuper(this, TabLineFHRoot, arguments);
+class TabLineFHRoot extends Component {
+  render() {
+    var _ref = this.asProps;
+    return /*#__PURE__*/React.createElement(TabLine, _assignProps({}, _ref));
   }
-  _inherits(TabLineFHRoot, _Component);
-  return _createClass(TabLineFHRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps;
-      return /*#__PURE__*/React.createElement(TabLine, _assignProps({}, _ref));
-    }
-  }]);
-}(Component);
+}
 _defineProperty(TabLineFHRoot, "displayName", 'TabLineFH');
 _defineProperty(TabLineFHRoot, "style", style);
-var HighlightedItemRoot = /*#__PURE__*/function (_Component2) {
-  function HighlightedItemRoot() {
-    var _this;
-    _classCallCheck(this, HighlightedItemRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, HighlightedItemRoot, [].concat(args));
-    _defineProperty(_this, "state", {
+class HighlightedItemRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       clicked: false
     });
-    return _this;
   }
-  _inherits(HighlightedItemRoot, _Component2);
-  return _createClass(HighlightedItemRoot, [{
-    key: "handleClick",
-    value: function handleClick(e) {
-      var _this2 = this;
-      var onClick = this.asProps.onClick;
-      onClick === null || onClick === void 0 || onClick(e);
+  handleClick(e) {
+    const {
+      onClick
+    } = this.asProps;
+    onClick?.(e);
+    this.setState({
+      clicked: false
+    });
+    setTimeout(() => {
       this.setState({
-        clicked: false
+        clicked: true
       });
-      setTimeout(function () {
-        _this2.setState({
-          clicked: true
-        });
-      });
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      return {
-        clicked: this.state.clicked
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref4;
-      var SHighlightedItem = TabLine.Item;
-      return _ref4 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SHighlightedItem, _ref4.cn("SHighlightedItem", _objectSpread({}, _assignProps2({
+    });
+  }
+  getAddonProps() {
+    return {
+      clicked: this.state.clicked
+    };
+  }
+  render() {
+    var _ref2 = this.asProps,
+      _ref4;
+    const SHighlightedItem = TabLine.Item;
+    return _ref4 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SHighlightedItem, _ref4.cn("SHighlightedItem", {
+      ..._assignProps2({
         "onClick": this.handleClick.bind(this)
-      }, _ref2))));
-    }
-  }]);
-}(Component);
+      }, _ref2)
+    }));
+  }
+}
 _defineProperty(HighlightedItemRoot, "displayName", 'HighlightedItem');
 _defineProperty(HighlightedItemRoot, "style", style);
 function HighlightedAddon(props) {
   var _ref3 = arguments[0];
-  var clicked = props.clicked,
-    animatedSparkleCount = props.animatedSparkleCount,
-    Children = props.Children,
-    hasChildren = props.children;
+  const {
+    clicked,
+    animatedSparkleCount,
+    Children,
+    children: hasChildren
+  } = props;
   return /*#__PURE__*/React.createElement(TabLine.Item.Addon, _assignProps3({}, _ref3), hasChildren ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SummaryAI, {
     color: "--intergalactic-icon-primary-feature-highlight"
   }), /*#__PURE__*/React.createElement(AnimatedSparkles, {
@@ -100,7 +78,7 @@ function HighlightedAddon(props) {
     count: animatedSparkleCount
   })));
 }
-export var TabLineFH = createComponent(TabLineFHRoot, {
+export const TabLineFH = createComponent(TabLineFHRoot, {
   Item: [TabLine.Item, {
     Text: TabLine.Item.Text,
     Addon: TabLine.Item.Addon