@shopify/react-native-skia 0.1.229 → 0.1.231

package/lib/typescript/src/dom/nodes/JsiSkDOM.d.ts

@@ -1,7 +1,8 @@
-import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, MatrixColorFilterProps, CircleProps, BlurMaskFilterProps, LinearGradientProps, PaintProps, ShaderProps, ImageShaderProps, CustomDrawingNodeProps, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, OffsetImageFilterProps, BlendColorFilterProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, FractalNoiseProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, DrawingNodeProps, BoxProps, BoxShadowProps, ChildrenProps } from "../types";
+import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, MatrixColorFilterProps, CircleProps, BlurMaskFilterProps, LinearGradientProps, PaintProps, ShaderProps, ImageShaderProps, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, OffsetImageFilterProps, BlendColorFilterProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, FractalNoiseProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, DrawingNodeProps, BoxProps, BoxShadowProps, ChildrenProps } from "../types";
 import type { BlendImageFilterProps, BlendProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, RuntimeShaderImageFilterProps } from "../types/ImageFilters";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../types/PathEffects";
 import type { ParagraphProps } from "../types/Paragraph";
+import { RRectNode } from "./drawings";
 import type { NodeContext } from "./Node";
 export declare class JsiSkDOM implements SkDOM {
     private ctx;
@@ -13,13 +14,12 @@ export declare class JsiSkDOM implements SkDOM {
     Image(props: ImageProps): import("../types").RenderNode<ImageProps>;
     Circle(props: CircleProps): import("../types").RenderNode<CircleProps>;
     Path(props: PathProps): import("../types").RenderNode<PathProps>;
-    CustomDrawing(props: CustomDrawingNodeProps): import("../types").RenderNode<CustomDrawingNodeProps>;
     Line(props: LineProps): import("../types").RenderNode<LineProps>;
     Oval(props: OvalProps): import("../types").RenderNode<OvalProps>;
     Patch(props: PatchProps): import("../types").RenderNode<PatchProps>;
     Points(props: PointsProps): import("../types").RenderNode<PointsProps>;
     Rect(props: RectProps): import("./DrawingNode").JsiDrawingNode<RectProps, import("../..").SkRect>;
-    RRect(props: RoundedRectProps): import("./DrawingNode").JsiDrawingNode<RoundedRectProps, import("../..").SkRRect>;
+    RRect(props: RoundedRectProps): import("./DrawingNode").JsiDrawingNode<RoundedRectProps, import("../..").SkRRect> | RRectNode;
     Vertices(props: VerticesProps): import("../types").RenderNode<VerticesProps>;
     Text(props: TextProps): import("../types").RenderNode<TextProps>;
     TextPath(props: TextPathProps): import("../types").RenderNode<TextPathProps>;

package/lib/typescript/src/dom/nodes/Node.d.ts

@@ -1,17 +1,14 @@
 import type { Skia } from "../../skia/types";
 import type { Node, DeclarationNode, NodeType, DeclarationType } from "../types";
-import type { DependencyManager } from "../../renderer/DependencyManager";
 import type { DeclarationContext } from "../types/DeclarationContext";
 export interface NodeContext {
     Skia: Skia;
-    depMgr: DependencyManager;
 }
 export declare abstract class JsiNode<P> implements Node<P> {
     type: NodeType;
     protected props: P;
     protected _children: JsiNode<unknown>[];
     protected Skia: Skia;
-    protected depMgr: DependencyManager;
     constructor(ctx: NodeContext, type: NodeType, props: P);
     setProps(props: P): void;
     setProp<K extends keyof P>(name: K, v: P[K]): boolean;

package/lib/typescript/src/dom/nodes/datatypes/Rect.d.ts

@@ -2,4 +2,4 @@ import type { Skia, SkRect, Vector } from "../../../skia/types";
 import type { RectDef, RRectDef } from "../../types";
 export declare const isEdge: (pos: Vector, b: SkRect) => boolean;
 export declare const processRect: (Skia: Skia, def: RectDef) => SkRect;
-export declare const processRRect: (Skia: Skia, def: RRectDef) => import("../../../skia/types").SkRRect;
+export declare const processRRect: (Skia: Skia, def: RRectDef) => import("../../../skia/types").InputRRect;

package/lib/typescript/src/dom/nodes/drawings/RRectNode.d.ts

@@ -1,10 +1,10 @@
-import type { SkRRect } from "../../../skia/types";
+import type { InputRRect, SkRRect } from "../../../skia/types";
 import type { DrawingContext, RoundedRectProps } from "../../types";
 import { JsiDrawingNode } from "../DrawingNode";
 import type { NodeContext } from "../Node";
-export declare class RRectNode extends JsiDrawingNode<RoundedRectProps, SkRRect> {
+export declare class RRectNode extends JsiDrawingNode<RoundedRectProps, InputRRect> {
     rect?: SkRRect;
     constructor(ctx: NodeContext, props: RoundedRectProps);
-    protected deriveProps(): SkRRect;
+    protected deriveProps(): InputRRect;
     draw({ canvas, paint }: DrawingContext): void;
 }

package/lib/typescript/src/dom/nodes/drawings/index.d.ts

@@ -9,7 +9,6 @@ export * from "./OvalNode";
 export * from "./LineNode";
 export * from "./PatchNode";
 export * from "./VerticesNode";
-export * from "./CustomDrawingNode";
 export * from "./Text";
 export * from "./PictureNode";
 export * from "./DiffRectNode";

package/lib/typescript/src/dom/types/Common.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { BlendMode, Color, InputMatrix, PaintStyle, SkPaint, SkPath, SkRect, SkRRect, StrokeCap, StrokeJoin, Transforms3d, Vector } from "../../skia/types";
+import type { BlendMode, Color, InputMatrix, InputRRect, PaintStyle, SkPaint, SkPath, SkRect, SkRRect, StrokeCap, StrokeJoin, Transforms3d, Vector } from "../../skia/types";
 export type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;
 export type PathDef = string | SkPath;
 export type ClipDef = SkRRect | SkRect | PathDef;
@@ -21,7 +21,7 @@ export type RectDef = RectCtor | {
     rect: SkRect;
 };
 export type RRectDef = RRectCtor | {
-    rect: SkRRect;
+    rect: InputRRect;
 };
 export interface PointCircleDef {
     c?: Vector;

package/lib/typescript/src/dom/types/Drawings.d.ts

@@ -1,6 +1,5 @@
 import type { FillType, SkImage, StrokeOpts, Vector, Color, SkPoint, BlendMode, PointMode, VertexMode, SkFont, SkRRect, SkTextBlob, SkPicture, SkSVG, SkPaint, SkRect } from "../../skia/types";
 import type { CircleDef, Fit, GroupProps, PathDef, RectDef, RRectDef, SkEnum } from "./Common";
-import type { DrawingContext } from "./DrawingContext";
 export interface DrawingNodeProps extends GroupProps {
     paint?: SkPaint;
 }
@@ -16,9 +15,6 @@ export interface PathProps extends DrawingNodeProps {
     stroke?: StrokeOpts;
     fillType?: SkEnum<typeof FillType>;
 }
-export interface CustomDrawingNodeProps extends DrawingNodeProps {
-    drawing: (ctx: DrawingContext) => void;
-}
 export interface LineProps extends DrawingNodeProps {
     p1: Vector;
     p2: Vector;

package/lib/typescript/src/dom/types/NodeType.d.ts

@@ -35,7 +35,6 @@ export declare const enum NodeType {
     Box = "skBox",
     BoxShadow = "skBoxShadow",
     Group = "skGroup",
-    Drawing = "skDrawing",
     Paint = "skPaint",
     Circle = "skCircle",
     Fill = "skFill",

package/lib/typescript/src/dom/types/SkDOM.d.ts

@@ -2,7 +2,7 @@ import type { ChildrenProps, GroupProps, PaintProps } from "./Common";
 import type { BlendImageFilterProps, BlurImageFilterProps, DropShadowImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps, DisplacementMapImageFilterProps, MorphologyImageFilterProps, BlendProps } from "./ImageFilters";
 import type { DeclarationNode, RenderNode } from "./Node";
 import type { BlendColorFilterProps, MatrixColorFilterProps, LerpColorFilterProps } from "./ColorFilters";
-import type { ImageProps, CircleProps, PathProps, CustomDrawingNodeProps, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, DrawingNodeProps, BoxProps, BoxShadowProps } from "./Drawings";
+import type { ImageProps, CircleProps, PathProps, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, DrawingNodeProps, BoxProps, BoxShadowProps } from "./Drawings";
 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";
@@ -19,7 +19,6 @@ export interface SkDOM {
     Image(props: ImageProps): DrawingNode<ImageProps>;
     Circle(props: CircleProps): DrawingNode<CircleProps>;
     Path(props: PathProps): DrawingNode<PathProps>;
-    CustomDrawing(props: CustomDrawingNodeProps): DrawingNode<CustomDrawingNodeProps>;
     Line(props: LineProps): DrawingNode<LineProps>;
     Oval(props: OvalProps): DrawingNode<OvalProps>;
     Patch(props: PatchProps): DrawingNode<PatchProps>;

package/lib/typescript/src/headless/index.d.ts

@@ -1,3 +1,5 @@
 import type { ReactNode } from "react";
+import type { SkSurface } from "../skia";
 export * from "../renderer/components";
-export declare const draw: (element: ReactNode, width: number, height: number) => any;
+export declare const makeOffscreenSurface: (width: number, height: number) => any;
+export declare const drawOffscreen: (surface: SkSurface, element: ReactNode) => import("../skia").SkImage;

package/lib/typescript/src/index.d.ts

@@ -6,7 +6,6 @@ export * from "./renderer/Offscreen";
 export * from "./views";
 export * from "./skia";
 export * from "./external";
-export * from "./values";
 export * from "./animation";
 export * from "./dom/types";
 export * from "./dom/nodes";

package/lib/typescript/src/renderer/Container.d.ts

@@ -1,13 +1,11 @@
 import type { GroupProps, DrawingContext, RenderNode, SkDOM } from "../dom/types";
 import type { Skia } from "../skia/types";
-import type { DependencyManager } from "./DependencyManager";
 export declare class Container {
-    depMgr: DependencyManager;
     redraw: () => void;
     getNativeId: () => number;
     private _root;
     Sk: SkDOM;
-    constructor(Skia: Skia, depMgr: DependencyManager, redraw?: () => void, getNativeId?: () => number);
+    constructor(Skia: Skia, redraw?: () => void, getNativeId?: () => number);
     draw(ctx: DrawingContext): void;
     get root(): RenderNode<GroupProps>;
 }

package/lib/typescript/src/renderer/HostComponents.d.ts

@@ -1,17 +1,14 @@
 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, ParagraphProps } from "../dom/types";
+import type { DeclarationNode, FractalNoiseProps, RenderNode, CircleProps, DrawingNodeProps, ImageProps, PaintProps, PathProps, 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";
 import type { JsiDrawingNode } from "../dom/nodes/DrawingNode";
-import type { SkiaValue } from "../values";
 import type { Container } from "./Container";
 import type { SkiaProps } from "./processors";
-import type { DependencyManager } from "./DependencyManager";
 export declare const NATIVE_DOM: boolean;
 declare global {
     var SkiaDomApi: {
-        DependencyManager: (registerValues: (values: Array<SkiaValue<unknown>>) => () => void) => DependencyManager;
         RectNode: (props: RectProps) => JsiDrawingNode<RectProps, SkRect>;
         RRectNode: (props: RoundedRectProps) => JsiDrawingNode<RoundedRectProps, SkRRect>;
         GroupNode: (props: GroupProps) => RenderNode<GroupProps>;
@@ -19,7 +16,6 @@ declare global {
         FillNode: (props: PaintProps) => RenderNode<PaintProps>;
         CircleNode: (props: CircleProps) => RenderNode<CircleProps>;
         PathNode: (props: PathProps) => RenderNode<PathProps>;
-        CustomDrawingNode: (props: CustomDrawingNodeProps) => RenderNode<CustomDrawingNodeProps>;
         LineNode: (props: LineProps) => RenderNode<LineProps>;
         ImageNode: (props: ImageProps) => RenderNode<ImageProps>;
         OvalNode: (props: OvalProps) => RenderNode<OvalProps>;
@@ -79,7 +75,6 @@ declare global {
             skImage: SkiaProps<ImageProps>;
             skCircle: SkiaProps<CircleProps>;
             skPath: SkiaProps<PathProps>;
-            skDrawing: SkiaProps<CustomDrawingNodeProps>;
             skLine: SkiaProps<LineProps>;
             skOval: SkiaProps<OvalProps>;
             skPatch: SkiaProps<PatchProps>;

package/lib/typescript/src/renderer/Reconciler.d.ts

@@ -1,13 +1,9 @@
 import type { ReactNode } from "react";
 import type { Skia } from "../skia/types";
-import type { SkiaValue } from "../values/types";
-type RegisterValues = (values: Array<SkiaValue<unknown>>) => () => void;
 export declare class SkiaRoot {
     private root;
     private container;
-    constructor(Skia: Skia, registerValues?: RegisterValues, redraw?: () => void, getNativeId?: () => number);
+    constructor(Skia: Skia, redraw?: () => void, getNativeId?: () => number);
     render(element: ReactNode): void;
-    unmount(): void;
     get dom(): import("..").RenderNode<import("..").GroupProps>;
 }
-export {};

package/lib/typescript/src/renderer/components/index.d.ts

@@ -13,5 +13,4 @@ export * from "./Group";
 export * from "./Mask";
 export * from "./Paint";
 export * from "./Blend";
-export * from "./Drawing";
 export * from "./paragraph";

package/lib/typescript/src/renderer/index.d.ts

@@ -1,2 +1 @@
 export * from "./components";
-export * from "./DependencyManager";

package/lib/typescript/src/renderer/processors/Animations/Animations.d.ts

@@ -1,14 +1,7 @@
-import type { SkiaSelector, SkiaValue } from "../../../values";
 export type SharedValueType<T = number> = {
     value: T;
 };
-export declare const isValue: (value: unknown) => value is SkiaValue<unknown>;
-export declare const isSelector: <T, R>(value: unknown) => value is {
-    selector: (v: T) => R;
-    value: SkiaValue<T>;
-};
-export declare const isAnimated: <T>(props: AnimatedProps<T, never>) => boolean;
-export type AnimatedProp<T, P = any> = T | SkiaValue<T> | SkiaSelector<T, P> | SharedValueType<T>;
+export type AnimatedProp<T> = T | SharedValueType<T>;
 export type AnimatedProps<T, O extends keyof T | never = never> = {
     [K in keyof T]: K extends "children" ? T[K] : K extends O ? T[K] : AnimatedProp<T[K]>;
 };

package/lib/typescript/src/skia/types/Canvas.d.ts

@@ -5,7 +5,7 @@ import type { SkPath } from "./Path";
 import type { SkImage, MipmapMode, FilterMode, ImageInfo } from "./Image";
 import type { SkSVG } from "./SVG";
 import type { SkColor } from "./Color";
-import type { SkRRect } from "./RRect";
+import type { InputRRect } from "./RRect";
 import type { BlendMode } from "./Paint/BlendMode";
 import type { SkPoint, PointMode } from "./Point";
 import type { InputMatrix } from "./Matrix";
@@ -202,7 +202,7 @@ export interface SkCanvas {
      * @param rrect
      * @param paint
      */
-    drawRRect(rrect: SkRRect, paint: SkPaint): void;
+    drawRRect(rrect: InputRRect, paint: SkPaint): void;
     /**
      * Draws RRect outer and inner using clip, Matrix, and Paint paint.
      * outer must contain inner or the drawing is undefined.
@@ -210,7 +210,7 @@ export interface SkCanvas {
      * @param inner
      * @param paint
      */
-    drawDRRect(outer: SkRRect, inner: SkRRect, paint: SkPaint): void;
+    drawDRRect(outer: InputRRect, inner: InputRRect, paint: SkPaint): void;
     /**
      * Draws an oval bounded by the given rectangle using the current clip, current matrix,
      * and the provided paint.
@@ -367,7 +367,7 @@ export interface SkCanvas {
      * @param op
      * @param doAntiAlias
      */
-    clipRRect(rrect: SkRRect, op: ClipOp, doAntiAlias: boolean): void;
+    clipRRect(rrect: InputRRect, op: ClipOp, doAntiAlias: boolean): void;
     /**
      * Replaces current matrix with m premultiplied with the existing matrix.
      * @param m

package/lib/typescript/src/skia/types/Paragraph/Paragraph.d.ts

@@ -29,6 +29,29 @@ export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
      * method to have been called first.
      */
     getMaxWidth(): number;
+    /**
+     * Returns the minimum intrinsic width of the paragraph.
+     * The minimum intrinsic width is the width beyond which increasing the width of the paragraph
+     * does not decrease the height. This is effectively the width at which the paragraph
+     * can no longer wrap lines and is forced to overflow.
+     * This method requires the layout method to have been called first.
+     * @returns {number} The minimum intrinsic width of the paragraph.
+     */
+    getMinIntrinsicWidth(): number;
+    /**
+     * Returns the maximum intrinsic width of the paragraph.
+     * The maximum intrinsic width is the width at which the paragraph can layout its content without line breaks,
+     * meaning it's the width of the widest line or the widest word if the widest line is shorter than that.
+     * This width represents the ideal width for the paragraph to display all content in a single line without overflow.
+     * This method requires the layout method to have been called first.
+     * @returns {number} The maximum intrinsic width of the paragraph.
+     */
+    getMaxIntrinsicWidth(): number;
+    /**
+     * Returns the width of the longest line in the paragraph.
+     * This method requires the layout method to have been called first.
+     */
+    getLongestLine(): number;
     /**
      * Returns the index of the glyph at the given position. This method requires
      * the layout method to have been called first.

package/lib/typescript/src/skia/types/Path/Path.d.ts

@@ -1,6 +1,6 @@
 import type { SkRect } from "../Rect";
 import type { SkPoint } from "../Point";
-import type { SkRRect } from "../RRect";
+import type { InputRRect } from "../RRect";
 import type { StrokeJoin, StrokeCap } from "../Paint";
 import type { InputMatrix, SkMatrix } from "../Matrix";
 import type { SkJSIInstance } from "../JsiInstance";
@@ -347,7 +347,7 @@ export interface SkPath extends SkJSIInstance<"Path"> {
      * @param rrect
      * @param isCCW
      */
-    addRRect(rrect: SkRRect, isCCW?: boolean): SkPath;
+    addRRect(rrect: InputRRect, isCCW?: boolean): SkPath;
     /** Appends src to SkPath, transformed by matrix. Transformed curves may have
        different verbs, SkPoint, and conic weights.
   

package/lib/typescript/src/skia/types/RRect.d.ts

@@ -1,7 +1,16 @@
+import type { SkPoint } from "./Point";
 import type { SkRect } from "./Rect";
 export interface SkRRect {
     readonly rect: SkRect;
     readonly rx: number;
     readonly ry: number;
 }
+export interface NonUniformRRect {
+    readonly rect: SkRect;
+    readonly topLeft: SkPoint;
+    readonly topRight: SkPoint;
+    readonly bottomRight: SkPoint;
+    readonly bottomLeft: SkPoint;
+}
+export type InputRRect = SkRRect | NonUniformRRect;
 export declare const isRRect: (def: SkRect | SkRRect) => def is SkRRect;

package/lib/typescript/src/skia/web/JsiSkCanvas.d.ts

@@ -1,5 +1,5 @@
 import type { Canvas, CanvasKit } from "canvaskit-wasm";
-import type { BlendMode, ClipOp, FilterMode, MipmapMode, PointMode, SaveLayerFlag, ImageInfo, SkCanvas, SkColor, SkFont, SkImage, SkImageFilter, SkMatrix, SkPaint, SkPath, SkPicture, SkPoint, SkRect, SkRRect, SkSVG, SkTextBlob, SkVertices } from "../types";
+import type { BlendMode, ClipOp, FilterMode, MipmapMode, PointMode, SaveLayerFlag, ImageInfo, SkCanvas, SkColor, SkFont, SkImage, SkImageFilter, SkMatrix, SkPaint, SkPath, SkPicture, SkPoint, SkRect, InputRRect, SkSVG, SkTextBlob, SkVertices } from "../types";
 import { HostObject } from "./Host";
 export declare class JsiSkCanvas extends HostObject<Canvas, "Canvas"> implements SkCanvas {
     constructor(CanvasKit: CanvasKit, ref: Canvas);
@@ -20,8 +20,8 @@ export declare class JsiSkCanvas extends HostObject<Canvas, "Canvas"> implements
     restoreToCount(saveCount: number): void;
     drawPoints(mode: PointMode, points: SkPoint[], paint: SkPaint): void;
     drawArc(oval: SkRect, startAngle: number, sweepAngle: number, useCenter: boolean, paint: SkPaint): void;
-    drawRRect(rrect: SkRRect, paint: SkPaint): void;
-    drawDRRect(outer: SkRRect, inner: SkRRect, paint: SkPaint): void;
+    drawRRect(rrect: InputRRect, paint: SkPaint): void;
+    drawDRRect(outer: InputRRect, inner: InputRRect, paint: SkPaint): void;
     drawOval(oval: SkRect, paint: SkPaint): void;
     drawPath(path: SkPath, paint: SkPaint): void;
     drawText(str: string, x: number, y: number, paint: SkPaint, font: SkFont): void;
@@ -39,7 +39,7 @@ export declare class JsiSkCanvas extends HostObject<Canvas, "Canvas"> implements
     clear(color: SkColor): void;
     clipPath(path: SkPath, op: ClipOp, doAntiAlias: boolean): void;
     clipRect(rect: SkRect, op: ClipOp, doAntiAlias: boolean): void;
-    clipRRect(rrect: SkRRect, op: ClipOp, doAntiAlias: boolean): void;
+    clipRRect(rrect: InputRRect, op: ClipOp, doAntiAlias: boolean): void;
     concat(m: SkMatrix | number[]): void;
     drawPicture(skp: SkPicture): void;
     readPixels(srcX: number, srcY: number, imageInfo: ImageInfo): Float32Array | Uint8Array | null;

package/lib/typescript/src/skia/web/JsiSkParagraph.d.ts

@@ -4,6 +4,9 @@ import { HostObject } from "./Host";
 import type { JsiSkCanvas } from "./JsiSkCanvas";
 export declare class JsiSkParagraph extends HostObject<Paragraph, "Paragraph"> implements SkParagraph {
     constructor(CanvasKit: CanvasKit, ref: Paragraph);
+    getMinIntrinsicWidth(): number;
+    getMaxIntrinsicWidth(): number;
+    getLongestLine(): number;
     layout(width: number): void;
     paint(canvas: JsiSkCanvas, x: number, y: number): void;
     getHeight(): number;

package/lib/typescript/src/skia/web/JsiSkPath.d.ts

@@ -1,5 +1,5 @@
 import type { CanvasKit, Path } from "canvaskit-wasm";
-import type { FillType, PathCommand, PathOp, SkMatrix, SkPath, SkPoint, SkRect, SkRRect, StrokeOpts } from "../types";
+import type { FillType, PathCommand, PathOp, SkMatrix, SkPath, SkPoint, SkRect, InputRRect, StrokeOpts } from "../types";
 import { HostObject } from "./Host";
 import { JsiSkPoint } from "./JsiSkPoint";
 import { JsiSkRect } from "./JsiSkRect";
@@ -41,7 +41,7 @@ export declare class JsiSkPath extends HostObject<Path, "Path"> implements SkPat
     getFillType(): number;
     quadTo(x1: number, y1: number, x2: number, y2: number): this;
     addRect(rect: SkRect, isCCW?: boolean): this;
-    addRRect(rrect: SkRRect, isCCW?: boolean): this;
+    addRRect(rrect: InputRRect, isCCW?: boolean): this;
     getPoint(index: number): JsiSkPoint;
     isEmpty(): boolean;
     isVolatile(): boolean;

package/lib/typescript/src/skia/web/JsiSkRRect.d.ts

@@ -1,10 +1,10 @@
 import type { CanvasKit, RRect } from "canvaskit-wasm";
-import type { SkRect, SkRRect } from "../types";
+import type { InputRRect, SkRect, SkRRect } from "../types";
 import { BaseHostObject } from "./Host";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkRRect extends BaseHostObject<RRect, "RRect"> implements SkRRect {
     dispose: () => void;
-    static fromValue(CanvasKit: CanvasKit, rect: SkRRect): Float32Array;
+    static fromValue(CanvasKit: CanvasKit, rect: InputRRect): Float32Array;
     constructor(CanvasKit: CanvasKit, rect: SkRect, rx: number, ry: number);
     get rx(): number;
     get ry(): number;

package/lib/typescript/src/views/SkiaBaseWebView.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import type { PointerEvent } from "react";
 import type { SkRect, SkCanvas } from "../skia/types";
-import type { SkiaValue } from "../values";
 import type { DrawMode, SkiaBaseViewProps, TouchInfo } from "./types";
 import { TouchType } from "./types";
 export declare abstract class SkiaBaseWebView<TProps extends SkiaBaseViewProps> extends React.Component<TProps> {
@@ -50,12 +49,6 @@ export declare abstract class SkiaBaseWebView<TProps extends SkiaBaseViewProps>
      * @param mode Drawing mode to use.
      */
     setDrawMode(mode: DrawMode): void;
-    /**
-     * Registers one or move values as a dependant value of the Skia View. The view will
-     * The view will redraw itself when any of the values change.
-     * @param values Values to register
-     */
-    registerValues(_values: SkiaValue<unknown>[]): void;
     private handleTouchEvent;
     createTouchHandler(touchType: TouchType): (evt: PointerEvent) => void;
     private onStart;

package/lib/typescript/src/views/SkiaDomView.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import type { SkRect } from "../skia/types";
-import type { SkiaValue } from "../values";
 import type { SkiaDomViewProps } from "./types";
 export declare class SkiaDomView extends React.Component<SkiaDomViewProps> {
     constructor(props: SkiaDomViewProps);
@@ -17,12 +16,6 @@ export declare class SkiaDomView extends React.Component<SkiaDomViewProps> {
      * Sends a redraw request to the native SkiaView.
      */
     redraw(): void;
-    /**
-     * Registers one or move values as a dependant value of the Skia View. The view will
-     * The view will redraw itself when any of the values change.
-     * @param values Values to register
-     */
-    registerValues(values: SkiaValue<unknown>[]): () => void;
     /**
      * Clear up the dom node when unmounting to release resources.
      */

package/lib/typescript/src/views/SkiaPictureView.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import type { SkRect } from "../skia/types";
-import type { SkiaValue } from "../values";
 import type { SkiaPictureViewProps } from "./types";
 export declare class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
     constructor(props: SkiaPictureViewProps);
@@ -17,11 +16,5 @@ export declare class SkiaPictureView extends React.Component<SkiaPictureViewProp
      * Sends a redraw request to the native SkiaView.
      */
     redraw(): void;
-    /**
-     * Registers one or move values as a dependant value of the Skia View. The view will
-     * The view will redraw itself when any of the values change.
-     * @param values Values to register
-     */
-    registerValues(values: SkiaValue<unknown>[]): () => void;
     render(): React.JSX.Element;
 }

package/lib/typescript/src/views/SkiaViewNativeId.d.ts

@@ -0,0 +1,3 @@
+export declare const SkiaViewNativeId: {
+    current: number;
+};

package/lib/typescript/src/views/index.d.ts

@@ -1,6 +1,4 @@
-export * from "./SkiaView";
 export * from "./SkiaPictureView";
 export * from "./SkiaDomView";
 export * from "./types";
-export * from "./useDrawCallback";
 export * from "./useTouchHandler";

package/lib/typescript/src/views/types.d.ts

@@ -1,7 +1,6 @@
 import type { ViewProps } from "react-native";
 import type { GroupProps, RenderNode } from "../dom/types";
-import type { SkCanvas, SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
-import type { SkiaMutableValue, SkiaValue } from "../values";
+import type { SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
 import type { SharedValueType } from "../renderer/processors/Animations/Animations";
 export type DrawMode = "continuous" | "default";
 export type NativeSkiaViewProps = ViewProps & {
@@ -38,7 +37,6 @@ export type TouchHandlers = {
     onEnd?: (touchInfo: ExtendedTouchInfo) => void;
 };
 export type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;
-export type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;
 /**
  * Listener interface for value changes
  */
@@ -49,7 +47,6 @@ export interface ValueListener {
 export interface ISkiaViewApi {
     setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;
     callJsiMethod: <T extends Array<unknown>>(nativeId: number, name: string, ...args: T) => void;
-    registerValuesInView: (nativeId: number, values: SkiaValue<unknown>[]) => () => void;
     requestRedraw: (nativeId: number) => void;
     makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;
 }
@@ -71,17 +68,7 @@ export interface SkiaBaseViewProps extends ViewProps {
      * Pass an animated value to the onSize property to get updates when
      * the Skia view is resized.
      */
-    onSize?: SkiaMutableValue<SkSize> | SharedValueType<SkSize>;
-}
-export interface SkiaDrawViewProps extends SkiaBaseViewProps {
-    /**
-     * Draw callback. Will be called whenever the view is invalidated and
-     * needs to redraw. This is either caused by a change in a react
-     * property, a touch event, or a call to redraw. If the view is in
-     * continuous mode the callback will be called 60 frames per second
-     * by the native view.
-     */
-    onDraw?: RNSkiaDrawCallback;
+    onSize?: SharedValueType<SkSize>;
 }
 export interface SkiaPictureViewProps extends SkiaBaseViewProps {
     picture?: SkPicture;

package/libs/ios/libskottie.xcframework/Info.plist

@@ -6,32 +6,32 @@
 	<array>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<string>ios-arm64_arm64e</string>
 			<key>LibraryPath</key>
 			<string>libskottie.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e</string>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>libskottie.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>