intergalactic 15.129.0 → 15.130.0

package/typography/lib/es6/Text.js

@@ -4,41 +4,43 @@ import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import { createBaseComponent, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-/*__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_12j7t_gg_{padding:0;margin:0}.___SText_12j7t_gg_._size_100_12j7t_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_12j7t_gg_._size_200_12j7t_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12j7t_gg_._size_300_12j7t_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_12j7t_gg_._size_400_12j7t_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_12j7t_gg_._size_500_12j7t_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_12j7t_gg_._size_600_12j7t_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_12j7t_gg_._size_700_12j7t_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_12j7t_gg_._size_800_12j7t_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_12j7t_gg_.__noWrap_12j7t_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_12j7t_gg_.__medium_12j7t_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_12j7t_gg_.__semibold_12j7t_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_12j7t_gg_.__bold_12j7t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_12j7t_gg_.__italic_12j7t_gg_{font-style:italic}.___SText_12j7t_gg_.__monospace_12j7t_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_12j7t_gg_.__uppercase_12j7t_gg_{text-transform:uppercase}.___SText_12j7t_gg_.__lowercase_12j7t_gg_{text-transform:lowercase}.___SText_12j7t_gg_.__capitalize_12j7t_gg_{text-transform:capitalize}.___SText_12j7t_gg_.__decoration_12j7t_gg_{-webkit-text-decoration:var(--decoration_12j7t);text-decoration:var(--decoration_12j7t)}.___SText_12j7t_gg_.__color_12j7t_gg_{color:var(--color_12j7t)}.___SText_12j7t_gg_.__fontSize_12j7t_gg_{font-size:var(--fontSize_12j7t)}.___SText_12j7t_gg_.__lineHeight_12j7t_gg_{line-height:var(--lineHeight_12j7t)}.___SText_12j7t_gg_.__fontWeight_12j7t_gg_{font-weight:var(--fontWeight_12j7t)}.___SText_12j7t_gg_.__textAlign_12j7t_gg_{text-align:var(--textAlign_12j7t)}.___SText_12j7t_gg_._use_primary_12j7t_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_12j7t_gg_._use_secondary_12j7t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_12j7t_gg_.__disabled_12j7t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "12j7t_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_12j7t_gg_",
-  "_size_100": "_size_100_12j7t_gg_",
-  "_size_200": "_size_200_12j7t_gg_",
-  "_size_300": "_size_300_12j7t_gg_",
-  "_size_400": "_size_400_12j7t_gg_",
-  "_size_500": "_size_500_12j7t_gg_",
-  "_size_600": "_size_600_12j7t_gg_",
-  "_size_700": "_size_700_12j7t_gg_",
-  "_size_800": "_size_800_12j7t_gg_",
-  "_noWrap": "__noWrap_12j7t_gg_",
-  "_medium": "__medium_12j7t_gg_",
-  "_semibold": "__semibold_12j7t_gg_",
-  "_bold": "__bold_12j7t_gg_",
-  "_italic": "__italic_12j7t_gg_",
-  "_monospace": "__monospace_12j7t_gg_",
-  "_uppercase": "__uppercase_12j7t_gg_",
-  "_lowercase": "__lowercase_12j7t_gg_",
-  "_capitalize": "__capitalize_12j7t_gg_",
-  "_decoration": "__decoration_12j7t_gg_",
-  "--decoration": "--decoration_12j7t",
-  "_color": "__color_12j7t_gg_",
-  "--color": "--color_12j7t",
-  "_fontSize": "__fontSize_12j7t_gg_",
-  "--fontSize": "--fontSize_12j7t",
-  "_lineHeight": "__lineHeight_12j7t_gg_",
-  "--lineHeight": "--lineHeight_12j7t",
-  "_fontWeight": "__fontWeight_12j7t_gg_",
-  "--fontWeight": "--fontWeight_12j7t",
-  "_textAlign": "__textAlign_12j7t_gg_",
-  "--textAlign": "--textAlign_12j7t",
-  "_use_primary": "_use_primary_12j7t_gg_",
-  "_use_secondary": "_use_secondary_12j7t_gg_",
-  "_disabled": "__disabled_12j7t_gg_"
+/*!__reshadow-styles__:"./style/text.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_1ce3c_gg_{padding:0;margin:0}.___SText_1ce3c_gg_._size_100_1ce3c_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ce3c_gg_._size_200_1ce3c_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ce3c_gg_._size_300_1ce3c_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ce3c_gg_._size_400_1ce3c_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ce3c_gg_._size_500_1ce3c_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ce3c_gg_._size_600_1ce3c_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ce3c_gg_._size_700_1ce3c_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ce3c_gg_._size_800_1ce3c_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ce3c_gg_.__noWrap_1ce3c_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ce3c_gg_.__medium_1ce3c_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ce3c_gg_.__semibold_1ce3c_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ce3c_gg_.__bold_1ce3c_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ce3c_gg_.__italic_1ce3c_gg_{font-style:italic}.___SText_1ce3c_gg_.__monospace_1ce3c_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ce3c_gg_.__uppercase_1ce3c_gg_{text-transform:uppercase}.___SText_1ce3c_gg_.__lowercase_1ce3c_gg_{text-transform:lowercase}.___SText_1ce3c_gg_.__capitalize_1ce3c_gg_{text-transform:capitalize}.___SText_1ce3c_gg_.__decoration_1ce3c_gg_{-webkit-text-decoration:var(--decoration_1ce3c);text-decoration:var(--decoration_1ce3c)}.___SText_1ce3c_gg_.__color_1ce3c_gg_{color:var(--color_1ce3c)}.___SText_1ce3c_gg_.__fontSize_1ce3c_gg_{font-size:var(--fontSize_1ce3c)}.___SText_1ce3c_gg_.__lineHeight_1ce3c_gg_{line-height:var(--lineHeight_1ce3c)}.___SText_1ce3c_gg_.__fontWeight_1ce3c_gg_{font-weight:var(--fontWeight_1ce3c)}.___SText_1ce3c_gg_.__textAlign_1ce3c_gg_{text-align:var(--textAlign_1ce3c)}.___SText_1ce3c_gg_._use_primary_1ce3c_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ce3c_gg_._use_secondary_1ce3c_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ce3c_gg_.__disabled_1ce3c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}", /*__inner_css_end__*/"1ce3c_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SText": "___SText_1ce3c_gg_",
+  "_size_100": "_size_100_1ce3c_gg_",
+  "_size_200": "_size_200_1ce3c_gg_",
+  "_size_300": "_size_300_1ce3c_gg_",
+  "_size_400": "_size_400_1ce3c_gg_",
+  "_size_500": "_size_500_1ce3c_gg_",
+  "_size_600": "_size_600_1ce3c_gg_",
+  "_size_700": "_size_700_1ce3c_gg_",
+  "_size_800": "_size_800_1ce3c_gg_",
+  "_noWrap": "__noWrap_1ce3c_gg_",
+  "_medium": "__medium_1ce3c_gg_",
+  "_semibold": "__semibold_1ce3c_gg_",
+  "_bold": "__bold_1ce3c_gg_",
+  "_italic": "__italic_1ce3c_gg_",
+  "_monospace": "__monospace_1ce3c_gg_",
+  "_uppercase": "__uppercase_1ce3c_gg_",
+  "_lowercase": "__lowercase_1ce3c_gg_",
+  "_capitalize": "__capitalize_1ce3c_gg_",
+  "_decoration": "__decoration_1ce3c_gg_",
+  "--decoration": "--decoration_1ce3c",
+  "_color": "__color_1ce3c_gg_",
+  "--color": "--color_1ce3c",
+  "_fontSize": "__fontSize_1ce3c_gg_",
+  "--fontSize": "--fontSize_1ce3c",
+  "_lineHeight": "__lineHeight_1ce3c_gg_",
+  "--lineHeight": "--lineHeight_1ce3c",
+  "_fontWeight": "__fontWeight_1ce3c_gg_",
+  "--fontWeight": "--fontWeight_1ce3c",
+  "_textAlign": "__textAlign_1ce3c_gg_",
+  "--textAlign": "--textAlign_1ce3c",
+  "_use_primary": "_use_primary_1ce3c_gg_",
+  "_use_secondary": "_use_secondary_1ce3c_gg_",
+  "_disabled": "__disabled_1ce3c_gg_"
 });
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 function getTextDecoration(underline, lineThrough) {

package/typography/lib/es6/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["React","createBaseComponent","Root","sstyled","Box","styles","_sstyled","insert","useColorResolver","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/text.shadow.css';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nfunction getTextDecoration(underline, lineThrough) {\n  if (underline) {\n    return 'underline';\n  }\n\n  if (lineThrough) {\n    return 'line-through';\n  }\n}\n\nfunction Text(props, ref) {\n  const SText = Root;\n  const { color, underline, lineThrough } = props;\n  const textDecoration = getTextDecoration(underline, lineThrough);\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(\n    <SText\n      render={Box}\n      tag='span'\n      data-ui-name='Text'\n      ref={ref}\n      use:decoration={textDecoration}\n      use:color={resolveColor(color)}\n    />,\n  );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGxC,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGb,gBAAgB,EAAE;EAEvC,OAAAS,KAAA,GAAOd,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAsB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAezB,mBAAmB,CAACW,IAAI,CAAC"}
+{"version":3,"file":"Text.js","names":["React","createBaseComponent","Root","sstyled","Box","styles","_sstyled","insert","useColorResolver","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","resolveColor","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport styles from './style/text.shadow.css';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nfunction getTextDecoration(underline, lineThrough) {\n  if (underline) {\n    return 'underline';\n  }\n\n  if (lineThrough) {\n    return 'line-through';\n  }\n}\n\nfunction Text(props, ref) {\n  const SText = Root;\n  const { color, underline, lineThrough } = props;\n  const textDecoration = getTextDecoration(underline, lineThrough);\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(\n    <SText\n      render={Box}\n      tag='span'\n      data-ui-name='Text'\n      ref={ref}\n      use:decoration={textDecoration}\n      use:color={resolveColor(color)}\n    />,\n  );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGxC,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAOCd,GAAG;EANf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMU,YAAY,GAAGb,gBAAgB,EAAE;EAEvC,OAAAS,KAAA,GAAOd,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAsB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAJ,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACc,WAAW,GAAG,MAAM;AAEzB,eAAezB,mBAAmB,CAACW,IAAI,CAAC"}

package/typography/lib/esm/Blockquote.mjs

@@ -1,30 +1,37 @@
-import g from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as p } from 'intergalactic/utils/lib/core/index';
-import { createBaseComponent as u, sstyled as m, assignProps as f } from 'intergalactic/core';
-import o from "react";
-import h from 'intergalactic/utils/lib/isNode';
-import { Box as v } from 'intergalactic/flex-box';
-var S = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import { createBaseComponent, sstyled as sstyled$1, assignProps } from 'intergalactic/core';
+import React from "react";
+import isNode from 'intergalactic/utils/lib/isNode';
+import { Box } from 'intergalactic/flex-box';
+/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
+var styles = (
   /*__reshadow_css_start__*/
-  (p.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBlockquote_17iop_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_17iop_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:"Times New Roman",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_17iop_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}',
-    "17iop_gg_"
-  ), {
-    __SBlockquote: "___SBlockquote_17iop_gg_",
-    __SDoubleQuotation: "___SDoubleQuotation_17iop_gg_",
-    __SAuthor: "___SAuthor_17iop_gg_"
+    '.___SBlockquote_1t4p4_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_1t4p4_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:"Times New Roman",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_1t4p4_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}',
+    /*__inner_css_end__*/
+    "1t4p4_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SBlockquote": "___SBlockquote_1t4p4_gg_",
+    "__SDoubleQuotation": "___SDoubleQuotation_1t4p4_gg_",
+    "__SAuthor": "___SAuthor_1t4p4_gg_"
   })
 );
-function r(e, i) {
-  var l = arguments[0], t, n = v, c = "span", _ = "cite", s = e.children, a = e.author;
-  return t = m(S), /* @__PURE__ */ o.createElement(n, t.cn("SBlockquote", g({}, f({
-    tag: "blockquote",
-    ref: i
-  }, l))), /* @__PURE__ */ o.createElement(c, t.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ o.createElement("span", t.cn("span", {}), s, h(a) && /* @__PURE__ */ o.createElement(_, t.cn("SAuthor", {}), a)));
+function Blockquote(props, ref) {
+  var _ref = arguments[0], _ref2;
+  var SBlockquote = Box;
+  var SDoubleQuotation = "span";
+  var SAuthor = "cite";
+  var children = props.children, author = props.author;
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, assignProps({
+    "tag": "blockquote",
+    "ref": ref
+  }, _ref))), /* @__PURE__ */ React.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ React.createElement("span", _ref2.cn("span", {}), children, isNode(author) && /* @__PURE__ */ React.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
 }
-r.displayName = "Blockquote";
-const q = u(r);
+Blockquote.displayName = "Blockquote";
+const Blockquote$1 = createBaseComponent(Blockquote);
 export {
-  q as default
+  Blockquote$1 as default
 };

package/typography/lib/esm/Hint.mjs

@@ -1,69 +1,81 @@
-import s from "@babel/runtime/helpers/esm/objectSpread2";
-import x from "@babel/runtime/helpers/esm/classCallCheck";
-import y from "@babel/runtime/helpers/esm/createClass";
-import S from "@babel/runtime/helpers/esm/inherits";
-import b from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as H } from 'intergalactic/utils/lib/core/index';
-import A, { sstyled as c, assignProps as l, Component as T } from 'intergalactic/core';
-import n from "react";
-import { Box as v } from 'intergalactic/flex-box';
-import C from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import E from 'intergalactic/utils/lib/addonTextChildren';
-import P from "./Text.mjs";
-var R = (
+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 keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
+import Text from "./Text.mjs";
+/*!__reshadow-styles__:"./style/hint.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (H.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SHint_1k258_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1k258_gg_.__active_1k258_gg_,.___SHint_1k258_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1k258_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1k258_gg_.__keyboardFocused_1k258_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1k258_gg_.__disabled_1k258_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1k258_gg_{vertical-align:middle;display:inline-flex}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1k258_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1k258_gg_{transition:none}}",
-    "1k258_gg_"
-  ), {
-    __SHint: "___SHint_1k258_gg_",
-    _keyboardFocused: "__keyboardFocused_1k258_gg_",
-    _disabled: "__disabled_1k258_gg_",
-    __SAddon: "___SAddon_1k258_gg_",
-    __SText: "___SText_1k258_gg_",
-    _active: "__active_1k258_gg_"
+    ".___SHint_1p9rr_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1p9rr_gg_.__active_1p9rr_gg_,.___SHint_1p9rr_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1p9rr_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1p9rr_gg_.__keyboardFocused_1p9rr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1p9rr_gg_.__disabled_1p9rr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1p9rr_gg_{vertical-align:middle;display:inline-flex}.___SHint_1p9rr_gg_ .___SAddon_1p9rr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1p9rr_gg_ .___SAddon_1p9rr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1p9rr_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1p9rr_gg_{transition:none}}",
+    /*__inner_css_end__*/
+    "1p9rr_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SHint": "___SHint_1p9rr_gg_",
+    "_keyboardFocused": "__keyboardFocused_1p9rr_gg_",
+    "_disabled": "__disabled_1p9rr_gg_",
+    "__SAddon": "___SAddon_1p9rr_gg_",
+    "__SText": "___SText_1p9rr_gg_",
+    "_active": "__active_1p9rr_gg_"
   })
-), d = /* @__PURE__ */ function(e) {
-  S(t, e);
-  var _ = b(t);
-  function t() {
-    return x(this, t), _.apply(this, arguments);
+);
+var RootHint = /* @__PURE__ */ function(_Component) {
+  _inherits(RootHint2, _Component);
+  var _super = _createSuper(RootHint2);
+  function RootHint2() {
+    _classCallCheck(this, RootHint2);
+    return _super.apply(this, arguments);
   }
-  return y(t, [{
+  _createClass(RootHint2, [{
     key: "render",
-    value: function() {
-      var r = this.asProps, m, k = P, a = this.asProps, u = a.styles, h = a.Children, p = a.addonLeft, f = a.addonRight;
-      return m = c(u), /* @__PURE__ */ n.createElement(k, m.cn("SHint", s({}, l({
-        tag: "abbr"
-      }, r))), p ? /* @__PURE__ */ n.createElement(i.Addon, {
-        tag: p
-      }) : null, E(h, i.Text, i.Addon), f ? /* @__PURE__ */ n.createElement(i.Addon, {
-        tag: f
+    value: function render() {
+      var _ref = this.asProps, _ref4;
+      var SHint = Text;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, Children = _this$asProps.Children, addonLeft = _this$asProps.addonLeft, addonRight = _this$asProps.addonRight;
+      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SHint, _ref4.cn("SHint", _objectSpread({}, assignProps({
+        "tag": "abbr"
+      }, _ref))), addonLeft ? /* @__PURE__ */ React.createElement(Hint.Addon, {
+        tag: addonLeft
+      }) : null, addonTextChildren(Children, Hint.Text, Hint.Addon), addonRight ? /* @__PURE__ */ React.createElement(Hint.Addon, {
+        tag: addonRight
       }) : null);
     }
-  }]), t;
-}(T);
-g(d, "displayName", "Hint");
-g(d, "style", R);
-g(d, "enhance", [C()]);
-function F(e) {
-  var _ = arguments[0], t, o = v, r = e.styles;
-  return t = c(r), /* @__PURE__ */ n.createElement(o, t.cn("SAddon", s({}, l({
-    tag: "span"
-  }, _))));
+  }]);
+  return RootHint2;
+}(Component);
+_defineProperty(RootHint, "displayName", "Hint");
+_defineProperty(RootHint, "style", style);
+_defineProperty(RootHint, "enhance", [keyboardFocusEnhance()]);
+function Addon(props) {
+  var _ref2 = arguments[0], _ref5;
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAddon, _ref5.cn("SAddon", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref2))));
 }
-function w(e) {
-  var _ = arguments[0], t, o = v, r = e.styles;
-  return t = c(r), /* @__PURE__ */ n.createElement(o, t.cn("SText", s({}, l({
-    tag: "span"
-  }, _))));
+function HintText(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SText = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref6.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref3))));
 }
-var i = A(d, {
-  Text: w,
-  Addon: F
+var Hint = createComponent(RootHint, {
+  Text: HintText,
+  Addon
 });
 export {
-  i as default
+  Hint as default
 };

package/typography/lib/esm/List.mjs

@@ -1,89 +1,107 @@
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import v from "@babel/runtime/helpers/esm/classCallCheck";
-import u from "@babel/runtime/helpers/esm/createClass";
-import S from "@babel/runtime/helpers/esm/inherits";
-import y from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as w } from 'intergalactic/utils/lib/core/index';
-import h, { sstyled as g, assignProps as c, Component as C } from 'intergalactic/core';
-import a from "react";
-import { Flex as A } from 'intergalactic/flex-box';
-import $ from 'intergalactic/utils/lib/isNode';
-import { isAdvanceMode as b } from 'intergalactic/utils/lib/findComponent';
-import k from "./Text.mjs";
-var I = (
+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 { Flex } from 'intergalactic/flex-box';
+import isNode from 'intergalactic/utils/lib/isNode';
+import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
+import Text from "./Text.mjs";
+/*!__reshadow-styles__:"./style/list.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (w.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SList_38xxt_gg_{padding:0;margin:0;list-style-type:none}.___SContent_38xxt_gg_{overflow:inherit;text-overflow:inherit}.___SItem_38xxt_gg_+.___SItem_38xxt_gg_,.___SList_38xxt_gg_ .___SList_38xxt_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_38xxt_gg_{display:flex}.___SMarker_38xxt_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
-    "38xxt_gg_"
-  ), {
-    __SList: "___SList_38xxt_gg_",
-    __SContent: "___SContent_38xxt_gg_",
-    __SItem: "___SItem_38xxt_gg_",
-    __SMarker: "___SMarker_38xxt_gg_"
+    ".___SList_1iaz2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1iaz2_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1iaz2_gg_+.___SItem_1iaz2_gg_,.___SList_1iaz2_gg_ .___SList_1iaz2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1iaz2_gg_{display:flex}.___SMarker_1iaz2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
+    /*__inner_css_end__*/
+    "1iaz2_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SList": "___SList_1iaz2_gg_",
+    "__SContent": "___SContent_1iaz2_gg_",
+    "__SItem": "___SItem_1iaz2_gg_",
+    "__SMarker": "___SMarker_1iaz2_gg_"
   })
-), m = /* @__PURE__ */ function(n) {
-  S(t, n);
-  var i = y(t);
-  function t() {
-    return v(this, t), i.apply(this, arguments);
+);
+var ListRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(ListRoot2, _Component);
+  var _super = _createSuper(ListRoot2);
+  function ListRoot2() {
+    _classCallCheck(this, ListRoot2);
+    return _super.apply(this, arguments);
   }
-  return u(t, [{
+  _createClass(ListRoot2, [{
     key: "getItemProps",
-    value: function() {
-      var r = this.asProps.marker;
+    value: function getItemProps() {
+      var marker = this.asProps.marker;
       return {
-        marker: r
+        marker
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps, e, l = k, _ = this.asProps.styles;
-      return e = g(_), /* @__PURE__ */ a.createElement(l, e.cn("SList", p({}, c({
-        tag: "ul",
-        role: "list"
-      }, r))));
+    value: function render() {
+      var _ref = this.asProps, _ref4;
+      var SList = Text;
+      var styles = this.asProps.styles;
+      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SList, _ref4.cn("SList", _objectSpread({}, assignProps({
+        "tag": "ul",
+        "role": "list"
+      }, _ref))));
     }
-  }]), t;
-}(C);
-s(m, "displayName", "List");
-s(m, "style", I);
-s(m, "defaultProps", {
+  }]);
+  return ListRoot2;
+}(Component);
+_defineProperty(ListRoot, "displayName", "List");
+_defineProperty(ListRoot, "style", style);
+_defineProperty(ListRoot, "defaultProps", {
   marker: "•"
 });
-var d = /* @__PURE__ */ function(n) {
-  S(t, n);
-  var i = y(t);
-  function t() {
-    return v(this, t), i.apply(this, arguments);
+var ItemRoot = /* @__PURE__ */ function(_Component2) {
+  _inherits(ItemRoot2, _Component2);
+  var _super2 = _createSuper(ItemRoot2);
+  function ItemRoot2() {
+    _classCallCheck(this, ItemRoot2);
+    return _super2.apply(this, arguments);
   }
-  return u(t, [{
+  _createClass(ItemRoot2, [{
     key: "render",
-    value: function() {
-      var r = this.asProps, e, l = k, _ = this.asProps, P = _.styles, M = _.children, x = _.marker, f = _.Children, E = "span", N = "div", R = b(f, [F.Item.Content.displayName]);
-      return e = g(P), /* @__PURE__ */ a.createElement(l, e.cn("SItem", p({}, c({
-        tag: "li",
-        role: "listitem"
-      }, r))), $(x) && /* @__PURE__ */ a.createElement(E, e.cn("SMarker", {
+    value: function render() {
+      var _ref2 = this.asProps, _ref5;
+      var SItem = Text;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, children = _this$asProps.children, markerNode = _this$asProps.marker, Children = _this$asProps.Children;
+      var SMarker = "span";
+      var SContent = "div";
+      var isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);
+      return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SItem, _ref5.cn("SItem", _objectSpread({}, assignProps({
+        "tag": "li",
+        "role": "listitem"
+      }, _ref2))), isNode(markerNode) && /* @__PURE__ */ React.createElement(SMarker, _ref5.cn("SMarker", {
         "aria-hidden": "true"
-      }), x), R ? /* @__PURE__ */ a.createElement(f, e.cn("Children", {})) : /* @__PURE__ */ a.createElement(N, e.cn("SContent", {}), M));
+      }), markerNode), isAdvancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(SContent, _ref5.cn("SContent", {}), children));
     }
-  }]), t;
-}(C);
-s(d, "style", I);
-s(d, "displayName", "Item");
-function L(n) {
-  var i = arguments[0], t, o = n.styles, r = n.children, e = A;
-  return t = g(o), /* @__PURE__ */ a.createElement(e, t.cn("SContent", p({}, c({}, i))), r);
+  }]);
+  return ItemRoot2;
+}(Component);
+_defineProperty(ItemRoot, "style", style);
+_defineProperty(ItemRoot, "displayName", "Item");
+function Content(props) {
+  var _ref3 = arguments[0], _ref6;
+  var styles = props.styles, children = props.children;
+  var SContent = Flex;
+  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, assignProps({}, _ref3))), children);
 }
-L.displayName = "Content";
-var j = h(d, {
-  Content: L
-}), F = h(m, {
-  Item: j
+Content.displayName = "Content";
+var Item = createComponent(ItemRoot, {
+  Content
+});
+var List = createComponent(ListRoot, {
+  Item
 });
 export {
-  F as default
+  List as default
 };