@shopify/react-native-skia 0.0.135

package/lib/typescript/src/animation/timing/Easing.d.ts

@@ -0,0 +1,19 @@
+export declare class Easing {
+    static step0(n: number): number;
+    static step1(n: number): number;
+    static linear(t: number): number;
+    static ease(t: number): number;
+    static quad(t: number): number;
+    static cubic(t: number): number;
+    static poly(n: number): (t: number) => number;
+    static sin(t: number): number;
+    static circle(t: number): number;
+    static exp(t: number): number;
+    static elastic(bounciness?: number): (t: number) => number;
+    static back(s?: number): (t: number) => number;
+    static bounce(t: number): number;
+    static bezier(x1: number, y1: number, x2: number, y2: number): (t: number) => number;
+    static in(easing: (t: number) => number): (t: number) => number;
+    static out(easing: (t: number) => number): (t: number) => number;
+    static inOut(easing: (t: number) => number): (t: number) => number;
+}

package/lib/typescript/src/animation/timing/createTiming.d.ts

@@ -0,0 +1,17 @@
+import type { TimingConfig, RequiredAnimationParams, AnimationCallback } from "../types";
+import type { SkiaMutableValue } from "../../values/types";
+/**
+ * Creates an animation that is driven by a clock value.
+ * The value will be run from / to the value in params and modified
+ * by the provided easing curve for the length of the duration. When
+ * the value has reached its desired "to" value the animation
+ * will be stopped. If loop is set to true, the animation will continue
+ * to run until stopped.
+ *
+ * @param params Animation parameters
+ * @param config Spring or timing configuration
+ * @param value Optional value that the animation will update
+ * @params an animation value that can be used to start/stop
+ * the animation.
+ */
+export declare const createTiming: (params: RequiredAnimationParams & Required<TimingConfig>, value?: SkiaMutableValue<number> | undefined, callback?: AnimationCallback | undefined) => import("../../values/types").SkiaAnimation;

package/lib/typescript/src/animation/timing/functions/bezier.d.ts

@@ -0,0 +1 @@
+export declare function bezier(mX1: number, mY1: number, mX2: number, mY2: number): (x: number) => number;

package/lib/typescript/src/animation/timing/functions/getResolvedParams.d.ts

@@ -0,0 +1,7 @@
+import type { RequiredAnimationParams, AnimationParams, TimingConfig } from "../../types";
+/**
+ * Resolves parameters from optional values to a single object
+ * @param toOrParams Params or to value
+ * @param config timing/spring configuration
+ */
+export declare const getResolvedParams: (toOrParams: number | AnimationParams, config?: TimingConfig | undefined) => RequiredAnimationParams & Required<TimingConfig>;

package/lib/typescript/src/animation/timing/functions/index.d.ts

@@ -0,0 +1,4 @@
+export { bezier } from "./bezier";
+export { timing } from "./timing";
+export * from "./types";
+export * from "./getResolvedParams";

package/lib/typescript/src/animation/timing/functions/timing.d.ts

@@ -0,0 +1,17 @@
+import type { AnimationState } from "../../../values/types";
+/**
+ * Calculates and returns a timing value based on the
+ * input parameters. The timing value is a number between
+ * 0 and 1.
+ * @param t
+ * @param duration
+ * @param easing
+ * @param loop
+ * @param yoyo
+ * @param onStop
+ * @returns
+ */
+export declare const timing: (t: number, duration: number, easing: (t: number) => number, loop: boolean, yoyo: boolean, state: AnimationState) => {
+    current: number;
+    finished: boolean;
+};

package/lib/typescript/src/animation/timing/functions/types.d.ts

@@ -0,0 +1,7 @@
+export declare type EasingFunction = (value: number) => number;
+export interface TimingConfig {
+    from?: number;
+    to?: number;
+    duration?: number;
+    easing?: EasingFunction;
+}

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

@@ -0,0 +1,4 @@
+export { Easing } from "./Easing";
+export { useTiming } from "./useTiming";
+export { useLoop } from "./useLoop";
+export { runTiming } from "./runTiming";

package/lib/typescript/src/animation/timing/runTiming.d.ts

@@ -0,0 +1,16 @@
+import type { SkiaMutableValue, SkiaAnimation } from "../../values/types";
+import type { AnimationParams, TimingConfig, AnimationCallback } from "../types";
+/**
+ * Creates a new animation on an existing value that will be driven by
+ * an animation value. The value will be run from / to the value in
+ * params and modified by the provided easing curve for the length of
+ * the duration. When the value has reached its desired "to" value the
+ * animation will be stopped.
+ *
+ * @param value The value to animate
+ * @param toOrParams To value or Animation parameters
+ * @param config Spring or timing configuration
+ * @returns an animation value that can be used to start/stop
+ * the animation.
+ */
+export declare const runTiming: (value: SkiaMutableValue<number>, toOrParams: number | AnimationParams, config?: TimingConfig | undefined, callback?: AnimationCallback | undefined) => SkiaAnimation;

package/lib/typescript/src/animation/timing/useLoop.d.ts

@@ -0,0 +1,8 @@
+import type { TimingConfig } from "../types";
+/**
+ * Configures a looped timing value. The value will go back and forth
+ * between 0 and 1 and back.
+ * @param config Timing configuration for easing and duration
+ * @returns A value that can be used for further animations
+ */
+export declare const useLoop: (config?: TimingConfig | undefined) => import("../..").SkiaValue<number>;

package/lib/typescript/src/animation/timing/useTiming.d.ts

@@ -0,0 +1,10 @@
+import type { SkiaValue } from "../../values/types";
+import type { AnimationParams, TimingConfig, AnimationCallback } from "../types";
+/**
+ * Creats an animation value that will run whenever
+ * the animation parameters change. The animation start immediately.
+ * @param toOrParams
+ * @param config
+ * @returns A value that is animated
+ */
+export declare const useTiming: (toOrParams: number | AnimationParams, config?: TimingConfig | undefined, callback?: AnimationCallback | undefined) => SkiaValue<number>;

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

@@ -0,0 +1,18 @@
+export interface SpringConfig {
+    mass?: number;
+    stiffness?: number;
+    damping?: number;
+    velocity?: number;
+}
+export interface TimingConfig {
+    duration?: number;
+    easing?: (t: number) => number;
+}
+export interface AnimationParams {
+    from?: number;
+    to?: number;
+    loop?: boolean;
+    yoyo?: boolean;
+}
+export declare type RequiredAnimationParams = Required<Omit<AnimationParams, "from">> & Pick<AnimationParams, "from">;
+export declare type AnimationCallback = (current: number) => void;

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

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

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

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

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

@@ -0,0 +1,11 @@
+declare type SharedValueTypeWrapper<T = number> = {
+    value: T;
+};
+/**
+ * Connects a shared value from reanimated to a SkiaView or Canvas
+ * so whenever the shared value changes the SkiaView will redraw.
+ * @param cb Callback that will be called whenever the shared value changes.
+ * @param values One or more shared values to listen for.
+ */
+export declare const useSharedValueEffect: <T = number>(cb: () => void, value: SharedValueTypeWrapper<T>, ...values: SharedValueTypeWrapper<T>[]) => void;
+export {};

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

@@ -0,0 +1,8 @@
+import "./skia/NativeSetup";
+export * from "./renderer";
+export * from "./renderer/Canvas";
+export * from "./views";
+export * from "./skia";
+export * from "./external";
+export * from "./values";
+export * from "./animation";

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

@@ -0,0 +1,16 @@
+import type { Skia as SkiaApi } from "../skia/types";
+import type * as SkiaExports from "../skia";
+import type * as ExternalExports from "../external";
+import type * as ValueExports from "../values";
+import type * as AnimationExports from "../animation";
+import { ShaderLib } from "../renderer/components/shaders/ShaderLib";
+export declare const Skia: SkiaApi;
+export declare const vec: (x?: number | undefined, y?: number | undefined) => {
+    x: number;
+    y: number;
+};
+export declare const Mock: typeof SkiaExports & typeof ExternalExports & typeof ValueExports & typeof AnimationExports & {
+    createDrawing: () => any;
+    createDeclaration: () => any;
+    ShaderLib: typeof ShaderLib;
+};

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

@@ -0,0 +1,16 @@
+import React from "react";
+import type { RefObject, ReactNode, ComponentProps } from "react";
+import ReactReconciler from "react-reconciler";
+import { SkiaView } from "../views";
+import type { TouchHandler } from "../views";
+import type { SkFontMgr } from "../skia/types";
+import { Container } from "./nodes";
+export declare const skiaReconciler: ReactReconciler.Reconciler<Container, import("./nodes").Node<unknown>, import("./nodes").Node<unknown>, import("./nodes").Node<unknown>, import("./nodes").Node<unknown>>;
+export declare const useCanvasRef: () => React.RefObject<SkiaView>;
+export interface CanvasProps extends ComponentProps<typeof SkiaView> {
+    ref?: RefObject<SkiaView>;
+    children: ReactNode;
+    onTouch?: TouchHandler;
+    fontMgr?: SkFontMgr;
+}
+export declare const Canvas: React.ForwardRefExoticComponent<Pick<CanvasProps, "children" | "mode" | "debug" | "onDraw" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "fontMgr" | "onTouch"> & React.RefAttributes<SkiaView>>;

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

@@ -0,0 +1,21 @@
+import type { RefObject } from "react";
+import type { SkiaView } from "../views";
+import type { SkiaValue } from "../values";
+import type { Node } from "./nodes";
+declare type Unsubscribe = () => void;
+declare type Props = {
+    [key: string]: unknown;
+};
+export declare class DependencyManager {
+    ref: RefObject<SkiaView>;
+    subscriptions: Map<Node, {
+        values: SkiaValue<unknown>[];
+        unsubscribe: null | Unsubscribe;
+    }>;
+    constructor(ref: RefObject<SkiaView>);
+    unSubscribeNode(node: Node): void;
+    subscribeNode(node: Node, props: Props): void;
+    subscribe(): void;
+    unsubscribe(): void;
+}
+export {};

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

@@ -0,0 +1,12 @@
+import type { RefObject } from "react";
+import type { DrawingInfo, SkiaView } from "../views";
+import type { SkFontMgr, SkCanvas, SkPaint, Skia, Vector } from "../skia/types";
+export interface DrawingContext extends Omit<DrawingInfo, "touches"> {
+    canvas: SkCanvas;
+    paint: SkPaint;
+    opacity: number;
+    center: Vector;
+    ref: RefObject<SkiaView>;
+    fontMgr: SkFontMgr;
+    Skia: Skia;
+}

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

@@ -0,0 +1,27 @@
+/// <reference types="node" />
+import type { HostConfig } from "react-reconciler";
+import type { Node, Container, DeclarationProps, DrawingProps } from "./nodes";
+import { NodeType } from "./nodes";
+export declare const debug: (message?: any, ...optionalParams: any[]) => void;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            skDeclaration: DeclarationProps<any>;
+            skDrawing: DrawingProps<any>;
+        }
+    }
+}
+declare type Instance = Node;
+declare type Props = any;
+declare type TextInstance = Node;
+declare type SuspenseInstance = Instance;
+declare type HydratableInstance = Instance;
+declare type PublicInstance = Instance;
+declare type HostContext = null;
+declare type UpdatePayload = true;
+declare type ChildSet = unknown;
+declare type TimeoutHandle = NodeJS.Timeout;
+declare type NoTimeout = -1;
+declare type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
+export declare const skHostConfig: SkiaHostConfig;
+export {};

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import { BlendMode } from "../../skia/types";
+import type { AnimatedProps, SkEnum } from "../processors";
+interface BlendProps {
+    mode: SkEnum<typeof BlendMode>;
+    children?: ReactNode | ReactNode[];
+}
+export declare const Blend: (props: AnimatedProps<BlendProps>) => JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+import type { AnimatedProps } from "../processors/Animations/Animations";
+export interface ComposeProps {
+    children: ReactNode | ReactNode[];
+}
+export declare const Compose: (props: AnimatedProps<ComposeProps>) => JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { DrawingContext } from "../DrawingContext";
+interface DrawingProps {
+    drawing: (ctx: DrawingContext) => void;
+}
+export declare const Drawing: (props: DrawingProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import type { RefObject } from "react";
+import type { SkPaint } from "../../skia/types";
+import type { CustomPaintProps, TransformProps, AnimatedProps, ClipDef } from "../processors";
+export interface GroupProps extends CustomPaintProps, TransformProps {
+    clip?: ClipDef;
+    invertClip?: boolean;
+    layer?: RefObject<SkPaint> | SkPaint | boolean;
+}
+export declare const Group: (props: AnimatedProps<GroupProps>) => JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import React from "react";
+import type { SkPaint } from "../../skia/types";
+import type { CustomPaintProps, AnimatedProps } from "../processors";
+export declare const usePaintRef: () => React.RefObject<SkPaint>;
+export interface PaintProps extends Omit<CustomPaintProps, "paint"> {
+    children?: ReactNode | ReactNode[];
+}
+export declare const Paint: React.ForwardRefExoticComponent<AnimatedProps<PaintProps> & React.RefAttributes<SkPaint>>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { SkPicture } from "../../skia/types";
+export interface PictureProps {
+    picture: SkPicture;
+}
+export declare const Picture: (props: PictureProps) => JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { AnimatedProps } from "../../processors";
+import type { GroupProps } from "../Group";
+export interface BackdropFilterProps extends GroupProps {
+    filter: ReactNode | ReactNode[];
+}
+export declare const BackdropFilter: ({ filter: filterChild, children: groupChildren, ...props }: AnimatedProps<BackdropFilterProps>) => 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,10 @@
+import type { ReactNode } from "react";
+import type { Color } from "../../../skia/types";
+import { BlendMode } from "../../../skia/types";
+import type { SkEnum, AnimatedProps } from "../../processors";
+export interface BlendColorProps {
+    mode: SkEnum<typeof BlendMode>;
+    color: Color;
+    children?: ReactNode | ReactNode[];
+}
+export declare const BlendColor: (props: AnimatedProps<BlendColorProps>) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { SkColorFilter, Skia } from "../../../skia/types";
+import type { DeclarationResult } from "../../nodes";
+export declare const composeColorFilter: (Skia: Skia, cf: SkColorFilter, children: DeclarationResult[]) => import("../../../skia/types").SkImageFilter | SkColorFilter;

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+export interface LerpProps {
+    t: number;
+    children: ReactNode | ReactNode[];
+}
+export declare const Lerp: (props: AnimatedProps<LerpProps>) => JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+export interface LinearToSRGBGammaProps {
+}
+export declare const LinearToSRGBGamma: (props: AnimatedProps<LinearToSRGBGammaProps>) => JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+export interface LumaColorFilterProps {
+}
+export declare const LumaColorFilter: (props: AnimatedProps<LumaColorFilterProps>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import type { AnimatedProps } from "../../processors";
+interface ColorMatrixProps {
+    matrix: number[];
+    children?: ReactNode | ReactNode[];
+}
+export declare const ColorMatrix: (props: AnimatedProps<ColorMatrixProps>) => JSX.Element;
+export declare const OpacityMatrix: (opacity: number) => number[];
+export {};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+export interface SRGBToLinearGammaProps {
+}
+export declare const SRGBToLinearGamma: (props: AnimatedProps<SRGBToLinearGammaProps>) => 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/BoxFit.d.ts

@@ -0,0 +1,33 @@
+import type { SkRect } from "../../../skia/types";
+export declare type Fit = "cover" | "contain" | "fill" | "fitHeight" | "fitWidth" | "none" | "scaleDown";
+export interface Size {
+    width: number;
+    height: number;
+}
+export declare const size: (width?: number, height?: number) => {
+    width: number;
+    height: number;
+};
+export declare const rect2rect: (src: SkRect, dst: SkRect) => readonly [{
+    readonly translateX: number;
+}, {
+    readonly translateY: number;
+}, {
+    readonly scaleX: number;
+}, {
+    readonly scaleY: number;
+}];
+export declare const fitRects: (fit: Fit, rect: SkRect, { x, y, width, height }: SkRect) => {
+    src: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    dst: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { SkImage } from "../../../skia/types";
+import type { CustomPaintProps, RectDef, AnimatedProps } from "../../processors";
+import type { Fit } from "./BoxFit";
+export declare type SourceImageProps = {
+    image: SkImage;
+};
+export declare type BaseImageProps = RectDef & SourceImageProps & {
+    fit: Fit;
+};
+export declare type ImageProps = CustomPaintProps & BaseImageProps;
+export declare const Image: {
+    (props: AnimatedProps<ImageProps>): JSX.Element;
+    defaultProps: {
+        x: number;
+        y: number;
+        fit: string;
+    };
+};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { SkSVG } from "../../../skia/types";
+import type { AnimatedProps, RectDef } from "../../processors";
+export declare type ImageSVGProps = RectDef & {
+    svg: SkSVG;
+};
+export declare const ImageSVG: (props: AnimatedProps<ImageSVGProps>) => JSX.Element;

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import type { SkRect, SkImage } from "../../../skia/types";
+import { TileMode, FilterMode, MipmapMode } from "../../../skia/types";
+import type { TransformProps, SkEnum, AnimatedProps, RectCtor } from "../../processors";
+import type { Fit } from "./BoxFit";
+interface ImageShaderProps extends TransformProps, Partial<RectCtor> {
+    tx: SkEnum<typeof TileMode>;
+    ty: SkEnum<typeof TileMode>;
+    fm: SkEnum<typeof FilterMode>;
+    mm: SkEnum<typeof MipmapMode>;
+    fit: Fit;
+    rect?: SkRect;
+    image: SkImage;
+}
+export declare const ImageShader: {
+    (props: AnimatedProps<ImageShaderProps>): JSX.Element;
+    defaultProps: {
+        readonly tx: "decal";
+        readonly ty: "decal";
+        readonly fm: "nearest";
+        readonly mm: "none";
+        readonly fit: "none";
+        readonly transform: readonly [];
+    };
+};
+export {};

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

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

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import { TileMode } from "../../../skia/types";
+import type { Radius, SkEnum } from "../../processors";
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+export interface BlurProps {
+    blur: Radius;
+    mode: SkEnum<typeof TileMode>;
+    children?: ReactNode | ReactNode[];
+}
+export declare const Blur: {
+    (props: AnimatedProps<BlurProps>): JSX.Element;
+    defaultProps: {
+        mode: string;
+    };
+};

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import { ColorChannel } from "../../../skia/types";
+import type { SkEnum, AnimatedProps } from "../../processors";
+export interface DisplacementMapProps {
+    channelX: SkEnum<typeof ColorChannel>;
+    channelY: SkEnum<typeof ColorChannel>;
+    scale: number;
+    children?: ReactNode | ReactNode[];
+}
+export declare const DisplacementMap: (props: AnimatedProps<DisplacementMapProps>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { SkColor, Skia, SkImageFilter } from "../../../skia/types";
+export declare const MakeInnerShadow: (Skia: Skia, shadowOnly: boolean | undefined, dx: number, dy: number, sigmaX: number, sigmaY: number, color: SkColor, input: SkImageFilter | null) => SkImageFilter;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import type { AnimatedProps, Radius } from "../../processors";
+export interface MorphologyProps {
+    operator: "erode" | "dilate";
+    radius: Radius;
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const Morphology: {
+    (props: AnimatedProps<MorphologyProps>): JSX.Element;
+    defaultProps: {
+        operator: string;
+    };
+};

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+export interface OffsetProps {
+    x: number;
+    y: number;
+    children?: ReactNode | ReactNode[];
+}
+export declare const Offset: {
+    (props: AnimatedProps<OffsetProps>): JSX.Element;
+    defaultProps: {
+        x: number;
+        y: number;
+    };
+};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+import type { SkRuntimeEffect, Uniforms } from "../../../skia/types";
+export interface RuntimeShaderProps {
+    source: SkRuntimeEffect;
+    uniforms?: Uniforms;
+}
+export declare const RuntimeShader: (props: AnimatedProps<RuntimeShaderProps>) => JSX.Element;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+import type { Color } from "../../../skia/types";
+export interface ShadowProps {
+    dx: number;
+    dy: number;
+    blur: number;
+    color: Color;
+    inner?: boolean;
+    shadowOnly?: boolean;
+}
+export declare const Shadow: (props: AnimatedProps<ShadowProps>) => JSX.Element;