@semcore/typography 17.0.1 → 17.0.2-prerelease.1

package/lib/types/components/Text/Text.type.d.ts

@@ -0,0 +1,82 @@
+import type { BoxProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis as EllipsisInstance } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type { Property } from 'csstype';
+declare namespace NSText {
+    type BaseProps = {
+        /** Font size and line-heights */
+        size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+        /**
+         * The text will not be wrapped on a new line and will be cut off with ellipsis
+         * @deprecated use ellipsis prop instead
+         **/
+        noWrap?: boolean;
+        /** CSS property `font-weight: 700;` */
+        bold?: boolean;
+        /** CSS property `font-weight: 600;` */
+        semibold?: boolean;
+        /** CSS property `font-weight: 500;` */
+        medium?: boolean;
+        /** Italicized text */
+        italic?: boolean;
+        /** Underlined text */
+        underline?: boolean;
+        /** CSS property `font-family: monospace;` */
+        monospace?: boolean;
+        /** Strikethrough text */
+        lineThrough?: boolean;
+        /** Uppercase text */
+        uppercase?: boolean;
+        /** Lowercase text */
+        lowercase?: boolean;
+        /** Capitalized text */
+        capitalize?: boolean;
+        /** Text color **/
+        color?: string;
+        /** Custom `font-size` */
+        fontSize?: Property.FontSize<any>;
+        /** Custom `line-height` */
+        lineHeight?: Property.LineHeight<any>;
+        /** Custom `font-weight` */
+        fontWeight?: Property.FontWeight;
+        /** Text alignment */
+        textAlign?: Property.TextAlign;
+        /** Enforces text color */
+        use?: 'primary' | 'secondary';
+        /** Makes text semi-transparent to indicate disabled state */
+        disabled?: boolean;
+    };
+    type HintProps = {
+        /** Manually enabled/disabled Hint */
+        hint?: boolean;
+    } & {
+        [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];
+    };
+    type EllipsisProps = {
+        /** Manually enabled/disabled Ellipsis or provide an instance of it. */
+        ellipsis?: boolean | EllipsisInstance;
+    } & {
+        [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];
+    };
+    type Props = BoxProps & NSText.BaseProps & ({
+        /** Enable formatting/styling for all nested HTML tags with our default styles for them */
+        formatTags?: boolean;
+        ellipsis?: never;
+        ellipsisProps?: never;
+        hint?: never;
+        hintProps?: never;
+    } | ({
+        formatTags?: never;
+    } & NSText.HintProps & NSText.EllipsisProps));
+    type Component = Intergalactic.Component<'span', Props>;
+}
+/** @deprecated It will be removed in v18. */
+export type TextHintProps = NSText.HintProps;
+/** @deprecated It will be removed in v18. */
+export type TextEllipsisProps = NSText.EllipsisProps;
+/** @deprecated It will be removed in v18. */
+export type BaseTextProps = NSText.BaseProps;
+/** @deprecated It will be removed in v18. */
+export type TextProps = NSText.Props;
+/** @deprecated It will be removed in v18. */
+export type TextComponent = NSText.Component;
+export type { NSText };

package/lib/types/index.d.ts

@@ -1,117 +1,6 @@
-import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';
-import type { PropGetterFn, Intergalactic } from '@semcore/core';
-import type { Property } from 'csstype';
-import type React from 'react';
-
-export type TextHintProps = {
-  /** Manually enabled/disabled Hint */
-  hint?: boolean;
-} & {
-  /** Settings for a hint with full text (cropped by ellipsis) */
-  [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];
-};
-
-/** The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. */
-export type TextEllipsisProps = {
-  /** Manually enabled/disabled Ellipsis or provide an instance of it. */
-  ellipsis?: (boolean | Ellipsis);
-} & {
-  /** Settings for an Ellipsis */
-  [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];
-};
-
-export type BaseTextProps = {
-  /** Font size and line-heights */
-  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
-  /**
-   * The text will not be wrapped on a new line and will be cut off with ellipsis
-   * @deprecated use ellipsis prop instead
-   **/
-  noWrap?: boolean;
-  /** CSS property `font-weight: 700;` */
-  bold?: boolean;
-  /** CSS property `font-weight: 600;` */
-  semibold?: boolean;
-  /** CSS property `font-weight: 500;` */
-  medium?: boolean;
-  /** Italicized text */
-  italic?: boolean;
-  /** Underlined text */
-  underline?: boolean;
-  /** CSS property `font-family: monospace;` */
-  monospace?: boolean;
-  /** Strikethrough text */
-  lineThrough?: boolean;
-  /** Uppercase text */
-  uppercase?: boolean;
-  /** Lowercase text */
-  lowercase?: boolean;
-  /** Capitalized text */
-  capitalize?: boolean;
-  /** Text color **/
-  color?: string;
-  /** Custom `font-size` */
-  fontSize?: Property.FontSize<any>;
-  /** Custom `line-height` */
-  lineHeight?: Property.LineHeight<any>;
-  /** Custom `font-weight` */
-  fontWeight?: Property.FontWeight;
-  /** Text alignment */
-  textAlign?: Property.TextAlign;
-  /** Enforces text color */
-  use?: 'primary' | 'secondary';
-  /** Makes text semi-transparent to indicate disabled state */
-  disabled?: boolean;
-};
-
-export type TextProps = BoxProps & BaseTextProps & (
-  {
-    /** Enable formatting/styling for all nested HTML tags with our default styles for them */
-    formatTags?: boolean;
-    ellipsis?: never;
-    ellipsisProps?: never;
-    hint?: never;
-    hintProps?: never;
-  } |
-  ({
-    formatTags?: never;
-    // /** Settings for a hint with full text (cropped by ellipsis) */
-    // hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> | false;
-  } & TextHintProps & TextEllipsisProps)
-);
-
-export type ListProps = TextProps & {
-  /** Marker of the entire list
-   * @default • */
-  marker?: React.ReactNode;
-};
-
-export type ListItemProps = TextProps & {
-  /** Individual marker of a list item */
-  marker?: React.ReactNode;
-};
-
-export type ListItemContentProps = FlexProps;
-
-export type ListContext = {
-  getItemProps: PropGetterFn;
-};
-
-export type BlockquoteProps = BoxProps & {
-  /** Source of the quote */
-  author?: React.ReactNode;
-};
-
-declare const Item: Intergalactic.Component<'li', ListItemProps> & {
-  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;
-};
-
-declare const List: Intergalactic.Component<'ul', ListProps> & {
-  Item: typeof Item;
-};
-
-declare const Text: Intergalactic.Component<'span', TextProps>;
-
-declare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;
-
-export { Text, List, Blockquote };
+export { default as Text } from './components/Text/Text';
+export { default as Blockquote } from './components/Blockquote/Blockquote';
+export { default as List } from './components/List/List';
+export * from './components/Text/Text.type';
+export * from './components/Blockquote/Blockquote.type';
+export * from './components/List/List.type';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/typography",
   "description": "Semrush Typography Component",
-  "version": "17.0.1",
+  "version": "17.0.2-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -15,7 +15,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "@semcore/base-components": "^17.0.1",
+    "@semcore/base-components": "^17.0.2",
     "@semcore/icon": "^17.0.1"
   },
   "repository": {
@@ -25,12 +25,12 @@
   },
   "devDependencies": {
     "csstype": "3.1.3",
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/base-components": "17.0.2-prerelease.1",
     "@semcore/core": "17.0.1",
-    "@semcore/base-components": "17.0.1",
-    "@semcore/icon": "17.0.1",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/icon": "17.0.1-prerelease.1"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=ts,js && pnpm vite build"
+    "build": "pnpm semcore-builder && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -7,7 +7,7 @@ export default mergeConfig(
   defineConfig({
     build: {
       lib: {
-        entry: './src/index.js',
+        entry: './src/index.ts',
       },
       rollupOptions: {
         external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],

package/lib/cjs/Blockquote.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Blockquote.js","names":["_core","require","_baseComponents","_isNode","_interopRequireDefault","_react","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","default","createElement","cn","assignProps","isNode","displayName","_default","exports","createBaseComponent"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { children, author } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,MAAMC,WAAW,GAMMC,mBAAG;EAL1B,MAAMC,gBAAgB,GAAG,MAAM;EAC/B,MAAMC,OAAO,GAAG,MAAM;EACtB,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGV,KAAK;EAElC,OAAAI,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBD,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACP,WAAW,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,OAAkB,YAAY;MAAA,OAAMb;IAAG,GAAAC,IAAA;EAAA,iBACjDP,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACL,gBAAgB,EAAAH,KAAA,CAAAS,EAAA,0BAAC,QAAmB,CAAC,eACtClB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,SAAAR,KAAA,CAAAS,EAAA,cACGJ,QAAQ,EACR,IAAAM,eAAM,EAACL,MAAM,CAAC,iBAAIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,OAAO,EAAAJ,KAAA,CAAAS,EAAA,iBAAEH,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEvB,IAAAQ,yBAAmB,EAACpB,UAAU,CAAC","ignoreList":[]}

package/lib/cjs/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","names":["_core","require","_baseComponents","_findComponent","_isNode","_interopRequireDefault","_react","_Text","style","sstyled","insert","ListRoot","Component","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","default","createElement","cn","assignProps","_defineProperty2","ItemRoot","_ref2","_ref5","SItem","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport style from './style/list.shadow.css';\nimport Text from './Text';\n\nclass ListRoot extends Component {\n  static displayName = 'List';\n  static style = style;\n  static defaultProps = {\n    marker: '•',\n  };\n\n  getItemProps() {\n    const { marker } = this.asProps;\n    return {\n      marker,\n    };\n  }\n\n  render() {\n    const SList = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SList render={Text} tag='ul' />);\n  }\n}\n\nclass ItemRoot extends Component {\n  static style = style;\n  static displayName = 'Item';\n\n  render() {\n    const SItem = Root;\n    const { styles, children, marker: markerNode, Children } = this.asProps;\n    const SMarker = 'span';\n    const SContent = 'div';\n\n    const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n    return sstyled(styles)(\n      <SItem render={Text} tag='li'>\n        {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n        {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n      </SItem>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const { styles, children } = props;\n  const SContent = Root;\n\n  return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAGA,IAAAM,KAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAA0B;AAAA,MAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE1B,MAAMC,QAAQ,SAASC,eAAS,CAAC;EAO/BC,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACC,OAAO;IAC/B,OAAO;MACLD;IACF,CAAC;EACH;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAF,OAAA;MAAAG,KAAA;IACP,MAAMC,KAAK,GAE2BC,aAAI;IAD1C,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACN,OAAO;IAC/B,OAAAG,KAAA,GAAO,IAAAT,aAAO,EAACY,MAAM,CAAC,eAACf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAAxB,KAAA,CAAAyB,WAAA;QAAA,OAAmB;MAAI,GAAAR,IAAA;IAAA,EAAE,CAAC;EACzD;AACF;AAAC,IAAAS,gBAAA,CAAAJ,OAAA,EAnBKX,QAAQ,iBACS,MAAM;AAAA,IAAAe,gBAAA,CAAAJ,OAAA,EADvBX,QAAQ,WAEGH,KAAK;AAAA,IAAAkB,gBAAA,CAAAJ,OAAA,EAFhBX,QAAQ,kBAGU;EACpBG,MAAM,EAAE;AACV,CAAC;AAgBH,MAAMa,QAAQ,SAASf,eAAS,CAAC;EAI/BI,MAAMA,CAAA,EAAG;IAAA,IAAAY,KAAA,QAAAb,OAAA;MAAAc,KAAA;IACP,MAAMC,KAAK,GAQMV,aAAI;IAPrB,MAAM;MAAEC,MAAM;MAAEU,QAAQ;MAAEjB,MAAM,EAAEkB,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAAClB,OAAO;IACvE,MAAMmB,OAAO,GAAG,MAAM;IACtB,MAAMC,QAAQ,GAAG,KAAK;IAEtB,MAAMC,cAAc,GAAG,IAAAC,4BAAa,EAACJ,QAAQ,EAAE,CAACK,IAAI,CAACC,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;IAE/E,OAAAZ,KAAA,GAAO,IAAApB,aAAO,EAACY,MAAM,CAAC,eACpBf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACO,KAAK,EAAAD,KAAA,CAAAL,EAAA;MAAA,OAAAxB,KAAA,CAAAyB,WAAA;QAAA,OAAmB;MAAI,GAAAG,KAAA;IAAA,IAC1B,IAAAc,eAAM,EAACV,UAAU,CAAC,iBAAI1B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACW,OAAO,EAAAL,KAAA,CAAAL,EAAA;MAAA,eAAa;IAAM,IAAEQ,UAAoB,CAAC,EACxEI,cAAc,gBAAG9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACU,QAAQ,EAAAJ,KAAA,CAAAL,EAAA,gBAAE,CAAC,gBAAGlB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACY,QAAQ,EAAAN,KAAA,CAAAL,EAAA,kBAAEO,QAAmB,CAC1D,CAAC;EAEZ;AACF;AAAC,IAAAL,gBAAA,CAAAJ,OAAA,EAnBKK,QAAQ,WACGnB,KAAK;AAAA,IAAAkB,gBAAA,CAAAJ,OAAA,EADhBK,QAAQ,iBAES,MAAM;AAmB7B,SAASa,OAAOA,CAACG,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,MAAM;IAAEzB,MAAM;IAAEU;EAAS,CAAC,GAAGY,KAAK;EAClC,MAAMR,QAAQ,GAE2BY,oBAAI;EAA7C,OAAAD,KAAA,GAAO,IAAArC,aAAO,EAACY,MAAM,CAAC,eAACf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACY,QAAQ,EAAAW,KAAA,CAAAtB,EAAA;IAAA,OAAAxB,KAAA,CAAAyB,WAAA,MAAAmB,KAAA;EAAA,IAAgBb,QAAmB,CAAC;AACtE;AAEAS,OAAO,CAACC,WAAW,GAAG,SAAS;AAE/B,MAAMF,IAAI,GAAG,IAAAS,qBAAe,EAACrB,QAAQ,EAAE;EAAEa;AAAQ,CAAC,CAAC;AAEnD,MAAMF,IAAI,GAAG,IAAAU,qBAAe,EAACrC,QAAQ,EAAE;EAAE4B;AAAK,CAAC,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAElCgB,IAAI","ignoreList":[]}

package/lib/cjs/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","styles","sstyled","insert","TextRoot","Component","constructor","props","_defineProperty2","default","React","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","Box","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","assignProps","innerRef","getTextDecoration","Boolean","Hint","setState","shouldInit","current","Ellipsis","on","off","cleanUp","resolveColorEnhance","_default","exports","createComponent"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextEllipsisProps, TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype State = {\n  isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, {}, State> {\n  private ellipsis: Ellipsis | null = null;\n  private innerRef = React.createRef<HTMLElement | null>();\n\n  static enhance = [resolveColorEnhance()] as const;\n  static styles = styles;\n  static displayName = 'Text';\n\n  state = {\n    isEllipsized: false,\n  };\n\n  constructor(props: TextProps) {\n    super(props);\n\n    this.handleEllipsized = this.handleEllipsized.bind(this);\n  }\n\n  componentDidMount(): void {\n    this.initEllipsis();\n  }\n\n  componentDidUpdate(prevProps: TextEllipsisProps) {\n    const ellipsisKeys: Array<keyof EllipsisSettings> = [\n      'cropPosition',\n      'maxLine',\n      'lastRequiredSymbols',\n      'containerElement',\n      'recalculateContainerWidth',\n      'observeChildrenMutations',\n    ];\n\n    const hasChanges = ellipsisKeys.some((key) => {\n      return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n    });\n\n    if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\n      this.cleanUpEllipsis();\n\n      this.initEllipsis();\n    }\n  }\n\n  componentWillUnmount() {\n    this.cleanUpEllipsis();\n  }\n\n  render(): React.ReactNode {\n    const SText = Root;\n    const { color, underline, lineThrough, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } = this.asProps;\n    const { isEllipsized } = this.state;\n\n    const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n    let withHint = hint !== false;\n\n    const maxLineValue = ellipsisProps?.maxLine;\n    if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n      withHint = false;\n    }\n\n    return sstyled(styles)(\n      <>\n        <SText\n          render={Box}\n          tag='span'\n          data-ui-name='Text'\n          ref={this.innerRef}\n          use:decoration={this.getTextDecoration(underline, lineThrough)}\n          use:color={resolveColor(color)}\n          use:ellipsis={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n          isEllipsized={isEllipsized}\n          maxLine={maxLineValue}\n          trim={cropPosition}\n        />\n        {isEllipsized && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n      </>,\n    );\n  }\n\n  private handleEllipsized(isEllipsized: boolean) {\n    this.setState({ isEllipsized: isEllipsized });\n  }\n\n  private initEllipsis() {\n    const { ellipsis, ellipsisProps, hint } = this.asProps;\n    const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';\n\n    if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {\n      this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\n\n      this.ellipsis.on('isEllipsized', this.handleEllipsized);\n    }\n  }\n\n  private cleanUpEllipsis() {\n    this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n    this.ellipsis?.cleanUp();\n    this.setState({ isEllipsized: false });\n  }\n\n  private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n    if (underline) {\n      return 'underline';\n    }\n\n    if (lineThrough) {\n      return 'line-through';\n    }\n  }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.d.js

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

package/lib/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type TextHintProps = {\n  /** Manually enabled/disabled Hint */\n  hint?: boolean;\n} & {\n  /** Settings for a hint with full text (cropped by ellipsis) */\n  [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];\n};\n\n/** The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. */\nexport type TextEllipsisProps = {\n  /** Manually enabled/disabled Ellipsis or provide an instance of it. */\n  ellipsis?: (boolean | Ellipsis);\n} & {\n  /** Settings for an Ellipsis */\n  [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];\n};\n\nexport type BaseTextProps = {\n  /** Font size and line-heights */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n  /**\n   * The text will not be wrapped on a new line and will be cut off with ellipsis\n   * @deprecated use ellipsis prop instead\n   **/\n  noWrap?: boolean;\n  /** CSS property `font-weight: 700;` */\n  bold?: boolean;\n  /** CSS property `font-weight: 600;` */\n  semibold?: boolean;\n  /** CSS property `font-weight: 500;` */\n  medium?: boolean;\n  /** Italicized text */\n  italic?: boolean;\n  /** Underlined text */\n  underline?: boolean;\n  /** CSS property `font-family: monospace;` */\n  monospace?: boolean;\n  /** Strikethrough text */\n  lineThrough?: boolean;\n  /** Uppercase text */\n  uppercase?: boolean;\n  /** Lowercase text */\n  lowercase?: boolean;\n  /** Capitalized text */\n  capitalize?: boolean;\n  /** Text color **/\n  color?: string;\n  /** Custom `font-size` */\n  fontSize?: Property.FontSize<any>;\n  /** Custom `line-height` */\n  lineHeight?: Property.LineHeight<any>;\n  /** Custom `font-weight` */\n  fontWeight?: Property.FontWeight;\n  /** Text alignment */\n  textAlign?: Property.TextAlign;\n  /** Enforces text color */\n  use?: 'primary' | 'secondary';\n  /** Makes text semi-transparent to indicate disabled state */\n  disabled?: boolean;\n};\n\nexport type TextProps = BoxProps & BaseTextProps & (\n  {\n    /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n    formatTags?: boolean;\n    ellipsis?: never;\n    ellipsisProps?: never;\n    hint?: never;\n    hintProps?: never;\n  } |\n  ({\n    formatTags?: never;\n    // /** Settings for a hint with full text (cropped by ellipsis) */\n    // hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> | false;\n  } & TextHintProps & TextEllipsisProps)\n);\n\nexport type ListProps = TextProps & {\n  /** Marker of the entire list\n   * @default • */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n  /** Individual marker of a list item */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n  getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n  /** Source of the quote */\n  author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n  Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/Blockquote.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Blockquote.js","names":["Box","createBaseComponent","Root","sstyled","isNode","React","styles","_sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","SDoubleQuotation","SAuthor","children","author","createElement","cn","_assignProps","displayName"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { children, author } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,MAAMC,WAAW,GAMMf,GAAG;EAL1B,MAAMgB,gBAAgB,GAAG,MAAM;EAC/B,MAAMC,OAAO,GAAG,MAAM;EACtB,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGT,KAAK;EAElC,OAAAI,KAAA,GAAOX,OAAO,CAACG,MAAM,CAAC,eACpBD,KAAA,CAAAe,aAAA,CAACL,WAAW,EAAAD,KAAA,CAAAO,EAAA;IAAA,GAAAC,YAAA;MAAA,OAAkB,YAAY;MAAA,OAAMX;IAAG,GAAAC,IAAA;EAAA,iBACjDP,KAAA,CAAAe,aAAA,CAACJ,gBAAgB,EAAAF,KAAA,CAAAO,EAAA,0BAAC,QAAmB,CAAC,eACtChB,KAAA,CAAAe,aAAA,SAAAN,KAAA,CAAAO,EAAA,cACGH,QAAQ,EACRd,MAAM,CAACe,MAAM,CAAC,iBAAId,KAAA,CAAAe,aAAA,CAACH,OAAO,EAAAH,KAAA,CAAAO,EAAA,iBAAEF,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAV,UAAU,CAACc,WAAW,GAAG,YAAY;AAErC,eAAetB,mBAAmB,CAACQ,UAAU,CAAC","ignoreList":[]}

package/lib/es6/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","names":["Flex","createComponent","Component","Root","sstyled","isAdvanceMode","isNode","React","style","_sstyled","insert","Text","ListRoot","getItemProps","marker","asProps","render","_ref","_ref4","SList","styles","createElement","cn","_assignProps","_defineProperty","ItemRoot","_ref2","_ref5","SItem","children","markerNode","Children","SMarker","SContent","isAdvancedMode","List","Item","Content","displayName","_assignProps2","props","_ref3","arguments[0]","_ref6","_assignProps3"],"sources":["../../src/List.jsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport style from './style/list.shadow.css';\nimport Text from './Text';\n\nclass ListRoot extends Component {\n  static displayName = 'List';\n  static style = style;\n  static defaultProps = {\n    marker: '•',\n  };\n\n  getItemProps() {\n    const { marker } = this.asProps;\n    return {\n      marker,\n    };\n  }\n\n  render() {\n    const SList = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SList render={Text} tag='ul' />);\n  }\n}\n\nclass ItemRoot extends Component {\n  static style = style;\n  static displayName = 'Item';\n\n  render() {\n    const SItem = Root;\n    const { styles, children, marker: markerNode, Children } = this.asProps;\n    const SMarker = 'span';\n    const SContent = 'div';\n\n    const isAdvancedMode = isAdvanceMode(Children, [List.Item.Content.displayName]);\n\n    return sstyled(styles)(\n      <SItem render={Text} tag='li'>\n        {isNode(markerNode) && <SMarker aria-hidden='true'>{markerNode}</SMarker>}\n        {isAdvancedMode ? <Children /> : <SContent>{children}</SContent>}\n      </SItem>,\n    );\n  }\n}\n\nfunction Content(props) {\n  const { styles, children } = props;\n  const SContent = Root;\n\n  return sstyled(styles)(<SContent render={Flex}>{children}</SContent>);\n}\n\nContent.displayName = 'Content';\n\nconst Item = createComponent(ItemRoot, { Content });\n\nconst List = createComponent(ListRoot, { Item });\n\nexport default List;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","names":["Ellipsis","Hint","Box","Root","sstyled","Component","createComponent","resolveColorEnhance","React","styles","_sstyled","insert","TextRoot","constructor","props","_defineProperty","createRef","isEllipsized","handleEllipsized","bind","componentDidMount","initEllipsis","componentDidUpdate","prevProps","ellipsisKeys","hasChanges","some","key","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","SText","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","_assignProps","innerRef","getTextDecoration","Boolean","setState","shouldInit","current","on","off","cleanUp"],"sources":["../../src/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { TextEllipsisProps, TextProps } from './index';\nimport styles from './style/text.shadow.css';\n\ntype State = {\n  isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<TextProps, typeof TextRoot.enhance, {}, {}, State> {\n  private ellipsis: Ellipsis | null = null;\n  private innerRef = React.createRef<HTMLElement | null>();\n\n  static enhance = [resolveColorEnhance()] as const;\n  static styles = styles;\n  static displayName = 'Text';\n\n  state = {\n    isEllipsized: false,\n  };\n\n  constructor(props: TextProps) {\n    super(props);\n\n    this.handleEllipsized = this.handleEllipsized.bind(this);\n  }\n\n  componentDidMount(): void {\n    this.initEllipsis();\n  }\n\n  componentDidUpdate(prevProps: TextEllipsisProps) {\n    const ellipsisKeys: Array<keyof EllipsisSettings> = [\n      'cropPosition',\n      'maxLine',\n      'lastRequiredSymbols',\n      'containerElement',\n      'recalculateContainerWidth',\n      'observeChildrenMutations',\n    ];\n\n    const hasChanges = ellipsisKeys.some((key) => {\n      return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n    });\n\n    if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\n      this.cleanUpEllipsis();\n\n      this.initEllipsis();\n    }\n  }\n\n  componentWillUnmount() {\n    this.cleanUpEllipsis();\n  }\n\n  render(): React.ReactNode {\n    const SText = Root;\n    const { color, underline, lineThrough, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } = this.asProps;\n    const { isEllipsized } = this.state;\n\n    const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n    let withHint = hint !== false;\n\n    const maxLineValue = ellipsisProps?.maxLine;\n    if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n      withHint = false;\n    }\n\n    return sstyled(styles)(\n      <>\n        <SText\n          render={Box}\n          tag='span'\n          data-ui-name='Text'\n          ref={this.innerRef}\n          use:decoration={this.getTextDecoration(underline, lineThrough)}\n          use:color={resolveColor(color)}\n          use:ellipsis={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n          isEllipsized={isEllipsized}\n          maxLine={maxLineValue}\n          trim={cropPosition}\n        />\n        {isEllipsized && withHint && <Hint triggerRef={this.innerRef} {...hintProps}>{children}</Hint>}\n      </>,\n    );\n  }\n\n  private handleEllipsized(isEllipsized: boolean) {\n    this.setState({ isEllipsized: isEllipsized });\n  }\n\n  private initEllipsis() {\n    const { ellipsis, ellipsisProps, hint } = this.asProps;\n    const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';\n\n    if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {\n      this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\n\n      this.ellipsis.on('isEllipsized', this.handleEllipsized);\n    }\n  }\n\n  private cleanUpEllipsis() {\n    this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n    this.ellipsis?.cleanUp();\n    this.setState({ isEllipsized: false });\n  }\n\n  private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n    if (underline) {\n      return 'underline';\n    }\n\n    if (lineThrough) {\n      return 'line-through';\n    }\n  }\n}\n\nexport default createComponent(TextRoot);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.d.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\nimport type React from 'react';\n\nexport type TextHintProps = {\n  /** Manually enabled/disabled Hint */\n  hint?: boolean;\n} & {\n  /** Settings for a hint with full text (cropped by ellipsis) */\n  [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];\n};\n\n/** The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. */\nexport type TextEllipsisProps = {\n  /** Manually enabled/disabled Ellipsis or provide an instance of it. */\n  ellipsis?: (boolean | Ellipsis);\n} & {\n  /** Settings for an Ellipsis */\n  [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];\n};\n\nexport type BaseTextProps = {\n  /** Font size and line-heights */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n  /**\n   * The text will not be wrapped on a new line and will be cut off with ellipsis\n   * @deprecated use ellipsis prop instead\n   **/\n  noWrap?: boolean;\n  /** CSS property `font-weight: 700;` */\n  bold?: boolean;\n  /** CSS property `font-weight: 600;` */\n  semibold?: boolean;\n  /** CSS property `font-weight: 500;` */\n  medium?: boolean;\n  /** Italicized text */\n  italic?: boolean;\n  /** Underlined text */\n  underline?: boolean;\n  /** CSS property `font-family: monospace;` */\n  monospace?: boolean;\n  /** Strikethrough text */\n  lineThrough?: boolean;\n  /** Uppercase text */\n  uppercase?: boolean;\n  /** Lowercase text */\n  lowercase?: boolean;\n  /** Capitalized text */\n  capitalize?: boolean;\n  /** Text color **/\n  color?: string;\n  /** Custom `font-size` */\n  fontSize?: Property.FontSize<any>;\n  /** Custom `line-height` */\n  lineHeight?: Property.LineHeight<any>;\n  /** Custom `font-weight` */\n  fontWeight?: Property.FontWeight;\n  /** Text alignment */\n  textAlign?: Property.TextAlign;\n  /** Enforces text color */\n  use?: 'primary' | 'secondary';\n  /** Makes text semi-transparent to indicate disabled state */\n  disabled?: boolean;\n};\n\nexport type TextProps = BoxProps & BaseTextProps & (\n  {\n    /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n    formatTags?: boolean;\n    ellipsis?: never;\n    ellipsisProps?: never;\n    hint?: never;\n    hintProps?: never;\n  } |\n  ({\n    formatTags?: never;\n    // /** Settings for a hint with full text (cropped by ellipsis) */\n    // hintProps?: Partial<Omit<SimpleHintPopperProps, 'children'>> | false;\n  } & TextHintProps & TextEllipsisProps)\n);\n\nexport type ListProps = TextProps & {\n  /** Marker of the entire list\n   * @default • */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemProps = TextProps & {\n  /** Individual marker of a list item */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\nexport type ListContext = {\n  getItemProps: PropGetterFn;\n};\n\nexport type BlockquoteProps = BoxProps & {\n  /** Source of the quote */\n  author?: React.ReactNode;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n  Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Blockquote };\n"],"mappings":"","ignoreList":[]}

package/lib/esm/Text.mjs

@@ -1,163 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
-import { Box, Hint, Ellipsis } from "@semcore/base-components";
-import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
-import React from "react";
-/*!__reshadow-styles__:"./style/text.shadow.css"*/
-const styles = (
-  /*__reshadow_css_start__*/
-  (sstyled.insert(
-    /*__inner_css_start__*/
-    '.___SText_tywgj_gg_{padding:0;margin:0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ abbr{color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79);text-decoration:underline dashed var(--intergalactic-text-secondary, #6c6e79)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ abbr:active,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SText_tywgj_gg_.__formatTags_tywgj_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, #484a54);-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54);text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, #484a54)}}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, #006dca);border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SText_tywgj_gg_.__formatTags_tywgj_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, #044792);border-color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ code,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ pre{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);font-family:Georgia,Times,"Times New Roman",serif}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_tywgj_gg_):before,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_tywgj_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_tywgj_gg_)+li:not(.___SText_tywgj_gg_),.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_tywgj_gg_)+li:not(.___SText_tywgj_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_tywgj_gg_):before{counter-increment:item;content:counters(item,".")}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_tywgj_gg_):before{content:"";background-color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h1{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h1:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h4:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h5:only-child,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h6:only-child{margin-bottom:0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%);font-weight:var(--intergalactic-semi-bold, 600)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h4{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h5{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-2x, 8px)0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h6{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:0 0 var(--intergalactic-spacing-1x, 4px)0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h1 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h4 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h5 small,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h6 small{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:300;font-size:100%}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h2,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ h3,.___SText_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ p:last-child{margin-bottom:0}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_.__formatTags_tywgj_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_tywgj_gg_.__ellipsis_tywgj_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_tywgj_gg_.__ellipsis_tywgj_gg_._trim_end_tywgj_gg_.__isEllipsized_tywgj_gg_::after{content:"";display:block}.___SText_tywgj_gg_.__ellipsis_tywgj_gg_.__maxLine_tywgj_gg_{-webkit-line-clamp:var(--maxLine_tywgj);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_tywgj_gg_.__ellipsis_tywgj_gg_._trim_middle_tywgj_gg_{text-overflow:initial}.___SText_tywgj_gg_._size_100_tywgj_gg_,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_100_tywgj_gg_.__formatTags_tywgj_gg_ ul li:before{width:3px;height:3px;border-radius:50%;margin-top:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_tywgj_gg_._size_200_tywgj_gg_,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_200_tywgj_gg_.__formatTags_tywgj_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_tywgj_gg_._size_300_tywgj_gg_,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ li,.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_tywgj_gg_._size_300_tywgj_gg_.__formatTags_tywgj_gg_ ul li:before{width:5px;height:5px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_tywgj_gg_._size_400_tywgj_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_tywgj_gg_._size_500_tywgj_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_tywgj_gg_._size_600_tywgj_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_tywgj_gg_._size_700_tywgj_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_tywgj_gg_._size_800_tywgj_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_tywgj_gg_.__noWrap_tywgj_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_tywgj_gg_.__medium_tywgj_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_tywgj_gg_.__semibold_tywgj_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_tywgj_gg_.__bold_tywgj_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_tywgj_gg_.__italic_tywgj_gg_{font-style:italic}.___SText_tywgj_gg_.__monospace_tywgj_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_tywgj_gg_.__uppercase_tywgj_gg_{text-transform:uppercase}.___SText_tywgj_gg_.__lowercase_tywgj_gg_{text-transform:lowercase}.___SText_tywgj_gg_.__capitalize_tywgj_gg_{text-transform:capitalize}.___SText_tywgj_gg_.__decoration_tywgj_gg_{-webkit-text-decoration:var(--decoration_tywgj);text-decoration:var(--decoration_tywgj)}.___SText_tywgj_gg_.__color_tywgj_gg_{color:var(--color_tywgj)}.___SText_tywgj_gg_.__fontSize_tywgj_gg_{font-size:var(--fontSize_tywgj)}.___SText_tywgj_gg_.__lineHeight_tywgj_gg_{line-height:var(--lineHeight_tywgj)}.___SText_tywgj_gg_.__fontWeight_tywgj_gg_{font-weight:var(--fontWeight_tywgj)}.___SText_tywgj_gg_.__textAlign_tywgj_gg_{text-align:var(--textAlign_tywgj)}.___SText_tywgj_gg_._use_primary_tywgj_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_tywgj_gg_._use_secondary_tywgj_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_tywgj_gg_.__disabled_tywgj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}@media (prefers-reduced-motion){.___SText_tywgj_gg_ a{transition:none}}',
-    /*__inner_css_end__*/
-    "tywgj_gg_"
-  ), /*__reshadow_css_end__*/
-  {
-    "__SText": "___SText_tywgj_gg_",
-    "_size_400": "_size_400_tywgj_gg_",
-    "_size_500": "_size_500_tywgj_gg_",
-    "_size_600": "_size_600_tywgj_gg_",
-    "_size_700": "_size_700_tywgj_gg_",
-    "_size_800": "_size_800_tywgj_gg_",
-    "_noWrap": "__noWrap_tywgj_gg_",
-    "_medium": "__medium_tywgj_gg_",
-    "_semibold": "__semibold_tywgj_gg_",
-    "_bold": "__bold_tywgj_gg_",
-    "_italic": "__italic_tywgj_gg_",
-    "_monospace": "__monospace_tywgj_gg_",
-    "_uppercase": "__uppercase_tywgj_gg_",
-    "_lowercase": "__lowercase_tywgj_gg_",
-    "_capitalize": "__capitalize_tywgj_gg_",
-    "_decoration": "__decoration_tywgj_gg_",
-    "--decoration": "--decoration_tywgj",
-    "_color": "__color_tywgj_gg_",
-    "--color": "--color_tywgj",
-    "_fontSize": "__fontSize_tywgj_gg_",
-    "--fontSize": "--fontSize_tywgj",
-    "_lineHeight": "__lineHeight_tywgj_gg_",
-    "--lineHeight": "--lineHeight_tywgj",
-    "_fontWeight": "__fontWeight_tywgj_gg_",
-    "--fontWeight": "--fontWeight_tywgj",
-    "_textAlign": "__textAlign_tywgj_gg_",
-    "--textAlign": "--textAlign_tywgj",
-    "_use_primary": "_use_primary_tywgj_gg_",
-    "_use_secondary": "_use_secondary_tywgj_gg_",
-    "_disabled": "__disabled_tywgj_gg_",
-    "_formatTags": "__formatTags_tywgj_gg_",
-    "_ellipsis": "__ellipsis_tywgj_gg_",
-    "_trim_end": "_trim_end_tywgj_gg_",
-    "_isEllipsized": "__isEllipsized_tywgj_gg_",
-    "_maxLine": "__maxLine_tywgj_gg_",
-    "--maxLine": "--maxLine_tywgj",
-    "_trim_middle": "_trim_middle_tywgj_gg_",
-    "_size_100": "_size_100_tywgj_gg_",
-    "_size_200": "_size_200_tywgj_gg_",
-    "_size_300": "_size_300_tywgj_gg_"
-  })
-);
-class TextRoot extends Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "ellipsis", null);
-    _defineProperty(this, "innerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(this, "state", {
-      isEllipsized: false
-    });
-    this.handleEllipsized = this.handleEllipsized.bind(this);
-  }
-  componentDidMount() {
-    this.initEllipsis();
-  }
-  componentDidUpdate(prevProps) {
-    const ellipsisKeys = ["cropPosition", "maxLine", "lastRequiredSymbols", "containerElement", "recalculateContainerWidth", "observeChildrenMutations"];
-    const hasChanges = ellipsisKeys.some((key) => {
-      return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];
-    });
-    if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {
-      this.cleanUpEllipsis();
-      this.initEllipsis();
-    }
-  }
-  componentWillUnmount() {
-    this.cleanUpEllipsis();
-  }
-  render() {
-    var _ref = this.asProps, _ref2;
-    const SText = Box;
-    const {
-      color,
-      underline,
-      lineThrough,
-      hint,
-      hintProps,
-      children,
-      ellipsis,
-      ellipsisProps,
-      resolveColor
-    } = this.asProps;
-    const {
-      isEllipsized
-    } = this.state;
-    const cropPosition = ellipsisProps?.cropPosition ?? "end";
-    let withHint = hint !== false;
-    const maxLineValue = ellipsisProps?.maxLine;
-    if (hint !== true && hintProps === void 0 && maxLineValue !== void 0 && maxLineValue > 1) {
-      withHint = false;
-    }
-    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref2.cn("SText", {
-      ...assignProps({
-        "tag": "span",
-        "data-ui-name": "Text",
-        "ref": this.innerRef,
-        "use:decoration": this.getTextDecoration(underline, lineThrough),
-        "use:color": resolveColor(color),
-        "use:ellipsis": ellipsis !== void 0 ? ellipsis : Boolean(ellipsisProps),
-        "isEllipsized": isEllipsized,
-        "maxLine": maxLineValue,
-        "trim": cropPosition
-      }, _ref)
-    })), isEllipsized && withHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
-      "triggerRef": this.innerRef,
-      ...hintProps
-    }), children));
-  }
-  handleEllipsized(isEllipsized) {
-    this.setState({
-      isEllipsized
-    });
-  }
-  initEllipsis() {
-    const {
-      ellipsis,
-      ellipsisProps,
-      hint
-    } = this.asProps;
-    const shouldInit = hint !== false || ellipsisProps?.cropPosition === "middle";
-    if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {
-      this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});
-      this.ellipsis.on("isEllipsized", this.handleEllipsized);
-    }
-  }
-  cleanUpEllipsis() {
-    this.ellipsis?.off("isEllipsized", this.handleEllipsized);
-    this.ellipsis?.cleanUp();
-    this.setState({
-      isEllipsized: false
-    });
-  }
-  getTextDecoration(underline, lineThrough) {
-    if (underline) {
-      return "underline";
-    }
-    if (lineThrough) {
-      return "line-through";
-    }
-  }
-}
-_defineProperty(TextRoot, "enhance", [resolveColorEnhance()]);
-_defineProperty(TextRoot, "styles", styles);
-_defineProperty(TextRoot, "displayName", "Text");
-const Text = createComponent(TextRoot);
-export {
-  Text as default
-};

package/lib/types/Text.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@semcore/core").Intergalactic.Component<"div", {}, {}, never[]>;
-export default _default;