react-native-skia 0.0.1 → 2.15.0

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

@@ -0,0 +1,58 @@
+import type { Color, SamplingOptions, SkImage, SkRect, SkRuntimeEffect, TileMode, Uniforms, Vector } from "../../skia/types";
+import type { SkEnum, TransformProps, ChildrenProps, RectCtor, Fit } from "./Common";
+export interface ShaderProps extends TransformProps, ChildrenProps {
+    source: SkRuntimeEffect;
+    uniforms: Uniforms;
+}
+export interface ImageShaderProps extends TransformProps, Partial<RectCtor> {
+    tx: SkEnum<typeof TileMode>;
+    ty: SkEnum<typeof TileMode>;
+    fit: Fit;
+    rect?: SkRect;
+    image: SkImage | null;
+    sampling?: SamplingOptions;
+}
+export interface ColorProps {
+    color: Color;
+}
+export interface TurbulenceProps {
+    freqX: number;
+    freqY: number;
+    octaves: number;
+    seed: number;
+    tileWidth: number;
+    tileHeight: number;
+}
+export interface FractalNoiseProps {
+    freqX: number;
+    freqY: number;
+    octaves: number;
+    seed: number;
+    tileWidth: number;
+    tileHeight: number;
+}
+export interface GradientProps extends TransformProps {
+    colors: Color[];
+    positions?: number[];
+    mode?: SkEnum<typeof TileMode>;
+    flags?: number;
+}
+export interface LinearGradientProps extends GradientProps {
+    start: Vector;
+    end: Vector;
+}
+export interface RadialGradientProps extends GradientProps {
+    c: Vector;
+    r: number;
+}
+export interface SweepGradientProps extends GradientProps {
+    c: Vector;
+    start?: number;
+    end?: number;
+}
+export interface TwoPointConicalGradientProps extends GradientProps {
+    start: Vector;
+    startR: number;
+    end: Vector;
+    endR: number;
+}

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

@@ -0,0 +1,73 @@
+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, LineProps, OvalProps, PatchProps, PointsProps, RectProps, RoundedRectProps, VerticesProps, TextProps, DiffRectProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, DrawingNodeProps, BoxProps, BoxShadowProps, AtlasProps } 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";
+import type { ParagraphProps } from "./Paragraph";
+type ImageFilterNode<P> = DeclarationNode<P>;
+type PathEffectNode<P> = DeclarationNode<P>;
+type NullablePathEffectNode<P> = DeclarationNode<P>;
+type DrawingNode<P extends GroupProps> = RenderNode<P>;
+export interface SkDOM {
+    Layer(props?: ChildrenProps): RenderNode<ChildrenProps>;
+    Group(props?: GroupProps): RenderNode<GroupProps>;
+    Paint(props: PaintProps): DeclarationNode<PaintProps>;
+    Fill(props?: DrawingNodeProps): DrawingNode<DrawingNodeProps>;
+    Image(props: ImageProps): DrawingNode<ImageProps>;
+    Circle(props: CircleProps): DrawingNode<CircleProps>;
+    Path(props: PathProps): DrawingNode<PathProps>;
+    Line(props: LineProps): DrawingNode<LineProps>;
+    Oval(props: OvalProps): DrawingNode<OvalProps>;
+    Patch(props: PatchProps): DrawingNode<PatchProps>;
+    Points(props: PointsProps): DrawingNode<PointsProps>;
+    Rect(props: RectProps): DrawingNode<RectProps>;
+    RRect(props: RoundedRectProps): DrawingNode<RoundedRectProps>;
+    Vertices(props: VerticesProps): DrawingNode<VerticesProps>;
+    Text(props: TextProps): DrawingNode<TextProps>;
+    TextPath(props: TextPathProps): DrawingNode<TextPathProps>;
+    TextBlob(props: TextBlobProps): DrawingNode<TextBlobProps>;
+    Glyphs(props: GlyphsProps): DrawingNode<GlyphsProps>;
+    DiffRect(props: DiffRectProps): DrawingNode<DiffRectProps>;
+    Picture(props: PictureProps): DrawingNode<PictureProps>;
+    ImageSVG(props: ImageSVGProps): DrawingNode<ImageSVGProps>;
+    Atlas(props: AtlasProps): DrawingNode<AtlasProps>;
+    BlurMaskFilter(props: BlurMaskFilterProps): DeclarationNode<BlurMaskFilterProps>;
+    BlendImageFilter(props: BlendImageFilterProps): ImageFilterNode<BlendImageFilterProps>;
+    BlurImageFilter(props: BlurImageFilterProps): ImageFilterNode<BlurImageFilterProps>;
+    OffsetImageFilter(props: OffsetImageFilterProps): ImageFilterNode<OffsetImageFilterProps>;
+    DropShadowImageFilter(props: DropShadowImageFilterProps): ImageFilterNode<DropShadowImageFilterProps>;
+    MorphologyImageFilter(props: MorphologyImageFilterProps): ImageFilterNode<MorphologyImageFilterProps>;
+    DisplacementMapImageFilter(props: DisplacementMapImageFilterProps): ImageFilterNode<DisplacementMapImageFilterProps>;
+    RuntimeShaderImageFilter(props: RuntimeShaderImageFilterProps): ImageFilterNode<RuntimeShaderImageFilterProps>;
+    MatrixColorFilter(props: MatrixColorFilterProps): DeclarationNode<MatrixColorFilterProps>;
+    BlendColorFilter(props: BlendColorFilterProps): DeclarationNode<BlendColorFilterProps>;
+    LumaColorFilter(): DeclarationNode<null>;
+    LinearToSRGBGammaColorFilter(): DeclarationNode<null>;
+    SRGBToLinearGammaColorFilter(): DeclarationNode<null>;
+    LerpColorFilter(props: LerpColorFilterProps): DeclarationNode<LerpColorFilterProps>;
+    Shader(props: ShaderProps): DeclarationNode<ShaderProps>;
+    ImageShader(props: ImageShaderProps): DeclarationNode<ImageShaderProps>;
+    ColorShader(props: ColorProps): DeclarationNode<ColorProps>;
+    Turbulence(props: TurbulenceProps): DeclarationNode<TurbulenceProps>;
+    FractalNoise(props: FractalNoiseProps): DeclarationNode<FractalNoiseProps>;
+    LinearGradient(props: LinearGradientProps): DeclarationNode<LinearGradientProps>;
+    RadialGradient(props: RadialGradientProps): DeclarationNode<RadialGradientProps>;
+    SweepGradient(props: SweepGradientProps): DeclarationNode<SweepGradientProps>;
+    TwoPointConicalGradient(props: TwoPointConicalGradientProps): DeclarationNode<TwoPointConicalGradientProps>;
+    CornerPathEffect(props: CornerPathEffectProps): NullablePathEffectNode<CornerPathEffectProps>;
+    DiscretePathEffect(props: DiscretePathEffectProps): PathEffectNode<DiscretePathEffectProps>;
+    DashPathEffect(props: DashPathEffectProps): PathEffectNode<DashPathEffectProps>;
+    Path1DPathEffect(props: Path1DPathEffectProps): NullablePathEffectNode<Path1DPathEffectProps>;
+    Path2DPathEffect(props: Path2DPathEffectProps): NullablePathEffectNode<Path2DPathEffectProps>;
+    SumPathEffect(): NullablePathEffectNode<null>;
+    Line2DPathEffect(props: Line2DPathEffectProps): NullablePathEffectNode<Line2DPathEffectProps>;
+    Blend(props: BlendProps): DeclarationNode<BlendProps>;
+    BackdropFilter(props: ChildrenProps): RenderNode<ChildrenProps>;
+    Box(props: BoxProps): RenderNode<BoxProps>;
+    BoxShadow(props: BoxShadowProps): DeclarationNode<BoxShadowProps>;
+    Paragraph(props: ParagraphProps): RenderNode<ParagraphProps>;
+}
+export {};

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

@@ -0,0 +1,11 @@
+export * from "./Node";
+export * from "./NodeType";
+export * from "./SkDOM";
+export * from "./Common";
+export * from "./Drawings";
+export * from "./ImageFilters";
+export * from "./ColorFilters";
+export * from "./MaskFilters";
+export * from "./PathEffects";
+export * from "./Shaders";
+export * from "./Paragraph";

package/lib/typescript/src/external/ModuleProxy.d.ts

@@ -0,0 +1,10 @@
+type ImportType = ReturnType<typeof require>;
+/**
+ * Create a lazily-imported module proxy.
+ * This is useful for lazily requiring optional dependencies.
+ */
+export declare const createModuleProxy: <TModule>(getModule: () => ImportType) => TModule;
+export declare class OptionalDependencyNotInstalledError extends Error {
+    constructor(name: string);
+}
+export {};

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

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

package/lib/typescript/src/external/reanimated/ReanimatedProxy.d.ts

@@ -0,0 +1,3 @@
+import type * as ReanimatedT from "react-native-reanimated";
+declare const Reanimated: typeof ReanimatedT;
+export default Reanimated;

package/lib/typescript/src/external/reanimated/buffers.d.ts

@@ -0,0 +1,7 @@
+import type { SkColor, SkHostRect, SkPoint, SkRSXform } from "../../skia/types";
+type Modifier<T> = (input: T, index: number) => void;
+export declare const useRectBuffer: (size: number, modifier: Modifier<SkHostRect>) => import("react-native-reanimated/lib/typescript/commonTypes").Mutable<SkHostRect[]>;
+export declare const useRSXformBuffer: (size: number, modifier: Modifier<SkRSXform>) => import("react-native-reanimated/lib/typescript/commonTypes").Mutable<SkRSXform[]>;
+export declare const usePointBuffer: (size: number, modifier: Modifier<SkPoint>) => import("react-native-reanimated/lib/typescript/commonTypes").Mutable<SkPoint[]>;
+export declare const useColorBuffer: (size: number, modifier: Modifier<SkColor>) => import("react-native-reanimated/lib/typescript/commonTypes").Mutable<SkColor[]>;
+export {};

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

@@ -0,0 +1,6 @@
+export * from "./useAnimatedImageValue";
+export * from "./renderHelpers";
+export * from "./interpolators";
+export * from "./textures";
+export * from "./buffers";
+export * from "./useVideo";

package/lib/typescript/src/external/reanimated/interpolators.d.ts

@@ -0,0 +1,16 @@
+import type { ExtrapolationType, SharedValue } from "react-native-reanimated";
+import type { SkPath, SkPathBuilder, SkPoint } from "../../skia/types";
+export declare const notifyChange: <T>(value: SharedValue<T>) => void;
+/**
+ * Hook for creating animated paths using PathBuilder.
+ * The callback receives a mutable PathBuilder that can be used to construct the path.
+ * The resulting immutable SkPath is stored in a shared value.
+ *
+ * @param cb - Callback that receives the PathBuilder to construct the path
+ * @param init - Optional initial path to add to the builder
+ * @param transform - Optional transform function applied to the built path
+ */
+export declare const usePathValue: (cb: (builder: SkPathBuilder) => void, init?: SkPath, transform?: (path: SkPath) => SkPath) => SharedValue<SkPath>;
+export declare const useClock: () => SharedValue<number>;
+export declare const usePathInterpolation: (value: SharedValue<number>, input: number[], outputRange: SkPath[], options?: ExtrapolationType) => SharedValue<SkPath>;
+export declare const useVectorInterpolation: (value: SharedValue<number>, input: number[], outputRange: SkPoint[], options?: ExtrapolationType) => SharedValue<SkPoint>;

package/lib/typescript/src/external/reanimated/renderHelpers.d.ts

@@ -0,0 +1,16 @@
+export declare let HAS_REANIMATED_3: boolean;
+/**
+ * True when the worklets-based Reanimated integration is available
+ * (Reanimated 4 with react-native-worklets providing
+ * registerCustomSerializable). Skia objects use the JSI NativeState pattern
+ * and can only be transferred to worklet runtimes through a custom
+ * serializer, so on native the Reanimated integration requires Reanimated 4 —
+ * Reanimated 3 is not supported.
+ */
+export declare let HAS_REANIMATED_4: boolean;
+/**
+ * Major version of the installed react-native-reanimated package, or null if
+ * it is not installed. Used to give actionable diagnostics when the
+ * integration cannot be enabled.
+ */
+export declare let REANIMATED_VERSION_MAJOR: number | null;

package/lib/typescript/src/external/reanimated/textures.d.ts

@@ -0,0 +1,6 @@
+import type { DependencyList, ReactElement } from "react";
+import type { SharedValue } from "react-native-reanimated";
+import type { DataSourceParam, SkImage, SkPicture, SkSize } from "../../skia/types";
+export declare const useTexture: (element: ReactElement, size: SkSize, deps?: DependencyList) => SharedValue<SkImage | null>;
+export declare const usePictureAsTexture: (picture: SkPicture | null, size: SkSize) => SharedValue<SkImage | null>;
+export declare const useImageAsTexture: (source: DataSourceParam) => SharedValue<SkImage | null>;

package/lib/typescript/src/external/reanimated/useAnimatedImageValue.d.ts

@@ -0,0 +1,3 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { DataSourceParam, SkImage } from "../../skia/types";
+export declare const useAnimatedImageValue: (source: DataSourceParam, paused?: SharedValue<boolean>) => SharedValue<SkImage | null>;

package/lib/typescript/src/external/reanimated/useVideo.d.ts

@@ -0,0 +1,21 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { SkImage } from "../../skia/types";
+type MaybeAnimated<T> = SharedValue<T> | T;
+interface PlaybackOptions {
+    looping: MaybeAnimated<boolean>;
+    paused: MaybeAnimated<boolean>;
+    seek: MaybeAnimated<number | null>;
+    volume: MaybeAnimated<number>;
+}
+export declare const useVideo: (source: string | null, userOptions?: Partial<PlaybackOptions>) => {
+    currentFrame: SharedValue<SkImage | null>;
+    currentTime: SharedValue<number>;
+    duration: number;
+    framerate: number;
+    rotation: import("../../skia/types").VideoRotation;
+    size: {
+        width: number;
+        height: number;
+    };
+};
+export {};

package/lib/typescript/src/external/reanimated/useVideoLoading.d.ts

@@ -0,0 +1,4 @@
+import type { Video } from "../../skia/types";
+type VideoSource = string | null;
+export declare const useVideoLoading: (source: VideoSource) => Video | null;
+export {};

package/lib/typescript/src/external/reanimated/useVideoLoading.web.d.ts

@@ -0,0 +1,4 @@
+import type { Video } from "../../skia/types";
+type VideoSource = string | null;
+export declare const useVideoLoading: (source: VideoSource) => Video | null;
+export {};

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import type { SkSurface } from "../skia";
+export * from "../renderer/components";
+export * from "../skia/types";
+export declare const makeOffscreenSurface: (width: number, height: number) => SkSurface;
+export declare const getSkiaExports: () => {
+    Skia: import("../skia/types").Skia;
+};
+export declare const drawOffscreen: (surface: SkSurface, element: ReactNode) => Promise<import("../skia").SkImage>;

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

@@ -0,0 +1,11 @@
+import "./skia/NativeSetup";
+export { JsiSkImage } from "./skia/web/JsiSkImage";
+export * from "./renderer";
+export * from "./renderer/Canvas";
+export * from "./renderer/Offscreen";
+export * from "./views";
+export * from "./skia";
+export * from "./external";
+export * from "./animation";
+export * from "./dom/types";
+export * from "./dom/nodes";

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

@@ -0,0 +1,2 @@
+import type { CanvasKit } from "canvaskit-wasm";
+export declare const Mock: (CanvasKit: CanvasKit) => any;

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

@@ -0,0 +1,48 @@
+import type { FC, RefObject } from "react";
+import React from "react";
+import type { MeasureInWindowOnSuccessCallback, MeasureOnSuccessCallback, ViewProps } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
+import type { AndroidCanvasProps } from "../views/types";
+import type { SkImage, SkRect, SkSize } from "../skia/types";
+export interface CanvasRef extends FC<CanvasProps> {
+    makeImageSnapshot(rect?: SkRect): SkImage;
+    makeImageSnapshotAsync(rect?: SkRect): Promise<SkImage>;
+    redraw(): void;
+    getNativeId(): number;
+    measure(callback: MeasureOnSuccessCallback): void;
+    measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
+}
+export declare const useCanvasRef: () => RefObject<CanvasRef | null>;
+export declare const useCanvasSize: (userRef?: RefObject<CanvasRef | null>) => {
+    ref: RefObject<CanvasRef | null>;
+    size: SkSize;
+};
+export interface CanvasProps extends Omit<ViewProps, "onLayout"> {
+    debug?: boolean;
+    /** @deprecated Not supported on native. Use `onSize` or `useCanvasSize()` instead. */
+    onLayout?: ViewProps["onLayout"];
+    /**
+     * Declares that the canvas covers every pixel of its bounds, so nothing
+     * behind it needs to show through. On Android an opaque canvas is backed by
+     * a `SurfaceView` by default, the cheapest path (see `android.surfaceType`).
+     * Defaults to false.
+     */
+    opaque?: boolean;
+    onSize?: SharedValue<SkSize>;
+    colorSpace?: "p3" | "srgb";
+    /**
+     * Renders into a surface with more than 8 bits per channel (16-bit float on
+     * iOS, 10-bit on Android) to avoid banding in subtle gradients. Colors are
+     * identical to the default 8-bit surface, only with more precision (this is
+     * about bit depth, not HDR). On Android the extra precision survives
+     * composition only when combined with `opaque`, and the prop must be set
+     * before the canvas is mounted.
+     */
+    highBitDepth?: boolean;
+    /** Android-only rendering options. Ignored on iOS and web. */
+    android?: AndroidCanvasProps;
+    ref?: React.Ref<CanvasRef>;
+    androidWarmup?: boolean;
+    __destroyWebGLContextAfterRender?: boolean;
+}
+export declare const Canvas: ({ debug, opaque, children, onSize, colorSpace, highBitDepth, androidWarmup, android, ref, onLayout, ...viewProps }: CanvasProps) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
+export declare const isOnMainThread: () => boolean;
+export declare const drawAsPicture: (element: ReactElement, bounds?: SkRect) => Promise<SkPicture>;
+export declare const drawAsImage: (element: ReactElement, size: SkSize) => Promise<SkImage | null>;
+export declare const drawAsImageFromPicture: (picture: SkPicture, size: SkSize) => SkImage | null;

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

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { SkiaProps } from "../processors";
+import type { GroupProps } from "../../dom/types";
+import type { ChildrenProps } from "../../dom/types/Common";
+export interface PublicGroupProps extends Omit<GroupProps, "layer"> {
+    layer?: GroupProps["layer"] | ChildrenProps["children"];
+}
+export declare const Group: ({ layer, ...props }: SkiaProps<PublicGroupProps>) => React.JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import React from "react";
+interface MaskProps {
+    mode?: "luminance" | "alpha";
+    clip?: boolean;
+    mask: ReactNode | ReactNode[];
+    children: ReactNode | ReactNode[];
+}
+export declare const Mask: ({ children, mask, mode, clip, }: MaskProps) => React.JSX.Element;
+export {};

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

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

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

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

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

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

package/lib/typescript/src/renderer/components/backdrop/BackdropBlur.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { AnimatedProps } from "../../processors";
+import type { Radius } from "../../../dom/types";
+import type { BackdropFilterProps } from "./BackdropFilter";
+interface BackdropBlurProps extends Omit<BackdropFilterProps, "filter"> {
+    blur: Radius;
+}
+export declare const BackdropBlur: ({ blur, children, ...props }: AnimatedProps<BackdropBlurProps>) => React.JSX.Element;
+export {};

package/lib/typescript/src/renderer/components/backdrop/BackdropFilter.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import React from "react";
+import type { GroupProps } from "../../../dom/types";
+import type { SkiaProps } from "../../processors/Animations/Animations";
+export interface BackdropFilterProps extends GroupProps {
+    filter: ReactNode | ReactNode[];
+}
+export declare const BackdropFilter: ({ filter, children: groupChildren, ...props }: SkiaProps<BackdropFilterProps, "filter">) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from "./BackdropFilter";
+export * from "./BackdropBlur";

package/lib/typescript/src/renderer/components/colorFilters/BlendColor.d.ts

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

package/lib/typescript/src/renderer/components/colorFilters/Lerp.d.ts

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

package/lib/typescript/src/renderer/components/colorFilters/LinearToSRGBGamma.d.ts

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

package/lib/typescript/src/renderer/components/colorFilters/LumaColorFilter.d.ts

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

package/lib/typescript/src/renderer/components/colorFilters/Matrix.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { SkiaProps } from "../../processors";
+import type { MatrixColorFilterProps } from "../../../dom/types";
+export declare const ColorMatrix: (props: SkiaProps<MatrixColorFilterProps>) => React.JSX.Element;
+export declare const OpacityMatrix: (opacity: number) => number[];

package/lib/typescript/src/renderer/components/colorFilters/SRGBToLinearGamma.d.ts

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

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

@@ -0,0 +1,6 @@
+export * from "./Matrix";
+export * from "./BlendColor";
+export * from "./Lerp";
+export * from "./LinearToSRGBGamma";
+export * from "./SRGBToLinearGamma";
+export * from "./LumaColorFilter";

package/lib/typescript/src/renderer/components/image/Image.d.ts

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

package/lib/typescript/src/renderer/components/image/ImageSVG.d.ts

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

package/lib/typescript/src/renderer/components/image/ImageShader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ImageShaderProps } from "../../../dom/types";
+import type { SkiaDefaultProps } from "../../processors";
+export declare const ImageShader: ({ tx, ty, fit, transform, ...props }: SkiaDefaultProps<ImageShaderProps, "tx" | "ty" | "fit" | "transform">) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from "./Image";
+export * from "./ImageShader";
+export * from "./ImageSVG";

package/lib/typescript/src/renderer/components/imageFilters/Blur.d.ts

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

package/lib/typescript/src/renderer/components/imageFilters/DisplacementMap.d.ts

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

package/lib/typescript/src/renderer/components/imageFilters/Morphology.d.ts

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

package/lib/typescript/src/renderer/components/imageFilters/Offset.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
+import type { OffsetImageFilterProps } from "../../../dom/types";
+export declare const Offset: ({ x, y, ...props }: SkiaDefaultProps<OffsetImageFilterProps, "x" | "y">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/RuntimeShader.d.ts

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

package/lib/typescript/src/renderer/components/imageFilters/Shadow.d.ts

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

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

@@ -0,0 +1,6 @@
+export * from "./Blur";
+export * from "./Offset";
+export * from "./DisplacementMap";
+export * from "./Shadow";
+export * from "./Morphology";
+export * from "./RuntimeShader";

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

@@ -0,0 +1,18 @@
+export * from "./shapes";
+export * from "./backdrop";
+export * from "./image";
+export * from "./shaders";
+export * from "./text";
+export * from "./colorFilters";
+export * from "./maskFilters";
+export * from "./imageFilters";
+export * from "./pathEffects";
+export * from "../processors";
+export * from "./Picture";
+export * from "./Group";
+export * from "./Mask";
+export * from "./Paint";
+export * from "./Blend";
+export * from "./Skottie";
+export * from "./ImageFilter";
+export * from "./paragraph";

package/lib/typescript/src/renderer/components/maskFilters/Blur.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BlurMaskFilterProps } from "../../../dom/types";
+import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
+export declare const BlurMask: ({ style, respectCTM, ...props }: SkiaDefaultProps<BlurMaskFilterProps, "style" | "respectCTM">) => React.JSX.Element;

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

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

package/lib/typescript/src/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/typescript/src/renderer/components/paragraph/index.d.ts

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

package/lib/typescript/src/renderer/components/pathEffects/Corner.d.ts

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

package/lib/typescript/src/renderer/components/pathEffects/Dash.d.ts

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

package/lib/typescript/src/renderer/components/pathEffects/Discrete.d.ts

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

package/lib/typescript/src/renderer/components/pathEffects/Line2D.d.ts

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

package/lib/typescript/src/renderer/components/pathEffects/Path1D.d.ts

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