intergalactic 15.84.0 → 15.85.0-prerelease.2

package/typography/lib/cjs/Text.js

@@ -6,45 +6,46 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _index = require("intergalactic/utils/lib/core/index");
 var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 /*__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_1ipgq_gg_{padding:0;margin:0}.___SText_1ipgq_gg_._size_100_1ipgq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ipgq_gg_._size_200_1ipgq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ipgq_gg_._size_300_1ipgq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ipgq_gg_._size_400_1ipgq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ipgq_gg_._size_500_1ipgq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ipgq_gg_._size_600_1ipgq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ipgq_gg_._size_700_1ipgq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ipgq_gg_._size_800_1ipgq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ipgq_gg_.__noWrap_1ipgq_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ipgq_gg_.__medium_1ipgq_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ipgq_gg_.__semibold_1ipgq_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ipgq_gg_.__bold_1ipgq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ipgq_gg_.__italic_1ipgq_gg_{font-style:italic}.___SText_1ipgq_gg_.__monospace_1ipgq_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ipgq_gg_.__uppercase_1ipgq_gg_{text-transform:uppercase}.___SText_1ipgq_gg_.__lowercase_1ipgq_gg_{text-transform:lowercase}.___SText_1ipgq_gg_.__capitalize_1ipgq_gg_{text-transform:capitalize}.___SText_1ipgq_gg_.__decoration_1ipgq_gg_{-webkit-text-decoration:var(--decoration_1ipgq);text-decoration:var(--decoration_1ipgq)}.___SText_1ipgq_gg_.__color_1ipgq_gg_{color:var(--color_1ipgq)}.___SText_1ipgq_gg_.__fontSize_1ipgq_gg_{font-size:var(--fontSize_1ipgq)}.___SText_1ipgq_gg_.__lineHeight_1ipgq_gg_{line-height:var(--lineHeight_1ipgq)}.___SText_1ipgq_gg_.__fontWeight_1ipgq_gg_{font-weight:var(--fontWeight_1ipgq)}.___SText_1ipgq_gg_.__textAlign_1ipgq_gg_{text-align:var(--textAlign_1ipgq)}.___SText_1ipgq_gg_._use_primary_1ipgq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ipgq_gg_._use_secondary_1ipgq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ipgq_gg_.__disabled_1ipgq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1ipgq_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_1ipgq_gg_",
-  "_size_100": "_size_100_1ipgq_gg_",
-  "_size_200": "_size_200_1ipgq_gg_",
-  "_size_300": "_size_300_1ipgq_gg_",
-  "_size_400": "_size_400_1ipgq_gg_",
-  "_size_500": "_size_500_1ipgq_gg_",
-  "_size_600": "_size_600_1ipgq_gg_",
-  "_size_700": "_size_700_1ipgq_gg_",
-  "_size_800": "_size_800_1ipgq_gg_",
-  "_noWrap": "__noWrap_1ipgq_gg_",
-  "_medium": "__medium_1ipgq_gg_",
-  "_semibold": "__semibold_1ipgq_gg_",
-  "_bold": "__bold_1ipgq_gg_",
-  "_italic": "__italic_1ipgq_gg_",
-  "_monospace": "__monospace_1ipgq_gg_",
-  "_uppercase": "__uppercase_1ipgq_gg_",
-  "_lowercase": "__lowercase_1ipgq_gg_",
-  "_capitalize": "__capitalize_1ipgq_gg_",
-  "_decoration": "__decoration_1ipgq_gg_",
-  "--decoration": "--decoration_1ipgq",
-  "_color": "__color_1ipgq_gg_",
-  "--color": "--color_1ipgq",
-  "_fontSize": "__fontSize_1ipgq_gg_",
-  "--fontSize": "--fontSize_1ipgq",
-  "_lineHeight": "__lineHeight_1ipgq_gg_",
-  "--lineHeight": "--lineHeight_1ipgq",
-  "_fontWeight": "__fontWeight_1ipgq_gg_",
-  "--fontWeight": "--fontWeight_1ipgq",
-  "_textAlign": "__textAlign_1ipgq_gg_",
-  "--textAlign": "--textAlign_1ipgq",
-  "_use_primary": "_use_primary_1ipgq_gg_",
-  "_use_secondary": "_use_secondary_1ipgq_gg_",
-  "_disabled": "__disabled_1ipgq_gg_"
+var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SText_slm0x_gg_{padding:0;margin:0}.___SText_slm0x_gg_._size_100_slm0x_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_slm0x_gg_._size_200_slm0x_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_slm0x_gg_._size_300_slm0x_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_slm0x_gg_._size_400_slm0x_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_slm0x_gg_._size_500_slm0x_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_slm0x_gg_._size_600_slm0x_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_slm0x_gg_._size_700_slm0x_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_slm0x_gg_._size_800_slm0x_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_slm0x_gg_.__noWrap_slm0x_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_slm0x_gg_.__medium_slm0x_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_slm0x_gg_.__semibold_slm0x_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_slm0x_gg_.__bold_slm0x_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_slm0x_gg_.__italic_slm0x_gg_{font-style:italic}.___SText_slm0x_gg_.__monospace_slm0x_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_slm0x_gg_.__uppercase_slm0x_gg_{text-transform:uppercase}.___SText_slm0x_gg_.__lowercase_slm0x_gg_{text-transform:lowercase}.___SText_slm0x_gg_.__capitalize_slm0x_gg_{text-transform:capitalize}.___SText_slm0x_gg_.__decoration_slm0x_gg_{-webkit-text-decoration:var(--decoration_slm0x);text-decoration:var(--decoration_slm0x)}.___SText_slm0x_gg_.__color_slm0x_gg_{color:var(--color_slm0x)}.___SText_slm0x_gg_.__fontSize_slm0x_gg_{font-size:var(--fontSize_slm0x)}.___SText_slm0x_gg_.__lineHeight_slm0x_gg_{line-height:var(--lineHeight_slm0x)}.___SText_slm0x_gg_.__fontWeight_slm0x_gg_{font-weight:var(--fontWeight_slm0x)}.___SText_slm0x_gg_.__textAlign_slm0x_gg_{text-align:var(--textAlign_slm0x)}.___SText_slm0x_gg_._use_primary_slm0x_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_slm0x_gg_._use_secondary_slm0x_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_slm0x_gg_.__disabled_slm0x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "slm0x_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_slm0x_gg_",
+  "_size_100": "_size_100_slm0x_gg_",
+  "_size_200": "_size_200_slm0x_gg_",
+  "_size_300": "_size_300_slm0x_gg_",
+  "_size_400": "_size_400_slm0x_gg_",
+  "_size_500": "_size_500_slm0x_gg_",
+  "_size_600": "_size_600_slm0x_gg_",
+  "_size_700": "_size_700_slm0x_gg_",
+  "_size_800": "_size_800_slm0x_gg_",
+  "_noWrap": "__noWrap_slm0x_gg_",
+  "_medium": "__medium_slm0x_gg_",
+  "_semibold": "__semibold_slm0x_gg_",
+  "_bold": "__bold_slm0x_gg_",
+  "_italic": "__italic_slm0x_gg_",
+  "_monospace": "__monospace_slm0x_gg_",
+  "_uppercase": "__uppercase_slm0x_gg_",
+  "_lowercase": "__lowercase_slm0x_gg_",
+  "_capitalize": "__capitalize_slm0x_gg_",
+  "_decoration": "__decoration_slm0x_gg_",
+  "--decoration": "--decoration_slm0x",
+  "_color": "__color_slm0x_gg_",
+  "--color": "--color_slm0x",
+  "_fontSize": "__fontSize_slm0x_gg_",
+  "--fontSize": "--fontSize_slm0x",
+  "_lineHeight": "__lineHeight_slm0x_gg_",
+  "--lineHeight": "--lineHeight_slm0x",
+  "_fontWeight": "__fontWeight_slm0x_gg_",
+  "--fontWeight": "--fontWeight_slm0x",
+  "_textAlign": "__textAlign_slm0x_gg_",
+  "--textAlign": "--textAlign_slm0x",
+  "_use_primary": "_use_primary_slm0x_gg_",
+  "_use_secondary": "_use_secondary_slm0x_gg_",
+  "_disabled": "__disabled_slm0x_gg_"
 });
 function getTextDecoration(underline, lineThrough) {
   if (underline) {

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","resolveColor","useColorResolver","createElement","cn","_objectSpread2","assignProps","displayName","_default","createBaseComponent","exports"],"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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AAA2E;AAAA,IAAAK,MAAA,+BAAAN,KAAA,CAAAO,OAAA,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;AAE3E,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,GAOCC,YAAG;EANf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMW,YAAY,GAAG,IAAAC,kCAAgB,GAAE;EAEvC,OAAAN,KAAA,GAAO,IAAAV,aAAO,EAACD,MAAM,CAAC,eACpBJ,MAAA,YAAAsB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdb,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACgB,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAAClB,IAAI,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_useColorResolver","styles","_index","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","resolveColor","useColorResolver","createElement","cn","_objectSpread2","assignProps","displayName","_default","createBaseComponent","exports"],"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":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AAA2E;AAAA,IAAAK,MAAA,+BAAAC,MAAA,CAAAC,OAAA,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;AAE3E,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,GAOCC,YAAG;EANf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAChE,IAAMW,YAAY,GAAG,IAAAC,kCAAgB,GAAE;EAEvC,OAAAN,KAAA,GAAO,IAAAV,aAAO,EAACF,MAAM,CAAC,eACpBJ,MAAA,YAAAuB,aAAA,CAACN,KAAK,EAAAD,KAAA,CAAAQ,EAAA,cAAAC,cAAA,qBAAA3B,KAAA,CAAA4B,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdb,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnBC,YAAY,CAACF,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACgB,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAAClB,IAAI,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}

package/typography/lib/es6/Blockquote.js

@@ -1,15 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import { createBaseComponent, Root, sstyled } from 'intergalactic/core';
 import isNode from 'intergalactic/utils/lib/isNode';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_50i4m_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_50i4m_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_50i4m_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__*/, "50i4m_gg_") /*__reshadow_css_end__*/, {
-  "__SBlockquote": "___SBlockquote_50i4m_gg_",
-  "__SDoubleQuotation": "___SDoubleQuotation_50i4m_gg_",
-  "__SAuthor": "___SAuthor_50i4m_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_14559_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_14559_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_14559_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__*/, "14559_gg_") /*__reshadow_css_end__*/, {
+  "__SBlockquote": "___SBlockquote_14559_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_14559_gg_",
+  "__SAuthor": "___SAuthor_14559_gg_"
 });
 function Blockquote(props, ref) {
   var _ref = arguments[0],

package/typography/lib/es6/Hint.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps3 } from 'intergalactic/core';
 import { assignProps as _assignProps2 } from 'intergalactic/core';
 import { assignProps as _assignProps } from 'intergalactic/core';
@@ -15,13 +15,13 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import Text from './Text';
 /*__reshadow-styles__:"./style/hint.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1e2ga_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_1e2ga_gg_.__active_1e2ga_gg_,.___SHint_1e2ga_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1e2ga_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1e2ga_gg_.__keyboardFocused_1e2ga_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1e2ga_gg_.__disabled_1e2ga_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1e2ga_gg_{vertical-align:middle;display:inline-flex}.___SHint_1e2ga_gg_ .___SAddon_1e2ga_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1e2ga_gg_ .___SAddon_1e2ga_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1e2ga_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1e2ga_gg_{transition:none}}" /*__inner_css_end__*/, "1e2ga_gg_") /*__reshadow_css_end__*/, {
-  "__SHint": "___SHint_1e2ga_gg_",
-  "_keyboardFocused": "__keyboardFocused_1e2ga_gg_",
-  "_disabled": "__disabled_1e2ga_gg_",
-  "__SAddon": "___SAddon_1e2ga_gg_",
-  "__SText": "___SText_1e2ga_gg_",
-  "_active": "__active_1e2ga_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_chdf6_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_chdf6_gg_.__active_chdf6_gg_,.___SHint_chdf6_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_chdf6_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_chdf6_gg_.__keyboardFocused_chdf6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_chdf6_gg_.__disabled_chdf6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_chdf6_gg_{vertical-align:middle;display:inline-flex}.___SHint_chdf6_gg_ .___SAddon_chdf6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_chdf6_gg_ .___SAddon_chdf6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_chdf6_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_chdf6_gg_{transition:none}}" /*__inner_css_end__*/, "chdf6_gg_") /*__reshadow_css_end__*/, {
+  "__SHint": "___SHint_chdf6_gg_",
+  "_keyboardFocused": "__keyboardFocused_chdf6_gg_",
+  "_disabled": "__disabled_chdf6_gg_",
+  "__SAddon": "___SAddon_chdf6_gg_",
+  "__SText": "___SText_chdf6_gg_",
+  "_active": "__active_chdf6_gg_"
 });
 var RootHint = /*#__PURE__*/function (_Component) {
   _inherits(RootHint, _Component);

package/typography/lib/es6/List.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps3 } from 'intergalactic/core';
 import { assignProps as _assignProps2 } from 'intergalactic/core';
 import { assignProps as _assignProps } from 'intergalactic/core';
@@ -15,11 +15,11 @@ import isNode from 'intergalactic/utils/lib/isNode';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import Text from './Text';
 /*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_nvr70_gg_{padding:0;margin:0;list-style-type:none}.___SContent_nvr70_gg_{overflow:inherit;text-overflow:inherit}.___SItem_nvr70_gg_+.___SItem_nvr70_gg_,.___SList_nvr70_gg_ .___SList_nvr70_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_nvr70_gg_{display:flex}.___SMarker_nvr70_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "nvr70_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_nvr70_gg_",
-  "__SContent": "___SContent_nvr70_gg_",
-  "__SItem": "___SItem_nvr70_gg_",
-  "__SMarker": "___SMarker_nvr70_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_dyq9n_gg_{padding:0;margin:0;list-style-type:none}.___SContent_dyq9n_gg_{overflow:inherit;text-overflow:inherit}.___SItem_dyq9n_gg_+.___SItem_dyq9n_gg_,.___SList_dyq9n_gg_ .___SList_dyq9n_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_dyq9n_gg_{display:flex}.___SMarker_dyq9n_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "dyq9n_gg_") /*__reshadow_css_end__*/, {
+  "__SList": "___SList_dyq9n_gg_",
+  "__SContent": "___SContent_dyq9n_gg_",
+  "__SItem": "___SItem_dyq9n_gg_",
+  "__SMarker": "___SMarker_dyq9n_gg_"
 });
 var ListRoot = /*#__PURE__*/function (_Component) {
   _inherits(ListRoot, _Component);

package/typography/lib/es6/Text.js

@@ -1,44 +1,44 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 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_1ipgq_gg_{padding:0;margin:0}.___SText_1ipgq_gg_._size_100_1ipgq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ipgq_gg_._size_200_1ipgq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ipgq_gg_._size_300_1ipgq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ipgq_gg_._size_400_1ipgq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ipgq_gg_._size_500_1ipgq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ipgq_gg_._size_600_1ipgq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ipgq_gg_._size_700_1ipgq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ipgq_gg_._size_800_1ipgq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ipgq_gg_.__noWrap_1ipgq_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ipgq_gg_.__medium_1ipgq_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ipgq_gg_.__semibold_1ipgq_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ipgq_gg_.__bold_1ipgq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ipgq_gg_.__italic_1ipgq_gg_{font-style:italic}.___SText_1ipgq_gg_.__monospace_1ipgq_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ipgq_gg_.__uppercase_1ipgq_gg_{text-transform:uppercase}.___SText_1ipgq_gg_.__lowercase_1ipgq_gg_{text-transform:lowercase}.___SText_1ipgq_gg_.__capitalize_1ipgq_gg_{text-transform:capitalize}.___SText_1ipgq_gg_.__decoration_1ipgq_gg_{-webkit-text-decoration:var(--decoration_1ipgq);text-decoration:var(--decoration_1ipgq)}.___SText_1ipgq_gg_.__color_1ipgq_gg_{color:var(--color_1ipgq)}.___SText_1ipgq_gg_.__fontSize_1ipgq_gg_{font-size:var(--fontSize_1ipgq)}.___SText_1ipgq_gg_.__lineHeight_1ipgq_gg_{line-height:var(--lineHeight_1ipgq)}.___SText_1ipgq_gg_.__fontWeight_1ipgq_gg_{font-weight:var(--fontWeight_1ipgq)}.___SText_1ipgq_gg_.__textAlign_1ipgq_gg_{text-align:var(--textAlign_1ipgq)}.___SText_1ipgq_gg_._use_primary_1ipgq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ipgq_gg_._use_secondary_1ipgq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ipgq_gg_.__disabled_1ipgq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1ipgq_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_1ipgq_gg_",
-  "_size_100": "_size_100_1ipgq_gg_",
-  "_size_200": "_size_200_1ipgq_gg_",
-  "_size_300": "_size_300_1ipgq_gg_",
-  "_size_400": "_size_400_1ipgq_gg_",
-  "_size_500": "_size_500_1ipgq_gg_",
-  "_size_600": "_size_600_1ipgq_gg_",
-  "_size_700": "_size_700_1ipgq_gg_",
-  "_size_800": "_size_800_1ipgq_gg_",
-  "_noWrap": "__noWrap_1ipgq_gg_",
-  "_medium": "__medium_1ipgq_gg_",
-  "_semibold": "__semibold_1ipgq_gg_",
-  "_bold": "__bold_1ipgq_gg_",
-  "_italic": "__italic_1ipgq_gg_",
-  "_monospace": "__monospace_1ipgq_gg_",
-  "_uppercase": "__uppercase_1ipgq_gg_",
-  "_lowercase": "__lowercase_1ipgq_gg_",
-  "_capitalize": "__capitalize_1ipgq_gg_",
-  "_decoration": "__decoration_1ipgq_gg_",
-  "--decoration": "--decoration_1ipgq",
-  "_color": "__color_1ipgq_gg_",
-  "--color": "--color_1ipgq",
-  "_fontSize": "__fontSize_1ipgq_gg_",
-  "--fontSize": "--fontSize_1ipgq",
-  "_lineHeight": "__lineHeight_1ipgq_gg_",
-  "--lineHeight": "--lineHeight_1ipgq",
-  "_fontWeight": "__fontWeight_1ipgq_gg_",
-  "--fontWeight": "--fontWeight_1ipgq",
-  "_textAlign": "__textAlign_1ipgq_gg_",
-  "--textAlign": "--textAlign_1ipgq",
-  "_use_primary": "_use_primary_1ipgq_gg_",
-  "_use_secondary": "_use_secondary_1ipgq_gg_",
-  "_disabled": "__disabled_1ipgq_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_slm0x_gg_{padding:0;margin:0}.___SText_slm0x_gg_._size_100_slm0x_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_slm0x_gg_._size_200_slm0x_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_slm0x_gg_._size_300_slm0x_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_slm0x_gg_._size_400_slm0x_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_slm0x_gg_._size_500_slm0x_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_slm0x_gg_._size_600_slm0x_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_slm0x_gg_._size_700_slm0x_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_slm0x_gg_._size_800_slm0x_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_slm0x_gg_.__noWrap_slm0x_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_slm0x_gg_.__medium_slm0x_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_slm0x_gg_.__semibold_slm0x_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_slm0x_gg_.__bold_slm0x_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_slm0x_gg_.__italic_slm0x_gg_{font-style:italic}.___SText_slm0x_gg_.__monospace_slm0x_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_slm0x_gg_.__uppercase_slm0x_gg_{text-transform:uppercase}.___SText_slm0x_gg_.__lowercase_slm0x_gg_{text-transform:lowercase}.___SText_slm0x_gg_.__capitalize_slm0x_gg_{text-transform:capitalize}.___SText_slm0x_gg_.__decoration_slm0x_gg_{-webkit-text-decoration:var(--decoration_slm0x);text-decoration:var(--decoration_slm0x)}.___SText_slm0x_gg_.__color_slm0x_gg_{color:var(--color_slm0x)}.___SText_slm0x_gg_.__fontSize_slm0x_gg_{font-size:var(--fontSize_slm0x)}.___SText_slm0x_gg_.__lineHeight_slm0x_gg_{line-height:var(--lineHeight_slm0x)}.___SText_slm0x_gg_.__fontWeight_slm0x_gg_{font-weight:var(--fontWeight_slm0x)}.___SText_slm0x_gg_.__textAlign_slm0x_gg_{text-align:var(--textAlign_slm0x)}.___SText_slm0x_gg_._use_primary_slm0x_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_slm0x_gg_._use_secondary_slm0x_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_slm0x_gg_.__disabled_slm0x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "slm0x_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_slm0x_gg_",
+  "_size_100": "_size_100_slm0x_gg_",
+  "_size_200": "_size_200_slm0x_gg_",
+  "_size_300": "_size_300_slm0x_gg_",
+  "_size_400": "_size_400_slm0x_gg_",
+  "_size_500": "_size_500_slm0x_gg_",
+  "_size_600": "_size_600_slm0x_gg_",
+  "_size_700": "_size_700_slm0x_gg_",
+  "_size_800": "_size_800_slm0x_gg_",
+  "_noWrap": "__noWrap_slm0x_gg_",
+  "_medium": "__medium_slm0x_gg_",
+  "_semibold": "__semibold_slm0x_gg_",
+  "_bold": "__bold_slm0x_gg_",
+  "_italic": "__italic_slm0x_gg_",
+  "_monospace": "__monospace_slm0x_gg_",
+  "_uppercase": "__uppercase_slm0x_gg_",
+  "_lowercase": "__lowercase_slm0x_gg_",
+  "_capitalize": "__capitalize_slm0x_gg_",
+  "_decoration": "__decoration_slm0x_gg_",
+  "--decoration": "--decoration_slm0x",
+  "_color": "__color_slm0x_gg_",
+  "--color": "--color_slm0x",
+  "_fontSize": "__fontSize_slm0x_gg_",
+  "--fontSize": "--fontSize_slm0x",
+  "_lineHeight": "__lineHeight_slm0x_gg_",
+  "--lineHeight": "--lineHeight_slm0x",
+  "_fontWeight": "__fontWeight_slm0x_gg_",
+  "--fontWeight": "--fontWeight_slm0x",
+  "_textAlign": "__textAlign_slm0x_gg_",
+  "--textAlign": "--textAlign_slm0x",
+  "_use_primary": "_use_primary_slm0x_gg_",
+  "_use_secondary": "_use_secondary_slm0x_gg_",
+  "_disabled": "__disabled_slm0x_gg_"
 });
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 function getTextDecoration(underline, lineThrough) {

package/utils/lib/ThemeProvider.js

@@ -9,7 +9,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _index = require("./core/index");
 var _react = _interopRequireDefault(require("react"));
-var _ref4 = require("./ref");
+var _ref5 = require("./ref");
 var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
 var useContextTokens = function useContextTokens() {
   return _react["default"].useContext(themeContext);
@@ -19,10 +19,10 @@ var useContextTheme = function useContextTheme(ref, available) {
   var tokens = useContextTokens();
   var tokensKey = _react["default"].useMemo(function () {
     if (!tokens) return '';
-    return Object.entries(tokens).map(function (_ref) {
-      var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
+    return Object.entries(tokens).map(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
       return "".concat(key, "-").concat(value);
     }).join('/');
   }, [tokens]);
@@ -45,7 +45,7 @@ var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
     var refArr = _react["default"].useMemo(function () {
       return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
     }, [existingRef, enhanceRef]);
-    var ref = (0, _ref4.useForkRef)(refArr);
+    var ref = (0, _ref5.useForkRef)(refArr);
     useContextTheme(enhanceRef, available);
     return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
       ref: ref
@@ -54,10 +54,11 @@ var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
 };
 exports.contextThemeEnhance = contextThemeEnhance;
 var themeContext = /*#__PURE__*/_react["default"].createContext(null);
-var ThemeProvider = function ThemeProvider(_ref3) {
-  var _ref3$tokens = _ref3.tokens,
-    providedTokens = _ref3$tokens === void 0 ? {} : _ref3$tokens,
-    children = _ref3.children;
+var ThemeProvider = function ThemeProvider(_ref4) {
+  var _ref;
+  var _ref4$tokens = _ref4.tokens,
+    providedTokens = _ref4$tokens === void 0 ? {} : _ref4$tokens,
+    children = _ref4.children;
   var SThemeProvider = 'div';
   var contextTokens = _react["default"].useContext(themeContext);
   var tokens = _react["default"].useMemo(function () {
@@ -65,9 +66,9 @@ var ThemeProvider = function ThemeProvider(_ref3) {
   }, [contextTokens, providedTokens]);
   return /*#__PURE__*/_react["default"].createElement(themeContext.Provider, {
     value: tokens
-  }, (0, _index.sstyled)()( /*#__PURE__*/_react["default"].createElement(SThemeProvider, {
-    style: tokens
-  }, children)));
+  }, (_ref = (0, _index.sstyled)(), /*#__PURE__*/_react["default"].createElement(SThemeProvider, _ref.cn("SThemeProvider", {
+    "style": tokens
+  }), children)));
 };
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=ThemeProvider.js.map

package/utils/lib/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["_index","require","_react","_interopRequireDefault","_ref4","_useEnhancedEffect","useContextTokens","React","useContext","themeContext","exports","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray2","key","value","concat","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","_objectSpread2","createContext","ThemeProvider","_ref3","_ref3$tokens","providedTokens","children","SThemeProvider","contextTokens","createElement","Provider","sstyled"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import { sstyled } from './core/index';\nimport React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  tokens: providedTokens = {},\n  children,\n}) => {\n  const SThemeProvider = 'div';\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      {sstyled()(<SThemeProvider style={tokens}>{children}</SThemeProvider>)}\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","names":["_index","require","_react","_interopRequireDefault","_ref5","_useEnhancedEffect","useContextTokens","React","useContext","themeContext","exports","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref2","_ref3","_slicedToArray2","key","value","concat","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","_objectSpread2","createContext","ThemeProvider","_ref4","_ref","_ref4$tokens","providedTokens","children","SThemeProvider","contextTokens","createElement","Provider","sstyled","cn"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import { sstyled } from './core/index';\nimport React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  tokens: providedTokens = {},\n  children,\n}) => {\n  const SThemeProvider = 'div';\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      {sstyled()(<SThemeProvider style={tokens}>{children}</SThemeProvider>)}\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":"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"}

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.d.ts

@@ -1,7 +1,7 @@
 /**
  * @deprecated
  */
-export declare const InvalidStatePattern: import("../../core").ComponentType<unknown, {}, {}, {
+export declare const InvalidStatePattern: import("../../core/index").ComponentType<unknown, {}, {}, {
     [key: string]: (arg: unknown) => void;
 }, null>;
 /**

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -6,23 +6,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.InvalidStatePattern = void 0;
-var _core = require("intergalactic/core");
+var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
-var _core2 = _interopRequireWildcard(require("../../core"));
+var _index2 = _interopRequireWildcard(require("../../core/index"));
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_23it5_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "23it5_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_23it5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_yymmm_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "yymmm_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_yymmm_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
-  var SPattern = _core2.Root;
-  return (0, _core2.sstyled)(style)( /*#__PURE__*/_react["default"].createElement(SPattern, {
-    render: 'div'
+  var _ref;
+  var SPattern = _index2.Root;
+  return _ref = (0, _index2.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SPattern, _ref.cn("SPattern", {
+    "render": 'div'
   }));
 };
 /**
  * @deprecated
  */
-var InvalidStatePattern = (0, _core2["default"])(InvalidStatePatternComponent);
+var InvalidStatePattern = (0, _index2["default"])(InvalidStatePatternComponent);
 /**
  * @deprecated
  */

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidStatePattern.js","names":["_react","_interopRequireDefault","require","_core2","_interopRequireWildcard","style","_core","sstyled","insert","InvalidStatePatternComponent","SPattern","Root","createElement","render","InvalidStatePattern","createComponent","exports","_default"],"sources":["../../../src/components/invalid-state-pattern/InvalidStatePattern.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '../../core';\nimport style from './invalidStatePattern.shadow.css';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={'div'} />);\n};\n/**\n * @deprecated\n */\nexport const InvalidStatePattern = createComponent(InvalidStatePatternComponent);\n/**\n * @deprecated\n */\nexport default InvalidStatePattern;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA4D;AAAA,IAAAG,KAAA,+BAAAC,KAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;AAAA;AAG5D,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EACzC,IAAMC,QAAQ,GAAGC,WAAI;EAErB,OAAO,IAAAJ,cAAO,EAACF,KAAK,CAAC,eAACL,MAAA,YAAAY,aAAA,CAACF,QAAQ;IAACG,MAAM,EAAE;EAAM,EAAG,CAAC;AACpD,CAAC;AACD;AACA;AACA;AACO,IAAMC,mBAAmB,GAAG,IAAAC,iBAAe,EAACN,4BAA4B,CAAC;AAChF;AACA;AACA;AAFAO,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAAA,IAAAG,QAAA,GAGeH,mBAAmB;AAAAE,OAAA,cAAAC,QAAA"}
+{"version":3,"file":"InvalidStatePattern.js","names":["_react","_interopRequireDefault","require","_index2","_interopRequireWildcard","style","_index","sstyled","insert","InvalidStatePatternComponent","_ref","SPattern","Root","createElement","cn","InvalidStatePattern","createComponent","exports","_default"],"sources":["../../../src/components/invalid-state-pattern/InvalidStatePattern.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '../../core/index';\nimport style from './invalidStatePattern.shadow.css';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={'div'} />);\n};\n/**\n * @deprecated\n */\nexport const InvalidStatePattern = createComponent(InvalidStatePatternComponent);\n/**\n * @deprecated\n */\nexport default InvalidStatePattern;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAkE;AAAA,IAAAG,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;AAAA;AAGlE,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAAA,IAAAC,IAAA;EACzC,IAAMC,QAAQ,GAAGC,YAAI;EAErB,OAAAF,IAAA,GAAO,IAAAH,eAAO,EAACF,KAAK,CAAC,eAACL,MAAA,YAAAa,aAAA,CAACF,QAAQ,EAAAD,IAAA,CAAAI,EAAA;IAAA,UAAS;EAAK,GAAI;AACnD,CAAC;AACD;AACA;AACA;AACO,IAAMC,mBAAmB,GAAG,IAAAC,kBAAe,EAACP,4BAA4B,CAAC;AAChF;AACA;AACA;AAFAQ,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAAA,IAAAG,QAAA,GAGeH,mBAAmB;AAAAE,OAAA,cAAAC,QAAA"}

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs

@@ -1,9 +1,9 @@
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import React from 'react';
-import createComponent, { sstyled, Root } from "../../core.mjs";
+import createComponent, { sstyled, Root } from "../../core/index.mjs";
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_23it5_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "23it5_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_23it5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_yymmm_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "yymmm_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_yymmm_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var SPattern = Root;

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidStatePattern.mjs","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","InvalidStatePatternComponent","SPattern","createElement","render","InvalidStatePattern"],"sources":["../../../src/components/invalid-state-pattern/InvalidStatePattern.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '../../core';\nimport style from './invalidStatePattern.shadow.css';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={'div'} />);\n};\n/**\n * @deprecated\n */\nexport const InvalidStatePattern = createComponent(InvalidStatePatternComponent);\n/**\n * @deprecated\n */\nexport default InvalidStatePattern;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,gBAAY;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAG5D,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EACzC,IAAMC,QAAQ,GAAGL,IAAI;EAErB,OAAOD,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAS,aAAA,CAACD,QAAQ;IAACE,MAAM,EAAE;EAAM,EAAG,CAAC;AACpD,CAAC;AACD;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAGV,eAAe,CAACM,4BAA4B,CAAC;AAChF;AACA;AACA;AACA,eAAeI,mBAAmB"}
+{"version":3,"file":"InvalidStatePattern.mjs","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","InvalidStatePatternComponent","SPattern","createElement","render","InvalidStatePattern"],"sources":["../../../src/components/invalid-state-pattern/InvalidStatePattern.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '../../core/index';\nimport style from './invalidStatePattern.shadow.css';\n\nconst InvalidStatePatternComponent = () => {\n  const SPattern = Root;\n\n  return sstyled(style)(<SPattern render={'div'} />);\n};\n/**\n * @deprecated\n */\nexport const InvalidStatePattern = createComponent(InvalidStatePatternComponent);\n/**\n * @deprecated\n */\nexport default InvalidStatePattern;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,sBAAkB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAGlE,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EACzC,IAAMC,QAAQ,GAAGL,IAAI;EAErB,OAAOD,OAAO,CAACE,KAAK,CAAC,eAACJ,KAAA,CAAAS,aAAA,CAACD,QAAQ;IAACE,MAAM,EAAE;EAAM,EAAG,CAAC;AACpD,CAAC;AACD;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAGV,eAAe,CAACM,4BAA4B,CAAC;AAChF;AACA;AACA;AACA,eAAeI,mBAAmB"}

package/utils/lib/injectStyle.js

@@ -30,7 +30,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.25.0";
+        var version = "4.26.1";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/utils/lib/injectStyle.mjs

@@ -23,7 +23,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.25.0";
+        var version = "4.26.1";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/utils/lib/use/useFocusLock.js

@@ -205,7 +205,11 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
     document.body.addEventListener('touchstart', handleMouseEvent);
     document.body.addEventListener('keydown', handleKeyboardEvent);
     document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);
-    if (autoFocus) (0, _setFocus.setFocus)(trapRef.current, (0, _typeof2["default"])(returnFocusTo) === 'object' ? returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current : document.body);
+    if (autoFocus) {
+      setTimeout(function () {
+        (0, _setFocus.setFocus)(trapRef.current, (0, _typeof2["default"])(returnFocusTo) === 'object' ? returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current : document.body);
+      }, 0);
+    }
     return function () {
       document.body.removeEventListener('focusout', handleFocusOut);
       document.body.removeEventListener(syntheticEvents.blur, handleFocusOut);