intergalactic 15.129.0 → 15.130.0

package/product-head/lib/es6/ProductHead.js

@@ -12,12 +12,14 @@ import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-/*__reshadow-styles__:"./style/product-head.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SProductHead_18aq5_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_18aq5_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_18aq5_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_18aq5_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_18aq5_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_18aq5_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_18aq5_gg_{flex-wrap:wrap}.___SButtons_18aq5_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_18aq5_gg_{display:none}}" /*__inner_css_end__*/, "18aq5_gg_") /*__reshadow_css_end__*/, {
-  "__SProductHead": "___SProductHead_18aq5_gg_",
-  "__SRow": "___SRow_18aq5_gg_",
-  "__SButtons": "___SButtons_18aq5_gg_",
-  "__SLinks": "___SLinks_18aq5_gg_"
+/*!__reshadow-styles__:"./style/product-head.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SProductHead_1qsfk_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_1qsfk_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_1qsfk_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_1qsfk_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_1qsfk_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_1qsfk_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_1qsfk_gg_{flex-wrap:wrap}.___SButtons_1qsfk_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_1qsfk_gg_{display:none}}", /*__inner_css_end__*/"1qsfk_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SProductHead": "___SProductHead_1qsfk_gg_",
+  "__SRow": "___SRow_1qsfk_gg_",
+  "__SButtons": "___SButtons_1qsfk_gg_",
+  "__SLinks": "___SLinks_1qsfk_gg_"
 });
 var HeaderRoot = /*#__PURE__*/function (_Component) {
   _inherits(HeaderRoot, _Component);

package/product-head/lib/es6/ProductHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductHead.js","names":["React","createComponent","Component","sstyled","Root","Box","style","_sstyled","insert","HeaderRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref5","SProductHead","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","Buttons","props","_ref2","arguments[0]","_ref6","SButtons","_assignProps2","Links","_ref3","_ref7","SLinks","_assignProps3","Row","_ref4","_ref8","SRow","_assignProps4","Header"],"sources":["../../src/ProductHead.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\n\nimport style from './style/product-head.shadow.css';\n\nclass HeaderRoot extends Component<IBoxProps> {\n  static displayName = 'ProductHead';\n  static style = style;\n\n  render() {\n    const SProductHead = Root;\n    return sstyled(this.asProps.styles)(<SProductHead render={Box} />);\n  }\n}\n\nfunction Buttons(props: any) {\n  const SButtons = Root;\n  return sstyled(props.styles)(<SButtons render={Box} />);\n}\n\nfunction Links(props: any) {\n  const SLinks = Root;\n  return sstyled(props.styles)(<SLinks render={Box} />);\n}\n\nfunction Row(props: any) {\n  const SRow = Root;\n  return sstyled(props.styles)(<SRow render={Box} />);\n}\n\nconst Header = createComponent(HeaderRoot, {\n  Buttons,\n  Links,\n  Row,\n}) as typeof Box & {\n  Buttons: typeof Box;\n  Links: typeof Box;\n  Row: typeof Box;\n};\nexport default Header;\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAmB,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7CC,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAId,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GACwCnB,GAAG;MAA7D,OAAAkB,KAAA,GAAOpB,OAAO,CAAC,IAAI,CAACmB,OAAO,CAACG,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACF,YAAY,EAAAD,KAAA,CAAAI,EAAA,iBAAAC,aAAA,KAAAC,YAAA,KAAAR,IAAA,IAAgB;IACnE;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAPsBP,SAAS;AAAA4B,eAAA,CAA5BrB,UAAU,iBACO,aAAa;AAAAqB,eAAA,CAD9BrB,UAAU,WAECH,KAAK;AAQtB,SAASyB,OAAOA,CAACC,KAAU,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,IAAMC,QAAQ,GACiC/B,GAAG;EAAlD,OAAA8B,KAAA,GAAOhC,OAAO,CAAC6B,KAAK,CAACP,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACU,QAAQ,EAAAD,KAAA,CAAAR,EAAA,aAAAC,aAAA,KAAAS,aAAA,KAAAJ,KAAA,IAAgB;AACxD;AAEA,SAASK,KAAKA,CAACN,KAAU,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACzB,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAAC6B,KAAK,CAACP,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACe,MAAM,EAAAD,KAAA,CAAAb,EAAA,WAAAC,aAAA,KAAAc,aAAA,KAAAH,KAAA,IAAgB;AACtD;AAEA,SAASI,GAAGA,CAACX,KAAU,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACvB,IAAMC,IAAI,GACiCzC,GAAG;EAA9C,OAAAwC,KAAA,GAAO1C,OAAO,CAAC6B,KAAK,CAACP,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACoB,IAAI,EAAAD,KAAA,CAAAlB,EAAA,SAAAC,aAAA,KAAAmB,aAAA,KAAAH,KAAA,IAAgB;AACpD;AAEA,IAAMI,MAAM,GAAG/C,eAAe,CAACQ,UAAU,EAAE;EACzCsB,OAAO,EAAPA,OAAO;EACPO,KAAK,EAALA,KAAK;EACLK,GAAG,EAAHA;AACF,CAAC,CAIA;AACD,eAAeK,MAAM"}
+{"version":3,"file":"ProductHead.js","names":["React","createComponent","Component","sstyled","Root","Box","style","_sstyled","insert","HeaderRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref5","SProductHead","styles","createElement","cn","_objectSpread","_assignProps","_defineProperty","Buttons","props","_ref2","arguments[0]","_ref6","SButtons","_assignProps2","Links","_ref3","_ref7","SLinks","_assignProps3","Row","_ref4","_ref8","SRow","_assignProps4","Header"],"sources":["../../src/ProductHead.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\n\nimport style from './style/product-head.shadow.css';\n\nclass HeaderRoot extends Component<IBoxProps> {\n  static displayName = 'ProductHead';\n  static style = style;\n\n  render() {\n    const SProductHead = Root;\n    return sstyled(this.asProps.styles)(<SProductHead render={Box} />);\n  }\n}\n\nfunction Buttons(props: any) {\n  const SButtons = Root;\n  return sstyled(props.styles)(<SButtons render={Box} />);\n}\n\nfunction Links(props: any) {\n  const SLinks = Root;\n  return sstyled(props.styles)(<SLinks render={Box} />);\n}\n\nfunction Row(props: any) {\n  const SRow = Root;\n  return sstyled(props.styles)(<SRow render={Box} />);\n}\n\nconst Header = createComponent(HeaderRoot, {\n  Buttons,\n  Links,\n  Row,\n}) as typeof Box & {\n  Buttons: typeof Box;\n  Links: typeof Box;\n  Row: typeof Box;\n};\nexport default Header;\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAmB,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7CC,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAId,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GACwCnB,GAAG;MAA7D,OAAAkB,KAAA,GAAOpB,OAAO,CAAC,IAAI,CAACmB,OAAO,CAACG,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACF,YAAY,EAAAD,KAAA,CAAAI,EAAA,iBAAAC,aAAA,KAAAC,YAAA,KAAAR,IAAA,IAAgB;IACnE;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAPsBP,SAAS;AAAA4B,eAAA,CAA5BrB,UAAU,iBACO,aAAa;AAAAqB,eAAA,CAD9BrB,UAAU,WAECH,KAAK;AAQtB,SAASyB,OAAOA,CAACC,KAAU,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,IAAMC,QAAQ,GACiC/B,GAAG;EAAlD,OAAA8B,KAAA,GAAOhC,OAAO,CAAC6B,KAAK,CAACP,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACU,QAAQ,EAAAD,KAAA,CAAAR,EAAA,aAAAC,aAAA,KAAAS,aAAA,KAAAJ,KAAA,IAAgB;AACxD;AAEA,SAASK,KAAKA,CAACN,KAAU,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACzB,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAAC6B,KAAK,CAACP,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACe,MAAM,EAAAD,KAAA,CAAAb,EAAA,WAAAC,aAAA,KAAAc,aAAA,KAAAH,KAAA,IAAgB;AACtD;AAEA,SAASI,GAAGA,CAACX,KAAU,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACvB,IAAMC,IAAI,GACiCzC,GAAG;EAA9C,OAAAwC,KAAA,GAAO1C,OAAO,CAAC6B,KAAK,CAACP,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACoB,IAAI,EAAAD,KAAA,CAAAlB,EAAA,SAAAC,aAAA,KAAAmB,aAAA,KAAAH,KAAA,IAAgB;AACpD;AAEA,IAAMI,MAAM,GAAG/C,eAAe,CAACQ,UAAU,EAAE;EACzCsB,OAAO,EAAPA,OAAO;EACPO,KAAK,EAALA,KAAK;EACLK,GAAG,EAAHA;AACF,CAAC,CAIA;AACD,eAAeK,MAAM"}

package/product-head/lib/es6/Title.js

@@ -11,11 +11,13 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import isNode from 'intergalactic/utils/lib/isNode';
-/*__reshadow-styles__:"./style/title.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STitle_7x4ie_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_7x4ie_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_7x4ie_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_7x4ie_gg_{flex-wrap:wrap;white-space:normal}}" /*__inner_css_end__*/, "7x4ie_gg_") /*__reshadow_css_end__*/, {
-  "__STitle": "___STitle_7x4ie_gg_",
-  "__STool": "___STool_7x4ie_gg_",
-  "__SName": "___SName_7x4ie_gg_"
+/*!__reshadow-styles__:"./style/title.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STitle_1dqpm_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_1dqpm_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_1dqpm_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_1dqpm_gg_{flex-wrap:wrap;white-space:normal}}", /*__inner_css_end__*/"1dqpm_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__STitle": "___STitle_1dqpm_gg_",
+  "__STool": "___STool_1dqpm_gg_",
+  "__SName": "___SName_1dqpm_gg_"
 });
 /** @deprecated */
 var TitleRoot = /*#__PURE__*/function (_Component) {

package/product-head/lib/es6/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["React","createComponent","Component","sstyled","Root","Box","isNode","style","_sstyled","insert","TitleRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","STitle","SName","_this$asProps","Children","styles","toolName","createElement","cn","_objectSpread","_assignProps","Title","Tool","_defineProperty","props","_ref2","arguments[0]","_ref4","STool","_assignProps2"],"sources":["../../src/Title.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  UnknownProperties,\n  Intergalactic,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/title.shadow.css';\n\n/** @deprecated */\nexport interface IHeaderTitleProps extends HeaderTitleProps, UnknownProperties {}\nexport type HeaderTitleProps = BoxProps & {\n  toolName?: React.ReactNode;\n};\n\nclass TitleRoot extends Component<IHeaderTitleProps> {\n  static displayName = 'Title';\n  static style = style;\n\n  render() {\n    const STitle = Root;\n    const SName = 'div';\n    const { Children, styles, toolName } = this.asProps;\n    return sstyled(styles)(\n      <STitle render={Box} tag='h1'>\n        {isNode(toolName) && <Title.Tool>{toolName}</Title.Tool>}\n        <SName>\n          <Children />\n        </SName>\n      </STitle>,\n    );\n  }\n}\n\nfunction Tool(props: any) {\n  const STool = Root;\n  return sstyled(props.styles)(<STool render={Box} />);\n}\n\nconst Title = createComponent(TitleRoot, {\n  Tool,\n}) as any as Intergalactic.Component<'h1', HeaderTitleProps> & {\n  Tool: typeof Box;\n};\n\nexport default Title;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IACpBC,SAAS,EACTC,OAAO,EACPC,IAAI,QAGC,eAAe;AACtB,SAASC,GAAG,QAAkB,mBAAmB;AACjD,OAAOC,MAAM,MAAM,2BAA2B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAI/C;AAAA,IAMMC,SAAS,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,SAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,SAAA;EAAA,SAAAA,UAAA;IAAAK,eAAA,OAAAL,SAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,SAAA;IAAAS,GAAA;IAAAC,KAAA,EAIb,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,MAAM,GAIMpB,GAAG;MAHrB,IAAMqB,KAAK,GAAG,KAAK;MACnB,IAAAC,aAAA,GAAuC,IAAI,CAACJ,OAAO;QAA3CK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,QAAQ,GAAAH,aAAA,CAARG,QAAQ;MAClC,OAAAN,KAAA,GAAOrB,OAAO,CAAC0B,MAAM,CAAC,eACpB7B,KAAA,CAAA+B,aAAA,CAACN,MAAM,EAAAD,KAAA,CAAAQ,EAAA,WAAAC,aAAA,KAAAC,YAAA;QAAA,OAAkB;MAAI,GAAAZ,IAAA,KAC1BhB,MAAM,CAACwB,QAAQ,CAAC,iBAAI9B,KAAA,CAAA+B,aAAA,CAACI,KAAK,CAACC,IAAI,QAAEN,QAAQ,CAAc,eACxD9B,KAAA,CAAA+B,aAAA,CAACL,KAAK,EAAAF,KAAA,CAAAQ,EAAA,4BACJhC,KAAA,CAAA+B,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,iBAAG,CACN,CACD;IAEb;EAAC;EAAA,OAAAtB,SAAA;AAAA,EAhBqBR,SAAS;AAAAmC,eAAA,CAA3B3B,SAAS,iBACQ,OAAO;AAAA2B,eAAA,CADxB3B,SAAS,WAEEH,KAAK;AAiBtB,SAAS6B,IAAIA,CAACE,KAAU,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GACiCrC,GAAG;EAA/C,OAAAoC,KAAA,GAAOtC,OAAO,CAACmC,KAAK,CAACT,MAAM,CAAC,eAAC7B,KAAA,CAAA+B,aAAA,CAACW,KAAK,EAAAD,KAAA,CAAAT,EAAA,UAAAC,aAAA,KAAAU,aAAA,KAAAJ,KAAA,IAAgB;AACrD;AAEA,IAAMJ,KAAK,GAAGlC,eAAe,CAACS,SAAS,EAAE;EACvC0B,IAAI,EAAJA;AACF,CAAC,CAEA;AAED,eAAeD,KAAK"}
+{"version":3,"file":"Title.js","names":["React","createComponent","Component","sstyled","Root","Box","isNode","style","_sstyled","insert","TitleRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","STitle","SName","_this$asProps","Children","styles","toolName","createElement","cn","_objectSpread","_assignProps","Title","Tool","_defineProperty","props","_ref2","arguments[0]","_ref4","STool","_assignProps2"],"sources":["../../src/Title.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  UnknownProperties,\n  Intergalactic,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/title.shadow.css';\n\n/** @deprecated */\nexport interface IHeaderTitleProps extends HeaderTitleProps, UnknownProperties {}\nexport type HeaderTitleProps = BoxProps & {\n  toolName?: React.ReactNode;\n};\n\nclass TitleRoot extends Component<IHeaderTitleProps> {\n  static displayName = 'Title';\n  static style = style;\n\n  render() {\n    const STitle = Root;\n    const SName = 'div';\n    const { Children, styles, toolName } = this.asProps;\n    return sstyled(styles)(\n      <STitle render={Box} tag='h1'>\n        {isNode(toolName) && <Title.Tool>{toolName}</Title.Tool>}\n        <SName>\n          <Children />\n        </SName>\n      </STitle>,\n    );\n  }\n}\n\nfunction Tool(props: any) {\n  const STool = Root;\n  return sstyled(props.styles)(<STool render={Box} />);\n}\n\nconst Title = createComponent(TitleRoot, {\n  Tool,\n}) as any as Intergalactic.Component<'h1', HeaderTitleProps> & {\n  Tool: typeof Box;\n};\n\nexport default Title;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IACpBC,SAAS,EACTC,OAAO,EACPC,IAAI,QAGC,eAAe;AACtB,SAASC,GAAG,QAAkB,mBAAmB;AACjD,OAAOC,MAAM,MAAM,2BAA2B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI/C;AAAA,IAMMC,SAAS,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,SAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,SAAA;EAAA,SAAAA,UAAA;IAAAK,eAAA,OAAAL,SAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,SAAA;IAAAS,GAAA;IAAAC,KAAA,EAIb,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,MAAM,GAIMpB,GAAG;MAHrB,IAAMqB,KAAK,GAAG,KAAK;MACnB,IAAAC,aAAA,GAAuC,IAAI,CAACJ,OAAO;QAA3CK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,QAAQ,GAAAH,aAAA,CAARG,QAAQ;MAClC,OAAAN,KAAA,GAAOrB,OAAO,CAAC0B,MAAM,CAAC,eACpB7B,KAAA,CAAA+B,aAAA,CAACN,MAAM,EAAAD,KAAA,CAAAQ,EAAA,WAAAC,aAAA,KAAAC,YAAA;QAAA,OAAkB;MAAI,GAAAZ,IAAA,KAC1BhB,MAAM,CAACwB,QAAQ,CAAC,iBAAI9B,KAAA,CAAA+B,aAAA,CAACI,KAAK,CAACC,IAAI,QAAEN,QAAQ,CAAc,eACxD9B,KAAA,CAAA+B,aAAA,CAACL,KAAK,EAAAF,KAAA,CAAAQ,EAAA,4BACJhC,KAAA,CAAA+B,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,iBAAG,CACN,CACD;IAEb;EAAC;EAAA,OAAAtB,SAAA;AAAA,EAhBqBR,SAAS;AAAAmC,eAAA,CAA3B3B,SAAS,iBACQ,OAAO;AAAA2B,eAAA,CADxB3B,SAAS,WAEEH,KAAK;AAiBtB,SAAS6B,IAAIA,CAACE,KAAU,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GACiCrC,GAAG;EAA/C,OAAAoC,KAAA,GAAOtC,OAAO,CAACmC,KAAK,CAACT,MAAM,CAAC,eAAC7B,KAAA,CAAA+B,aAAA,CAACW,KAAK,EAAAD,KAAA,CAAAT,EAAA,UAAAC,aAAA,KAAAU,aAAA,KAAAJ,KAAA,IAAgB;AACrD;AAEA,IAAMJ,KAAK,GAAGlC,eAAe,CAACS,SAAS,EAAE;EACvC0B,IAAI,EAAJA;AACF,CAAC,CAEA;AAED,eAAeD,KAAK"}

package/product-head/lib/esm/Info.mjs

@@ -1,54 +1,64 @@
-import l from "@babel/runtime/helpers/esm/objectSpread2";
-import p from "@babel/runtime/helpers/esm/classCallCheck";
-import I from "@babel/runtime/helpers/esm/createClass";
-import S from "@babel/runtime/helpers/esm/inherits";
-import v from "@babel/runtime/helpers/esm/createSuper";
-import c from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as d } from 'intergalactic/utils/lib/core/index';
-import u, { sstyled as m, assignProps as s, Component as h } from 'intergalactic/core';
-import a from "react";
-import { Box as f } from 'intergalactic/flex-box';
-import x from 'intergalactic/utils/lib/isNode';
-var y = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import isNode from 'intergalactic/utils/lib/isNode';
+/*!__reshadow-styles__:"./style/info.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (d.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SInfo_3f001_gg_{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SInfo_3f001_gg_>.___SItem_3f001_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-6x, 24px);position:relative}.___SItem_3f001_gg_{align-items:center;display:flex;white-space:nowrap}.___SLabel_3f001_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}@media (max-width:767px){.___SInfo_3f001_gg_{margin-bottom:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SItem_3f001_gg_{margin-bottom:var(--intergalactic-spacing-1x, 4px)}}",
-    "3f001_gg_"
-  ), {
-    __SItem: "___SItem_3f001_gg_",
-    __SLabel: "___SLabel_3f001_gg_",
-    __SInfo: "___SInfo_3f001_gg_"
+    ".___SInfo_20s9u_gg_{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SInfo_20s9u_gg_>.___SItem_20s9u_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-6x, 24px);position:relative}.___SItem_20s9u_gg_{align-items:center;display:flex;white-space:nowrap}.___SLabel_20s9u_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}@media (max-width:767px){.___SInfo_20s9u_gg_{margin-bottom:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SItem_20s9u_gg_{margin-bottom:var(--intergalactic-spacing-1x, 4px)}}",
+    /*__inner_css_end__*/
+    "20s9u_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SItem": "___SItem_20s9u_gg_",
+    "__SLabel": "___SLabel_20s9u_gg_",
+    "__SInfo": "___SInfo_20s9u_gg_"
   })
-), g = /* @__PURE__ */ function(t) {
-  S(e, t);
-  var r = v(e);
-  function e() {
-    return p(this, e), r.apply(this, arguments);
+);
+var InfoRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(InfoRoot2, _Component);
+  var _super = _createSuper(InfoRoot2);
+  function InfoRoot2() {
+    _classCallCheck(this, InfoRoot2);
+    return _super.apply(this, arguments);
   }
-  return I(e, [{
+  _createClass(InfoRoot2, [{
     key: "render",
-    value: function() {
-      var o = this.asProps, n, i = f;
-      return n = m(this.asProps.styles), /* @__PURE__ */ a.createElement(i, n.cn("SInfo", l({}, s({}, o))));
+    value: function render() {
+      var _ref = this.asProps, _ref4;
+      var SInfo = Box;
+      return _ref4 = sstyled$1(this.asProps.styles), /* @__PURE__ */ React.createElement(SInfo, _ref4.cn("SInfo", _objectSpread({}, assignProps({}, _ref))));
     }
-  }]), e;
-}(h);
-c(g, "displayName", "Info");
-c(g, "style", y);
-function b(t) {
-  var r = arguments[0], e, _ = f, o = t.Children, n = t.styles, i = t.label;
-  return e = m(n), /* @__PURE__ */ a.createElement(_, e.cn("SItem", l({}, s({}, r))), x(i) && /* @__PURE__ */ a.createElement(L.Item.Label, null, i), /* @__PURE__ */ a.createElement(o, e.cn("Children", {})));
+  }]);
+  return InfoRoot2;
+}(Component);
+_defineProperty(InfoRoot, "displayName", "Info");
+_defineProperty(InfoRoot, "style", style);
+function Item(props) {
+  var _ref2 = arguments[0], _ref5;
+  var SItem = Box;
+  var Children = props.Children, styles = props.styles, label = props.label;
+  return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, assignProps({}, _ref2))), isNode(label) && /* @__PURE__ */ React.createElement(Info.Item.Label, null, label), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})));
 }
-function C(t) {
-  var r = arguments[0], e, _ = f;
-  return e = m(t.styles), /* @__PURE__ */ a.createElement(_, e.cn("SLabel", l({}, s({}, r))));
+function Label(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SLabel = Box;
+  return _ref6 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SLabel, _ref6.cn("SLabel", _objectSpread({}, assignProps({}, _ref3))));
 }
-var L = u(g, {
-  Item: [b, {
-    Label: C
+var Info = createComponent(InfoRoot, {
+  Item: [Item, {
+    Label
   }]
 });
 export {
-  L as default
+  Info as default
 };

package/product-head/lib/esm/ProductHead.mjs

@@ -1,58 +1,68 @@
-import n from "@babel/runtime/helpers/esm/objectSpread2";
-import f from "@babel/runtime/helpers/esm/classCallCheck";
-import u from "@babel/runtime/helpers/esm/createClass";
-import d from "@babel/runtime/helpers/esm/inherits";
-import x from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as S } from 'intergalactic/utils/lib/core/index';
-import v, { sstyled as _, assignProps as i, Component as y } from 'intergalactic/core';
-import s from "react";
-import { Box as o } from 'intergalactic/flex-box';
-var h = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+/*!__reshadow-styles__:"./style/product-head.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (S.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SProductHead_18aq5_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_18aq5_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_18aq5_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_18aq5_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_18aq5_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_18aq5_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_18aq5_gg_{flex-wrap:wrap}.___SButtons_18aq5_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_18aq5_gg_{display:none}}",
-    "18aq5_gg_"
-  ), {
-    __SProductHead: "___SProductHead_18aq5_gg_",
-    __SRow: "___SRow_18aq5_gg_",
-    __SButtons: "___SButtons_18aq5_gg_",
-    __SLinks: "___SLinks_18aq5_gg_"
+    ".___SProductHead_1qsfk_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_1qsfk_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_1qsfk_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_1qsfk_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_1qsfk_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_1qsfk_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_1qsfk_gg_{flex-wrap:wrap}.___SButtons_1qsfk_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_1qsfk_gg_{display:none}}",
+    /*__inner_css_end__*/
+    "1qsfk_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SProductHead": "___SProductHead_1qsfk_gg_",
+    "__SRow": "___SRow_1qsfk_gg_",
+    "__SButtons": "___SButtons_1qsfk_gg_",
+    "__SLinks": "___SLinks_1qsfk_gg_"
   })
-), c = /* @__PURE__ */ function(a) {
-  d(t, a);
-  var r = x(t);
-  function t() {
-    return f(this, t), r.apply(this, arguments);
+);
+var HeaderRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(HeaderRoot2, _Component);
+  var _super = _createSuper(HeaderRoot2);
+  function HeaderRoot2() {
+    _classCallCheck(this, HeaderRoot2);
+    return _super.apply(this, arguments);
   }
-  return u(t, [{
+  _createClass(HeaderRoot2, [{
     key: "render",
-    value: function() {
-      var p = this.asProps, g, m = o;
-      return g = _(this.asProps.styles), /* @__PURE__ */ s.createElement(m, g.cn("SProductHead", n({}, i({}, p))));
+    value: function render() {
+      var _ref = this.asProps, _ref5;
+      var SProductHead = Box;
+      return _ref5 = sstyled$1(this.asProps.styles), /* @__PURE__ */ React.createElement(SProductHead, _ref5.cn("SProductHead", _objectSpread({}, assignProps({}, _ref))));
     }
-  }]), t;
-}(y);
-l(c, "displayName", "ProductHead");
-l(c, "style", h);
-function q(a) {
-  var r = arguments[0], t, e = o;
-  return t = _(a.styles), /* @__PURE__ */ s.createElement(e, t.cn("SButtons", n({}, i({}, r))));
+  }]);
+  return HeaderRoot2;
+}(Component);
+_defineProperty(HeaderRoot, "displayName", "ProductHead");
+_defineProperty(HeaderRoot, "style", style);
+function Buttons(props) {
+  var _ref2 = arguments[0], _ref6;
+  var SButtons = Box;
+  return _ref6 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SButtons, _ref6.cn("SButtons", _objectSpread({}, assignProps({}, _ref2))));
 }
-function w(a) {
-  var r = arguments[0], t, e = o;
-  return t = _(a.styles), /* @__PURE__ */ s.createElement(e, t.cn("SLinks", n({}, i({}, r))));
+function Links(props) {
+  var _ref3 = arguments[0], _ref7;
+  var SLinks = Box;
+  return _ref7 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SLinks, _ref7.cn("SLinks", _objectSpread({}, assignProps({}, _ref3))));
 }
-function k(a) {
-  var r = arguments[0], t, e = o;
-  return t = _(a.styles), /* @__PURE__ */ s.createElement(e, t.cn("SRow", n({}, i({}, r))));
+function Row(props) {
+  var _ref4 = arguments[0], _ref8;
+  var SRow = Box;
+  return _ref8 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SRow, _ref8.cn("SRow", _objectSpread({}, assignProps({}, _ref4))));
 }
-var N = v(c, {
-  Buttons: q,
-  Links: w,
-  Row: k
+var Header = createComponent(HeaderRoot, {
+  Buttons,
+  Links,
+  Row
 });
 export {
-  N as default
+  Header as default
 };

package/product-head/lib/esm/Title.mjs

@@ -1,50 +1,60 @@
-import s from "@babel/runtime/helpers/esm/objectSpread2";
-import S from "@babel/runtime/helpers/esm/classCallCheck";
-import T from "@babel/runtime/helpers/esm/createClass";
-import u from "@babel/runtime/helpers/esm/inherits";
-import w from "@babel/runtime/helpers/esm/createSuper";
-import m from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as y } from 'intergalactic/utils/lib/core/index';
-import N, { sstyled as p, assignProps as c, Component as C } from 'intergalactic/core';
-import r from "react";
-import { Box as g } from 'intergalactic/flex-box';
-import E from 'intergalactic/utils/lib/isNode';
-var P = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import isNode from 'intergalactic/utils/lib/isNode';
+/*!__reshadow-styles__:"./style/title.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (y.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STitle_7x4ie_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_7x4ie_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_7x4ie_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_7x4ie_gg_{flex-wrap:wrap;white-space:normal}}",
-    "7x4ie_gg_"
-  ), {
-    __STitle: "___STitle_7x4ie_gg_",
-    __STool: "___STool_7x4ie_gg_",
-    __SName: "___SName_7x4ie_gg_"
+    ".___STitle_1dqpm_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_1dqpm_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_1dqpm_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_1dqpm_gg_{flex-wrap:wrap;white-space:normal}}",
+    /*__inner_css_end__*/
+    "1dqpm_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__STitle": "___STitle_1dqpm_gg_",
+    "__STool": "___STool_1dqpm_gg_",
+    "__SName": "___SName_1dqpm_gg_"
   })
-), l = /* @__PURE__ */ function(i) {
-  u(e, i);
-  var o = w(e);
-  function e() {
-    return S(this, e), o.apply(this, arguments);
+);
+var TitleRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(TitleRoot2, _Component);
+  var _super = _createSuper(TitleRoot2);
+  function TitleRoot2() {
+    _classCallCheck(this, TitleRoot2);
+    return _super.apply(this, arguments);
   }
-  return T(e, [{
+  _createClass(TitleRoot2, [{
     key: "render",
-    value: function() {
-      var f = this.asProps, t, d = g, h = "div", a = this.asProps, v = a.Children, x = a.styles, n = a.toolName;
-      return t = p(x), /* @__PURE__ */ r.createElement(d, t.cn("STitle", s({}, c({
-        tag: "h1"
-      }, f))), E(n) && /* @__PURE__ */ r.createElement(R.Tool, null, n), /* @__PURE__ */ r.createElement(h, t.cn("SName", {}), /* @__PURE__ */ r.createElement(v, t.cn("Children", {}))));
+    value: function render() {
+      var _ref = this.asProps, _ref3;
+      var STitle = Box;
+      var SName = "div";
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, toolName = _this$asProps.toolName;
+      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STitle, _ref3.cn("STitle", _objectSpread({}, assignProps({
+        "tag": "h1"
+      }, _ref))), isNode(toolName) && /* @__PURE__ */ React.createElement(Title.Tool, null, toolName), /* @__PURE__ */ React.createElement(SName, _ref3.cn("SName", {}), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))));
     }
-  }]), e;
-}(C);
-m(l, "displayName", "Title");
-m(l, "style", P);
-function b(i) {
-  var o = arguments[0], e, _ = g;
-  return e = p(i.styles), /* @__PURE__ */ r.createElement(_, e.cn("STool", s({}, c({}, o))));
+  }]);
+  return TitleRoot2;
+}(Component);
+_defineProperty(TitleRoot, "displayName", "Title");
+_defineProperty(TitleRoot, "style", style);
+function Tool(props) {
+  var _ref2 = arguments[0], _ref4;
+  var STool = Box;
+  return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(STool, _ref4.cn("STool", _objectSpread({}, assignProps({}, _ref2))));
 }
-var R = N(l, {
-  Tool: b
+var Title = createComponent(TitleRoot, {
+  Tool
 });
 export {
-  R as default
+  Title as default
 };

package/product-head/lib/esm/index.mjs

@@ -1,8 +1,8 @@
-import { default as o } from "./ProductHead.mjs";
-import { default as r } from "./Info.mjs";
-import { default as l } from "./Title.mjs";
+import { default as default2 } from "./ProductHead.mjs";
+import { default as default3 } from "./Info.mjs";
+import { default as default4 } from "./Title.mjs";
 export {
-  r as Info,
-  l as Title,
-  o as default
+  default3 as Info,
+  default4 as Title,
+  default2 as default
 };

package/product-head/lib/esm/style/info.shadow.css

@@ -0,0 +1,31 @@
+SInfo {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+
+  & > SItem:not(:last-child) {
+    margin-right: var(--intergalactic-spacing-6x, 24px);
+    position: relative;
+  }
+}
+
+SItem {
+  align-items: center;
+  display: flex;
+  white-space: nowrap;
+}
+
+SLabel {
+  margin-right: var(--intergalactic-spacing-1x, 4px);
+}
+
+@media (max-width: 767px) {
+  SInfo {
+    margin-bottom: calc(-1 * var(--intergalactic-spacing-1x, 4px));
+  }
+  SItem {
+    margin-bottom: var(--intergalactic-spacing-1x, 4px);
+  }
+}

package/product-head/lib/esm/style/product-head.shadow.css

@@ -0,0 +1,53 @@
+SProductHead {
+  margin-top: var(--intergalactic-spacing-4x, 16px);
+  margin-bottom: var(--intergalactic-spacing-6x, 24px);
+}
+
+SRow {
+  display: flex;
+  justify-content: space-between;
+  margin-top: var(--intergalactic-spacing-2x, 8px);
+  margin-bottom: var(--intergalactic-spacing-2x, 8px);
+}
+
+SButtons {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: var(--intergalactic-spacing-2x, 8px);
+
+  & > *:not(:last-child) {
+    margin-right: var(--intergalactic-spacing-2x, 8px);
+  }
+}
+
+SLinks {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: var(--intergalactic-spacing-2x, 8px);
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+
+  & > *:not(:first-child) {
+    margin-left: var(--intergalactic-spacing-5x, 20px);
+  }
+}
+
+@media (max-width: 767px) {
+  SRow {
+    flex-wrap: wrap;
+  }
+
+  SButtons {
+    width: 100%;
+    margin-left: 0;
+    margin-top: var(--intergalactic-spacing-2x, 8px);
+    justify-content: flex-start;
+    flex-wrap: wrap;
+  }
+
+  SLinks {
+    display: none;
+  }
+}

package/product-head/lib/esm/style/title.shadow.css

@@ -0,0 +1,30 @@
+STitle {
+  align-items: center;
+  display: flex;
+  font-size: var(--intergalactic-fs-400, 20px);
+  line-height: var(--intergalactic-lh-400, 120%);
+  font-weight: var(--intergalactic-semi-bold, 600);
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--intergalactic-text-primary, #191b23);
+  margin: 0;
+}
+
+STool {
+  margin-right: var(--intergalactic-spacing-1x, 4px);
+}
+
+SName {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@media (max-width: 767px) {
+  STitle {
+    flex-wrap: wrap;
+    white-space: normal;
+  }
+}

package/product-head/package.json

@@ -1 +1 @@
-{"name":"intergalactic/product-head","description":"Semrush ProductHead Component","version":"4.41.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.2","@semcore/flex-box":"5.41.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/product-head"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/product-head","description":"Semrush ProductHead Component","version":"4.41.3","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.4","@semcore/flex-box":"5.41.3"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/product-head"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/progress-bar/lib/cjs/ProgressBar.js

@@ -17,22 +17,24 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
-/*__reshadow-styles__:"./style/progress-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes loading_qmlm3{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_qmlm3_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_qmlm3_gg_._theme_dark_qmlm3_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_qmlm3_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n  linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_qmlm3;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_qmlm3);animation-duration:var(--duration_qmlm3);transition-duration:var(--duration_qmlm3)}.___SValue_qmlm3_gg_.__theme_qmlm3_gg_{background-color:var(--colorBg_qmlm3);background-image:var(--colorBg_qmlm3)}.___SProgressBar_qmlm3_gg_._size_s_qmlm3_gg_,.___SValue_qmlm3_gg_._size_s_qmlm3_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_qmlm3_gg_._size_m_qmlm3_gg_,.___SValue_qmlm3_gg_._size_m_qmlm3_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_qmlm3_gg_._size_l_qmlm3_gg_,.___SValue_qmlm3_gg_._size_l_qmlm3_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_qmlm3_gg_._theme_invert_qmlm3_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_qmlm3_gg_.__animation_qmlm3_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n  linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_qmlm3;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_qmlm3)}.___SProgressBar_qmlm3_gg_._theme_custom_qmlm3_gg_{background-color:var(--colorBg_qmlm3);background-image:var(--colorBg_qmlm3)}@media (prefers-reduced-motion){.___SProgressBar_qmlm3_gg_.__animation_qmlm3_gg_,.___SValue_qmlm3_gg_{animation-name:none}}" /*__inner_css_end__*/, "qmlm3_gg_") /*__reshadow_css_end__*/, {
-  "__SProgressBar": "___SProgressBar_qmlm3_gg_",
-  "_theme_dark": "_theme_dark_qmlm3_gg_",
-  "__SValue": "___SValue_qmlm3_gg_",
-  "--width": "--width_qmlm3",
-  "--duration": "--duration_qmlm3",
-  "_theme": "__theme_qmlm3_gg_",
-  "--colorBg": "--colorBg_qmlm3",
-  "_size_s": "_size_s_qmlm3_gg_",
-  "_size_m": "_size_m_qmlm3_gg_",
-  "_size_l": "_size_l_qmlm3_gg_",
-  "_theme_invert": "_theme_invert_qmlm3_gg_",
-  "@loading": "loading_qmlm3",
-  "_animation": "__animation_qmlm3_gg_",
-  "_theme_custom": "_theme_custom_qmlm3_gg_"
+/*!__reshadow-styles__:"./style/progress-bar.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes loading_1ptot{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1ptot_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1ptot_gg_._theme_dark_1ptot_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_1ptot_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n  linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_1ptot;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_1ptot);animation-duration:var(--duration_1ptot);transition-duration:var(--duration_1ptot)}.___SValue_1ptot_gg_.__theme_1ptot_gg_{background-color:var(--colorBg_1ptot);background-image:var(--colorBg_1ptot)}.___SProgressBar_1ptot_gg_._size_s_1ptot_gg_,.___SValue_1ptot_gg_._size_s_1ptot_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_1ptot_gg_._size_m_1ptot_gg_,.___SValue_1ptot_gg_._size_m_1ptot_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_1ptot_gg_._size_l_1ptot_gg_,.___SValue_1ptot_gg_._size_l_1ptot_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_1ptot_gg_._theme_invert_1ptot_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1ptot_gg_.__animation_1ptot_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n  linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_1ptot;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_1ptot)}.___SProgressBar_1ptot_gg_._theme_custom_1ptot_gg_{background-color:var(--colorBg_1ptot);background-image:var(--colorBg_1ptot)}@media (prefers-reduced-motion){.___SProgressBar_1ptot_gg_.__animation_1ptot_gg_,.___SValue_1ptot_gg_{animation-name:none}}", /*__inner_css_end__*/"1ptot_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SProgressBar": "___SProgressBar_1ptot_gg_",
+  "_theme_dark": "_theme_dark_1ptot_gg_",
+  "__SValue": "___SValue_1ptot_gg_",
+  "--width": "--width_1ptot",
+  "--duration": "--duration_1ptot",
+  "_theme": "__theme_1ptot_gg_",
+  "--colorBg": "--colorBg_1ptot",
+  "_size_s": "_size_s_1ptot_gg_",
+  "_size_m": "_size_m_1ptot_gg_",
+  "_size_l": "_size_l_1ptot_gg_",
+  "_theme_invert": "_theme_invert_1ptot_gg_",
+  "@loading": "loading_1ptot",
+  "_animation": "__animation_1ptot_gg_",
+  "_theme_custom": "_theme_custom_1ptot_gg_"
 });
 function isCustomTheme(theme) {
   return !['dark', 'invert'].includes(theme);