modern-text 1.0.0 → 1.0.1

package/dist/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 const modernPath2d = require('modern-path2d');
+const modernIdoc = require('modern-idoc');
 const modernFont = require('modern-font');
 
 function parseColor(ctx, source, box) {
@@ -1481,46 +1482,7 @@ function textDecoration() {
   });
 }
 
-const defaultTextStyles = {
-  writingMode: "horizontal-tb",
-  verticalAlign: "baseline",
-  lineHeight: 1.2,
-  letterSpacing: 0,
-  // font
-  fontSize: 14,
-  fontWeight: "normal",
-  fontFamily: "",
-  fontStyle: "normal",
-  fontKerning: "normal",
-  // text
-  textWrap: "wrap",
-  textAlign: "start",
-  textIndent: 0,
-  textTransform: "none",
-  textOrientation: "mixed",
-  textDecoration: "none",
-  // textStroke
-  textStrokeWidth: 0,
-  textStrokeColor: "#000",
-  // color
-  color: "#000",
-  backgroundColor: "rgba(0, 0, 0, 0)",
-  // listStyle
-  listStyleType: "none",
-  listStyleImage: "none",
-  listStyleColormap: "none",
-  listStyleSize: "cover",
-  listStylePosition: "outside",
-  // shadow
-  shadowColor: "rgba(0, 0, 0, 0)",
-  shadowOffsetX: 0,
-  shadowOffsetY: 0,
-  shadowBlur: 0,
-  translateX: 0,
-  translateY: 0,
-  skewX: 0,
-  skewY: 0
-};
+const defaultTextStyles = modernIdoc.getDefaultTextStyle();
 class Text extends EventEmitter {
   debug;
   content;

package/dist/index.d.cts

@@ -1,15 +1,39 @@
+import { ITextStyle, ITextContent, Highlight } from 'modern-idoc';
 import { BoundingBox, Path2D, Vector2, VectorLike, Matrix3 } from 'modern-path2d';
 import { Fonts, Sfnt } from 'modern-font';
 
+declare function parseColor(ctx: CanvasRenderingContext2D, source: string | CanvasGradient | CanvasPattern, box: BoundingBox): string | CanvasGradient | CanvasPattern;
+declare function uploadColor(style: Partial<ITextStyle>, box: BoundingBox, ctx: CanvasRenderingContext2D): void;
+interface LinearGradient {
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    stops: {
+        offset: number;
+        color: string;
+    }[];
+}
+
+interface DrawShapePathsOptions extends Partial<ITextStyle> {
+    ctx: CanvasRenderingContext2D;
+    path: Path2D;
+    fontSize: number;
+    clipRect?: BoundingBox;
+}
+declare function drawPath(options: DrawShapePathsOptions): void;
+
+declare function setupView(ctx: CanvasRenderingContext2D, pixelRatio: number, boundingBox: BoundingBox): void;
+
 declare class Fragment {
     content: string;
-    style: Partial<TextStyle>;
+    style: Partial<ITextStyle>;
     parent: Paragraph;
     inlineBox: BoundingBox;
     characters: Character[];
-    computedStyle: TextStyle;
+    computedStyle: ITextStyle;
     get computedContent(): string;
-    constructor(content: string, style: Partial<TextStyle> | undefined, parent: Paragraph);
+    constructor(content: string, style: Partial<ITextStyle> | undefined, parent: Paragraph);
     updateComputedStyle(): this;
     initCharacters(): this;
 }
@@ -41,7 +65,7 @@ declare class Character {
     centerDiviation: number;
     fontStyle?: 'bold' | 'italic';
     get center(): Vector2 | undefined;
-    get computedStyle(): TextStyle;
+    get computedStyle(): ITextStyle;
     get isVertical(): boolean;
     get fontSize(): number;
     get fontHeight(): number;
@@ -55,18 +79,37 @@ declare class Character {
         max: Vector2;
     } | undefined;
     getGlyphBoundingBox(withStyle?: boolean): BoundingBox | undefined;
-    drawTo(ctx: CanvasRenderingContext2D, config?: Partial<TextStyle>): void;
+    drawTo(ctx: CanvasRenderingContext2D, config?: Partial<ITextStyle>): void;
 }
 
 declare class Paragraph {
-    style: Partial<TextStyle>;
-    parentStyle: TextStyle;
+    style: Partial<ITextStyle>;
+    parentStyle: ITextStyle;
     lineBox: BoundingBox;
     fragments: Fragment[];
-    computedStyle: TextStyle;
-    constructor(style: Partial<TextStyle>, parentStyle: TextStyle);
+    computedStyle: ITextStyle;
+    constructor(style: Partial<ITextStyle>, parentStyle: ITextStyle);
     updateComputedStyle(): this;
-    addFragment(content: string, style?: Partial<TextStyle>): Fragment;
+    addFragment(content: string, style?: Partial<ITextStyle>): Fragment;
+}
+
+interface TextPlugin {
+    name: string;
+    paths?: Path2D[];
+    getBoundingBox?: (text: Text$1) => BoundingBox | undefined;
+    update?: (text: Text$1) => void;
+    updateOrder?: number;
+    render?: (ctx: CanvasRenderingContext2D, text: Text$1) => void;
+    renderOrder?: number;
+    load?: (text: Text$1) => Promise<void>;
+}
+interface TextOptions {
+    debug?: boolean;
+    content?: ITextContent;
+    style?: Partial<ITextStyle>;
+    measureDom?: HTMLElement;
+    effects?: Partial<ITextStyle>[];
+    fonts?: Fonts;
 }
 
 type EventListenerValue<T = any> = (ev: T) => void;
@@ -133,7 +176,7 @@ declare class Measurer {
      *   </ul>
      * </section>
      */
-    createParagraphDom(paragraphs: Paragraph[], rootStyle: TextStyle): {
+    createParagraphDom(paragraphs: Paragraph[], rootStyle: ITextStyle): {
         dom: HTMLElement;
         destory: () => void;
     };
@@ -150,7 +193,7 @@ declare class Measurer {
         characters: MeasuredCharacter[];
     };
     measureParagraphDom(paragraphs: Paragraph[], dom: HTMLElement): MeasureDomResult;
-    measure(paragraphs: Paragraph[], rootStyle: TextStyle, dom?: HTMLElement): MeasureDomResult;
+    measure(paragraphs: Paragraph[], rootStyle: ITextStyle, dom?: HTMLElement): MeasureDomResult;
 }
 
 interface TextRenderOptions {
@@ -165,7 +208,7 @@ interface MeasureResult {
     pathBox: BoundingBox;
     boundingBox: BoundingBox;
 }
-declare const defaultTextStyles: TextStyle;
+declare const defaultTextStyles: ITextStyle;
 interface TextEventMap {
     update: {
         text: Text$1;
@@ -182,12 +225,12 @@ interface TextEventMap {
 }
 declare class Text$1 extends EventEmitter<TextEventMap> {
     debug: boolean;
-    content: TextContent;
-    style: Partial<TextStyle>;
-    effects?: Partial<TextStyle>[];
+    content: ITextContent;
+    style: Partial<ITextStyle>;
+    effects?: Partial<ITextStyle>[];
     measureDom?: HTMLElement;
     needsUpdate: boolean;
-    computedStyle: TextStyle;
+    computedStyle: ITextStyle;
     paragraphs: Paragraph[];
     lineBox: BoundingBox;
     rawGlyphBox: BoundingBox;
@@ -218,144 +261,6 @@ declare class Text$1 extends EventEmitter<TextEventMap> {
     render(options: TextRenderOptions): void;
 }
 
-type Sizeable = `${number}%` | `${number}rem` | number;
-type WritingMode = 'horizontal-tb' | 'vertical-lr' | 'vertical-rl';
-type TextOrientation = 'mixed' | 'upright' | 'sideways-right' | 'sideways';
-type FontWeight = 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-type FontStyle = 'normal' | 'italic' | 'oblique' | `oblique ${string}`;
-type FontKerning = 'none' | 'auto' | 'normal';
-type TextWrap = 'wrap' | 'nowrap';
-type TextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
-type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'super' | 'text-top' | 'text-bottom';
-type TextTransform = 'none' | 'uppercase' | 'lowercase';
-type TextDecorationLine = 'none' | 'underline' | 'line-through' | 'overline';
-type ListStyleType = 'none' | 'disc';
-type ListStyleImage = 'none' | string;
-type ListStyleColormap = 'none' | Record<string, string>;
-type ListStyleSize = 'cover' | Sizeable;
-type ListStylePosition = 'inside' | 'outside';
-type HighlightLine = TextDecorationLine | 'outline';
-type HighlightImage = 'none' | string;
-type HighlightReferImage = 'none' | string;
-type HighlightColormap = 'none' | Record<string, string>;
-type HighlightSize = 'cover' | Sizeable;
-type HighlightThickness = Sizeable;
-interface TextLineStyle {
-    writingMode: WritingMode;
-    textWrap: TextWrap;
-    textAlign: TextAlign;
-    textIndent: number;
-    lineHeight: number;
-    listStyleType: ListStyleType;
-    listStyleImage: ListStyleImage;
-    listStyleColormap: ListStyleColormap;
-    listStyleSize: ListStyleSize;
-    listStylePosition: ListStylePosition;
-}
-interface HighlightStyle {
-    image: HighlightImage;
-    referImage: HighlightReferImage;
-    colormap: HighlightColormap;
-    line: HighlightLine;
-    size: HighlightSize;
-    thickness: HighlightThickness;
-}
-interface TextHighlightStyle {
-    highlight?: Partial<HighlightStyle>;
-    highlightImage?: HighlightImage;
-    highlightReferImage?: HighlightReferImage;
-    highlightColormap?: HighlightColormap;
-    highlightLine?: HighlightLine;
-    highlightSize?: HighlightSize;
-    highlightThickness?: HighlightThickness;
-}
-interface TextInlineStyle extends TextHighlightStyle {
-    verticalAlign: VerticalAlign;
-    letterSpacing: number;
-    fontSize: number;
-    fontWeight: FontWeight;
-    fontFamily: string;
-    fontStyle: FontStyle;
-    fontKerning?: FontKerning;
-    textTransform: TextTransform;
-    textOrientation: TextOrientation;
-    textDecoration: TextDecorationLine;
-}
-interface TextDrawStyle {
-    color: string | CanvasGradient | CanvasPattern;
-    backgroundColor: string | CanvasGradient | CanvasPattern;
-    textStrokeWidth: number;
-    textStrokeColor: string | CanvasGradient | CanvasPattern;
-    shadowColor: string;
-    shadowOffsetX: number;
-    shadowOffsetY: number;
-    shadowBlur: number;
-    translateX: number;
-    translateY: number;
-    skewX: number;
-    skewY: number;
-}
-interface TextStyle extends TextLineStyle, TextInlineStyle, TextDrawStyle {
-    marginLeft?: number;
-    marginTop?: number;
-    marginRight?: number;
-    marginBottom?: number;
-    paddingLeft?: number;
-    paddingTop?: number;
-    paddingRight?: number;
-    paddingBottom?: number;
-    width?: number;
-    height?: number;
-}
-interface FragmentContent extends Partial<TextStyle> {
-    content: string;
-}
-interface ParagraphContent extends Partial<TextStyle> {
-    fragments: FragmentContent[];
-}
-type TextContent = string | FragmentContent | ParagraphContent | (string | FragmentContent | ParagraphContent | (string | FragmentContent)[])[];
-interface TextPlugin {
-    name: string;
-    paths?: Path2D[];
-    getBoundingBox?: (text: Text$1) => BoundingBox | undefined;
-    update?: (text: Text$1) => void;
-    updateOrder?: number;
-    render?: (ctx: CanvasRenderingContext2D, text: Text$1) => void;
-    renderOrder?: number;
-    load?: (text: Text$1) => Promise<void>;
-}
-interface TextOptions {
-    debug?: boolean;
-    content?: TextContent;
-    style?: Partial<TextStyle>;
-    measureDom?: HTMLElement;
-    effects?: Partial<TextStyle>[];
-    fonts?: Fonts;
-}
-
-declare function parseColor(ctx: CanvasRenderingContext2D, source: string | CanvasGradient | CanvasPattern, box: BoundingBox): string | CanvasGradient | CanvasPattern;
-declare function uploadColor(style: Partial<TextStyle>, box: BoundingBox, ctx: CanvasRenderingContext2D): void;
-interface LinearGradient {
-    x0: number;
-    y0: number;
-    x1: number;
-    y1: number;
-    stops: {
-        offset: number;
-        color: string;
-    }[];
-}
-
-interface DrawShapePathsOptions extends Partial<TextStyle> {
-    ctx: CanvasRenderingContext2D;
-    path: Path2D;
-    fontSize: number;
-    clipRect?: BoundingBox;
-}
-declare function drawPath(options: DrawShapePathsOptions): void;
-
-declare function setupView(ctx: CanvasRenderingContext2D, pixelRatio: number, boundingBox: BoundingBox): void;
-
 declare function uploadColors(ctx: CanvasRenderingContext2D, text: Text$1): void;
 
 declare function definePlugin(options: TextPlugin): TextPlugin;
@@ -375,13 +280,13 @@ declare function renderText(options: RenderTextOptions & {
     load?: false;
 }): void;
 
-declare function getHighlightStyle(style: TextStyle): HighlightStyle;
+declare function getHighlightStyle(style: ITextStyle): Highlight;
 declare function highlight(): TextPlugin;
 
 declare function listStyle(): TextPlugin;
 
 declare function render(): TextPlugin;
-declare function getTransform2D(text: Text$1, style: Partial<TextStyle>): Matrix3;
+declare function getTransform2D(text: Text$1, style: Partial<ITextStyle>): Matrix3;
 
 declare function textDecoration(): TextPlugin;
 
@@ -398,4 +303,4 @@ declare function hexToRgb(hex: string): string | null;
 declare function filterEmpty(val: Record<string, any> | undefined): Record<string, any> | undefined;
 declare function needsFetch(source: string): boolean;
 
-export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightStyle, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type RenderTextOptions, type Sizeable, Text$1 as Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextHighlightStyle, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, definePlugin, drawPath, filterEmpty, getHighlightStyle, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, needsFetch, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };
+export { Character, type DrawShapePathsOptions, Fragment, type LinearGradient, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type RenderTextOptions, Text$1 as Text, type TextEventMap, type TextOptions, type TextPlugin, type TextRenderOptions, defaultTextStyles, definePlugin, drawPath, filterEmpty, getHighlightStyle, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, needsFetch, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };

package/dist/index.d.mts

@@ -1,15 +1,39 @@
+import { ITextStyle, ITextContent, Highlight } from 'modern-idoc';
 import { BoundingBox, Path2D, Vector2, VectorLike, Matrix3 } from 'modern-path2d';
 import { Fonts, Sfnt } from 'modern-font';
 
+declare function parseColor(ctx: CanvasRenderingContext2D, source: string | CanvasGradient | CanvasPattern, box: BoundingBox): string | CanvasGradient | CanvasPattern;
+declare function uploadColor(style: Partial<ITextStyle>, box: BoundingBox, ctx: CanvasRenderingContext2D): void;
+interface LinearGradient {
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    stops: {
+        offset: number;
+        color: string;
+    }[];
+}
+
+interface DrawShapePathsOptions extends Partial<ITextStyle> {
+    ctx: CanvasRenderingContext2D;
+    path: Path2D;
+    fontSize: number;
+    clipRect?: BoundingBox;
+}
+declare function drawPath(options: DrawShapePathsOptions): void;
+
+declare function setupView(ctx: CanvasRenderingContext2D, pixelRatio: number, boundingBox: BoundingBox): void;
+
 declare class Fragment {
     content: string;
-    style: Partial<TextStyle>;
+    style: Partial<ITextStyle>;
     parent: Paragraph;
     inlineBox: BoundingBox;
     characters: Character[];
-    computedStyle: TextStyle;
+    computedStyle: ITextStyle;
     get computedContent(): string;
-    constructor(content: string, style: Partial<TextStyle> | undefined, parent: Paragraph);
+    constructor(content: string, style: Partial<ITextStyle> | undefined, parent: Paragraph);
     updateComputedStyle(): this;
     initCharacters(): this;
 }
@@ -41,7 +65,7 @@ declare class Character {
     centerDiviation: number;
     fontStyle?: 'bold' | 'italic';
     get center(): Vector2 | undefined;
-    get computedStyle(): TextStyle;
+    get computedStyle(): ITextStyle;
     get isVertical(): boolean;
     get fontSize(): number;
     get fontHeight(): number;
@@ -55,18 +79,37 @@ declare class Character {
         max: Vector2;
     } | undefined;
     getGlyphBoundingBox(withStyle?: boolean): BoundingBox | undefined;
-    drawTo(ctx: CanvasRenderingContext2D, config?: Partial<TextStyle>): void;
+    drawTo(ctx: CanvasRenderingContext2D, config?: Partial<ITextStyle>): void;
 }
 
 declare class Paragraph {
-    style: Partial<TextStyle>;
-    parentStyle: TextStyle;
+    style: Partial<ITextStyle>;
+    parentStyle: ITextStyle;
     lineBox: BoundingBox;
     fragments: Fragment[];
-    computedStyle: TextStyle;
-    constructor(style: Partial<TextStyle>, parentStyle: TextStyle);
+    computedStyle: ITextStyle;
+    constructor(style: Partial<ITextStyle>, parentStyle: ITextStyle);
     updateComputedStyle(): this;
-    addFragment(content: string, style?: Partial<TextStyle>): Fragment;
+    addFragment(content: string, style?: Partial<ITextStyle>): Fragment;
+}
+
+interface TextPlugin {
+    name: string;
+    paths?: Path2D[];
+    getBoundingBox?: (text: Text$1) => BoundingBox | undefined;
+    update?: (text: Text$1) => void;
+    updateOrder?: number;
+    render?: (ctx: CanvasRenderingContext2D, text: Text$1) => void;
+    renderOrder?: number;
+    load?: (text: Text$1) => Promise<void>;
+}
+interface TextOptions {
+    debug?: boolean;
+    content?: ITextContent;
+    style?: Partial<ITextStyle>;
+    measureDom?: HTMLElement;
+    effects?: Partial<ITextStyle>[];
+    fonts?: Fonts;
 }
 
 type EventListenerValue<T = any> = (ev: T) => void;
@@ -133,7 +176,7 @@ declare class Measurer {
      *   </ul>
      * </section>
      */
-    createParagraphDom(paragraphs: Paragraph[], rootStyle: TextStyle): {
+    createParagraphDom(paragraphs: Paragraph[], rootStyle: ITextStyle): {
         dom: HTMLElement;
         destory: () => void;
     };
@@ -150,7 +193,7 @@ declare class Measurer {
         characters: MeasuredCharacter[];
     };
     measureParagraphDom(paragraphs: Paragraph[], dom: HTMLElement): MeasureDomResult;
-    measure(paragraphs: Paragraph[], rootStyle: TextStyle, dom?: HTMLElement): MeasureDomResult;
+    measure(paragraphs: Paragraph[], rootStyle: ITextStyle, dom?: HTMLElement): MeasureDomResult;
 }
 
 interface TextRenderOptions {
@@ -165,7 +208,7 @@ interface MeasureResult {
     pathBox: BoundingBox;
     boundingBox: BoundingBox;
 }
-declare const defaultTextStyles: TextStyle;
+declare const defaultTextStyles: ITextStyle;
 interface TextEventMap {
     update: {
         text: Text$1;
@@ -182,12 +225,12 @@ interface TextEventMap {
 }
 declare class Text$1 extends EventEmitter<TextEventMap> {
     debug: boolean;
-    content: TextContent;
-    style: Partial<TextStyle>;
-    effects?: Partial<TextStyle>[];
+    content: ITextContent;
+    style: Partial<ITextStyle>;
+    effects?: Partial<ITextStyle>[];
     measureDom?: HTMLElement;
     needsUpdate: boolean;
-    computedStyle: TextStyle;
+    computedStyle: ITextStyle;
     paragraphs: Paragraph[];
     lineBox: BoundingBox;
     rawGlyphBox: BoundingBox;
@@ -218,144 +261,6 @@ declare class Text$1 extends EventEmitter<TextEventMap> {
     render(options: TextRenderOptions): void;
 }
 
-type Sizeable = `${number}%` | `${number}rem` | number;
-type WritingMode = 'horizontal-tb' | 'vertical-lr' | 'vertical-rl';
-type TextOrientation = 'mixed' | 'upright' | 'sideways-right' | 'sideways';
-type FontWeight = 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-type FontStyle = 'normal' | 'italic' | 'oblique' | `oblique ${string}`;
-type FontKerning = 'none' | 'auto' | 'normal';
-type TextWrap = 'wrap' | 'nowrap';
-type TextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
-type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'super' | 'text-top' | 'text-bottom';
-type TextTransform = 'none' | 'uppercase' | 'lowercase';
-type TextDecorationLine = 'none' | 'underline' | 'line-through' | 'overline';
-type ListStyleType = 'none' | 'disc';
-type ListStyleImage = 'none' | string;
-type ListStyleColormap = 'none' | Record<string, string>;
-type ListStyleSize = 'cover' | Sizeable;
-type ListStylePosition = 'inside' | 'outside';
-type HighlightLine = TextDecorationLine | 'outline';
-type HighlightImage = 'none' | string;
-type HighlightReferImage = 'none' | string;
-type HighlightColormap = 'none' | Record<string, string>;
-type HighlightSize = 'cover' | Sizeable;
-type HighlightThickness = Sizeable;
-interface TextLineStyle {
-    writingMode: WritingMode;
-    textWrap: TextWrap;
-    textAlign: TextAlign;
-    textIndent: number;
-    lineHeight: number;
-    listStyleType: ListStyleType;
-    listStyleImage: ListStyleImage;
-    listStyleColormap: ListStyleColormap;
-    listStyleSize: ListStyleSize;
-    listStylePosition: ListStylePosition;
-}
-interface HighlightStyle {
-    image: HighlightImage;
-    referImage: HighlightReferImage;
-    colormap: HighlightColormap;
-    line: HighlightLine;
-    size: HighlightSize;
-    thickness: HighlightThickness;
-}
-interface TextHighlightStyle {
-    highlight?: Partial<HighlightStyle>;
-    highlightImage?: HighlightImage;
-    highlightReferImage?: HighlightReferImage;
-    highlightColormap?: HighlightColormap;
-    highlightLine?: HighlightLine;
-    highlightSize?: HighlightSize;
-    highlightThickness?: HighlightThickness;
-}
-interface TextInlineStyle extends TextHighlightStyle {
-    verticalAlign: VerticalAlign;
-    letterSpacing: number;
-    fontSize: number;
-    fontWeight: FontWeight;
-    fontFamily: string;
-    fontStyle: FontStyle;
-    fontKerning?: FontKerning;
-    textTransform: TextTransform;
-    textOrientation: TextOrientation;
-    textDecoration: TextDecorationLine;
-}
-interface TextDrawStyle {
-    color: string | CanvasGradient | CanvasPattern;
-    backgroundColor: string | CanvasGradient | CanvasPattern;
-    textStrokeWidth: number;
-    textStrokeColor: string | CanvasGradient | CanvasPattern;
-    shadowColor: string;
-    shadowOffsetX: number;
-    shadowOffsetY: number;
-    shadowBlur: number;
-    translateX: number;
-    translateY: number;
-    skewX: number;
-    skewY: number;
-}
-interface TextStyle extends TextLineStyle, TextInlineStyle, TextDrawStyle {
-    marginLeft?: number;
-    marginTop?: number;
-    marginRight?: number;
-    marginBottom?: number;
-    paddingLeft?: number;
-    paddingTop?: number;
-    paddingRight?: number;
-    paddingBottom?: number;
-    width?: number;
-    height?: number;
-}
-interface FragmentContent extends Partial<TextStyle> {
-    content: string;
-}
-interface ParagraphContent extends Partial<TextStyle> {
-    fragments: FragmentContent[];
-}
-type TextContent = string | FragmentContent | ParagraphContent | (string | FragmentContent | ParagraphContent | (string | FragmentContent)[])[];
-interface TextPlugin {
-    name: string;
-    paths?: Path2D[];
-    getBoundingBox?: (text: Text$1) => BoundingBox | undefined;
-    update?: (text: Text$1) => void;
-    updateOrder?: number;
-    render?: (ctx: CanvasRenderingContext2D, text: Text$1) => void;
-    renderOrder?: number;
-    load?: (text: Text$1) => Promise<void>;
-}
-interface TextOptions {
-    debug?: boolean;
-    content?: TextContent;
-    style?: Partial<TextStyle>;
-    measureDom?: HTMLElement;
-    effects?: Partial<TextStyle>[];
-    fonts?: Fonts;
-}
-
-declare function parseColor(ctx: CanvasRenderingContext2D, source: string | CanvasGradient | CanvasPattern, box: BoundingBox): string | CanvasGradient | CanvasPattern;
-declare function uploadColor(style: Partial<TextStyle>, box: BoundingBox, ctx: CanvasRenderingContext2D): void;
-interface LinearGradient {
-    x0: number;
-    y0: number;
-    x1: number;
-    y1: number;
-    stops: {
-        offset: number;
-        color: string;
-    }[];
-}
-
-interface DrawShapePathsOptions extends Partial<TextStyle> {
-    ctx: CanvasRenderingContext2D;
-    path: Path2D;
-    fontSize: number;
-    clipRect?: BoundingBox;
-}
-declare function drawPath(options: DrawShapePathsOptions): void;
-
-declare function setupView(ctx: CanvasRenderingContext2D, pixelRatio: number, boundingBox: BoundingBox): void;
-
 declare function uploadColors(ctx: CanvasRenderingContext2D, text: Text$1): void;
 
 declare function definePlugin(options: TextPlugin): TextPlugin;
@@ -375,13 +280,13 @@ declare function renderText(options: RenderTextOptions & {
     load?: false;
 }): void;
 
-declare function getHighlightStyle(style: TextStyle): HighlightStyle;
+declare function getHighlightStyle(style: ITextStyle): Highlight;
 declare function highlight(): TextPlugin;
 
 declare function listStyle(): TextPlugin;
 
 declare function render(): TextPlugin;
-declare function getTransform2D(text: Text$1, style: Partial<TextStyle>): Matrix3;
+declare function getTransform2D(text: Text$1, style: Partial<ITextStyle>): Matrix3;
 
 declare function textDecoration(): TextPlugin;
 
@@ -398,4 +303,4 @@ declare function hexToRgb(hex: string): string | null;
 declare function filterEmpty(val: Record<string, any> | undefined): Record<string, any> | undefined;
 declare function needsFetch(source: string): boolean;
 
-export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightStyle, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type RenderTextOptions, type Sizeable, Text$1 as Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextHighlightStyle, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, definePlugin, drawPath, filterEmpty, getHighlightStyle, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, needsFetch, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };
+export { Character, type DrawShapePathsOptions, Fragment, type LinearGradient, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type RenderTextOptions, Text$1 as Text, type TextEventMap, type TextOptions, type TextPlugin, type TextRenderOptions, defaultTextStyles, definePlugin, drawPath, filterEmpty, getHighlightStyle, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, needsFetch, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };