effect-motion 0.2.0 → 0.3.1

package/dist/Color.d.ts

@@ -0,0 +1,428 @@
+import chroma from "chroma-js";
+import { Schema } from "effect";
+import * as Pipeable from "effect/Pipeable";
+export type InterpolationMode = chroma.InterpolationMode;
+declare const Color_base: Schema.Class<Color, Schema.TaggedStruct<"Color", {
+    readonly "~r": Schema.Number;
+    readonly "~g": Schema.Number;
+    readonly "~b": Schema.Number;
+    readonly "~a": Schema.Number;
+}>, {}>;
+export declare class Color extends Color_base implements Pipeable.Pipeable {
+    static of(r: number, g: number, b: number, a?: number): Color;
+    get r(): number;
+    get g(): number;
+    get b(): number;
+    get a(): number;
+    pipe: Pipeable.Pipeable["pipe"];
+}
+export declare const is: (value: unknown) => value is Color;
+export declare const rgba: (r: number, g: number, b: number, alpha?: number) => Color;
+/** Parse a CSS color string (`#rgb`, `#rrggbb`, `#rrggbbaa`, named, `rgb()`, …). */
+export declare const hex: (value: string) => Color;
+export declare const hsl: (h: number, s: number, l: number, alpha?: number) => Color;
+export declare const hsv: (h: number, s: number, v: number, alpha?: number) => Color;
+export declare const lab: (l: number, a: number, b: number, alpha?: number) => Color;
+export declare const lch: (l: number, c: number, h: number, a?: number) => Color;
+export declare const hcl: (h: number, c: number, l: number, a?: number) => Color;
+export declare const oklab: (l: number, a: number, b: number, alpha?: number) => Color;
+export declare const oklch: (l: number, c: number, h: number, alpha?: number) => Color;
+export declare const cmyk: (c: number, m: number, y: number, k: number) => Color;
+export declare const gl: (g: number, l: number, r: number, alpha?: number) => Color;
+export declare const alpha: ((amount: number) => (self: Color) => Color) & ((self: Color, amount: number) => Color);
+export declare const darken: ((amount?: number) => (self: Color) => Color) & ((self: Color, amount?: number) => Color);
+export declare const brighten: ((amount?: number) => (self: Color) => Color) & ((self: Color, amount?: number) => Color);
+export declare const saturate: ((amount?: number) => (self: Color) => Color) & ((self: Color, amount?: number) => Color);
+export declare const desaturate: ((amount?: number) => (self: Color) => Color) & ((self: Color, amount?: number) => Color);
+export type ChannelMap = {
+    rgb: "r" | "g" | "b";
+    lrgb: "r" | "g" | "b";
+    lab: "l" | "a" | "b";
+    lch: "l" | "c" | "h";
+    hcl: "h" | "c" | "l";
+    num: "h" | "s" | "l";
+    hcg: "h" | "c" | "g";
+    hsi: "h" | "s" | "i";
+    hsl: "h" | "s" | "l";
+    hsv: "h" | "s" | "v";
+    oklab: "l" | "a" | "b";
+    oklch: "l" | "c" | "h";
+};
+export declare const mix: ((color: Color, amount: number, mode?: chroma.InterpolationMode) => (self: Color) => Color) & ((self: Color, color: Color, amount: number, mode?: chroma.InterpolationMode) => Color);
+export declare const shade: ((amount?: number, mode?: chroma.InterpolationMode) => (self: Color) => Color) & ((self: Color, amount?: number, mode?: chroma.InterpolationMode) => Color);
+export declare const tint: ((amount?: number, mode?: chroma.InterpolationMode) => (self: Color) => Color) & ((self: Color, amount?: number, mode?: chroma.InterpolationMode) => Color);
+export type Value = number | `*${number}` | `+${number}` | `-${number}` | `/${number}`;
+export declare const set: (<T extends keyof ChannelMap>(format: T, channel: ChannelMap[T], amount: Value) => (self: Color) => Color) & (<T extends keyof ChannelMap>(self: Color, format: T, channel: ChannelMap[T], amount: Value) => Color);
+export declare const get: (<T extends keyof ChannelMap>(format: T, channel: ChannelMap[T]) => (self: Color) => number) & (<T extends keyof ChannelMap>(self: Color, format: T, channel: ChannelMap[T]) => number);
+export declare const luminance: (self: Color) => number;
+export declare const temperature: (self: Color) => number;
+export declare const contrast: ((color: Color) => (self: Color) => number) & ((self: Color, color: Color) => number);
+export declare const contrastAPCA: ((color: Color) => (self: Color) => number) & ((self: Color, color: Color) => number);
+export declare const distance: ((color: Color, format?: chroma.ColorFormat) => (self: Color) => number) & ((self: Color, color: Color, format?: chroma.ColorFormat) => number);
+export declare const deltaE: ((color: Color, kl?: number, kc?: number, kh?: number) => (self: Color) => number) & ((self: Color, color: Color, kl?: number, kc?: number, kh?: number) => number);
+export declare const toHex: (self: Color) => string;
+export declare const toRgb: (self: Color) => [number, number, number];
+export declare const toHsl: (self: Color) => [number, number, number];
+export declare const toHsv: (self: Color) => [number, number, number];
+export declare const toOklab: (self: Color) => [number, number, number];
+export declare const toOklch: (self: Color) => [number, number, number];
+export declare const toNum: (self: Color) => number;
+export type BlendMode = "multiply" | "darken" | "lighten" | "screen" | "overlay" | "burn" | "dodge";
+export declare const blend: ((color: Color, mode: BlendMode) => (self: Color) => Color) & ((self: Color, color: Color, mode: BlendMode) => Color);
+/**
+ * RGBA as 0–255 bytes — the form ThorVG's setFillColor/setStrokeColor want.
+ * `a` is scaled from the 0–1 alpha, so this is the single conversion point
+ * for the raster boundary (the getters keep alpha 0–1 for authoring math).
+ */
+export declare const bytes: (self: Color) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const black: Color;
+export declare const white: Color;
+export declare const transparent: Color;
+export declare const twMap: {
+    readonly slate: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly gray: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly zinc: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly neutral: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly stone: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly mauve: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly olive: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly mist: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly taupe: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly red: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly orange: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly amber: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly yellow: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly lime: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly green: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly emerald: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly teal: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly cyan: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly sky: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly blue: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly indigo: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly violet: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly purple: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly fuchsia: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly pink: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+    readonly rose: {
+        readonly "50": Color;
+        readonly "100": Color;
+        readonly "200": Color;
+        readonly "300": Color;
+        readonly "400": Color;
+        readonly "500": Color;
+        readonly "600": Color;
+        readonly "700": Color;
+        readonly "800": Color;
+        readonly "900": Color;
+        readonly "950": Color;
+    };
+};
+type TwColor = keyof typeof twMap;
+export declare const tw: (color: TwColor, shade?: "50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "950", alpha?: number) => Color;
+export {};