@1money/component-ui 0.0.49 → 0.0.50

package/es/components/Typography/style/Typography.css

@@ -0,0 +1,444 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-typography {
+  margin: 0;
+  color: inherit;
+  text-decoration-color: currentcolor;
+}
+.om-component-ui-typography-display-xl {
+  font-size: var(--om-display-xl-font-size);
+  font-family: var(--om-display-xl-font-family);
+  line-height: var(--om-display-xl-line-height);
+  letter-spacing: var(--om-display-xl-letter-spacing);
+  font-weight: var(--om-display-xl-font-weight);
+}
+.om-component-ui-typography-display-lg {
+  font-size: var(--om-display-lg-font-size);
+  font-family: var(--om-display-lg-font-family);
+  line-height: var(--om-display-lg-line-height);
+  letter-spacing: var(--om-display-lg-letter-spacing);
+  font-weight: var(--om-display-lg-font-weight);
+}
+.om-component-ui-typography-display-md {
+  font-size: var(--om-display-md-font-size);
+  font-family: var(--om-display-md-font-family);
+  line-height: var(--om-display-md-line-height);
+  letter-spacing: var(--om-display-md-letter-spacing);
+  font-weight: var(--om-display-md-font-weight);
+}
+.om-component-ui-typography-display-sm {
+  font-size: var(--om-display-sm-font-size);
+  font-family: var(--om-display-sm-font-family);
+  line-height: var(--om-display-sm-line-height);
+  letter-spacing: var(--om-display-sm-letter-spacing);
+  font-weight: var(--om-display-sm-font-weight);
+}
+.om-component-ui-typography-display-xs {
+  font-size: var(--om-display-xs-font-size);
+  font-family: var(--om-display-xs-font-family);
+  line-height: var(--om-display-xs-line-height);
+  letter-spacing: var(--om-display-xs-letter-spacing);
+  font-weight: var(--om-display-xs-font-weight);
+}
+.om-component-ui-typography-headline-lg {
+  font-size: var(--om-headline-lg-font-size);
+  font-family: var(--om-headline-lg-font-family);
+  line-height: var(--om-headline-lg-line-height);
+  letter-spacing: var(--om-headline-lg-letter-spacing);
+  font-weight: var(--om-headline-lg-font-weight);
+}
+.om-component-ui-typography-headline-md {
+  font-size: var(--om-headline-md-font-size);
+  font-family: var(--om-headline-md-font-family);
+  line-height: var(--om-headline-md-line-height);
+  letter-spacing: var(--om-headline-md-letter-spacing);
+  font-weight: var(--om-headline-md-font-weight);
+}
+.om-component-ui-typography-headline-sm {
+  font-size: var(--om-headline-sm-font-size);
+  font-family: var(--om-headline-sm-font-family);
+  line-height: var(--om-headline-sm-line-height);
+  letter-spacing: var(--om-headline-sm-letter-spacing);
+  font-weight: var(--om-headline-sm-font-weight);
+}
+.om-component-ui-typography-headline-xs {
+  font-size: var(--om-headline-xs-font-size);
+  font-family: var(--om-headline-xs-font-family);
+  line-height: var(--om-headline-xs-line-height);
+  letter-spacing: var(--om-headline-xs-letter-spacing);
+  font-weight: var(--om-headline-xs-font-weight);
+}
+.om-component-ui-typography-title-lg {
+  font-size: var(--om-title-lg-font-size);
+  font-family: var(--om-title-lg-font-family);
+  line-height: var(--om-title-lg-line-height);
+  letter-spacing: var(--om-title-lg-letter-spacing);
+  font-weight: var(--om-title-lg-font-weight);
+}
+.om-component-ui-typography-title-md {
+  font-size: var(--om-title-md-font-size);
+  font-family: var(--om-title-md-font-family);
+  line-height: var(--om-title-md-line-height);
+  letter-spacing: var(--om-title-md-letter-spacing);
+  font-weight: var(--om-title-md-font-weight);
+}
+.om-component-ui-typography-title-sm {
+  font-size: var(--om-title-sm-font-size);
+  font-family: var(--om-title-sm-font-family);
+  line-height: var(--om-title-sm-line-height);
+  letter-spacing: var(--om-title-sm-letter-spacing);
+  font-weight: var(--om-title-sm-font-weight);
+}
+.om-component-ui-typography-body-lg {
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-font-weight);
+}
+.om-component-ui-typography-body-md {
+  font-size: var(--om-body-md-font-size);
+  font-family: var(--om-body-md-font-family);
+  line-height: var(--om-body-md-line-height);
+  letter-spacing: var(--om-body-md-letter-spacing);
+  font-weight: var(--om-body-md-font-weight);
+}
+.om-component-ui-typography-body-sm {
+  font-size: var(--om-body-sm-font-size);
+  font-family: var(--om-body-sm-font-family);
+  line-height: var(--om-body-sm-line-height);
+  letter-spacing: var(--om-body-sm-letter-spacing);
+  font-weight: var(--om-body-sm-font-weight);
+}
+.om-component-ui-typography-label-xl {
+  font-size: var(--om-label-xl-font-size);
+  font-family: var(--om-label-xl-font-family);
+  line-height: var(--om-label-xl-line-height);
+  letter-spacing: var(--om-label-xl-letter-spacing);
+  font-weight: var(--om-label-xl-font-weight);
+}
+.om-component-ui-typography-label-lg {
+  font-size: var(--om-label-lg-font-size);
+  font-family: var(--om-label-lg-font-family);
+  line-height: var(--om-label-lg-line-height);
+  letter-spacing: var(--om-label-lg-letter-spacing);
+  font-weight: var(--om-label-lg-font-weight);
+}
+.om-component-ui-typography-label-md {
+  font-size: var(--om-label-md-font-size);
+  font-family: var(--om-label-md-font-family);
+  line-height: var(--om-label-md-line-height);
+  letter-spacing: var(--om-label-md-letter-spacing);
+  font-weight: var(--om-label-md-font-weight);
+}
+.om-component-ui-typography-label-sm {
+  font-size: var(--om-label-sm-font-size);
+  font-family: var(--om-label-sm-font-family);
+  line-height: var(--om-label-sm-line-height);
+  letter-spacing: var(--om-label-sm-letter-spacing);
+  font-weight: var(--om-label-sm-font-weight);
+}
+.om-component-ui-typography-label-xs {
+  font-size: var(--om-label-xs-font-size);
+  font-family: var(--om-label-xs-font-family);
+  line-height: var(--om-label-xs-line-height);
+  letter-spacing: var(--om-label-xs-letter-spacing);
+  font-weight: var(--om-label-xs-font-weight);
+}
+.om-component-ui-typography-link-md {
+  font-size: var(--om-link-md-font-size);
+  font-family: var(--om-link-md-font-family);
+  line-height: var(--om-link-md-line-height);
+  letter-spacing: var(--om-link-md-letter-spacing);
+  font-weight: var(--om-link-md-font-weight);
+  -webkit-text-decoration: var(--om-link-md-text-decoration);
+          text-decoration: var(--om-link-md-text-decoration);
+  -webkit-text-decoration-skip-ink: var(--om-link-md-text-decoration-skip-ink);
+          text-decoration-skip-ink: var(--om-link-md-text-decoration-skip-ink);
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-typography-link-sm {
+  font-size: var(--om-link-sm-font-size);
+  font-family: var(--om-link-sm-font-family);
+  line-height: var(--om-link-sm-line-height);
+  letter-spacing: var(--om-link-sm-letter-spacing);
+  font-weight: var(--om-link-sm-font-weight);
+  -webkit-text-decoration: var(--om-link-sm-text-decoration);
+          text-decoration: var(--om-link-sm-text-decoration);
+  -webkit-text-decoration-skip-ink: var(--om-link-sm-text-decoration-skip-ink);
+          text-decoration-skip-ink: var(--om-link-sm-text-decoration-skip-ink);
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-typography-title-lg.om-component-ui-typography-strong {
+  font-size: var(--om-title-lg-font-size);
+  font-family: var(--om-title-lg-font-family);
+  line-height: var(--om-title-lg-line-height);
+  letter-spacing: var(--om-title-lg-letter-spacing);
+  font-weight: var(--om-title-lg-strong-font-weight);
+}
+.om-component-ui-typography-title-md.om-component-ui-typography-strong {
+  font-size: var(--om-title-md-font-size);
+  font-family: var(--om-title-md-font-family);
+  line-height: var(--om-title-md-line-height);
+  letter-spacing: var(--om-title-md-letter-spacing);
+  font-weight: var(--om-title-md-strong-font-weight);
+}
+.om-component-ui-typography-title-sm.om-component-ui-typography-strong {
+  font-size: var(--om-title-sm-font-size);
+  font-family: var(--om-title-sm-font-family);
+  line-height: var(--om-title-sm-line-height);
+  letter-spacing: var(--om-title-sm-letter-spacing);
+  font-weight: var(--om-title-sm-strong-font-weight);
+}
+.om-component-ui-typography-body-lg.om-component-ui-typography-strong {
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-strong-font-weight);
+}
+.om-component-ui-typography-body-md.om-component-ui-typography-strong {
+  font-size: var(--om-body-md-font-size);
+  font-family: var(--om-body-md-font-family);
+  line-height: var(--om-body-md-line-height);
+  letter-spacing: var(--om-body-md-letter-spacing);
+  font-weight: var(--om-body-md-strong-font-weight);
+}
+.om-component-ui-typography-body-sm.om-component-ui-typography-strong {
+  font-size: var(--om-body-sm-font-size);
+  font-family: var(--om-body-sm-font-family);
+  line-height: var(--om-body-sm-line-height);
+  letter-spacing: var(--om-body-sm-letter-spacing);
+  font-weight: var(--om-body-sm-strong-font-weight);
+}
+.om-component-ui-typography-label-xl.om-component-ui-typography-strong {
+  font-size: var(--om-label-xl-font-size);
+  font-family: var(--om-label-xl-font-family);
+  line-height: var(--om-label-xl-line-height);
+  letter-spacing: var(--om-label-xl-letter-spacing);
+  font-weight: var(--om-label-xl-strong-font-weight);
+}
+.om-component-ui-typography-label-lg.om-component-ui-typography-strong {
+  font-size: var(--om-label-lg-font-size);
+  font-family: var(--om-label-lg-font-family);
+  line-height: var(--om-label-lg-line-height);
+  letter-spacing: var(--om-label-lg-letter-spacing);
+  font-weight: var(--om-label-lg-strong-font-weight);
+}
+.om-component-ui-typography-label-md.om-component-ui-typography-strong {
+  font-size: var(--om-label-md-font-size);
+  font-family: var(--om-label-md-font-family);
+  line-height: var(--om-label-md-line-height);
+  letter-spacing: var(--om-label-md-letter-spacing);
+  font-weight: var(--om-label-md-strong-font-weight);
+}
+.om-component-ui-typography-label-sm.om-component-ui-typography-strong {
+  font-size: var(--om-label-sm-font-size);
+  font-family: var(--om-label-sm-font-family);
+  line-height: var(--om-label-sm-line-height);
+  letter-spacing: var(--om-label-sm-letter-spacing);
+  font-weight: var(--om-label-sm-strong-font-weight);
+}
+.om-component-ui-typography-label-xs.om-component-ui-typography-strong {
+  font-size: var(--om-label-xs-font-size);
+  font-family: var(--om-label-xs-font-family);
+  line-height: var(--om-label-xs-line-height);
+  letter-spacing: var(--om-label-xs-letter-spacing);
+  font-weight: var(--om-label-xs-strong-font-weight);
+}
+.om-component-ui-typography-italic {
+  font-style: italic;
+}
+.om-component-ui-typography-underline {
+  text-decoration-line: underline;
+}
+.om-component-ui-typography-delete {
+  text-decoration-line: line-through;
+}
+.om-component-ui-typography-underline-delete {
+  text-decoration-line: underline line-through;
+}
+.om-component-ui-typography-ellipsis {
+  position: relative;
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.om-component-ui-typography-ellipsis-measure {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  visibility: hidden;
+  pointer-events: none;
+}
+.om-component-ui-typography-copyable-wrapper {
+  display: inline-flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+}
+.om-component-ui-typography-copyable-wrapper-inline {
+  display: inline-flex;
+  vertical-align: bottom;
+}
+.om-component-ui-typography-copyable-wrapper-block {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+}
+.om-component-ui-typography-copyable-content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.om-component-ui-typography-color-default {
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-typography-color-default-secondary {
+  color: var(--om-text-default-secondary, #404042);
+}
+.om-component-ui-typography-color-default-tertiary {
+  color: var(--om-text-default-tertiary, #646465);
+}
+.om-component-ui-typography-color-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-typography-color-disabled-black {
+  color: var(--om-text-disabled-black, #bbbdc1);
+}
+.om-component-ui-typography-color-disabled-white {
+  color: var(--om-text-disabled-white, #f8f8f8);
+}
+.om-component-ui-typography-color-brand {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-typography-color-brand-secondary {
+  color: var(--om-text-brand-secondary, #a4bbe1);
+}
+.om-component-ui-typography-color-brand-tertiary {
+  color: var(--om-text-brand-tertiary, #c1d0eb);
+}
+.om-component-ui-typography-color-on-brand {
+  color: var(--om-text-on-brand, #dde6f4);
+}
+.om-component-ui-typography-color-on-brand-secondary {
+  color: var(--om-text-on-brand-secondary, #052561);
+}
+.om-component-ui-typography-color-on-brand-tertiary {
+  color: var(--om-text-on-brand-tertiary, #03163a);
+}
+.om-component-ui-typography-color-neutral {
+  color: var(--om-text-neutral, #404042);
+}
+.om-component-ui-typography-color-neutral-secondary {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-ui-typography-color-neutral-tertiary {
+  color: var(--om-text-neutral-tertiary, #bbbdc1);
+}
+.om-component-ui-typography-color-on-neutral {
+  color: var(--om-text-on-neutral, #fff);
+}
+.om-component-ui-typography-color-on-neutral-secondary {
+  color: var(--om-text-on-neutral-secondary, #d1d2d2);
+}
+.om-component-ui-typography-color-on-neutral-tertiary {
+  color: var(--om-text-on-neutral-tertiary, #e3e4e4);
+}
+.om-component-ui-typography-color-positive {
+  color: var(--om-text-positive, #1f5800);
+}
+.om-component-ui-typography-color-positive-secondary {
+  color: var(--om-text-positive-secondary, rgba(31, 88, 0, 0.2));
+}
+.om-component-ui-typography-color-positive-tertiary {
+  color: var(--om-text-positive-tertiary, rgba(31, 88, 0, 0.1));
+}
+.om-component-ui-typography-color-on-positive {
+  color: var(--om-text-on-positive, rgba(31, 88, 0, 0.05));
+}
+.om-component-ui-typography-color-on-positive-secondary {
+  color: var(--om-text-on-positive-secondary, #1b4404);
+}
+.om-component-ui-typography-color-on-positive-tertiary {
+  color: var(--om-text-on-positive-tertiary, #003104);
+}
+.om-component-ui-typography-color-warning {
+  color: var(--om-text-warning, #db8600);
+}
+.om-component-ui-typography-color-warning-secondary {
+  color: var(--om-text-warning-secondary, rgba(244, 198, 0, 0.2));
+}
+.om-component-ui-typography-color-warning-tertiary {
+  color: var(--om-text-warning-tertiary, rgba(244, 198, 0, 0.1));
+}
+.om-component-ui-typography-color-on-warning {
+  color: var(--om-text-on-warning, rgba(244, 198, 0, 0.05));
+}
+.om-component-ui-typography-color-on-warning-secondary {
+  color: var(--om-text-on-warning-secondary, #ffa000);
+}
+.om-component-ui-typography-color-on-warning-tertiary {
+  color: var(--om-text-on-warning-tertiary, #db8600);
+}
+.om-component-ui-typography-color-danger {
+  color: var(--om-text-danger, #ae0000);
+}
+.om-component-ui-typography-color-danger-secondary {
+  color: var(--om-text-danger-secondary, rgba(174, 0, 0, 0.2));
+}
+.om-component-ui-typography-color-danger-tertiary {
+  color: var(--om-text-danger-tertiary, rgba(174, 0, 0, 0.1));
+}
+.om-component-ui-typography-color-on-danger {
+  color: var(--om-text-on-danger, rgba(174, 0, 0, 0.05));
+}
+.om-component-ui-typography-color-on-danger-secondary {
+  color: var(--om-text-on-danger-secondary, #920000);
+}
+.om-component-ui-typography-color-on-danger-tertiary {
+  color: var(--om-text-on-danger-tertiary, #780000);
+}
+.om-component-ui-typography-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-typography-link-md:hover {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-typography-link-md.om-component-ui-typography-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  pointer-events: none;
+}
+.om-component-ui-typography-link-sm:hover {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-typography-link-sm.om-component-ui-typography-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  pointer-events: none;
+}

package/es/components/Typography/style/css.js

@@ -0,0 +1,4 @@
+import '../../Copy/style/css';
+import '../../Icons/style/css';
+import './Typography.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVHlwb2dyYXBoeS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8seUJBQXlCO0FBQ2hDLE9BQU8sMEJBQTBCO0FBQ2pDLE9BQU8sbUJBQW1CIiwiZmlsZSI6ImNvbXBvbmVudHMvVHlwb2dyYXBoeS9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Typography/style/index.d.ts

@@ -0,0 +1,3 @@
+import "../../Copy/style";
+import "../../Icons/style";
+import './Typography.css';

package/es/components/Typography/style/index.js

@@ -0,0 +1,4 @@
+import '../../Copy/style';
+import '../../Icons/style';
+import './Typography.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVHlwb2dyYXBoeS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8seUJBQXlCO0FBQ2hDLE9BQU8sMEJBQTBCO0FBQ2pDLE9BQU8sbUJBQW1CIiwiZmlsZSI6ImNvbXBvbmVudHMvVHlwb2dyYXBoeS9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Typography/useTypographyEnhancements.d.ts

@@ -0,0 +1,43 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { TooltipProps } from "../Tooltip";
+import type { TypographyCategory, TypographyEllipsisConfig, TypographyCopyableConfig } from './interface';
+import type { TypographyLayoutMode, TypographyTextTag } from './constants';
+import type { ResolvedTypographyEllipsisConfig } from './utils';
+export interface TypographyEnhancementOptions {
+    componentTag: TypographyTextTag;
+    defaultLayoutMode: TypographyLayoutMode;
+    prefixCls: string;
+    id?: string;
+    children?: ReactNode;
+    ellipsis?: boolean | TypographyEllipsisConfig;
+    copyable?: boolean | TypographyCopyableConfig;
+}
+export interface TypographyEnhancementResult {
+    ellipsis: ResolvedTypographyEllipsisConfig | null;
+    fullText: string;
+    displayText: string | null;
+    copyText: string | null;
+    onCopy?: (value: string) => void;
+    textId?: string;
+    ellipsisTooltipProps: TooltipProps | null;
+    isInlineComponent: boolean;
+    wrapperTag?: 'span' | 'div';
+    setTextNode: (node: HTMLElement | null) => void;
+    setMeasureNode: (node: HTMLElement | null) => void;
+}
+export interface TypographyTextPresentationOptions {
+    prefixCls: string;
+    className?: string;
+    category: TypographyCategory;
+    size: string;
+    color?: string;
+    strong?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    isDeleted?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+    children?: ReactNode;
+    enhancement: TypographyEnhancementResult;
+}
+export declare function useTypographyEnhancements(options: TypographyEnhancementOptions): TypographyEnhancementResult;

package/es/components/Typography/useTypographyEnhancements.js

@@ -0,0 +1,111 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEventCallback, useSafeState } from '@1money/hooks';
+import { useEffect, useMemo, useRef } from 'react';
+import { useResizeObserver } from '../ResizeObserver';
+import { DEFAULT_TYPOGRAPHY_TOOLTIP_MIDDLEWARES, DEFAULT_TYPOGRAPHY_TOOLTIP_PLACEMENT } from './constants';
+import { extractTextContent, getEnhancementWrapperTag, getStableId, isInlineTypographyTag, normalizeEllipsis, truncateMiddle } from './utils';
+function resolveCopyable(copyable, fullText) {
+  var _a;
+  if (!copyable) return null;
+  if (copyable === true) {
+    return {
+      text: fullText
+    };
+  }
+  return {
+    text: (_a = copyable.text) !== null && _a !== void 0 ? _a : fullText,
+    onCopy: copyable.onCopy
+  };
+}
+export function useTypographyEnhancements(options) {
+  var _a;
+  var componentTag = options.componentTag,
+    defaultLayoutMode = options.defaultLayoutMode,
+    prefixCls = options.prefixCls,
+    id = options.id,
+    children = options.children,
+    ellipsis = options.ellipsis,
+    copyable = options.copyable;
+  var textNodeRef = useRef(null);
+  var measureNodeRef = useRef(null);
+  var generatedTextIdRef = useRef(undefined);
+  // Default to true so truncated text is shown immediately (no flash)
+  var _useSafeState = useSafeState(true),
+    _useSafeState2 = _slicedToArray(_useSafeState, 2),
+    isOverflowed = _useSafeState2[0],
+    setIsOverflowed = _useSafeState2[1];
+  var resolvedEllipsis = normalizeEllipsis(ellipsis);
+  var ellipsisEnabled = resolvedEllipsis !== null;
+  var ellipsisHasTooltip = !!(resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.tooltip);
+  var isInlineComponent = isInlineTypographyTag(componentTag, defaultLayoutMode);
+  var textId = id !== null && id !== void 0 ? id : ellipsisHasTooltip ? getStableId(generatedTextIdRef, prefixCls, 'ellipsis') : undefined;
+  var fullText = useMemo(function () {
+    return extractTextContent(children);
+  }, [children]);
+  var truncatedText = useMemo(function () {
+    if (!resolvedEllipsis) return null;
+    return truncateMiddle(fullText, resolvedEllipsis.start, resolvedEllipsis.end);
+  }, [fullText, resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.start, resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.end]);
+  var displayText = ellipsisEnabled && isOverflowed ? truncatedText : null;
+  var isTruncated = displayText !== null && displayText !== fullText;
+  var resolvedCopyable = useMemo(function () {
+    return resolveCopyable(copyable, fullText);
+  }, [copyable, fullText]);
+  var setTextNode = useEventCallback(function (node) {
+    textNodeRef.current = node;
+  });
+  var setMeasureNode = useEventCallback(function (node) {
+    measureNodeRef.current = node;
+  });
+  // Measure overflow on the hidden span (always contains full text)
+  var measureOverflow = useEventCallback(function () {
+    var node = measureNodeRef.current;
+    if (!node) return;
+    setIsOverflowed(node.scrollWidth > node.clientWidth);
+  });
+  var getMeasureNode = useEventCallback(function () {
+    var _a;
+    return (_a = measureNodeRef.current) !== null && _a !== void 0 ? _a : document.createElement('span');
+  });
+  useResizeObserver(ellipsisEnabled && !!measureNodeRef.current, getMeasureNode, measureOverflow);
+  useEffect(function () {
+    if (ellipsisEnabled) {
+      measureOverflow();
+    } else {
+      setIsOverflowed(true);
+    }
+  }, [ellipsisEnabled, children, measureOverflow, setIsOverflowed]);
+  var ellipsisTooltipProps = useMemo(function () {
+    var _a, _b, _c;
+    if (!ellipsisHasTooltip || !isTruncated || !textId) {
+      return null;
+    }
+    var tooltipConfig = resolvedEllipsis.tooltip;
+    if (tooltipConfig === true) {
+      return {
+        body: fullText,
+        placement: DEFAULT_TYPOGRAPHY_TOOLTIP_PLACEMENT,
+        middlewares: DEFAULT_TYPOGRAPHY_TOOLTIP_MIDDLEWARES
+      };
+    }
+    return Object.assign(Object.assign({}, tooltipConfig), {
+      body: (_a = tooltipConfig.body) !== null && _a !== void 0 ? _a : fullText,
+      placement: (_b = tooltipConfig.placement) !== null && _b !== void 0 ? _b : DEFAULT_TYPOGRAPHY_TOOLTIP_PLACEMENT,
+      middlewares: (_c = tooltipConfig.middlewares) !== null && _c !== void 0 ? _c : DEFAULT_TYPOGRAPHY_TOOLTIP_MIDDLEWARES
+    });
+  }, [fullText, isTruncated, ellipsisHasTooltip, resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.tooltip, textId]);
+  return {
+    ellipsis: resolvedEllipsis,
+    fullText: fullText,
+    displayText: displayText,
+    copyText: (_a = resolvedCopyable === null || resolvedCopyable === void 0 ? void 0 : resolvedCopyable.text) !== null && _a !== void 0 ? _a : null,
+    onCopy: resolvedCopyable === null || resolvedCopyable === void 0 ? void 0 : resolvedCopyable.onCopy,
+    textId: textId,
+    ellipsisTooltipProps: ellipsisTooltipProps,
+    isInlineComponent: isInlineComponent,
+    wrapperTag: resolvedCopyable ? getEnhancementWrapperTag(isInlineComponent) : undefined,
+    setTextNode: setTextNode,
+    setMeasureNode: setMeasureNode
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS91c2VUeXBvZ3JhcGh5RW5oYW5jZW1lbnRzLnRzIiwiY29tcG9uZW50cy9UeXBvZ3JhcGh5L3VzZVR5cG9ncmFwaHlFbmhhbmNlbWVudHMuanMiXSwibmFtZXMiOlsidXNlRXZlbnRDYWxsYmFjayIsInVzZVNhZmVTdGF0ZSIsInVzZUVmZmVjdCIsInVzZU1lbW8iLCJ1c2VSZWYiLCJ1c2VSZXNpemVPYnNlcnZlciIsIkRFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX01JRERMRVdBUkVTIiwiREVGQVVMVF9UWVBPR1JBUEhZX1RPT0xUSVBfUExBQ0VNRU5UIiwiZXh0cmFjdFRleHRDb250ZW50IiwiZ2V0RW5oYW5jZW1lbnRXcmFwcGVyVGFnIiwiZ2V0U3RhYmxlSWQiLCJpc0lubGluZVR5cG9ncmFwaHlUYWciLCJub3JtYWxpemVFbGxpcHNpcyIsInRydW5jYXRlTWlkZGxlIiwicmVzb2x2ZUNvcHlhYmxlIiwiY29weWFibGUiLCJmdWxsVGV4dCIsIl9hIiwidGV4dCIsIm9uQ29weSIsInVzZVR5cG9ncmFwaHlFbmhhbmNlbWVudHMiLCJvcHRpb25zIiwiY29tcG9uZW50VGFnIiwiZGVmYXVsdExheW91dE1vZGUiLCJwcmVmaXhDbHMiLCJpZCIsImNoaWxkcmVuIiwiZWxsaXBzaXMiLCJ0ZXh0Tm9kZVJlZiIsIm1lYXN1cmVOb2RlUmVmIiwiZ2VuZXJhdGVkVGV4dElkUmVmIiwidW5kZWZpbmVkIiwiX3VzZVNhZmVTdGF0ZSIsIl91c2VTYWZlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJpc092ZXJmbG93ZWQiLCJzZXRJc092ZXJmbG93ZWQiLCJyZXNvbHZlZEVsbGlwc2lzIiwiZWxsaXBzaXNFbmFibGVkIiwiZWxsaXBzaXNIYXNUb29sdGlwIiwidG9vbHRpcCIsImlzSW5saW5lQ29tcG9uZW50IiwidGV4dElkIiwidHJ1bmNhdGVkVGV4dCIsInN0YXJ0IiwiZW5kIiwiZGlzcGxheVRleHQiLCJpc1RydW5jYXRlZCIsInJlc29sdmVkQ29weWFibGUiLCJzZXRUZXh0Tm9kZSIsIm5vZGUiLCJjdXJyZW50Iiwic2V0TWVhc3VyZU5vZGUiLCJtZWFzdXJlT3ZlcmZsb3ciLCJzY3JvbGxXaWR0aCIsImNsaWVudFdpZHRoIiwiZ2V0TWVhc3VyZU5vZGUiLCJkb2N1bWVudCIsImNyZWF0ZUVsZW1lbnQiLCJlbGxpcHNpc1Rvb2x0aXBQcm9wcyIsIl9iIiwiX2MiLCJ0b29sdGlwQ29uZmlnIiwiYm9keSIsInBsYWNlbWVudCIsIm1pZGRsZXdhcmVzIiwiT2JqZWN0IiwiYXNzaWduIiwiY29weVRleHQiLCJ3cmFwcGVyVGFnIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsZ0JBQWdCLEVBQUVDLFlBQVksUUFBUSxlQUFlO0FBQzlELFNBQVNDLFNBQVMsRUFBRUMsT0FBTyxFQUFFQyxNQUFNLFFBQVEsT0FBTztBQUNsRCxTQUFTQyxpQkFBaUIsUUFBUSxtQkFBbUI7QUFLckQsU0FBU0Msc0NBQXNDLEVBQUVDLG9DQUFvQyxRQUFRLGFBQWE7QUFFMUcsU0FDRUMsa0JBQWtCLEVBQ2xCQyx3QkFBd0IsRUFDeEJDLFdBQVcsRUFDWEMscUJBQXFCLEVBQ3JCQyxpQkFBaUIsRUFDakJDLGNBQWMsUUFDVCxTQUFTO0FBK0NoQixTQUFTQyxlQUFlQSxDQUN0QkMsUUFBd0QsRUFDeERDLFFBQWdCLEVBQUE7RUMzRGQsSUFBSUMsRUFBRTtFRDZEUixJQUFJLENBQUNGLFFBQVEsRUFBRSxPQUFPLElBQUk7RUFFMUIsSUFBSUEsUUFBUSxLQUFLLElBQUksRUFBRTtJQUNyQixPQUFPO01BQUVHLElBQUksRUFBRUY7SUFBUSxDQUFFO0VBQzNCO0VBRUEsT0FBTztJQUNMRSxJQUFJLEVBQUUsQ0FBQUQsRUFBQSxHQUFBRixRQUFRLENBQUNHLElBQUksTUFBQSxJQUFBLElBQUFELEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJRCxRQUFRO0lBQy9CRyxNQUFNLEVBQUVKLFFBQVEsQ0FBQ0k7RUM1RGpC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QkFBZ0I7SUFDMUJyQixRQUFRLEVBQVJBLFFBQVE7SUFDUjhCLFdBQVcsRUFBWEEsV0FBVztJQUNYc0IsUUFBUSxFQUFFLENBQUFuRCxFQUFBLEdBQUErQixnQkFBZ0IsS0FBQSxJQUFBLElBQWhCQSxnQkFBZ0IsS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBaEJBLGdCQUFnQixDQUFFOUIsSUFBSSxNQUFBLElBQUEsSUFBQUQsRUFBQSxLQUFBLEtBQUEsQ0FBQSxHQUFBQSxFQUFBLEdBQUksSUFBSTtJQUN4Q0UsTUFBTSxFQUFFNkIsZ0JBQWdCLEtBQUEsSUFBQSxJQUFoQkEsZ0JBQWdCLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQWhCQSxnQkFBZ0IsQ0FBRTdCLE1BQU07SUFDaEN1QixNQUFNLEVBQU5BLE1BQU07SUFDTmlCLG9CQUFvQixFQUFwQkEsb0JBQW9CO0lBQ3BCbEIsaUJBQWlCLEVBQWpCQSxpQkFBaUI7SUFDakI0QixVQUFVLEVBQUVyQixnQkFBZ0IsR0FBR3ZDLHdCQUF3QixDQUFDZ0MsaUJBQWlCLENBQUMsR0FBR1YsU0FBUztJQUN0RmtCLFdBQVcsRUFBWEEsV0FBVztJQUNYRyxjQUFjLEVBQWRBO0VDbEZBLENEbUZEO0FBQ0giLCJmaWxlIjoiY29tcG9uZW50cy9UeXBvZ3JhcGh5L3VzZVR5cG9ncmFwaHlFbmhhbmNlbWVudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IHVzZUV2ZW50Q2FsbGJhY2ssIHVzZVNhZmVTdGF0ZSB9IGZyb20gJ0AxbW9uZXkvaG9va3MnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VSZXNpemVPYnNlcnZlciB9IGZyb20gJy4uL1Jlc2l6ZU9ic2VydmVyJztcbmltcG9ydCB7IERFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX01JRERMRVdBUkVTLCBERUZBVUxUX1RZUE9HUkFQSFlfVE9PTFRJUF9QTEFDRU1FTlQgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBleHRyYWN0VGV4dENvbnRlbnQsIGdldEVuaGFuY2VtZW50V3JhcHBlclRhZywgZ2V0U3RhYmxlSWQsIGlzSW5saW5lVHlwb2dyYXBoeVRhZywgbm9ybWFsaXplRWxsaXBzaXMsIHRydW5jYXRlTWlkZGxlLCB9IGZyb20gJy4vdXRpbHMnO1xuZnVuY3Rpb24gcmVzb2x2ZUNvcHlhYmxlKGNvcHlhYmxlLCBmdWxsVGV4dCkge1xuICAgIHZhciBfYTtcbiAgICBpZiAoIWNvcHlhYmxlKVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICBpZiAoY29weWFibGUgPT09IHRydWUpIHtcbiAgICAgICAgcmV0dXJuIHsgdGV4dDogZnVsbFRleHQgfTtcbiAgICB9XG4gICAgcmV0dXJuIHtcbiAgICAgICAgdGV4dDogKF9hID0gY29weWFibGUudGV4dCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZnVsbFRleHQsXG4gICAgICAgIG9uQ29weTogY29weWFibGUub25Db3B5LFxuICAgIH07XG59XG5leHBvcnQgZnVuY3Rpb24gdXNlVHlwb2dyYXBoeUVuaGFuY2VtZW50cyhvcHRpb25zKSB7XG4gICAgdmFyIF9hO1xuICAgIGNvbnN0IHsgY29tcG9uZW50VGFnLCBkZWZhdWx0TGF5b3V0TW9kZSwgcHJlZml4Q2xzLCBpZCwgY2hpbGRyZW4sIGVsbGlwc2lzLCBjb3B5YWJsZSB9ID0gb3B0aW9ucztcbiAgICBjb25zdCB0ZXh0Tm9kZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBtZWFzdXJlTm9kZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBnZW5lcmF0ZWRUZXh0SWRSZWYgPSB1c2VSZWYodW5kZWZpbmVkKTtcbiAgICAvLyBEZWZhdWx0IHRvIHRydWUgc28gdHJ1bmNhdGVkIHRleHQgaXMgc2hvd24gaW1tZWRpYXRlbHkgKG5vIGZsYXNoKVxuICAgIGNvbnN0IFtpc092ZXJmbG93ZWQsIHNldElzT3ZlcmZsb3dlZF0gPSB1c2VTYWZlU3RhdGUodHJ1ZSk7XG4gICAgY29uc3QgcmVzb2x2ZWRFbGxpcHNpcyA9IG5vcm1hbGl6ZUVsbGlwc2lzKGVsbGlwc2lzKTtcbiAgICBjb25zdCBlbGxpcHNpc0VuYWJsZWQgPSByZXNvbHZlZEVsbGlwc2lzICE9PSBudWxsO1xuICAgIGNvbnN0IGVsbGlwc2lzSGFzVG9vbHRpcCA9ICEhKHJlc29sdmVkRWxsaXBzaXMgPT09IG51bGwgfHwgcmVzb2x2ZWRFbGxpcHNpcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcmVzb2x2ZWRFbGxpcHNpcy50b29sdGlwKTtcbiAgICBjb25zdCBpc0lubGluZUNvbXBvbmVudCA9IGlzSW5saW5lVHlwb2dyYXBoeVRhZyhjb21wb25lbnRUYWcsIGRlZmF1bHRMYXlvdXRNb2RlKTtcbiAgICBjb25zdCB0ZXh0SWQgPSBpZCAhPT0gbnVsbCAmJiBpZCAhPT0gdm9pZCAwID8gaWQgOiAoZWxsaXBzaXNIYXNUb29sdGlwXG4gICAgICAgID8gZ2V0U3RhYmxlSWQoZ2VuZXJhdGVkVGV4dElkUmVmLCBwcmVmaXhDbHMsICdlbGxpcHNpcycpXG4gICAgICAgIDogdW5kZWZpbmVkKTtcbiAgICBjb25zdCBmdWxsVGV4dCA9IHVzZU1lbW8oKCkgPT4gZXh0cmFjdFRleHRDb250ZW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuXSk7XG4gICAgY29uc3QgdHJ1bmNhdGVkVGV4dCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAoIXJlc29sdmVkRWxsaXBzaXMpXG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgcmV0dXJuIHRydW5jYXRlTWlkZGxlKGZ1bGxUZXh0LCByZXNvbHZlZEVsbGlwc2lzLnN0YXJ0LCByZXNvbHZlZEVsbGlwc2lzLmVuZCk7XG4gICAgfSwgW2Z1bGxUZXh0LCByZXNvbHZlZEVsbGlwc2lzID09PSBudWxsIHx8IHJlc29sdmVkRWxsaXBzaXMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHJlc29sdmVkRWxsaXBzaXMuc3RhcnQsIHJlc29sdmVkRWxsaXBzaXMgPT09IG51bGwgfHwgcmVzb2x2ZWRFbGxpcHNpcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcmVzb2x2ZWRFbGxpcHNpcy5lbmRdKTtcbiAgICBjb25zdCBkaXNwbGF5VGV4dCA9IGVsbGlwc2lzRW5hYmxlZCAmJiBpc092ZXJmbG93ZWQgPyB0cnVuY2F0ZWRUZXh0IDogbnVsbDtcbiAgICBjb25zdCBpc1RydW5jYXRlZCA9IGRpc3BsYXlUZXh0ICE9PSBudWxsICYmIGRpc3BsYXlUZXh0ICE9PSBmdWxsVGV4dDtcbiAgICBjb25zdCByZXNvbHZlZENvcHlhYmxlID0gdXNlTWVtbygoKSA9PiByZXNvbHZlQ29weWFibGUoY29weWFibGUsIGZ1bGxUZXh0KSwgW2NvcHlhYmxlLCBmdWxsVGV4dF0pO1xuICAgIGNvbnN0IHNldFRleHROb2RlID0gdXNlRXZlbnRDYWxsYmFjaygobm9kZSkgPT4ge1xuICAgICAgICB0ZXh0Tm9kZVJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICB9KTtcbiAgICBjb25zdCBzZXRNZWFzdXJlTm9kZSA9IHVzZUV2ZW50Q2FsbGJhY2soKG5vZGUpID0+IHtcbiAgICAgICAgbWVhc3VyZU5vZGVSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgfSk7XG4gICAgLy8gTWVhc3VyZSBvdmVyZmxvdyBvbiB0aGUgaGlkZGVuIHNwYW4gKGFsd2F5cyBjb250YWlucyBmdWxsIHRleHQpXG4gICAgY29uc3QgbWVhc3VyZU92ZXJmbG93ID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGNvbnN0IG5vZGUgPSBtZWFzdXJlTm9kZVJlZi5jdXJyZW50O1xuICAgICAgICBpZiAoIW5vZGUpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIHNldElzT3ZlcmZsb3dlZChub2RlLnNjcm9sbFdpZHRoID4gbm9kZS5jbGllbnRXaWR0aCk7XG4gICAgfSk7XG4gICAgY29uc3QgZ2V0TWVhc3VyZU5vZGUgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gbWVhc3VyZU5vZGVSZWYuY3VycmVudCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpOyB9KTtcbiAgICB1c2VSZXNpemVPYnNlcnZlcihlbGxpcHNpc0VuYWJsZWQgJiYgISFtZWFzdXJlTm9kZVJlZi5jdXJyZW50LCBnZXRNZWFzdXJlTm9kZSwgbWVhc3VyZU92ZXJmbG93KTtcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoZWxsaXBzaXNFbmFibGVkKSB7XG4gICAgICAgICAgICBtZWFzdXJlT3ZlcmZsb3coKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHNldElzT3ZlcmZsb3dlZCh0cnVlKTtcbiAgICAgICAgfVxuICAgIH0sIFtlbGxpcHNpc0VuYWJsZWQsIGNoaWxkcmVuLCBtZWFzdXJlT3ZlcmZsb3csIHNldElzT3ZlcmZsb3dlZF0pO1xuICAgIGNvbnN0IGVsbGlwc2lzVG9vbHRpcFByb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHZhciBfYSwgX2IsIF9jO1xuICAgICAgICBpZiAoIWVsbGlwc2lzSGFzVG9vbHRpcCB8fCAhaXNUcnVuY2F0ZWQgfHwgIXRleHRJZCkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgdG9vbHRpcENvbmZpZyA9IHJlc29sdmVkRWxsaXBzaXMudG9vbHRpcDtcbiAgICAgICAgaWYgKHRvb2x0aXBDb25maWcgPT09IHRydWUpIHtcbiAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgYm9keTogZnVsbFRleHQsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50OiBERUZBVUxUX1RZUE9HUkFQSFlfVE9PTFRJUF9QTEFDRU1FTlQsXG4gICAgICAgICAgICAgICAgbWlkZGxld2FyZXM6IERFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX01JRERMRVdBUkVTLFxuICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCB0b29sdGlwQ29uZmlnKSwgeyBib2R5OiAoX2EgPSB0b29sdGlwQ29uZmlnLmJvZHkpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGZ1bGxUZXh0LCBwbGFjZW1lbnQ6IChfYiA9IHRvb2x0aXBDb25maWcucGxhY2VtZW50KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiBERUZBVUxUX1RZUE9HUkFQSFlfVE9PTFRJUF9QTEFDRU1FTlQsIG1pZGRsZXdhcmVzOiAoX2MgPSB0b29sdGlwQ29uZmlnLm1pZGRsZXdhcmVzKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiBERUZBVUxUX1RZUE9HUkFQSFlfVE9PTFRJUF9NSURETEVXQVJFUyB9KTtcbiAgICB9LCBbZnVsbFRleHQsIGlzVHJ1bmNhdGVkLCBlbGxpcHNpc0hhc1Rvb2x0aXAsIHJlc29sdmVkRWxsaXBzaXMgPT09IG51bGwgfHwgcmVzb2x2ZWRFbGxpcHNpcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcmVzb2x2ZWRFbGxpcHNpcy50b29sdGlwLCB0ZXh0SWRdKTtcbiAgICByZXR1cm4ge1xuICAgICAgICBlbGxpcHNpczogcmVzb2x2ZWRFbGxpcHNpcyxcbiAgICAgICAgZnVsbFRleHQsXG4gICAgICAgIGRpc3BsYXlUZXh0LFxuICAgICAgICBjb3B5VGV4dDogKF9hID0gcmVzb2x2ZWRDb3B5YWJsZSA9PT0gbnVsbCB8fCByZXNvbHZlZENvcHlhYmxlID09PSB2b2lkIDAgPyB2b2lkIDAgOiByZXNvbHZlZENvcHlhYmxlLnRleHQpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IG51bGwsXG4gICAgICAgIG9uQ29weTogcmVzb2x2ZWRDb3B5YWJsZSA9PT0gbnVsbCB8fCByZXNvbHZlZENvcHlhYmxlID09PSB2b2lkIDAgPyB2b2lkIDAgOiByZXNvbHZlZENvcHlhYmxlLm9uQ29weSxcbiAgICAgICAgdGV4dElkLFxuICAgICAgICBlbGxpcHNpc1Rvb2x0aXBQcm9wcyxcbiAgICAgICAgaXNJbmxpbmVDb21wb25lbnQsXG4gICAgICAgIHdyYXBwZXJUYWc6IHJlc29sdmVkQ29weWFibGUgPyBnZXRFbmhhbmNlbWVudFdyYXBwZXJUYWcoaXNJbmxpbmVDb21wb25lbnQpIDogdW5kZWZpbmVkLFxuICAgICAgICBzZXRUZXh0Tm9kZSxcbiAgICAgICAgc2V0TWVhc3VyZU5vZGUsXG4gICAgfTtcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Typography/utils.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode, Ref, RefObject } from 'react';
+import type { TooltipProps } from "../Tooltip";
+import type { TypographyEllipsisConfig } from './interface';
+import type { TypographyClassNameOptions, TypographyLayoutMode, TypographyTextTag } from './constants';
+export interface ResolvedTypographyEllipsisConfig {
+    start: number;
+    end: number;
+    tooltip: boolean | TooltipProps;
+}
+export declare const getTypographyClassName: (options: TypographyClassNameOptions) => string;
+export declare function normalizeEllipsis(ellipsis?: boolean | TypographyEllipsisConfig): ResolvedTypographyEllipsisConfig | null;
+export declare function truncateMiddle(text: string, start: number, end: number): string;
+export declare function extractTextContent(node: ReactNode): string;
+export declare function getStableId(ref: RefObject<string | undefined>, prefixCls: string, suffix: string): string;
+export declare function assignRef<T>(ref: Ref<T> | undefined, value: T | null): void;
+export declare function isInlineTypographyTag(componentTag: TypographyTextTag, defaultLayoutMode: TypographyLayoutMode): boolean;
+export declare function getEnhancementWrapperTag(isInlineComponent: boolean): 'span' | 'div';