@semcore/feature-highlight 16.0.1-prerelease.0

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

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitchFH = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _switch = _interopRequireDefault(require("@semcore/switch"));
+var _react = _interopRequireDefault(require("react"));
+var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+/*!__reshadow-styles__:"./switch.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SToggle_1qdzt_gg_.__checked_1qdzt_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SToggle_1qdzt_gg_:has(.___SInput_1qdzt_gg_:focus-visible){box-shadow:none}.___SToggle_1qdzt_gg_:has(.___SInput_1qdzt_gg_:focus-visible)::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:inherit;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}", /*__inner_css_end__*/"1qdzt_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SToggle": "___SToggle_1qdzt_gg_",
+  "_checked": "__checked_1qdzt_gg_",
+  "__SInput": "___SInput_1qdzt_gg_"
+});
+var SwitchFHRoot = /*#__PURE__*/function (_Component) {
+  function SwitchFHRoot() {
+    var _this;
+    (0, _classCallCheck2["default"])(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));
+    (0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
+    return _this;
+  }
+  (0, _inherits2["default"])(SwitchFHRoot, _Component);
+  return (0, _createClass2["default"])(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["default"];
+      return _ref3 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SInput, _ref3.cn("SInput", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(SwitchFHRoot, "displayName", 'SwitchFH');
+(0, _defineProperty2["default"])(SwitchFHRoot, "style", style);
+function Value(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SToggle = _switch["default"].Value;
+  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SToggle, _ref4.cn("SToggle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "onChange": props.onChange
+  }, _ref2))));
+}
+var SwitchFH = exports.SwitchFH = (0, _core.createComponent)(SwitchFHRoot, {
+  Addon: _switch["default"].Addon,
+  Value: Value,
+  AnimatedSparkles: _AnimatedSparkles.AnimatedSparkles
+});
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["_core","require","_switch","_interopRequireDefault","_react","_AnimatedSparkles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SwitchFHRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","React","createRef","_inherits2","_createClass2","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","Switch","styles","createElement","cn","_objectSpread2","assignProps","Component","Value","props","_ref2","arguments[0]","_ref4","SToggle","SwitchFH","exports","createComponent","Addon","AnimatedSparkles"],"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":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Switch.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.type.js","names":[],"sources":["../../../../src/components/switch/Switch.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type Switch from '@semcore/switch';\n\nimport type { AnimatedSparklesProps } from '../../inner-components/sparkle/AnimatedSparkles';\n\nexport type HighlightedSwitchComponent = typeof Switch & {\n  AnimatedSparkles: Intergalactic.Component<'div', AnimatedSparklesProps>;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+SToggle[checked] {
+  color: var(--intergalactic-control-primary-info, #008ff8);
+  background-image: var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg, #ab6cfe, #008ff8));
+}
+
+SToggle:has(SInput:focus-visible) {
+  box-shadow: none;
+
+  &::before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    inset: 0;
+    margin: -4px;
+    padding: 4px;
+    border-radius: inherit;
+
+    background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));
+    mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
+    mask-composite: exclude;
+  }
+}

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

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabLineFH = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
+var _tabLine = _interopRequireDefault(require("@semcore/tab-line"));
+var _react = _interopRequireDefault(require("react"));
+var _AnimatedSparkles = require("../../inner-components/sparkle/AnimatedSparkles");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+/*!__reshadow-styles__:"./tabLine.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_fe5js_gg_::after,.___SHighlightedItem_fe5js_gg_:not(:focus-visible)::before{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_fe5js_gg_:not(:focus-visible)::before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff))}@media (hover:hover){.___SHighlightedItem_fe5js_gg_:hover:not(:focus-visible)::before{opacity:1}}.___SHighlightedItem_fe5js_gg_.__selected_fe5js_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}.___SHighlightedItem_fe5js_gg_:focus-visible::before{height:auto}.___SHighlightedCaret_fe5js_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8))}", /*__inner_css_end__*/"fe5js_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHighlightedCaret": "___SHighlightedCaret_fe5js_gg_",
+  "__SHighlightedItem": "___SHighlightedItem_fe5js_gg_",
+  "_selected": "__selected_fe5js_gg_"
+});
+var TabLineFHRoot = /*#__PURE__*/function (_Component) {
+  function TabLineFHRoot() {
+    (0, _classCallCheck2["default"])(this, TabLineFHRoot);
+    return _callSuper(this, TabLineFHRoot, arguments);
+  }
+  (0, _inherits2["default"])(TabLineFHRoot, _Component);
+  return (0, _createClass2["default"])(TabLineFHRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      return /*#__PURE__*/_react["default"].createElement(_tabLine["default"], (0, _core.assignProps)({}, _ref));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(TabLineFHRoot, "displayName", 'TabLineFH');
+(0, _defineProperty2["default"])(TabLineFHRoot, "style", style);
+var HighlightedItemRoot = /*#__PURE__*/function (_Component2) {
+  function HighlightedItemRoot() {
+    var _this;
+    (0, _classCallCheck2["default"])(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));
+    (0, _defineProperty2["default"])(_this, "state", {
+      clicked: false
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(HighlightedItemRoot, _Component2);
+  return (0, _createClass2["default"])(HighlightedItemRoot, [{
+    key: "handleClick",
+    value: function handleClick(e) {
+      var _this2 = this;
+      var onClick = this.asProps.onClick;
+      onClick === null || onClick === void 0 || onClick(e);
+      this.setState({
+        clicked: false
+      });
+      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["default"].Item;
+      return _ref4 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SHighlightedItem, _ref4.cn("SHighlightedItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "onClick": this.handleClick.bind(this)
+      }, _ref2))));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(HighlightedItemRoot, "displayName", 'HighlightedItem');
+(0, _defineProperty2["default"])(HighlightedItemRoot, "style", style);
+function HighlightedAddon(props) {
+  var _ref3 = arguments[0];
+  var clicked = props.clicked,
+    animatedSparkleCount = props.animatedSparkleCount,
+    Children = props.Children,
+    hasChildren = props.children;
+  return /*#__PURE__*/_react["default"].createElement(_tabLine["default"].Item.Addon, (0, _core.assignProps)({}, _ref3), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_m["default"], {
+    color: "--intergalactic-icon-primary-feature-highlight"
+  }), /*#__PURE__*/_react["default"].createElement(_AnimatedSparkles.AnimatedSparkles, {
+    show: clicked,
+    count: animatedSparkleCount
+  })));
+}
+var TabLineFH = exports.TabLineFH = (0, _core.createComponent)(TabLineFHRoot, {
+  Item: [_tabLine["default"].Item, {
+    Text: _tabLine["default"].Item.Text,
+    Addon: _tabLine["default"].Item.Addon
+  }],
+  HighlightedItem: (0, _core.createComponent)(HighlightedItemRoot, {
+    Text: _tabLine["default"].Item.Text,
+    Addon: HighlightedAddon
+  })
+});
+//# sourceMappingURL=TabLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabLine.js","names":["_core","require","_m","_interopRequireDefault","_tabLine","_react","_AnimatedSparkles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","TabLineFHRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","createElement","TabLine","assignProps","Component","_defineProperty2","HighlightedItemRoot","_Component2","_this","_len","length","args","Array","_key","concat","clicked","handleClick","_this2","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedItem","Item","styles","cn","_objectSpread2","bind","HighlightedAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","hasChildren","children","Addon","Fragment","color","AnimatedSparkles","show","count","TabLineFH","exports","createComponent","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":[]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=TabLine.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabLine.type.js","names":[],"sources":["../../../../src/components/tab-line/TabLine.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type TabLine from '@semcore/tab-line';\n\nexport type HighlightedTabLineComponent = typeof TabLine & {\n  HighlightedItem: typeof TabLine.Item & {\n    Addon: Intergalactic.Component<'div', { animatedSparkleCount?: number }>;\n  };\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/tab-line/tabLine.shadow.css

@@ -0,0 +1,25 @@
+SHighlightedItem {
+  &::after,
+  &:not(:focus-visible)::before {
+    opacity: 0;
+    transition: opacity calc(var(--intergalactic-duration-control, 200) * 1ms) ease-in-out;
+  }
+  &:not(:focus-visible)::before {
+    background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff));
+  }
+  &:hover:not(:focus-visible)::before {
+    opacity: 1;
+  }
+  &[selected]::after {
+    opacity: 1;
+    background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8));
+  }
+
+  &:focus-visible::before {
+    height: auto;
+  }
+}
+
+SHighlightedCaret {
+  background: var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg, #ab6cfe, #008ff8));
+}

package/lib/cjs/index.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Button = require("./components/button/Button");
+Object.keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Button[key];
+    }
+  });
+});
+var _Pills = require("./components/pills/Pills");
+Object.keys(_Pills).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pills[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pills[key];
+    }
+  });
+});
+var _Select = require("./components/select/Select");
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Select[key];
+    }
+  });
+});
+var _Input = require("./components/input/Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Input[key];
+    }
+  });
+});
+var _Switch = require("./components/switch/Switch");
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Switch[key];
+    }
+  });
+});
+var _TabLine = require("./components/tab-line/TabLine");
+Object.keys(_TabLine).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TabLine[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabLine[key];
+    }
+  });
+});
+var _Notice = require("./components/notice/Notice");
+Object.keys(_Notice).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Notice[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Notice[key];
+    }
+  });
+});
+var _Badge = require("./components/badge/Badge");
+Object.keys(_Badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Badge[key];
+    }
+  });
+});
+var _Radio = require("./components/radio/Radio");
+Object.keys(_Radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Radio[key];
+    }
+  });
+});
+var _Checkbox = require("./components/checkbox/Checkbox");
+Object.keys(_Checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Checkbox[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Button","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Pills","_Select","_Input","_Switch","_TabLine","_Notice","_Badge","_Radio","_Checkbox"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './components/button/Button';\nexport * from './components/pills/Pills';\nexport * from './components/select/Select';\nexport * from './components/input/Input';\nexport * from './components/switch/Switch';\nexport * from './components/tab-line/TabLine';\nexport * from './components/notice/Notice';\nexport * from './components/badge/Badge';\nexport * from './components/radio/Radio';\nexport * from './components/checkbox/Checkbox';\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonTriggerFH = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _baseTrigger = require("@semcore/base-trigger");
+var _m = _interopRequireDefault(require("@semcore/icon/SummaryAI/m"));
+var _react = _interopRequireDefault(require("react"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+/*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n  ) border-box;background-origin:border-box;background-clip:padding-box,border-box}@media (hover:hover){.___SHighlightedButtonTrigger_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)\n    ) border-box}}.___SHighlightedButtonTrigger_17qw8_gg_.__active_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_),.___SHighlightedButtonTrigger_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_):focus-visible{outline:0;position:relative;border-color:transparent}.___SHighlightedButtonTrigger_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_):focus-visible::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-4px;padding:4px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));-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}.___SHighlightedButtonTrigger_17qw8_gg_._neighborLocation_left_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_):focus-visible::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_17qw8_gg_._neighborLocation_right_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_):focus-visible::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_17qw8_gg_._neighborLocation_both_17qw8_gg_:not(._state_invalid_17qw8_gg_):not(._state_valid_17qw8_gg_):focus-visible::before{border-radius:0}", /*__inner_css_end__*/"17qw8_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_17qw8_gg_",
+  "_state_invalid": "_state_invalid_17qw8_gg_",
+  "_state_valid": "_state_valid_17qw8_gg_",
+  "_active": "__active_17qw8_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_17qw8_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_17qw8_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_17qw8_gg_"
+});
+var ButtonTriggerFHRoot = /*#__PURE__*/function (_Component) {
+  function ButtonTriggerFHRoot() {
+    (0, _classCallCheck2["default"])(this, ButtonTriggerFHRoot);
+    return _callSuper(this, ButtonTriggerFHRoot, arguments);
+  }
+  (0, _inherits2["default"])(ButtonTriggerFHRoot, _Component);
+  return (0, _createClass2["default"])(ButtonTriggerFHRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var styles = this.asProps.styles;
+      var SHighlightedButtonTrigger = _baseTrigger.ButtonTrigger;
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHighlightedButtonTrigger, _ref3.cn("SHighlightedButtonTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(ButtonTriggerFHRoot, "displayName", 'ButtonTriggerFH');
+(0, _defineProperty2["default"])(ButtonTriggerFHRoot, "style", style);
+function Addon(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SAddon = _baseTrigger.ButtonTrigger.Addon;
+  var Children = props.Children,
+    hasChildren = props.children;
+  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("SummaryAI", {
+    "color": '--intergalactic-icon-primary-feature-highlight'
+  })));
+}
+var ButtonTriggerFH = exports.ButtonTriggerFH = (0, _core.createComponent)(ButtonTriggerFHRoot, {
+  Text: _baseTrigger.ButtonTrigger.Text,
+  Addon: Addon
+});
+//# sourceMappingURL=ButtonTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_baseTrigger","_m","_interopRequireDefault","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","ButtonTriggerFHRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref3","styles","SHighlightedButtonTrigger","ButtonTrigger","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Addon","props","_ref2","arguments[0]","_ref4","SAddon","Children","hasChildren","children","ButtonTriggerFH","exports","createComponent","Text"],"sources":["../../../../src/inner-components/button-trigger/ButtonTrigger.tsx"],"sourcesContent":["import { ButtonTrigger } from '@semcore/base-trigger';\nimport Button from '@semcore/button';\nimport type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, sstyled, Component } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './buttonTrigger.shadow.css';\nimport type { HighlightedButtonTriggerComponent } from './ButtonTrigger.type';\nimport { AnimatedSparkles } from '../sparkle/AnimatedSparkles';\n\nclass ButtonTriggerFHRoot extends Component {\n  static displayName = 'ButtonTriggerFH';\n  static style = style;\n\n  render() {\n    const { styles } = this.asProps;\n    const SHighlightedButtonTrigger = Root;\n    return sstyled(styles)(\n      <SHighlightedButtonTrigger render={ButtonTrigger} />,\n    );\n  }\n}\n\nfunction Addon(props: IRootComponentProps) {\n  const SAddon = Root;\n  const { Children, children: hasChildren } = props;\n  return sstyled(props.styles)(\n    <SAddon render={ButtonTrigger.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n          )}\n    </SAddon>,\n  );\n}\n\nexport const ButtonTriggerFH = createComponent(ButtonTriggerFHRoot, {\n  Text: ButtonTrigger.Text,\n  Addon,\n}) as HighlightedButtonTriggerComponent;\n"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,EAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B,SAAAK,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,MAAAK,0BAAA,iBAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA;AAAA,IAAAQ,KAAA,8BAAAjB,KAAA,CAAAkB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAMpBC,mBAAmB,0BAAAC,UAAA;EAAA,SAAAD,oBAAA;IAAA,IAAAE,gBAAA,mBAAAF,mBAAA;IAAA,OAAAd,UAAA,OAAAc,mBAAA,EAAAG,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAJ,mBAAA,EAAAC,UAAA;EAAA,WAAAI,aAAA,aAAAL,mBAAA;IAAAM,GAAA;IAAAC,KAAA,EAIvB,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAQC,MAAM,GAAK,IAAI,CAACF,OAAO,CAAvBE,MAAM;MACd,IAAMC,yBAAyB,GAEMC,0BAAa;MADlD,OAAAH,KAAA,GAAO,IAAAb,aAAO,EAACc,MAAM,CAAC,eACpB3B,MAAA,YAAA8B,aAAA,CAACF,yBAAyB,EAAAF,KAAA,CAAAK,EAAA,kCAAAC,cAAA,qBAAArC,KAAA,CAAAsC,WAAA,MAAAT,IAAA,GAAyB,CAAC;IAExD;EAAC;AAAA,EAV+BU,eAAS;AAAA,IAAAC,gBAAA,aAArCpB,mBAAmB,iBACF,iBAAiB;AAAA,IAAAoB,gBAAA,aADlCpB,mBAAmB,WAERH,KAAK;AAWtB,SAASwB,KAAKA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAMC,MAAM,GAGMZ,0BAAa,CAACO,KAAK;EAFrC,IAAQM,QAAQ,GAA4BL,KAAK,CAAzCK,QAAQ;IAAYC,WAAW,GAAKN,KAAK,CAA/BO,QAAQ;EAC1B,OAAAJ,KAAA,GAAO,IAAA3B,aAAO,EAACwB,KAAK,CAACV,MAAM,CAAC,eAC1B3B,MAAA,YAAA8B,aAAA,CAACW,MAAM,EAAAD,KAAA,CAAAT,EAAA,eAAAC,cAAA,qBAAArC,KAAA,CAAAsC,WAAA,MAAAK,KAAA,KACJK,WAAW,gBACP3C,MAAA,YAAA8B,aAAA,CAACY,QAAQ,EAAAF,KAAA,CAAAT,EAAA,gBAAE,CAAC,gBAEX/B,MAAA,YAAA8B,aAAA,CAAChC,EAAA,WAAS,EAAA0C,KAAA,CAAAT,EAAA;IAAA,SAAO;EAAgD,EAAE,CAEnE,CAAC;AAEb;AAEO,IAAMc,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,qBAAe,EAAChC,mBAAmB,EAAE;EAClEiC,IAAI,EAAEnB,0BAAa,CAACmB,IAAI;EACxBZ,KAAK,EAALA;AACF,CAAC,CAAsC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ButtonTrigger.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTrigger.type.js","names":[],"sources":["../../../../src/inner-components/button-trigger/ButtonTrigger.type.ts"],"sourcesContent":["import type { ButtonTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { Intergalactic } from '@semcore/core';\n\nexport type HighlightedButtonTriggerComponent = Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/inner-components/button-trigger/buttonTrigger.shadow.css

@@ -0,0 +1,57 @@
+SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]) {
+  border: 1px solid transparent;
+  background:
+    linear-gradient(white, white) padding-box,
+    var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
+  ) border-box; /* border */
+  background-origin: border-box;
+  background-clip: padding-box, border-box;
+
+  &:hover {
+    background: var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg, #f9f2ff, #e9f7ff)) padding-box,
+      var(--intergalactic-border-feature-highlight, linear-gradient(90deg, #c695ff, #2bb3ff)
+    ) border-box;
+  }
+
+  &:active,
+  &[active] {
+    background:
+      linear-gradient(white, white) padding-box,
+      var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg, #8649e1, #006dca)) border-box;
+    background-origin: border-box;
+    background-clip: padding-box, border-box;
+    border-color: transparent;
+  }
+}
+
+SHighlightedButtonTrigger:not([state="invalid"]):not([state="valid"]):focus-visible {
+  outline: none;
+  position: relative;
+  border-color: transparent;
+
+  &::before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    inset: 0;
+    margin: -4px;
+    padding: 4px;
+    border-radius: calc(var(--intergalactic-control-rounded, 6px) + 3px);
+
+    background-image: var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg, rgba(171, 108, 254, 0.5), rgba(0, 143, 248, 0.5)));
+    mask: linear-gradient(0deg, #fff, #fff) content-box, linear-gradient(0deg, #fff, #fff);
+    mask-composite: exclude;
+  }
+
+  &[neighborLocation='left']::before {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  &[neighborLocation='right']::before {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  &[neighborLocation='both']::before {
+    border-radius: 0;
+  }
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedSparkles = AnimatedSparkles;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _Sparkle = _interopRequireDefault(require("./Sparkle"));
+function AnimatedSparkles(props) {
+  var count = props.count,
+    curve = props.curve,
+    show = props.show,
+    top = props.top,
+    left = props.left;
+  return show && count !== undefined && (0, _toConsumableArray2["default"])(new Array(count)).map(function (_, index) {
+    return /*#__PURE__*/_react["default"].createElement(_Sparkle["default"], {
+      key: index,
+      index: index,
+      num: count,
+      curve: curve,
+      top: top,
+      left: left
+    });
+  });
+}
+//# sourceMappingURL=AnimatedSparkles.js.map

package/lib/cjs/inner-components/sparkle/AnimatedSparkles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedSparkles.js","names":["_react","_interopRequireDefault","require","_Sparkle","AnimatedSparkles","props","count","curve","show","top","left","undefined","_toConsumableArray2","Array","map","_","index","createElement","key","num"],"sources":["../../../../src/inner-components/sparkle/AnimatedSparkles.tsx"],"sourcesContent":["import React from 'react';\n\nimport Sparkle from './Sparkle';\n\nexport type AnimatedSparklesProps = {\n  count?: number;\n  curve?: number;\n  top?: string;\n  left?: string;\n};\n\nexport function AnimatedSparkles(props: AnimatedSparklesProps & { show: boolean }) {\n  const { count, curve, show, top, left } = props;\n\n  return show && count !== undefined && [...new Array(count)].map((_, index) => {\n    return (\n      <Sparkle key={index} index={index} num={count} curve={curve} top={top} left={left} />\n    );\n  });\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AASO,SAASE,gBAAgBA,CAACC,KAAgD,EAAE;EACjF,IAAQC,KAAK,GAA6BD,KAAK,CAAvCC,KAAK;IAAEC,KAAK,GAAsBF,KAAK,CAAhCE,KAAK;IAAEC,IAAI,GAAgBH,KAAK,CAAzBG,IAAI;IAAEC,GAAG,GAAWJ,KAAK,CAAnBI,GAAG;IAAEC,IAAI,GAAKL,KAAK,CAAdK,IAAI;EAErC,OAAOF,IAAI,IAAIF,KAAK,KAAKK,SAAS,IAAI,IAAAC,mBAAA,aAAI,IAAIC,KAAK,CAACP,KAAK,CAAC,EAAEQ,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK,EAAK;IAC5E,oBACEhB,MAAA,YAAAiB,aAAA,CAACd,QAAA,WAAO;MAACe,GAAG,EAAEF,KAAM;MAACA,KAAK,EAAEA,KAAM;MAACG,GAAG,EAAEb,KAAM;MAACC,KAAK,EAAEA,KAAM;MAACE,GAAG,EAAEA,GAAI;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EAEzF,CAAC,CAAC;AACJ","ignoreList":[]}