@shopify/react-native-skia 0.1.222 → 0.1.224

package/lib/commonjs/dom/nodes/drawings/ParagraphNode.d.ts

@@ -0,0 +1,8 @@
+import type { DrawingContext, ParagraphProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class ParagraphNode extends JsiDrawingNode<ParagraphProps, null> {
+    constructor(ctx: NodeContext, props: ParagraphProps);
+    deriveProps(): null;
+    draw({ canvas }: DrawingContext): void;
+}

package/lib/commonjs/dom/nodes/drawings/ParagraphNode.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParagraphNode = void 0;
+
+var _types = require("../../types");
+
+var _DrawingNode = require("../DrawingNode");
+
+class ParagraphNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Paragraph, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas
+    } = _ref;
+    const {
+      paragraph,
+      x,
+      y,
+      width
+    } = this.props;
+
+    if (paragraph) {
+      paragraph.layout(width);
+      paragraph.paint(canvas, x, y);
+    }
+  }
+
+}
+
+exports.ParagraphNode = ParagraphNode;
+//# sourceMappingURL=ParagraphNode.js.map

package/lib/commonjs/dom/nodes/drawings/ParagraphNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ParagraphNode","JsiDrawingNode","constructor","ctx","props","NodeType","Paragraph","deriveProps","draw","canvas","paragraph","x","y","width","layout","paint"],"sources":["ParagraphNode.ts"],"sourcesContent":["import type { DrawingContext, ParagraphProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class ParagraphNode extends JsiDrawingNode<ParagraphProps, null> {\n  constructor(ctx: NodeContext, props: ParagraphProps) {\n    super(ctx, NodeType.Paragraph, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const { paragraph, x, y, width } = this.props;\n    if (paragraph) {\n      paragraph.layout(width);\n      paragraph.paint(canvas, x, y);\n    }\n  }\n}\n"],"mappings":";;;;;;;AACA;;AACA;;AAGO,MAAMA,aAAN,SAA4BC,2BAA5B,CAAiE;EACtEC,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAA0C;IACnD,MAAMD,GAAN,EAAWE,eAAA,CAASC,SAApB,EAA+BF,KAA/B;EACD;;EAEDG,WAAW,GAAG;IACZ,OAAO,IAAP;EACD;;EAEDC,IAAI,OAA6B;IAAA,IAA5B;MAAEC;IAAF,CAA4B;IAC/B,MAAM;MAAEC,SAAF;MAAaC,CAAb;MAAgBC,CAAhB;MAAmBC;IAAnB,IAA6B,KAAKT,KAAxC;;IACA,IAAIM,SAAJ,EAAe;MACbA,SAAS,CAACI,MAAV,CAAiBD,KAAjB;MACAH,SAAS,CAACK,KAAV,CAAgBN,MAAhB,EAAwBE,CAAxB,EAA2BC,CAA3B;IACD;EACF;;AAfqE"}

package/lib/commonjs/dom/types/NodeType.d.ts

@@ -54,7 +54,8 @@ export declare const enum NodeType {
     TextBlob = "skTextBlob",
     Glyphs = "skGlyphs",
     Picture = "skPicture",
-    ImageSVG = "skImageSVG"
+    ImageSVG = "skImageSVG",
+    Paragraph = "skParagraph"
 }
 export declare const enum DeclarationType {
     Paint = 0,

package/lib/commonjs/dom/types/NodeType.js

@@ -64,6 +64,7 @@ exports.NodeType = NodeType;
   NodeType["Glyphs"] = "skGlyphs";
   NodeType["Picture"] = "skPicture";
   NodeType["ImageSVG"] = "skImageSVG";
+  NodeType["Paragraph"] = "skParagraph";
 })(NodeType || (exports.NodeType = NodeType = {}));
 
 let DeclarationType;

package/lib/commonjs/dom/types/NodeType.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeType","DeclarationType"],"sources":["NodeType.ts"],"sourcesContent":["export const enum NodeType {\n  // Shaders\n  Layer = \"skLayer\",\n  Shader = \"skShader\",\n  ImageShader = \"skImageShader\",\n  ColorShader = \"skColorShader\",\n  Turbulence = \"skTurbulence\",\n  FractalNoise = \"skFractalNoise\",\n  LinearGradient = \"skLinearGradient\",\n  RadialGradient = \"skRadialGradient\",\n  SweepGradient = \"skSweepGradient\",\n  TwoPointConicalGradient = \"skTwoPointConicalGradient\",\n\n  // Mask Filters\n  BlurMaskFilter = \"skBlurMaskFilter\",\n\n  // Path Effects\n  DiscretePathEffect = \"skDiscretePathEffect\",\n  DashPathEffect = \"skDashPathEffect\",\n  Path1DPathEffect = \"skPath1DPathEffect\",\n  Path2DPathEffect = \"skPath2DPathEffect\",\n  CornerPathEffect = \"skCornerPathEffect\",\n  SumPathEffect = \"skSumPathEffect\",\n  Line2DPathEffect = \"skLine2DPathEffect\",\n\n  // Color Filters\n  MatrixColorFilter = \"skMatrixColorFilter\",\n  BlendColorFilter = \"skBlendColorFilter\",\n  LinearToSRGBGammaColorFilter = \"skLinearToSRGBGammaColorFilter\",\n  SRGBToLinearGammaColorFilter = \"skSRGBToLinearGammaColorFilter\",\n  LumaColorFilter = \"skLumaColorFilter\",\n  LerpColorFilter = \"skLerpColorFilter\",\n\n  // Image Filters\n  OffsetImageFilter = \"skOffsetImageFilter\",\n  DisplacementMapImageFilter = \"skDisplacementMapImageFilter\",\n  BlurImageFilter = \"skBlurImageFilter\",\n  DropShadowImageFilter = \"skDropShadowImageFilter\",\n  MorphologyImageFilter = \"skMorphologyImageFilter\",\n  BlendImageFilter = \"skBlendImageFilter\",\n  RuntimeShaderImageFilter = \"skRuntimeShaderImageFilter\",\n\n  // Mixed\n  Blend = \"skBlend\",\n  BackdropFilter = \"skBackdropFilter\",\n  Box = \"skBox\",\n  BoxShadow = \"skBoxShadow\",\n\n  // Drawings\n  Group = \"skGroup\",\n  Drawing = \"skDrawing\",\n  Paint = \"skPaint\",\n  Circle = \"skCircle\",\n  Fill = \"skFill\",\n  Image = \"skImage\",\n  Points = \"skPoints\",\n  Path = \"skPath\",\n  Rect = \"skRect\",\n  RRect = \"skRRect\",\n  Oval = \"skOval\",\n  Line = \"skLine\",\n  Patch = \"skPatch\",\n  Vertices = \"skVertices\",\n  DiffRect = \"skDiffRect\",\n  Text = \"skText\",\n  TextPath = \"skTextPath\",\n  TextBlob = \"skTextBlob\",\n  Glyphs = \"skGlyphs\",\n  Picture = \"skPicture\",\n  ImageSVG = \"skImageSVG\",\n}\n\nexport const enum DeclarationType {\n  Paint,\n  Shader,\n  ImageFilter,\n  ColorFilter,\n  PathEffect,\n  MaskFilter,\n  Unknown,\n}\n"],"mappings":";;;;;;IAAkBA,Q;;;WAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,wBAAAA,Q;;IAwEAC,e;;;WAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e"}
+{"version":3,"names":["NodeType","DeclarationType"],"sources":["NodeType.ts"],"sourcesContent":["export const enum NodeType {\n  // Shaders\n  Layer = \"skLayer\",\n  Shader = \"skShader\",\n  ImageShader = \"skImageShader\",\n  ColorShader = \"skColorShader\",\n  Turbulence = \"skTurbulence\",\n  FractalNoise = \"skFractalNoise\",\n  LinearGradient = \"skLinearGradient\",\n  RadialGradient = \"skRadialGradient\",\n  SweepGradient = \"skSweepGradient\",\n  TwoPointConicalGradient = \"skTwoPointConicalGradient\",\n\n  // Mask Filters\n  BlurMaskFilter = \"skBlurMaskFilter\",\n\n  // Path Effects\n  DiscretePathEffect = \"skDiscretePathEffect\",\n  DashPathEffect = \"skDashPathEffect\",\n  Path1DPathEffect = \"skPath1DPathEffect\",\n  Path2DPathEffect = \"skPath2DPathEffect\",\n  CornerPathEffect = \"skCornerPathEffect\",\n  SumPathEffect = \"skSumPathEffect\",\n  Line2DPathEffect = \"skLine2DPathEffect\",\n\n  // Color Filters\n  MatrixColorFilter = \"skMatrixColorFilter\",\n  BlendColorFilter = \"skBlendColorFilter\",\n  LinearToSRGBGammaColorFilter = \"skLinearToSRGBGammaColorFilter\",\n  SRGBToLinearGammaColorFilter = \"skSRGBToLinearGammaColorFilter\",\n  LumaColorFilter = \"skLumaColorFilter\",\n  LerpColorFilter = \"skLerpColorFilter\",\n\n  // Image Filters\n  OffsetImageFilter = \"skOffsetImageFilter\",\n  DisplacementMapImageFilter = \"skDisplacementMapImageFilter\",\n  BlurImageFilter = \"skBlurImageFilter\",\n  DropShadowImageFilter = \"skDropShadowImageFilter\",\n  MorphologyImageFilter = \"skMorphologyImageFilter\",\n  BlendImageFilter = \"skBlendImageFilter\",\n  RuntimeShaderImageFilter = \"skRuntimeShaderImageFilter\",\n\n  // Mixed\n  Blend = \"skBlend\",\n  BackdropFilter = \"skBackdropFilter\",\n  Box = \"skBox\",\n  BoxShadow = \"skBoxShadow\",\n\n  // Drawings\n  Group = \"skGroup\",\n  Drawing = \"skDrawing\",\n  Paint = \"skPaint\",\n  Circle = \"skCircle\",\n  Fill = \"skFill\",\n  Image = \"skImage\",\n  Points = \"skPoints\",\n  Path = \"skPath\",\n  Rect = \"skRect\",\n  RRect = \"skRRect\",\n  Oval = \"skOval\",\n  Line = \"skLine\",\n  Patch = \"skPatch\",\n  Vertices = \"skVertices\",\n  DiffRect = \"skDiffRect\",\n  Text = \"skText\",\n  TextPath = \"skTextPath\",\n  TextBlob = \"skTextBlob\",\n  Glyphs = \"skGlyphs\",\n  Picture = \"skPicture\",\n  ImageSVG = \"skImageSVG\",\n\n  // Paragraph\n  Paragraph = \"skParagraph\",\n}\n\nexport const enum DeclarationType {\n  Paint,\n  Shader,\n  ImageFilter,\n  ColorFilter,\n  PathEffect,\n  MaskFilter,\n  Unknown,\n}\n"],"mappings":";;;;;;IAAkBA,Q;;;WAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,wBAAAA,Q;;IA2EAC,e;;;WAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e"}

package/lib/commonjs/dom/types/Paragraph.d.ts

@@ -0,0 +1,8 @@
+import type { SkParagraph } from "../../skia/types/Paragraph";
+import type { GroupProps } from "./Common";
+export interface ParagraphProps extends GroupProps {
+    paragraph: SkParagraph | null;
+    x: number;
+    y: number;
+    width: number;
+}

package/lib/commonjs/dom/types/Paragraph.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Paragraph.js.map

package/lib/commonjs/dom/types/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Paragraph.ts"],"sourcesContent":["import type { SkParagraph } from \"../../skia/types/Paragraph\";\n\nimport type { GroupProps } from \"./Common\";\n\nexport interface ParagraphProps extends GroupProps {\n  paragraph: SkParagraph | null;\n  x: number;\n  y: number;\n  width: number;\n}\n"],"mappings":""}

package/lib/commonjs/dom/types/SkDOM.d.ts

@@ -6,6 +6,7 @@ import type { ImageProps, CircleProps, PathProps, CustomDrawingNodeProps, LinePr
 import type { BlurMaskFilterProps } from "./MaskFilters";
 import type { FractalNoiseProps, SweepGradientProps, ImageShaderProps, LinearGradientProps, ShaderProps, TurbulenceProps, TwoPointConicalGradientProps, RadialGradientProps, ColorProps } from "./Shaders";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "./PathEffects";
+import type { ParagraphProps } from "./Paragraph";
 type ImageFilterNode<P> = DeclarationNode<P>;
 type PathEffectNode<P> = DeclarationNode<P>;
 type NullablePathEffectNode<P> = DeclarationNode<P>;
@@ -67,5 +68,6 @@ export interface SkDOM {
     BackdropFilter(props: ChildrenProps): RenderNode<ChildrenProps>;
     Box(props: BoxProps): RenderNode<BoxProps>;
     BoxShadow(props: BoxShadowProps): DeclarationNode<BoxShadowProps>;
+    Paragraph(props: ParagraphProps): RenderNode<ParagraphProps>;
 }
 export {};

package/lib/commonjs/dom/types/SkDOM.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["SkDOM.ts"],"sourcesContent":["import type { ChildrenProps, GroupProps, PaintProps } from \"./Common\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  DisplacementMapImageFilterProps,\n  MorphologyImageFilterProps,\n  BlendProps,\n} from \"./ImageFilters\";\nimport type { DeclarationNode, RenderNode } from \"./Node\";\nimport type {\n  BlendColorFilterProps,\n  MatrixColorFilterProps,\n  LerpColorFilterProps,\n} from \"./ColorFilters\";\nimport type {\n  ImageProps,\n  CircleProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  PatchProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  VerticesProps,\n  TextProps,\n  DiffRectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  DrawingNodeProps,\n  BoxProps,\n  BoxShadowProps,\n} from \"./Drawings\";\nimport type { BlurMaskFilterProps } from \"./MaskFilters\";\nimport type {\n  FractalNoiseProps,\n  SweepGradientProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  ShaderProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n  RadialGradientProps,\n  ColorProps,\n} from \"./Shaders\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"./PathEffects\";\n\ntype ImageFilterNode<P> = DeclarationNode<P>;\n\ntype PathEffectNode<P> = DeclarationNode<P>;\ntype NullablePathEffectNode<P> = DeclarationNode<P>;\n\ntype DrawingNode<P extends GroupProps> = RenderNode<P>;\n\nexport interface SkDOM {\n  Layer(props?: ChildrenProps): RenderNode<ChildrenProps>;\n  Group(props?: GroupProps): RenderNode<GroupProps>;\n  Paint(props: PaintProps): DeclarationNode<PaintProps>;\n\n  // Drawings\n  Fill(props?: DrawingNodeProps): DrawingNode<DrawingNodeProps>;\n  Image(props: ImageProps): DrawingNode<ImageProps>;\n  Circle(props: CircleProps): DrawingNode<CircleProps>;\n  Path(props: PathProps): DrawingNode<PathProps>;\n  CustomDrawing(\n    props: CustomDrawingNodeProps\n  ): DrawingNode<CustomDrawingNodeProps>;\n  Line(props: LineProps): DrawingNode<LineProps>;\n  Oval(props: OvalProps): DrawingNode<OvalProps>;\n  Patch(props: PatchProps): DrawingNode<PatchProps>;\n  Points(props: PointsProps): DrawingNode<PointsProps>;\n  Rect(props: RectProps): DrawingNode<RectProps>;\n  RRect(props: RoundedRectProps): DrawingNode<RoundedRectProps>;\n  Vertices(props: VerticesProps): DrawingNode<VerticesProps>;\n  Text(props: TextProps): DrawingNode<TextProps>;\n  TextPath(props: TextPathProps): DrawingNode<TextPathProps>;\n  TextBlob(props: TextBlobProps): DrawingNode<TextBlobProps>;\n  Glyphs(props: GlyphsProps): DrawingNode<GlyphsProps>;\n  DiffRect(props: DiffRectProps): DrawingNode<DiffRectProps>;\n  Picture(props: PictureProps): DrawingNode<PictureProps>;\n  ImageSVG(props: ImageSVGProps): DrawingNode<ImageSVGProps>;\n\n  // BlurMaskFilters\n  BlurMaskFilter(\n    props: BlurMaskFilterProps\n  ): DeclarationNode<BlurMaskFilterProps>;\n\n  // ImageFilters\n  BlendImageFilter(\n    props: BlendImageFilterProps\n  ): ImageFilterNode<BlendImageFilterProps>;\n  BlurImageFilter(\n    props: BlurImageFilterProps\n  ): ImageFilterNode<BlurImageFilterProps>;\n  OffsetImageFilter(\n    props: OffsetImageFilterProps\n  ): ImageFilterNode<OffsetImageFilterProps>;\n  DropShadowImageFilter(\n    props: DropShadowImageFilterProps\n  ): ImageFilterNode<DropShadowImageFilterProps>;\n  MorphologyImageFilter(\n    props: MorphologyImageFilterProps\n  ): ImageFilterNode<MorphologyImageFilterProps>;\n  DisplacementMapImageFilter(\n    props: DisplacementMapImageFilterProps\n  ): ImageFilterNode<DisplacementMapImageFilterProps>;\n  RuntimeShaderImageFilter(\n    props: RuntimeShaderImageFilterProps\n  ): ImageFilterNode<RuntimeShaderImageFilterProps>;\n\n  // ColorFilters\n  MatrixColorFilter(\n    props: MatrixColorFilterProps\n  ): DeclarationNode<MatrixColorFilterProps>;\n  BlendColorFilter(\n    props: BlendColorFilterProps\n  ): DeclarationNode<BlendColorFilterProps>;\n  LumaColorFilter(): DeclarationNode<null>;\n  LinearToSRGBGammaColorFilter(): DeclarationNode<null>;\n  SRGBToLinearGammaColorFilter(): DeclarationNode<null>;\n  LerpColorFilter(\n    props: LerpColorFilterProps\n  ): DeclarationNode<LerpColorFilterProps>;\n\n  // Shaders\n  Shader(props: ShaderProps): DeclarationNode<ShaderProps>;\n  ImageShader(props: ImageShaderProps): DeclarationNode<ImageShaderProps>;\n  ColorShader(props: ColorProps): DeclarationNode<ColorProps>;\n  Turbulence(props: TurbulenceProps): DeclarationNode<TurbulenceProps>;\n  FractalNoise(props: FractalNoiseProps): DeclarationNode<FractalNoiseProps>;\n  LinearGradient(\n    props: LinearGradientProps\n  ): DeclarationNode<LinearGradientProps>;\n  RadialGradient(\n    props: RadialGradientProps\n  ): DeclarationNode<RadialGradientProps>;\n  SweepGradient(props: SweepGradientProps): DeclarationNode<SweepGradientProps>;\n  TwoPointConicalGradient(\n    props: TwoPointConicalGradientProps\n  ): DeclarationNode<TwoPointConicalGradientProps>;\n\n  // Path Effects\n  CornerPathEffect(\n    props: CornerPathEffectProps\n  ): NullablePathEffectNode<CornerPathEffectProps>;\n  DiscretePathEffect(\n    props: DiscretePathEffectProps\n  ): PathEffectNode<DiscretePathEffectProps>;\n  DashPathEffect(\n    props: DashPathEffectProps\n  ): PathEffectNode<DashPathEffectProps>;\n  Path1DPathEffect(\n    props: Path1DPathEffectProps\n  ): NullablePathEffectNode<Path1DPathEffectProps>;\n  Path2DPathEffect(\n    props: Path2DPathEffectProps\n  ): NullablePathEffectNode<Path2DPathEffectProps>;\n  SumPathEffect(): NullablePathEffectNode<null>;\n  Line2DPathEffect(\n    props: Line2DPathEffectProps\n  ): NullablePathEffectNode<Line2DPathEffectProps>;\n\n  // Mixed\n  Blend(props: BlendProps): DeclarationNode<BlendProps>;\n  BackdropFilter(props: ChildrenProps): RenderNode<ChildrenProps>;\n  Box(props: BoxProps): RenderNode<BoxProps>;\n  BoxShadow(props: BoxShadowProps): DeclarationNode<BoxShadowProps>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["SkDOM.ts"],"sourcesContent":["import type { ChildrenProps, GroupProps, PaintProps } from \"./Common\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  DisplacementMapImageFilterProps,\n  MorphologyImageFilterProps,\n  BlendProps,\n} from \"./ImageFilters\";\nimport type { DeclarationNode, RenderNode } from \"./Node\";\nimport type {\n  BlendColorFilterProps,\n  MatrixColorFilterProps,\n  LerpColorFilterProps,\n} from \"./ColorFilters\";\nimport type {\n  ImageProps,\n  CircleProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  PatchProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  VerticesProps,\n  TextProps,\n  DiffRectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  DrawingNodeProps,\n  BoxProps,\n  BoxShadowProps,\n} from \"./Drawings\";\nimport type { BlurMaskFilterProps } from \"./MaskFilters\";\nimport type {\n  FractalNoiseProps,\n  SweepGradientProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  ShaderProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n  RadialGradientProps,\n  ColorProps,\n} from \"./Shaders\";\nimport type {\n  CornerPathEffectProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n} from \"./PathEffects\";\nimport type { ParagraphProps } from \"./Paragraph\";\n\ntype ImageFilterNode<P> = DeclarationNode<P>;\n\ntype PathEffectNode<P> = DeclarationNode<P>;\ntype NullablePathEffectNode<P> = DeclarationNode<P>;\n\ntype DrawingNode<P extends GroupProps> = RenderNode<P>;\n\nexport interface SkDOM {\n  Layer(props?: ChildrenProps): RenderNode<ChildrenProps>;\n  Group(props?: GroupProps): RenderNode<GroupProps>;\n  Paint(props: PaintProps): DeclarationNode<PaintProps>;\n\n  // Drawings\n  Fill(props?: DrawingNodeProps): DrawingNode<DrawingNodeProps>;\n  Image(props: ImageProps): DrawingNode<ImageProps>;\n  Circle(props: CircleProps): DrawingNode<CircleProps>;\n  Path(props: PathProps): DrawingNode<PathProps>;\n  CustomDrawing(\n    props: CustomDrawingNodeProps\n  ): DrawingNode<CustomDrawingNodeProps>;\n  Line(props: LineProps): DrawingNode<LineProps>;\n  Oval(props: OvalProps): DrawingNode<OvalProps>;\n  Patch(props: PatchProps): DrawingNode<PatchProps>;\n  Points(props: PointsProps): DrawingNode<PointsProps>;\n  Rect(props: RectProps): DrawingNode<RectProps>;\n  RRect(props: RoundedRectProps): DrawingNode<RoundedRectProps>;\n  Vertices(props: VerticesProps): DrawingNode<VerticesProps>;\n  Text(props: TextProps): DrawingNode<TextProps>;\n  TextPath(props: TextPathProps): DrawingNode<TextPathProps>;\n  TextBlob(props: TextBlobProps): DrawingNode<TextBlobProps>;\n  Glyphs(props: GlyphsProps): DrawingNode<GlyphsProps>;\n  DiffRect(props: DiffRectProps): DrawingNode<DiffRectProps>;\n  Picture(props: PictureProps): DrawingNode<PictureProps>;\n  ImageSVG(props: ImageSVGProps): DrawingNode<ImageSVGProps>;\n\n  // BlurMaskFilters\n  BlurMaskFilter(\n    props: BlurMaskFilterProps\n  ): DeclarationNode<BlurMaskFilterProps>;\n\n  // ImageFilters\n  BlendImageFilter(\n    props: BlendImageFilterProps\n  ): ImageFilterNode<BlendImageFilterProps>;\n  BlurImageFilter(\n    props: BlurImageFilterProps\n  ): ImageFilterNode<BlurImageFilterProps>;\n  OffsetImageFilter(\n    props: OffsetImageFilterProps\n  ): ImageFilterNode<OffsetImageFilterProps>;\n  DropShadowImageFilter(\n    props: DropShadowImageFilterProps\n  ): ImageFilterNode<DropShadowImageFilterProps>;\n  MorphologyImageFilter(\n    props: MorphologyImageFilterProps\n  ): ImageFilterNode<MorphologyImageFilterProps>;\n  DisplacementMapImageFilter(\n    props: DisplacementMapImageFilterProps\n  ): ImageFilterNode<DisplacementMapImageFilterProps>;\n  RuntimeShaderImageFilter(\n    props: RuntimeShaderImageFilterProps\n  ): ImageFilterNode<RuntimeShaderImageFilterProps>;\n\n  // ColorFilters\n  MatrixColorFilter(\n    props: MatrixColorFilterProps\n  ): DeclarationNode<MatrixColorFilterProps>;\n  BlendColorFilter(\n    props: BlendColorFilterProps\n  ): DeclarationNode<BlendColorFilterProps>;\n  LumaColorFilter(): DeclarationNode<null>;\n  LinearToSRGBGammaColorFilter(): DeclarationNode<null>;\n  SRGBToLinearGammaColorFilter(): DeclarationNode<null>;\n  LerpColorFilter(\n    props: LerpColorFilterProps\n  ): DeclarationNode<LerpColorFilterProps>;\n\n  // Shaders\n  Shader(props: ShaderProps): DeclarationNode<ShaderProps>;\n  ImageShader(props: ImageShaderProps): DeclarationNode<ImageShaderProps>;\n  ColorShader(props: ColorProps): DeclarationNode<ColorProps>;\n  Turbulence(props: TurbulenceProps): DeclarationNode<TurbulenceProps>;\n  FractalNoise(props: FractalNoiseProps): DeclarationNode<FractalNoiseProps>;\n  LinearGradient(\n    props: LinearGradientProps\n  ): DeclarationNode<LinearGradientProps>;\n  RadialGradient(\n    props: RadialGradientProps\n  ): DeclarationNode<RadialGradientProps>;\n  SweepGradient(props: SweepGradientProps): DeclarationNode<SweepGradientProps>;\n  TwoPointConicalGradient(\n    props: TwoPointConicalGradientProps\n  ): DeclarationNode<TwoPointConicalGradientProps>;\n\n  // Path Effects\n  CornerPathEffect(\n    props: CornerPathEffectProps\n  ): NullablePathEffectNode<CornerPathEffectProps>;\n  DiscretePathEffect(\n    props: DiscretePathEffectProps\n  ): PathEffectNode<DiscretePathEffectProps>;\n  DashPathEffect(\n    props: DashPathEffectProps\n  ): PathEffectNode<DashPathEffectProps>;\n  Path1DPathEffect(\n    props: Path1DPathEffectProps\n  ): NullablePathEffectNode<Path1DPathEffectProps>;\n  Path2DPathEffect(\n    props: Path2DPathEffectProps\n  ): NullablePathEffectNode<Path2DPathEffectProps>;\n  SumPathEffect(): NullablePathEffectNode<null>;\n  Line2DPathEffect(\n    props: Line2DPathEffectProps\n  ): NullablePathEffectNode<Line2DPathEffectProps>;\n\n  // Mixed\n  Blend(props: BlendProps): DeclarationNode<BlendProps>;\n  BackdropFilter(props: ChildrenProps): RenderNode<ChildrenProps>;\n  Box(props: BoxProps): RenderNode<BoxProps>;\n  BoxShadow(props: BoxShadowProps): DeclarationNode<BoxShadowProps>;\n\n  // Paragraph\n  Paragraph(props: ParagraphProps): RenderNode<ParagraphProps>;\n}\n"],"mappings":""}

package/lib/commonjs/dom/types/index.d.ts

@@ -10,3 +10,4 @@ export * from "./ColorFilters";
 export * from "./MaskFilters";
 export * from "./PathEffects";
 export * from "./Shaders";
+export * from "./Paragraph";

package/lib/commonjs/dom/types/index.js

@@ -159,4 +159,17 @@ Object.keys(_Shaders).forEach(function (key) {
     }
   });
 });
+
+var _Paragraph = require("./Paragraph");
+
+Object.keys(_Paragraph).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Paragraph[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Paragraph[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/dom/types/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DrawingContext\";\nexport * from \"./DeclarationContext\";\nexport * from \"./Node\";\nexport * from \"./NodeType\";\nexport * from \"./SkDOM\";\nexport * from \"./Common\";\nexport * from \"./Drawings\";\nexport * from \"./ImageFilters\";\nexport * from \"./ColorFilters\";\nexport * from \"./MaskFilters\";\nexport * from \"./PathEffects\";\nexport * from \"./Shaders\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DrawingContext\";\nexport * from \"./DeclarationContext\";\nexport * from \"./Node\";\nexport * from \"./NodeType\";\nexport * from \"./SkDOM\";\nexport * from \"./Common\";\nexport * from \"./Drawings\";\nexport * from \"./ImageFilters\";\nexport * from \"./ColorFilters\";\nexport * from \"./MaskFilters\";\nexport * from \"./PathEffects\";\nexport * from \"./Shaders\";\nexport * from \"./Paragraph\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/renderer/HostComponents.d.ts

@@ -1,5 +1,5 @@
 import { NodeType } from "../dom/types";
-import type { DeclarationNode, FractalNoiseProps, RenderNode, CircleProps, DrawingNodeProps, ImageProps, PaintProps, PathProps, CustomDrawingNodeProps, LineProps, OvalProps, DiffRectProps, PointsProps, RectProps, RoundedRectProps, TextProps, VerticesProps, BlurMaskFilterProps, BlendImageFilterProps, BlurImageFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps, MatrixColorFilterProps, ShaderProps, ImageShaderProps, LinearGradientProps, GroupProps, PatchProps, BlendColorFilterProps, DashPathEffectProps, DiscretePathEffectProps, CornerPathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, BoxProps, BoxShadowProps } from "../dom/types";
+import type { DeclarationNode, FractalNoiseProps, RenderNode, CircleProps, DrawingNodeProps, ImageProps, PaintProps, PathProps, CustomDrawingNodeProps, LineProps, OvalProps, DiffRectProps, PointsProps, RectProps, RoundedRectProps, TextProps, VerticesProps, BlurMaskFilterProps, BlendImageFilterProps, BlurImageFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps, MatrixColorFilterProps, ShaderProps, ImageShaderProps, LinearGradientProps, GroupProps, PatchProps, BlendColorFilterProps, DashPathEffectProps, DiscretePathEffectProps, CornerPathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, BoxProps, BoxShadowProps, ParagraphProps } from "../dom/types";
 import type { ChildrenProps } from "../dom/types/Common";
 import type { BlendProps, MorphologyImageFilterProps } from "../dom/types/ImageFilters";
 import type { SkRect, SkRRect } from "../skia/types";
@@ -68,6 +68,7 @@ declare global {
         BoxNode: (prop: BoxProps) => RenderNode<BoxProps>;
         BoxShadowNode: (prop: BoxShadowProps) => DeclarationNode<BoxShadowProps>;
         LayerNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;
+        ParagraphNode: (props: ParagraphProps) => RenderNode<ParagraphProps>;
     };
     namespace JSX {
         interface IntrinsicElements {
@@ -127,6 +128,7 @@ declare global {
             skBackdropFilter: SkiaProps<ChildrenProps>;
             skBox: SkiaProps<BoxProps>;
             skBoxShadow: SkiaProps<BoxShadowProps>;
+            skParagraph: SkiaProps<ParagraphProps>;
         }
     }
 }

package/lib/commonjs/renderer/HostComponents.js

@@ -194,6 +194,10 @@ const createNode = (container, type, props) => {
 
     case _types.NodeType.BoxShadow:
       return Sk.BoxShadow(props);
+    // Paragraph
+
+    case _types.NodeType.Paragraph:
+      return Sk.Paragraph(props);
 
     default:
       return (0, _typeddash.exhaustiveCheck)(type);

package/lib/commonjs/renderer/HostComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["shouldUseJSDomOnNative","NATIVE_DOM","global","SkiaDomApi","createNode","container","type","props","Sk","NodeType","Layer","Group","Paint","Fill","Image","Circle","Path","Drawing","CustomDrawing","Line","Oval","Patch","Points","Rect","RRect","Vertices","Text","TextPath","TextBlob","Glyphs","DiffRect","Picture","ImageSVG","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","DisplacementMapImageFilter","MorphologyImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LerpColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","BackdropFilter","Box","BoxShadow","exhaustiveCheck"],"sources":["HostComponents.ts"],"sourcesContent":["import { NodeType } from \"../dom/types\";\nimport type {\n  DeclarationNode,\n  FractalNoiseProps,\n  RenderNode,\n  CircleProps,\n  DrawingNodeProps,\n  ImageProps,\n  PaintProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  DiffRectProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextProps,\n  VerticesProps,\n  BlurMaskFilterProps,\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  MatrixColorFilterProps,\n  ShaderProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  GroupProps,\n  PatchProps,\n  BlendColorFilterProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  CornerPathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  BoxProps,\n  BoxShadowProps,\n} from \"../dom/types\";\nimport type { ChildrenProps } from \"../dom/types/Common\";\nimport type {\n  BlendProps,\n  MorphologyImageFilterProps,\n} from \"../dom/types/ImageFilters\";\nimport type { SkRect, SkRRect } from \"../skia/types\";\nimport type { JsiDrawingNode } from \"../dom/nodes/DrawingNode\";\nimport type { SkiaValue } from \"../values\";\n\nimport type { Container } from \"./Container\";\nimport { exhaustiveCheck } from \"./typeddash\";\nimport type { SkiaProps } from \"./processors\";\nimport type { DependencyManager } from \"./DependencyManager\";\n\n// This flag should only be turned on for debugging/testing\nconst shouldUseJSDomOnNative = false;\nexport const NATIVE_DOM = shouldUseJSDomOnNative ? false : !!global.SkiaDomApi;\n\ndeclare global {\n  var SkiaDomApi: {\n    DependencyManager: (\n      registerValues: (values: Array<SkiaValue<unknown>>) => () => void\n    ) => DependencyManager;\n\n    // FIXME: We need a better type for this\n    RectNode: (props: RectProps) => JsiDrawingNode<RectProps, SkRect>;\n    RRectNode: (\n      props: RoundedRectProps\n    ) => JsiDrawingNode<RoundedRectProps, SkRRect>;\n    GroupNode: (props: GroupProps) => RenderNode<GroupProps>;\n    PaintNode: (props: PaintProps) => DeclarationNode<PaintProps>;\n    FillNode: (props: PaintProps) => RenderNode<PaintProps>;\n    CircleNode: (props: CircleProps) => RenderNode<CircleProps>;\n    PathNode: (props: PathProps) => RenderNode<PathProps>;\n    CustomDrawingNode: (\n      props: CustomDrawingNodeProps\n    ) => RenderNode<CustomDrawingNodeProps>;\n    LineNode: (props: LineProps) => RenderNode<LineProps>;\n    ImageNode: (props: ImageProps) => RenderNode<ImageProps>;\n    OvalNode: (props: OvalProps) => RenderNode<OvalProps>;\n    PatchNode: (props: PatchProps) => RenderNode<PatchProps>;\n    PointsNode: (props: PointsProps) => RenderNode<PointsProps>;\n    DiffRectNode: (props: DiffRectProps) => RenderNode<DiffRectProps>;\n    // Mask filters\n    BlurMaskFilterNode: (\n      props: BlurMaskFilterProps\n    ) => DeclarationNode<BlurMaskFilterProps>;\n\n    // Path effects\n    DashPathEffectNode: (\n      props: DashPathEffectProps\n    ) => DeclarationNode<DashPathEffectProps>;\n    DiscretePathEffectNode: (\n      props: DiscretePathEffectProps\n    ) => DeclarationNode<DiscretePathEffectProps>;\n    CornerPathEffectNode: (\n      props: CornerPathEffectProps\n    ) => DeclarationNode<CornerPathEffectProps>;\n    Path1DPathEffectNode: (\n      props: Path1DPathEffectProps\n    ) => DeclarationNode<Path1DPathEffectProps>;\n    Path2DPathEffectNode: (\n      props: Path2DPathEffectProps\n    ) => DeclarationNode<Path2DPathEffectProps>;\n    Line2DPathEffectNode: (\n      props: Line2DPathEffectProps\n    ) => DeclarationNode<Line2DPathEffectProps>;\n    SumPathEffectNode: () => DeclarationNode<null>;\n\n    // Image filters\n    BlendImageFilterNode: (\n      props: BlendImageFilterProps\n    ) => DeclarationNode<BlendImageFilterProps>;\n    DropShadowImageFilterNode: (\n      props: DropShadowImageFilterProps\n    ) => DeclarationNode<DropShadowImageFilterProps>;\n    DisplacementMapImageFilterNode: (\n      props: DisplacementMapImageFilterProps\n    ) => DeclarationNode<DisplacementMapImageFilterProps>;\n    BlurImageFilterNode: (\n      props: BlurImageFilterProps\n    ) => DeclarationNode<BlurImageFilterProps>;\n    OffsetImageFilterNode: (\n      props: OffsetImageFilterProps\n    ) => DeclarationNode<OffsetImageFilterProps>;\n    MorphologyImageFilterNode: (\n      props: MorphologyImageFilterProps\n    ) => DeclarationNode<MorphologyImageFilterProps>;\n    RuntimeShaderImageFilterNode: (\n      props: RuntimeShaderImageFilterProps\n    ) => DeclarationNode<RuntimeShaderImageFilterProps>;\n\n    // Color filters\n    MatrixColorFilterNode: (\n      props: MatrixColorFilterProps\n    ) => DeclarationNode<MatrixColorFilterProps>;\n    BlendColorFilterNode: (\n      props: BlendColorFilterProps\n    ) => DeclarationNode<BlendColorFilterProps>;\n    LinearToSRGBGammaColorFilterNode: () => DeclarationNode<null>;\n    SRGBToLinearGammaColorFilterNode: () => DeclarationNode<null>;\n    LumaColorFilterNode: () => DeclarationNode<null>;\n    LerpColorFilterNode: (\n      props: LerpColorFilterProps\n    ) => DeclarationNode<LerpColorFilterProps>;\n\n    // Shaders\n    ShaderNode: (props: ShaderProps) => DeclarationNode<ShaderProps>;\n    ImageShaderNode: (\n      props: ImageShaderProps\n    ) => DeclarationNode<ImageShaderProps>;\n    ColorShaderNode: (props: ColorProps) => DeclarationNode<ColorProps>;\n    TurbulenceNode: (\n      props: TurbulenceProps\n    ) => DeclarationNode<TurbulenceProps>;\n    FractalNoiseNode: (\n      props: FractalNoiseProps\n    ) => DeclarationNode<FractalNoiseProps>;\n    LinearGradientNode: (\n      props: LinearGradientProps\n    ) => DeclarationNode<LinearGradientProps>;\n    RadialGradientNode: (\n      props: RadialGradientProps\n    ) => DeclarationNode<RadialGradientProps>;\n    SweepGradientNode: (\n      props: SweepGradientProps\n    ) => DeclarationNode<SweepGradientProps>;\n    TwoPointConicalGradientNode: (\n      props: TwoPointConicalGradientProps\n    ) => DeclarationNode<TwoPointConicalGradientProps>;\n    PictureNode: (props: PictureProps) => RenderNode<PictureProps>;\n    ImageSVGNode: (props: ImageSVGProps) => RenderNode<ImageSVGProps>;\n    VerticesNode: (props: VerticesProps) => RenderNode<VerticesProps>;\n    TextNode: (prop: TextProps) => RenderNode<TextProps>;\n    TextPathNode: (prop: TextPathProps) => RenderNode<TextPathProps>;\n    TextBlobNode: (prop: TextBlobProps) => RenderNode<TextBlobProps>;\n    GlyphsNode: (prop: GlyphsProps) => RenderNode<GlyphsProps>;\n    BlendNode: (prop: BlendProps) => DeclarationNode<BlendProps>;\n    BackdropFilterNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n    BoxNode: (prop: BoxProps) => RenderNode<BoxProps>;\n    BoxShadowNode: (prop: BoxShadowProps) => DeclarationNode<BoxShadowProps>;\n    LayerNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      skGroup: SkiaProps<GroupProps>;\n      skLayer: SkiaProps<ChildrenProps>;\n      skPaint: SkiaProps<PaintProps>;\n\n      // Drawings\n      skFill: SkiaProps<DrawingNodeProps>;\n      skImage: SkiaProps<ImageProps>;\n      skCircle: SkiaProps<CircleProps>;\n      skPath: SkiaProps<PathProps>;\n      skDrawing: SkiaProps<CustomDrawingNodeProps>;\n      skLine: SkiaProps<LineProps>;\n      skOval: SkiaProps<OvalProps>;\n      skPatch: SkiaProps<PatchProps>;\n      skPoints: SkiaProps<PointsProps>;\n      skRect: SkiaProps<RectProps>;\n      skRRect: SkiaProps<RoundedRectProps>;\n      skVertices: SkiaProps<VerticesProps>;\n      skText: SkiaProps<TextProps>;\n      skTextPath: SkiaProps<TextPathProps>;\n      skTextBlob: SkiaProps<TextBlobProps>;\n      skGlyphs: SkiaProps<GlyphsProps>;\n      skDiffRect: SkiaProps<DiffRectProps>;\n      skPicture: SkiaProps<PictureProps>;\n      skImageSVG: SkiaProps<ImageSVGProps>;\n\n      // BlurMaskFilters\n      skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;\n\n      // ImageFilters\n      skBlendImageFilter: SkiaProps<BlendImageFilterProps>;\n      skBlurImageFilter: SkiaProps<BlurImageFilterProps>;\n      skOffsetImageFilter: SkiaProps<OffsetImageFilterProps>;\n      skDropShadowImageFilter: SkiaProps<DropShadowImageFilterProps>;\n      skDisplacementMapImageFilter: SkiaProps<DisplacementMapImageFilterProps>;\n      skRuntimeShaderImageFilter: SkiaProps<RuntimeShaderImageFilterProps>;\n      skMorphologyImageFilter: SkiaProps<MorphologyImageFilterProps>;\n\n      // ColorFilters\n      skMatrixColorFilter: SkiaProps<MatrixColorFilterProps>;\n      skBlendColorFilter: SkiaProps<BlendColorFilterProps>;\n      skLinearToSRGBGammaColorFilter: SkiaProps<ChildrenProps>;\n      skSRGBToLinearGammaColorFilter: SkiaProps<ChildrenProps>;\n      skLumaColorFilter: SkiaProps<ChildrenProps>;\n      skLerpColorFilter: SkiaProps<LerpColorFilterProps>;\n\n      // Shaders\n      skShader: SkiaProps<ShaderProps>;\n      skImageShader: SkiaProps<ImageShaderProps>;\n      skColorShader: SkiaProps<ColorProps>;\n      skTurbulence: SkiaProps<TurbulenceProps>;\n      skFractalNoise: SkiaProps<FractalNoiseProps>;\n      skLinearGradient: SkiaProps<LinearGradientProps>;\n      skRadialGradient: SkiaProps<RadialGradientProps>;\n      skSweepGradient: SkiaProps<SweepGradientProps>;\n      skTwoPointConicalGradient: SkiaProps<TwoPointConicalGradientProps>;\n\n      // Path Effects\n      skDiscretePathEffect: SkiaProps<DiscretePathEffectProps>;\n      skDashPathEffect: SkiaProps<DashPathEffectProps>;\n      skPath1DPathEffect: SkiaProps<Path1DPathEffectProps>;\n      skPath2DPathEffect: SkiaProps<Path2DPathEffectProps>;\n      skCornerPathEffect: SkiaProps<CornerPathEffectProps>;\n      skSumPathEffect: ChildrenProps;\n      skLine2DPathEffect: SkiaProps<Line2DPathEffectProps>;\n\n      // Mixed declarations/drawings\n      skBlend: SkiaProps<BlendProps>;\n      skBackdropFilter: SkiaProps<ChildrenProps>;\n      skBox: SkiaProps<BoxProps>;\n      skBoxShadow: SkiaProps<BoxShadowProps>;\n    }\n  }\n}\n\nexport const createNode = (\n  container: Container,\n  type: NodeType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any\n) => {\n  const { Sk } = container;\n  switch (type) {\n    case NodeType.Layer:\n      return Sk.Layer(props);\n    case NodeType.Group:\n      return Sk.Group(props);\n    case NodeType.Paint:\n      return Sk.Paint(props);\n    // Drawings\n    case NodeType.Fill:\n      return Sk.Fill(props);\n    case NodeType.Image:\n      return Sk.Image(props);\n    case NodeType.Circle:\n      return Sk.Circle(props);\n    case NodeType.Path:\n      return Sk.Path(props);\n    case NodeType.Drawing:\n      return Sk.CustomDrawing(props);\n    case NodeType.Line:\n      return Sk.Line(props);\n    case NodeType.Oval:\n      return Sk.Oval(props);\n    case NodeType.Patch:\n      return Sk.Patch(props);\n    case NodeType.Points:\n      return Sk.Points(props);\n    case NodeType.Rect:\n      return Sk.Rect(props);\n    case NodeType.RRect:\n      return Sk.RRect(props);\n    case NodeType.Vertices:\n      return Sk.Vertices(props);\n    case NodeType.Text:\n      return Sk.Text(props);\n    case NodeType.TextPath:\n      return Sk.TextPath(props);\n    case NodeType.TextBlob:\n      return Sk.TextBlob(props);\n    case NodeType.Glyphs:\n      return Sk.Glyphs(props);\n    case NodeType.DiffRect:\n      return Sk.DiffRect(props);\n    case NodeType.Picture:\n      return Sk.Picture(props);\n    case NodeType.ImageSVG:\n      return Sk.ImageSVG(props);\n    // Mask Filter\n    case NodeType.BlurMaskFilter:\n      return Sk.BlurMaskFilter(props);\n    // Image Filter\n    case NodeType.BlendImageFilter:\n      return Sk.BlendImageFilter(props);\n    case NodeType.BlurImageFilter:\n      return Sk.BlurImageFilter(props);\n    case NodeType.OffsetImageFilter:\n      return Sk.OffsetImageFilter(props);\n    case NodeType.DropShadowImageFilter:\n      return Sk.DropShadowImageFilter(props);\n    case NodeType.DisplacementMapImageFilter:\n      return Sk.DisplacementMapImageFilter(props);\n    case NodeType.MorphologyImageFilter:\n      return Sk.MorphologyImageFilter(props);\n    case NodeType.RuntimeShaderImageFilter:\n      return Sk.RuntimeShaderImageFilter(props);\n    // Color Filter\n    case NodeType.MatrixColorFilter:\n      return Sk.MatrixColorFilter(props);\n    case NodeType.BlendColorFilter:\n      return Sk.BlendColorFilter(props);\n    case NodeType.LerpColorFilter:\n      return Sk.LerpColorFilter(props);\n    case NodeType.LumaColorFilter:\n      return Sk.LumaColorFilter();\n    case NodeType.LinearToSRGBGammaColorFilter:\n      return Sk.LinearToSRGBGammaColorFilter();\n    case NodeType.SRGBToLinearGammaColorFilter:\n      return Sk.SRGBToLinearGammaColorFilter();\n    // Shader\n    case NodeType.Shader:\n      return Sk.Shader(props);\n    case NodeType.ImageShader:\n      return Sk.ImageShader(props);\n    case NodeType.ColorShader:\n      return Sk.ColorShader(props);\n    case NodeType.Turbulence:\n      return Sk.Turbulence(props);\n    case NodeType.FractalNoise:\n      return Sk.FractalNoise(props);\n    case NodeType.LinearGradient:\n      return Sk.LinearGradient(props);\n    case NodeType.RadialGradient:\n      return Sk.RadialGradient(props);\n    case NodeType.SweepGradient:\n      return Sk.SweepGradient(props);\n    case NodeType.TwoPointConicalGradient:\n      return Sk.TwoPointConicalGradient(props);\n    // Path Effect\n    case NodeType.CornerPathEffect:\n      return Sk.CornerPathEffect(props);\n    case NodeType.DiscretePathEffect:\n      return Sk.DiscretePathEffect(props);\n    case NodeType.DashPathEffect:\n      return Sk.DashPathEffect(props);\n    case NodeType.Path1DPathEffect:\n      return Sk.Path1DPathEffect(props);\n    case NodeType.Path2DPathEffect:\n      return Sk.Path2DPathEffect(props);\n    case NodeType.SumPathEffect:\n      return Sk.SumPathEffect();\n    case NodeType.Line2DPathEffect:\n      return Sk.Line2DPathEffect(props);\n    // Mixed\n    case NodeType.Blend:\n      return Sk.Blend(props);\n    case NodeType.BackdropFilter:\n      return Sk.BackdropFilter(props);\n    case NodeType.Box:\n      return Sk.Box(props);\n    case NodeType.BoxShadow:\n      return Sk.BoxShadow(props);\n    default:\n      return exhaustiveCheck(type);\n  }\n};\n"],"mappings":"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"}
+{"version":3,"names":["shouldUseJSDomOnNative","NATIVE_DOM","global","SkiaDomApi","createNode","container","type","props","Sk","NodeType","Layer","Group","Paint","Fill","Image","Circle","Path","Drawing","CustomDrawing","Line","Oval","Patch","Points","Rect","RRect","Vertices","Text","TextPath","TextBlob","Glyphs","DiffRect","Picture","ImageSVG","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","DisplacementMapImageFilter","MorphologyImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LerpColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","BackdropFilter","Box","BoxShadow","Paragraph","exhaustiveCheck"],"sources":["HostComponents.ts"],"sourcesContent":["import { NodeType } from \"../dom/types\";\nimport type {\n  DeclarationNode,\n  FractalNoiseProps,\n  RenderNode,\n  CircleProps,\n  DrawingNodeProps,\n  ImageProps,\n  PaintProps,\n  PathProps,\n  CustomDrawingNodeProps,\n  LineProps,\n  OvalProps,\n  DiffRectProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextProps,\n  VerticesProps,\n  BlurMaskFilterProps,\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  MatrixColorFilterProps,\n  ShaderProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  GroupProps,\n  PatchProps,\n  BlendColorFilterProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  CornerPathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  BoxProps,\n  BoxShadowProps,\n  ParagraphProps,\n} from \"../dom/types\";\nimport type { ChildrenProps } from \"../dom/types/Common\";\nimport type {\n  BlendProps,\n  MorphologyImageFilterProps,\n} from \"../dom/types/ImageFilters\";\nimport type { SkRect, SkRRect } from \"../skia/types\";\nimport type { JsiDrawingNode } from \"../dom/nodes/DrawingNode\";\nimport type { SkiaValue } from \"../values\";\n\nimport type { Container } from \"./Container\";\nimport { exhaustiveCheck } from \"./typeddash\";\nimport type { SkiaProps } from \"./processors\";\nimport type { DependencyManager } from \"./DependencyManager\";\n\n// This flag should only be turned on for debugging/testing\nconst shouldUseJSDomOnNative = false;\nexport const NATIVE_DOM = shouldUseJSDomOnNative ? false : !!global.SkiaDomApi;\n\ndeclare global {\n  var SkiaDomApi: {\n    DependencyManager: (\n      registerValues: (values: Array<SkiaValue<unknown>>) => () => void\n    ) => DependencyManager;\n\n    // FIXME: We need a better type for this\n    RectNode: (props: RectProps) => JsiDrawingNode<RectProps, SkRect>;\n    RRectNode: (\n      props: RoundedRectProps\n    ) => JsiDrawingNode<RoundedRectProps, SkRRect>;\n    GroupNode: (props: GroupProps) => RenderNode<GroupProps>;\n    PaintNode: (props: PaintProps) => DeclarationNode<PaintProps>;\n    FillNode: (props: PaintProps) => RenderNode<PaintProps>;\n    CircleNode: (props: CircleProps) => RenderNode<CircleProps>;\n    PathNode: (props: PathProps) => RenderNode<PathProps>;\n    CustomDrawingNode: (\n      props: CustomDrawingNodeProps\n    ) => RenderNode<CustomDrawingNodeProps>;\n    LineNode: (props: LineProps) => RenderNode<LineProps>;\n    ImageNode: (props: ImageProps) => RenderNode<ImageProps>;\n    OvalNode: (props: OvalProps) => RenderNode<OvalProps>;\n    PatchNode: (props: PatchProps) => RenderNode<PatchProps>;\n    PointsNode: (props: PointsProps) => RenderNode<PointsProps>;\n    DiffRectNode: (props: DiffRectProps) => RenderNode<DiffRectProps>;\n    // Mask filters\n    BlurMaskFilterNode: (\n      props: BlurMaskFilterProps\n    ) => DeclarationNode<BlurMaskFilterProps>;\n\n    // Path effects\n    DashPathEffectNode: (\n      props: DashPathEffectProps\n    ) => DeclarationNode<DashPathEffectProps>;\n    DiscretePathEffectNode: (\n      props: DiscretePathEffectProps\n    ) => DeclarationNode<DiscretePathEffectProps>;\n    CornerPathEffectNode: (\n      props: CornerPathEffectProps\n    ) => DeclarationNode<CornerPathEffectProps>;\n    Path1DPathEffectNode: (\n      props: Path1DPathEffectProps\n    ) => DeclarationNode<Path1DPathEffectProps>;\n    Path2DPathEffectNode: (\n      props: Path2DPathEffectProps\n    ) => DeclarationNode<Path2DPathEffectProps>;\n    Line2DPathEffectNode: (\n      props: Line2DPathEffectProps\n    ) => DeclarationNode<Line2DPathEffectProps>;\n    SumPathEffectNode: () => DeclarationNode<null>;\n\n    // Image filters\n    BlendImageFilterNode: (\n      props: BlendImageFilterProps\n    ) => DeclarationNode<BlendImageFilterProps>;\n    DropShadowImageFilterNode: (\n      props: DropShadowImageFilterProps\n    ) => DeclarationNode<DropShadowImageFilterProps>;\n    DisplacementMapImageFilterNode: (\n      props: DisplacementMapImageFilterProps\n    ) => DeclarationNode<DisplacementMapImageFilterProps>;\n    BlurImageFilterNode: (\n      props: BlurImageFilterProps\n    ) => DeclarationNode<BlurImageFilterProps>;\n    OffsetImageFilterNode: (\n      props: OffsetImageFilterProps\n    ) => DeclarationNode<OffsetImageFilterProps>;\n    MorphologyImageFilterNode: (\n      props: MorphologyImageFilterProps\n    ) => DeclarationNode<MorphologyImageFilterProps>;\n    RuntimeShaderImageFilterNode: (\n      props: RuntimeShaderImageFilterProps\n    ) => DeclarationNode<RuntimeShaderImageFilterProps>;\n\n    // Color filters\n    MatrixColorFilterNode: (\n      props: MatrixColorFilterProps\n    ) => DeclarationNode<MatrixColorFilterProps>;\n    BlendColorFilterNode: (\n      props: BlendColorFilterProps\n    ) => DeclarationNode<BlendColorFilterProps>;\n    LinearToSRGBGammaColorFilterNode: () => DeclarationNode<null>;\n    SRGBToLinearGammaColorFilterNode: () => DeclarationNode<null>;\n    LumaColorFilterNode: () => DeclarationNode<null>;\n    LerpColorFilterNode: (\n      props: LerpColorFilterProps\n    ) => DeclarationNode<LerpColorFilterProps>;\n\n    // Shaders\n    ShaderNode: (props: ShaderProps) => DeclarationNode<ShaderProps>;\n    ImageShaderNode: (\n      props: ImageShaderProps\n    ) => DeclarationNode<ImageShaderProps>;\n    ColorShaderNode: (props: ColorProps) => DeclarationNode<ColorProps>;\n    TurbulenceNode: (\n      props: TurbulenceProps\n    ) => DeclarationNode<TurbulenceProps>;\n    FractalNoiseNode: (\n      props: FractalNoiseProps\n    ) => DeclarationNode<FractalNoiseProps>;\n    LinearGradientNode: (\n      props: LinearGradientProps\n    ) => DeclarationNode<LinearGradientProps>;\n    RadialGradientNode: (\n      props: RadialGradientProps\n    ) => DeclarationNode<RadialGradientProps>;\n    SweepGradientNode: (\n      props: SweepGradientProps\n    ) => DeclarationNode<SweepGradientProps>;\n    TwoPointConicalGradientNode: (\n      props: TwoPointConicalGradientProps\n    ) => DeclarationNode<TwoPointConicalGradientProps>;\n    PictureNode: (props: PictureProps) => RenderNode<PictureProps>;\n    ImageSVGNode: (props: ImageSVGProps) => RenderNode<ImageSVGProps>;\n    VerticesNode: (props: VerticesProps) => RenderNode<VerticesProps>;\n    TextNode: (prop: TextProps) => RenderNode<TextProps>;\n    TextPathNode: (prop: TextPathProps) => RenderNode<TextPathProps>;\n    TextBlobNode: (prop: TextBlobProps) => RenderNode<TextBlobProps>;\n    GlyphsNode: (prop: GlyphsProps) => RenderNode<GlyphsProps>;\n    BlendNode: (prop: BlendProps) => DeclarationNode<BlendProps>;\n    BackdropFilterNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n    BoxNode: (prop: BoxProps) => RenderNode<BoxProps>;\n    BoxShadowNode: (prop: BoxShadowProps) => DeclarationNode<BoxShadowProps>;\n    LayerNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n\n    // Paragraph\n    ParagraphNode: (props: ParagraphProps) => RenderNode<ParagraphProps>;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      skGroup: SkiaProps<GroupProps>;\n      skLayer: SkiaProps<ChildrenProps>;\n      skPaint: SkiaProps<PaintProps>;\n\n      // Drawings\n      skFill: SkiaProps<DrawingNodeProps>;\n      skImage: SkiaProps<ImageProps>;\n      skCircle: SkiaProps<CircleProps>;\n      skPath: SkiaProps<PathProps>;\n      skDrawing: SkiaProps<CustomDrawingNodeProps>;\n      skLine: SkiaProps<LineProps>;\n      skOval: SkiaProps<OvalProps>;\n      skPatch: SkiaProps<PatchProps>;\n      skPoints: SkiaProps<PointsProps>;\n      skRect: SkiaProps<RectProps>;\n      skRRect: SkiaProps<RoundedRectProps>;\n      skVertices: SkiaProps<VerticesProps>;\n      skText: SkiaProps<TextProps>;\n      skTextPath: SkiaProps<TextPathProps>;\n      skTextBlob: SkiaProps<TextBlobProps>;\n      skGlyphs: SkiaProps<GlyphsProps>;\n      skDiffRect: SkiaProps<DiffRectProps>;\n      skPicture: SkiaProps<PictureProps>;\n      skImageSVG: SkiaProps<ImageSVGProps>;\n\n      // BlurMaskFilters\n      skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;\n\n      // ImageFilters\n      skBlendImageFilter: SkiaProps<BlendImageFilterProps>;\n      skBlurImageFilter: SkiaProps<BlurImageFilterProps>;\n      skOffsetImageFilter: SkiaProps<OffsetImageFilterProps>;\n      skDropShadowImageFilter: SkiaProps<DropShadowImageFilterProps>;\n      skDisplacementMapImageFilter: SkiaProps<DisplacementMapImageFilterProps>;\n      skRuntimeShaderImageFilter: SkiaProps<RuntimeShaderImageFilterProps>;\n      skMorphologyImageFilter: SkiaProps<MorphologyImageFilterProps>;\n\n      // ColorFilters\n      skMatrixColorFilter: SkiaProps<MatrixColorFilterProps>;\n      skBlendColorFilter: SkiaProps<BlendColorFilterProps>;\n      skLinearToSRGBGammaColorFilter: SkiaProps<ChildrenProps>;\n      skSRGBToLinearGammaColorFilter: SkiaProps<ChildrenProps>;\n      skLumaColorFilter: SkiaProps<ChildrenProps>;\n      skLerpColorFilter: SkiaProps<LerpColorFilterProps>;\n\n      // Shaders\n      skShader: SkiaProps<ShaderProps>;\n      skImageShader: SkiaProps<ImageShaderProps>;\n      skColorShader: SkiaProps<ColorProps>;\n      skTurbulence: SkiaProps<TurbulenceProps>;\n      skFractalNoise: SkiaProps<FractalNoiseProps>;\n      skLinearGradient: SkiaProps<LinearGradientProps>;\n      skRadialGradient: SkiaProps<RadialGradientProps>;\n      skSweepGradient: SkiaProps<SweepGradientProps>;\n      skTwoPointConicalGradient: SkiaProps<TwoPointConicalGradientProps>;\n\n      // Path Effects\n      skDiscretePathEffect: SkiaProps<DiscretePathEffectProps>;\n      skDashPathEffect: SkiaProps<DashPathEffectProps>;\n      skPath1DPathEffect: SkiaProps<Path1DPathEffectProps>;\n      skPath2DPathEffect: SkiaProps<Path2DPathEffectProps>;\n      skCornerPathEffect: SkiaProps<CornerPathEffectProps>;\n      skSumPathEffect: ChildrenProps;\n      skLine2DPathEffect: SkiaProps<Line2DPathEffectProps>;\n\n      // Mixed declarations/drawings\n      skBlend: SkiaProps<BlendProps>;\n      skBackdropFilter: SkiaProps<ChildrenProps>;\n      skBox: SkiaProps<BoxProps>;\n      skBoxShadow: SkiaProps<BoxShadowProps>;\n\n      // Paragraph\n      skParagraph: SkiaProps<ParagraphProps>;\n    }\n  }\n}\n\nexport const createNode = (\n  container: Container,\n  type: NodeType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any\n) => {\n  const { Sk } = container;\n  switch (type) {\n    case NodeType.Layer:\n      return Sk.Layer(props);\n    case NodeType.Group:\n      return Sk.Group(props);\n    case NodeType.Paint:\n      return Sk.Paint(props);\n    // Drawings\n    case NodeType.Fill:\n      return Sk.Fill(props);\n    case NodeType.Image:\n      return Sk.Image(props);\n    case NodeType.Circle:\n      return Sk.Circle(props);\n    case NodeType.Path:\n      return Sk.Path(props);\n    case NodeType.Drawing:\n      return Sk.CustomDrawing(props);\n    case NodeType.Line:\n      return Sk.Line(props);\n    case NodeType.Oval:\n      return Sk.Oval(props);\n    case NodeType.Patch:\n      return Sk.Patch(props);\n    case NodeType.Points:\n      return Sk.Points(props);\n    case NodeType.Rect:\n      return Sk.Rect(props);\n    case NodeType.RRect:\n      return Sk.RRect(props);\n    case NodeType.Vertices:\n      return Sk.Vertices(props);\n    case NodeType.Text:\n      return Sk.Text(props);\n    case NodeType.TextPath:\n      return Sk.TextPath(props);\n    case NodeType.TextBlob:\n      return Sk.TextBlob(props);\n    case NodeType.Glyphs:\n      return Sk.Glyphs(props);\n    case NodeType.DiffRect:\n      return Sk.DiffRect(props);\n    case NodeType.Picture:\n      return Sk.Picture(props);\n    case NodeType.ImageSVG:\n      return Sk.ImageSVG(props);\n    // Mask Filter\n    case NodeType.BlurMaskFilter:\n      return Sk.BlurMaskFilter(props);\n    // Image Filter\n    case NodeType.BlendImageFilter:\n      return Sk.BlendImageFilter(props);\n    case NodeType.BlurImageFilter:\n      return Sk.BlurImageFilter(props);\n    case NodeType.OffsetImageFilter:\n      return Sk.OffsetImageFilter(props);\n    case NodeType.DropShadowImageFilter:\n      return Sk.DropShadowImageFilter(props);\n    case NodeType.DisplacementMapImageFilter:\n      return Sk.DisplacementMapImageFilter(props);\n    case NodeType.MorphologyImageFilter:\n      return Sk.MorphologyImageFilter(props);\n    case NodeType.RuntimeShaderImageFilter:\n      return Sk.RuntimeShaderImageFilter(props);\n    // Color Filter\n    case NodeType.MatrixColorFilter:\n      return Sk.MatrixColorFilter(props);\n    case NodeType.BlendColorFilter:\n      return Sk.BlendColorFilter(props);\n    case NodeType.LerpColorFilter:\n      return Sk.LerpColorFilter(props);\n    case NodeType.LumaColorFilter:\n      return Sk.LumaColorFilter();\n    case NodeType.LinearToSRGBGammaColorFilter:\n      return Sk.LinearToSRGBGammaColorFilter();\n    case NodeType.SRGBToLinearGammaColorFilter:\n      return Sk.SRGBToLinearGammaColorFilter();\n    // Shader\n    case NodeType.Shader:\n      return Sk.Shader(props);\n    case NodeType.ImageShader:\n      return Sk.ImageShader(props);\n    case NodeType.ColorShader:\n      return Sk.ColorShader(props);\n    case NodeType.Turbulence:\n      return Sk.Turbulence(props);\n    case NodeType.FractalNoise:\n      return Sk.FractalNoise(props);\n    case NodeType.LinearGradient:\n      return Sk.LinearGradient(props);\n    case NodeType.RadialGradient:\n      return Sk.RadialGradient(props);\n    case NodeType.SweepGradient:\n      return Sk.SweepGradient(props);\n    case NodeType.TwoPointConicalGradient:\n      return Sk.TwoPointConicalGradient(props);\n    // Path Effect\n    case NodeType.CornerPathEffect:\n      return Sk.CornerPathEffect(props);\n    case NodeType.DiscretePathEffect:\n      return Sk.DiscretePathEffect(props);\n    case NodeType.DashPathEffect:\n      return Sk.DashPathEffect(props);\n    case NodeType.Path1DPathEffect:\n      return Sk.Path1DPathEffect(props);\n    case NodeType.Path2DPathEffect:\n      return Sk.Path2DPathEffect(props);\n    case NodeType.SumPathEffect:\n      return Sk.SumPathEffect();\n    case NodeType.Line2DPathEffect:\n      return Sk.Line2DPathEffect(props);\n    // Mixed\n    case NodeType.Blend:\n      return Sk.Blend(props);\n    case NodeType.BackdropFilter:\n      return Sk.BackdropFilter(props);\n    case NodeType.Box:\n      return Sk.Box(props);\n    case NodeType.BoxShadow:\n      return Sk.BoxShadow(props);\n    // Paragraph\n    case NodeType.Paragraph:\n      return Sk.Paragraph(props);\n    default:\n      return exhaustiveCheck(type);\n  }\n};\n"],"mappings":"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"}

package/lib/commonjs/renderer/components/index.d.ts

@@ -14,3 +14,4 @@ export * from "./Mask";
 export * from "./Paint";
 export * from "./Blend";
 export * from "./Drawing";
+export * from "./paragraph";

package/lib/commonjs/renderer/components/index.js

@@ -211,4 +211,17 @@ Object.keys(_Drawing).forEach(function (key) {
     }
   });
 });
+
+var _paragraph = require("./paragraph");
+
+Object.keys(_paragraph).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _paragraph[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _paragraph[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/renderer/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./shapes\";\nexport * from \"./backdrop\";\nexport * from \"./image\";\nexport * from \"./shaders\";\nexport * from \"./text\";\nexport * from \"./colorFilters\";\nexport * from \"./maskFilters\";\nexport * from \"./imageFilters\";\nexport * from \"./pathEffects\";\nexport * from \"../processors\";\nexport * from \"./Picture\";\n\nexport * from \"./Group\";\nexport * from \"./Mask\";\nexport * from \"./Paint\";\nexport * from \"./Blend\";\nexport * from \"./Drawing\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./shapes\";\nexport * from \"./backdrop\";\nexport * from \"./image\";\nexport * from \"./shaders\";\nexport * from \"./text\";\nexport * from \"./colorFilters\";\nexport * from \"./maskFilters\";\nexport * from \"./imageFilters\";\nexport * from \"./pathEffects\";\nexport * from \"../processors\";\nexport * from \"./Picture\";\n\nexport * from \"./Group\";\nexport * from \"./Mask\";\nexport * from \"./Paint\";\nexport * from \"./Blend\";\nexport * from \"./Drawing\";\n\nexport * from \"./paragraph\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/renderer/components/paragraph/Paragraph.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ParagraphProps } from "../../../dom/types/Paragraph";
+import type { SkiaProps } from "../../processors";
+export declare const Paragraph: (props: SkiaProps<ParagraphProps>) => React.JSX.Element;

package/lib/commonjs/renderer/components/paragraph/Paragraph.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paragraph = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Paragraph = props => {
+  return /*#__PURE__*/_react.default.createElement("skParagraph", props);
+};
+
+exports.Paragraph = Paragraph;
+//# sourceMappingURL=Paragraph.js.map

package/lib/commonjs/renderer/components/paragraph/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Paragraph","props"],"sources":["Paragraph.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ParagraphProps } from \"../../../dom/types/Paragraph\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const Paragraph = (props: SkiaProps<ParagraphProps>) => {\n  return <skParagraph {...props} />;\n};\n"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,SAAS,GAAIC,KAAD,IAAsC;EAC7D,oBAAO,4CAAiBA,KAAjB,CAAP;AACD,CAFM"}

package/lib/commonjs/renderer/components/paragraph/index.d.ts

@@ -0,0 +1 @@
+export * from "./Paragraph";

package/lib/commonjs/renderer/components/paragraph/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Paragraph = require("./Paragraph");
+
+Object.keys(_Paragraph).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Paragraph[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Paragraph[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/renderer/components/paragraph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Paragraph\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/skia/types/Paragraph/Paragraph.d.ts

@@ -0,0 +1,56 @@
+import type { SkCanvas } from "../Canvas";
+import type { SkJSIInstance } from "../JsiInstance";
+import type { SkRect } from "../Rect";
+import type { SkTextDirection } from "./ParagraphStyle";
+export interface SkRectWithDirection {
+    rect: SkRect;
+    direction: SkTextDirection;
+}
+export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
+    /**
+     * Calculates the position of the the glyphs in the paragraph
+     * @param width Max width of the paragraph
+     */
+    layout(width: number): void;
+    /**
+     * Paints the paragraph to the provded canvas
+     * @param canvas Canvas to paint into
+     * @param x X coordinate to paint at
+     * @param y Y coordinate to paint at
+     */
+    paint(canvas: SkCanvas, x: number, y: number): void;
+    /**
+     * Returns the height of the paragraph. This method requires the layout
+     * method to have been called first.
+     */
+    getHeight(): number;
+    /**
+     * Returns the max width of the paragraph. This method requires the layout
+     * method to have been called first.
+     */
+    getMaxWidth(): number;
+    /**
+     * Returns the index of the glyph at the given position. This method requires
+     * the layout method to have been called first.
+     * @param x X coordinate of the position
+     * @param y Y coordinate of the position
+     */
+    getGlyphPositionAtCoordinate(x: number, y: number): number;
+    /**
+     * Returns the bounding boxes of the glyphs in the given range. This method
+     * requires the layout method to have been called first.
+     * @param start Start index of the range
+     * @param end End index of the range
+     */
+    getRectsForRange(start: number, end: number): SkRect[];
+    /**
+     * Returns the bounding boxes for all lines in the paragraph. This method
+     * requires the layout method to have been called first.
+     */
+    getLineMetrics(): Array<SkRect>;
+    /**
+     * Returns a list of rects with direction info for the placeholders added
+     * to the paragraph.
+     */
+    getRectsForPlaceholders(): SkRectWithDirection[];
+}

package/lib/commonjs/skia/types/Paragraph/Paragraph.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Paragraph.js.map

package/lib/commonjs/skia/types/Paragraph/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Paragraph.ts"],"sourcesContent":["import type { SkCanvas } from \"../Canvas\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkRect } from \"../Rect\";\n\nimport type { SkTextDirection } from \"./ParagraphStyle\";\n\nexport interface SkRectWithDirection {\n  rect: SkRect;\n  direction: SkTextDirection;\n}\n\nexport interface SkParagraph extends SkJSIInstance<\"Paragraph\"> {\n  /**\n   * Calculates the position of the the glyphs in the paragraph\n   * @param width Max width of the paragraph\n   */\n  layout(width: number): void;\n  /**\n   * Paints the paragraph to the provded canvas\n   * @param canvas Canvas to paint into\n   * @param x X coordinate to paint at\n   * @param y Y coordinate to paint at\n   */\n  paint(canvas: SkCanvas, x: number, y: number): void;\n  /**\n   * Returns the height of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getHeight(): number;\n  /**\n   * Returns the max width of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getMaxWidth(): number;\n  /**\n   * Returns the index of the glyph at the given position. This method requires\n   * the layout method to have been called first.\n   * @param x X coordinate of the position\n   * @param y Y coordinate of the position\n   */\n  getGlyphPositionAtCoordinate(x: number, y: number): number;\n  /**\n   * Returns the bounding boxes of the glyphs in the given range. This method\n   * requires the layout method to have been called first.\n   * @param start Start index of the range\n   * @param end End index of the range\n   */\n  getRectsForRange(start: number, end: number): SkRect[];\n  /**\n   * Returns the bounding boxes for all lines in the paragraph. This method\n   * requires the layout method to have been called first.\n   */\n  getLineMetrics(): Array<SkRect>;\n  /**\n   * Returns a list of rects with direction info for the placeholders added\n   * to the paragraph.\n   */\n  getRectsForPlaceholders(): SkRectWithDirection[];\n}\n"],"mappings":""}

package/lib/commonjs/skia/types/Paragraph/ParagraphBuilder.d.ts

@@ -0,0 +1,60 @@
+import type { SkJSIInstance } from "../JsiInstance";
+import type { SkPaint } from "../Paint";
+import type { SkParagraph } from "./Paragraph";
+import type { SkParagraphStyle } from "./ParagraphStyle";
+import type { SkTextStyle, TextBaseline } from "./TextStyle";
+import type { SkTypefaceFontProvider } from "./TypefaceFontProvider";
+export interface ParagraphBuilderFactory {
+    /**
+     * Creates a new ParagraphBuilder object from custom fonts.
+     * @param paragraphStyle Initial paragraph style
+     * @param typefaceProvider Typeface provider
+     */
+    Make(paragraphStyle?: SkParagraphStyle, typefaceProvider?: SkTypefaceFontProvider): SkParagraphBuilder;
+}
+export declare enum PlaceholderAlignment {
+    Baseline = 0,
+    AboveBaseline = 1,
+    BelowBaseline = 2,
+    Top = 3,
+    Bottom = 4,
+    Middle = 5
+}
+export interface SkParagraphBuilder extends SkJSIInstance<"ParagraphBuilder"> {
+    /**
+     * Creates a Paragraph object from the builder and the inputs given to the builder.
+     */
+    build(): SkParagraph;
+    /**
+     * Restores the builder to its initial empty state.
+     */
+    reset(): void;
+    /**
+     * Pushes a text-style to the builder
+     * @param style Style to push
+     * @param foregroundPaint Foreground paint object
+     * @param backgroundPaint Background paint object
+     * @returns The builder
+     */
+    pushStyle: (style: SkTextStyle, foregroundPaint?: SkPaint | undefined, backgroundPaint?: SkPaint | undefined) => SkParagraphBuilder;
+    /**
+     * Pops the current text style from the builder
+     * @returns The builder
+     */
+    pop: () => SkParagraphBuilder;
+    /**
+     * Adds text to the builder
+     * @param text
+     * @returns The builder
+     */
+    addText: (text: string) => SkParagraphBuilder;
+    /**
+     * Pushes the information required to leave an open space.
+     * @param width
+     * @param height
+     * @param alignment
+     * @param baseline
+     * @param offset
+     */
+    addPlaceholder(width?: number, height?: number, alignment?: PlaceholderAlignment, baseline?: TextBaseline, offset?: number): SkParagraphBuilder;
+}

package/lib/commonjs/skia/types/Paragraph/ParagraphBuilder.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlaceholderAlignment = void 0;
+let PlaceholderAlignment;
+exports.PlaceholderAlignment = PlaceholderAlignment;
+
+(function (PlaceholderAlignment) {
+  PlaceholderAlignment[PlaceholderAlignment["Baseline"] = 0] = "Baseline";
+  PlaceholderAlignment[PlaceholderAlignment["AboveBaseline"] = 1] = "AboveBaseline";
+  PlaceholderAlignment[PlaceholderAlignment["BelowBaseline"] = 2] = "BelowBaseline";
+  PlaceholderAlignment[PlaceholderAlignment["Top"] = 3] = "Top";
+  PlaceholderAlignment[PlaceholderAlignment["Bottom"] = 4] = "Bottom";
+  PlaceholderAlignment[PlaceholderAlignment["Middle"] = 5] = "Middle";
+})(PlaceholderAlignment || (exports.PlaceholderAlignment = PlaceholderAlignment = {}));
+//# sourceMappingURL=ParagraphBuilder.js.map

package/lib/commonjs/skia/types/Paragraph/ParagraphBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PlaceholderAlignment"],"sources":["ParagraphBuilder.ts"],"sourcesContent":["import type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkPaint } from \"../Paint\";\n\nimport type { SkParagraph } from \"./Paragraph\";\nimport type { SkParagraphStyle } from \"./ParagraphStyle\";\nimport type { SkTextStyle, TextBaseline } from \"./TextStyle\";\nimport type { SkTypefaceFontProvider } from \"./TypefaceFontProvider\";\n\nexport interface ParagraphBuilderFactory {\n  /**\n   * Creates a new ParagraphBuilder object from custom fonts.\n   * @param paragraphStyle Initial paragraph style\n   * @param typefaceProvider Typeface provider\n   */\n  Make(\n    paragraphStyle?: SkParagraphStyle,\n    typefaceProvider?: SkTypefaceFontProvider\n  ): SkParagraphBuilder;\n}\n\nexport enum PlaceholderAlignment {\n  /// Match the baseline of the placeholder with the baseline.\n  Baseline = 0,\n\n  /// Align the bottom edge of the placeholder with the baseline such that the\n  /// placeholder sits on top of the baseline.\n  AboveBaseline,\n\n  /// Align the top edge of the placeholder with the baseline specified in\n  /// such that the placeholder hangs below the baseline.\n  BelowBaseline,\n\n  /// Align the top edge of the placeholder with the top edge of the font.\n  /// When the placeholder is very tall, the extra space will hang from\n  /// the top and extend through the bottom of the line.\n  Top,\n\n  /// Align the bottom edge of the placeholder with the top edge of the font.\n  /// When the placeholder is very tall, the extra space will rise from\n  /// the bottom and extend through the top of the line.\n  Bottom,\n\n  /// Align the middle of the placeholder with the middle of the text. When the\n  /// placeholder is very tall, the extra space will grow equally from\n  /// the top and bottom of the line.\n  Middle,\n}\n\nexport interface SkParagraphBuilder extends SkJSIInstance<\"ParagraphBuilder\"> {\n  /**\n   * Creates a Paragraph object from the builder and the inputs given to the builder.\n   */\n  build(): SkParagraph;\n  /**\n   * Restores the builder to its initial empty state.\n   */\n  reset(): void;\n  /**\n   * Pushes a text-style to the builder\n   * @param style Style to push\n   * @param foregroundPaint Foreground paint object\n   * @param backgroundPaint Background paint object\n   * @returns The builder\n   */\n  pushStyle: (\n    style: SkTextStyle,\n    foregroundPaint?: SkPaint | undefined,\n    backgroundPaint?: SkPaint | undefined\n  ) => SkParagraphBuilder;\n  /**\n   * Pops the current text style from the builder\n   * @returns The builder\n   */\n  pop: () => SkParagraphBuilder;\n  /**\n   * Adds text to the builder\n   * @param text\n   * @returns The builder\n   */\n  addText: (text: string) => SkParagraphBuilder;\n  /**\n   * Pushes the information required to leave an open space.\n   * @param width\n   * @param height\n   * @param alignment\n   * @param baseline\n   * @param offset\n   */\n  addPlaceholder(\n    width?: number,\n    height?: number,\n    alignment?: PlaceholderAlignment,\n    baseline?: TextBaseline,\n    offset?: number\n  ): SkParagraphBuilder;\n}\n"],"mappings":";;;;;;IAoBYA,oB;;;WAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;GAAAA,oB,oCAAAA,oB"}