@clhaas/palette-kit 0.3.0 → 0.4.0

package/dist/export/serializeColor.test.js

@@ -1,54 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { serializeColor } from "./serializeColor.js";
-import { serializeColorJson } from "../serialize/serializeColor.js";
-import * as gamut from "../engine/gamut.js";
-describe("serializeColor", () => {
-    it("serializes CSS with precision and includeSpaces", () => {
-        const color = { l: 60.12, c: 0.2345, h: 40.49, alpha: 0.5 };
-        const result = serializeColor(color, {
-            preferSpace: "oklch",
-            includeSpaces: ["srgb", "p3", "oklch"],
-            gamutMapping: "compressChroma",
-            precision: { l: 1, c: 2, h: 0, alpha: 2 },
-        });
-        expect(result.value).toBe("oklch(60.1% 0.23 40 / 0.5)");
-        expect(result.oklch).toBe("oklch(60.1% 0.23 40 / 0.5)");
-        expect(result.srgb).toMatch(/^#[0-9a-f]{8}$/i);
-        expect(result.p3?.startsWith("color(display-p3 ")).toBe(true);
-    });
-    it("serializes JSON with includeSpaces and rounding", () => {
-        const color = { l: 60.12, c: 0.2345, h: 40.49, alpha: 0.5 };
-        const result = serializeColorJson(color, {
-            preferSpace: "p3",
-            includeSpaces: ["srgb", "oklch"],
-            gamutMapping: "preferP3ThenCompress",
-            precision: { l: 1, c: 2, h: 0, alpha: 2 },
-        });
-        expect(result.value.startsWith("color(display-p3 ")).toBe(true);
-        expect(result.oklch).toBeDefined();
-        expect(result.srgb).toBeDefined();
-        expect(result.oklch).toBe("oklch(60.1% 0.23 40 / 0.5)");
-        expect(result.alpha).toBe(0.5);
-    });
-    it("clamps alpha to [0..1] in CSS and JSON outputs", () => {
-        const colorHi = { l: 60, c: 0.2, h: 40, alpha: 2 };
-        const cssHi = serializeColor(colorHi, { preferSpace: "oklch", precision: { alpha: 2 } });
-        expect(cssHi.alpha).toBe(1);
-        expect(cssHi.value).toMatch(/^oklch\(/);
-        const colorLo = { l: 60, c: 0.2, h: 40, alpha: -1 };
-        const jsonLo = serializeColorJson(colorLo, { preferSpace: "oklch", precision: { alpha: 2 } });
-        expect(jsonLo.alpha).toBe(0);
-        expect(jsonLo.value).toMatch(/\/\s*0(\.0+)?\)/);
-        expect(jsonLo.oklch).toMatch(/\/\s*0(\.0+)?\)/);
-    });
-    it("throws in strict mode when preferred space cannot be serialized", () => {
-        const spy = vi.spyOn(gamut, "toGamutRgb").mockReturnValue(null);
-        try {
-            expect(() => serializeColor({ l: 60, c: 0.2, h: 40, alpha: 1 }, { preferSpace: "srgb", includeSpaces: ["srgb"], strict: true })).toThrow(/Unable to serialize preferred space: srgb/i);
-            expect(() => serializeColorJson({ l: 60, c: 0.2, h: 40, alpha: 1 }, { preferSpace: "p3", includeSpaces: ["p3"], strict: true })).toThrow(/Unable to serialize preferred space: p3/i);
-        }
-        finally {
-            spy.mockRestore();
-        }
-    });
-});

package/dist/export.d.ts

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

package/dist/export.js

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

package/dist/operators/emphasis.d.ts

@@ -1,3 +0,0 @@
-import type { OkLchColor } from "../engine/generateScale.js";
-import type { OperatorInput } from "./types.js";
-export declare const applyEmphasisOperator: (input: OperatorInput) => OkLchColor;

package/dist/operators/emphasis.js

@@ -1,113 +0,0 @@
-import { clamp } from "../utils/clamp.js";
-import { getNeutralL, getStepLightness, getSurfaceRange } from "./utils.js";
-const EMPHASIS_TUNING = {
-    app: {
-        mutedChroma: 0.55,
-        subtleChroma: 0.75,
-        strongChroma: 1.1,
-        mutedNeutralPull: 0.45,
-        subtleNeutralPull: 0.2,
-        strongDelta: 2,
-    },
-    surface: {
-        mutedChroma: 0.55,
-        subtleChroma: 0.75,
-        strongChroma: 1.1,
-        mutedNeutralPull: 0.45,
-        subtleNeutralPull: 0.2,
-        strongDelta: 2.5,
-    },
-    subtle: {
-        mutedChroma: 0.55,
-        subtleChroma: 0.75,
-        strongChroma: 1.1,
-        mutedNeutralPull: 0.5,
-        subtleNeutralPull: 0.25,
-        strongDelta: 3,
-    },
-    solid: {
-        mutedChroma: 0.55,
-        subtleChroma: 0.75,
-        strongChroma: 1.1,
-        mutedNeutralPull: 0.5,
-        subtleNeutralPull: 0.25,
-        strongDelta: 4,
-    },
-    overlay: {
-        mutedChroma: 0.55,
-        subtleChroma: 0.75,
-        strongChroma: 1.1,
-        mutedNeutralPull: 0.5,
-        subtleNeutralPull: 0.25,
-        strongDelta: 3,
-    },
-    data: {
-        mutedChroma: 0.55,
-        subtleChroma: 0.75,
-        strongChroma: 1.1,
-        mutedNeutralPull: 0.5,
-        subtleNeutralPull: 0.25,
-        strongDelta: 4,
-    },
-    transparent: {
-        mutedChroma: 0.55,
-        subtleChroma: 0.75,
-        strongChroma: 1.1,
-        mutedNeutralPull: 0.45,
-        subtleNeutralPull: 0.2,
-        strongDelta: 2,
-    },
-};
-const INVERTED_LERP_FACTOR = 0.8;
-const clampOkLch = (color, maxChroma) => ({
-    ...color,
-    l: clamp(color.l, 0, 100),
-    c: clamp(color.c, 0, maxChroma),
-});
-export const applyEmphasisOperator = (input) => {
-    const { emphasis, context, surface, usage } = input;
-    const tuning = EMPHASIS_TUNING[surface];
-    const range = getSurfaceRange(input.preset, surface, context);
-    const neutralL = getNeutralL(input.preset, surface, context);
-    if (emphasis === "default") {
-        return input.oklch;
-    }
-    const next = { ...input.oklch };
-    switch (emphasis) {
-        case "muted":
-            next.c *= tuning.mutedChroma;
-            next.l += (neutralL - next.l) * tuning.mutedNeutralPull;
-            break;
-        case "subtle":
-            next.c *= tuning.subtleChroma;
-            next.l += (neutralL - next.l) * tuning.subtleNeutralPull;
-            break;
-        case "strong": {
-            const diff = next.l - neutralL;
-            let direction = diff === 0 ? (context === "light" ? -1 : 1) : Math.sign(diff);
-            if (usage === "text" || usage === "icon") {
-                direction = context === "light" ? -1 : 1;
-            }
-            else if (context === "light" && direction > 0) {
-                direction = -1;
-            }
-            else if (context === "dark" && direction < 0) {
-                direction = 1;
-            }
-            next.c *= tuning.strongChroma;
-            next.l += direction * tuning.strongDelta;
-            break;
-        }
-        case "inverted": {
-            if (usage === "text" || usage === "icon") {
-                const targetStep = input.step === 12 ? 11 : 12;
-                const targetL = getStepLightness(input.preset, surface, context, targetStep);
-                next.l += (targetL - next.l) * INVERTED_LERP_FACTOR;
-            }
-            break;
-        }
-        default:
-            return input.oklch;
-    }
-    return clampOkLch(next, range.cMax);
-};

package/dist/operators/emphasis.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/operators/emphasis.test.js

@@ -1,69 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { applyEmphasisOperator } from "./emphasis.js";
-import { getStepLightness } from "./utils.js";
-const base = {
-    oklch: { l: 62, c: 0.06, h: 215 },
-    context: "light",
-    surface: "surface",
-    usage: "text",
-    state: "default",
-    emphasis: "default",
-    preset: "modern",
-    step: 11,
-};
-describe("applyEmphasisOperator", () => {
-    it("muted and subtle reduce chroma predictably", () => {
-        const muted = applyEmphasisOperator({ ...base, emphasis: "muted" });
-        const subtle = applyEmphasisOperator({ ...base, emphasis: "subtle" });
-        expect(muted.c).toBeLessThan(base.oklch.c);
-        expect(subtle.c).toBeLessThan(base.oklch.c);
-        expect(subtle.c).toBeGreaterThan(muted.c);
-    });
-    it("strong increases chroma", () => {
-        const strong = applyEmphasisOperator({ ...base, emphasis: "strong" });
-        expect(strong.c).toBeGreaterThan(base.oklch.c);
-    });
-    it("strong shifts text lightness by context", () => {
-        const strongLight = applyEmphasisOperator({ ...base, emphasis: "strong", usage: "text" });
-        const strongDark = applyEmphasisOperator({
-            ...base,
-            emphasis: "strong",
-            usage: "text",
-            context: "dark",
-        });
-        expect(strongLight.l).toBeLessThan(base.oklch.l);
-        expect(strongDark.l).toBeGreaterThan(base.oklch.l);
-    });
-    it("does not change hue", () => {
-        const muted = applyEmphasisOperator({ ...base, emphasis: "muted" });
-        expect(muted.h).toBeCloseTo(base.oklch.h, 6);
-    });
-    it("inverted leaves backgrounds unchanged", () => {
-        const invertedBg = applyEmphasisOperator({
-            ...base,
-            emphasis: "inverted",
-            usage: "bg",
-        });
-        expect(invertedBg.l).toBeCloseTo(base.oklch.l, 6);
-    });
-    it("inverted leaves non-text usage unchanged", () => {
-        const invertedBorder = applyEmphasisOperator({
-            ...base,
-            emphasis: "inverted",
-            usage: "border",
-        });
-        expect(invertedBorder.l).toBeCloseTo(base.oklch.l, 6);
-        expect(invertedBorder.c).toBeCloseTo(base.oklch.c, 6);
-        expect(invertedBorder.h).toBeCloseTo(base.oklch.h, 6);
-    });
-    it("inverted moves text toward the target step without changing hue", () => {
-        const targetL = getStepLightness(base.preset, base.surface, base.context, 12);
-        const inverted = applyEmphasisOperator({
-            ...base,
-            emphasis: "inverted",
-            usage: "text",
-        });
-        expect(Math.abs(inverted.l - targetL)).toBeLessThan(Math.abs(base.oklch.l - targetL));
-        expect(inverted.h).toBeCloseTo(base.oklch.h, 6);
-    });
-});

package/dist/operators/index.d.ts

@@ -1,3 +0,0 @@
-export { applyEmphasisOperator } from "./emphasis.js";
-export { applyStateOperator } from "./state.js";
-export type { OperatorInput } from "./types.js";

package/dist/operators/index.js

@@ -1,2 +0,0 @@
-export { applyEmphasisOperator } from "./emphasis.js";
-export { applyStateOperator } from "./state.js";

package/dist/operators/state.d.ts

@@ -1,3 +0,0 @@
-import type { OkLchColor } from "../engine/generateScale.js";
-import type { OperatorInput } from "./types.js";
-export declare const applyStateOperator: (input: OperatorInput) => OkLchColor;

package/dist/operators/state.js

@@ -1,102 +0,0 @@
-import { clamp } from "../utils/clamp.js";
-import { getNeutralL, getSurfaceRange } from "./utils.js";
-const STATE_TUNING = {
-    app: {
-        hover: 2,
-        active: 4,
-        selected: 3,
-        focus: 2,
-        disabledChroma: 0.45,
-        disabledNeutralPull: 0.45,
-    },
-    surface: {
-        hover: 2.5,
-        active: 4.5,
-        selected: 3.5,
-        focus: 2.5,
-        disabledChroma: 0.45,
-        disabledNeutralPull: 0.45,
-    },
-    subtle: {
-        hover: 3,
-        active: 5.5,
-        selected: 4,
-        focus: 3,
-        disabledChroma: 0.45,
-        disabledNeutralPull: 0.5,
-    },
-    solid: {
-        hover: 4,
-        active: 7,
-        selected: 5,
-        focus: 4,
-        disabledChroma: 0.4,
-        disabledNeutralPull: 0.55,
-    },
-    overlay: {
-        hover: 3,
-        active: 5.5,
-        selected: 4,
-        focus: 3,
-        disabledChroma: 0.45,
-        disabledNeutralPull: 0.5,
-    },
-    data: {
-        hover: 4,
-        active: 7,
-        selected: 5,
-        focus: 4,
-        disabledChroma: 0.4,
-        disabledNeutralPull: 0.55,
-    },
-    transparent: {
-        hover: 2,
-        active: 4,
-        selected: 3,
-        focus: 2,
-        disabledChroma: 0.45,
-        disabledNeutralPull: 0.45,
-    },
-};
-const FOCUS_BORDER_SCALE = 0.6;
-const clampOkLch = (color, maxChroma) => ({
-    ...color,
-    l: clamp(color.l, 0, 100),
-    c: clamp(color.c, 0, maxChroma),
-});
-export const applyStateOperator = (input) => {
-    const { state, context, surface, usage } = input;
-    const tuning = STATE_TUNING[surface];
-    const range = getSurfaceRange(input.preset, surface, context);
-    const neutralL = getNeutralL(input.preset, surface, context);
-    const direction = context === "light" ? -1 : 1;
-    if (state === "default") {
-        return input.oklch;
-    }
-    if (state === "focus" && usage !== "ring" && usage !== "border") {
-        return input.oklch;
-    }
-    const next = { ...input.oklch };
-    switch (state) {
-        case "hover":
-            next.l += direction * tuning.hover;
-            break;
-        case "active":
-            next.l += direction * tuning.active;
-            break;
-        case "selected":
-            next.l += direction * tuning.selected;
-            break;
-        case "focus":
-            next.l += direction * tuning.focus * (usage === "border" ? FOCUS_BORDER_SCALE : 1);
-            break;
-        case "disabled":
-            next.c *= tuning.disabledChroma;
-            next.l += (neutralL - next.l) * tuning.disabledNeutralPull;
-            break;
-        default:
-            // Allow unknown/future states to be no-ops to avoid unexpected shifts.
-            return input.oklch;
-    }
-    return clampOkLch(next, range.cMax);
-};

package/dist/operators/state.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/operators/state.test.js

@@ -1,48 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { applyStateOperator } from "./state.js";
-const base = {
-    oklch: { l: 60, c: 0.12, h: 210 },
-    context: "light",
-    surface: "surface",
-    usage: "bg",
-    state: "default",
-    emphasis: "default",
-    preset: "modern",
-    step: 9,
-};
-describe("applyStateOperator", () => {
-    it("darkens hover in light context", () => {
-        const result = applyStateOperator({ ...base, state: "hover" });
-        expect(result.l).toBeLessThan(base.oklch.l);
-    });
-    it("lightens hover in dark context", () => {
-        const result = applyStateOperator({ ...base, context: "dark", state: "hover" });
-        expect(result.l).toBeGreaterThan(base.oklch.l);
-    });
-    it("active is stronger than hover", () => {
-        const hover = applyStateOperator({ ...base, state: "hover" });
-        const active = applyStateOperator({ ...base, state: "active" });
-        expect(Math.abs(active.l - base.oklch.l)).toBeGreaterThan(Math.abs(hover.l - base.oklch.l));
-    });
-    it("selected is less aggressive than active", () => {
-        const selected = applyStateOperator({ ...base, state: "selected" });
-        const active = applyStateOperator({ ...base, state: "active" });
-        expect(Math.abs(selected.l - base.oklch.l)).toBeLessThan(Math.abs(active.l - base.oklch.l));
-    });
-    it("disabled reduces chroma", () => {
-        const disabled = applyStateOperator({ ...base, state: "disabled" });
-        expect(disabled.c).toBeLessThan(base.oklch.c * 0.6);
-    });
-    it("returns the original color for default state", () => {
-        const result = applyStateOperator({ ...base, state: "default" });
-        expect(result).toEqual(base.oklch);
-    });
-    it("focus only affects ring and border usage", () => {
-        const bgFocus = applyStateOperator({ ...base, usage: "bg", state: "focus" });
-        const ringFocus = applyStateOperator({ ...base, usage: "ring", state: "focus" });
-        const borderFocus = applyStateOperator({ ...base, usage: "border", state: "focus" });
-        expect(bgFocus.l).toBeCloseTo(base.oklch.l, 6);
-        expect(ringFocus.l).not.toBeCloseTo(base.oklch.l, 6);
-        expect(Math.abs(borderFocus.l - base.oklch.l)).toBeLessThan(Math.abs(ringFocus.l - base.oklch.l));
-    });
-});

package/dist/operators/types.d.ts

@@ -1,13 +0,0 @@
-import type { OkLchColor } from "../engine/generateScale.js";
-import type { CurvePresetName } from "../presets/index.js";
-import type { ColorEmphasis, ColorState, ColorUsage, SurfaceIntent } from "../types/index.js";
-export type OperatorInput = {
-    oklch: OkLchColor;
-    context: "light" | "dark";
-    surface: SurfaceIntent;
-    usage: ColorUsage;
-    state: ColorState;
-    emphasis: ColorEmphasis;
-    preset?: CurvePresetName;
-    step: number;
-};

package/dist/operators/types.js

@@ -1 +0,0 @@
-export {};

package/dist/operators/utils.d.ts

@@ -1,16 +0,0 @@
-import type { CurvePresetName } from "../presets/index.js";
-import type { SurfaceIntent } from "../types/index.js";
-export type OperatorContext = "light" | "dark";
-export declare const getSurfaceRange: (presetName: CurvePresetName | undefined, surface: SurfaceIntent, context: OperatorContext) => {
-    l: [number, number];
-    cMin: number;
-    cMax: number;
-    chromaBoost?: number;
-} | {
-    l: [number, number];
-    cMin: number;
-    cMax: number;
-    chromaBoost?: number;
-};
-export declare const getNeutralL: (presetName: CurvePresetName | undefined, surface: SurfaceIntent, context: OperatorContext) => number;
-export declare const getStepLightness: (presetName: CurvePresetName | undefined, surface: SurfaceIntent, context: OperatorContext, step: number) => number;

package/dist/operators/utils.js

@@ -1,23 +0,0 @@
-import { curvePresets } from "../presets/index.js";
-import { clamp } from "../utils/clamp.js";
-import { lerp } from "../utils/lerp.js";
-// TODO: deduplicate with generateScale constants and helpers.
-const STEPS = 12;
-const OKLCH_L_MIN = 0;
-const OKLCH_L_MAX = 100;
-export const getSurfaceRange = (presetName, surface, context) => {
-    const preset = curvePresets[presetName ?? "modern"];
-    return preset.surfaces[surface].ranges[context];
-};
-export const getNeutralL = (presetName, surface, context) => {
-    const range = getSurfaceRange(presetName, surface, context);
-    return (range.l[0] + range.l[1]) / 2;
-};
-export const getStepLightness = (presetName, surface, context, step) => {
-    const preset = curvePresets[presetName ?? "modern"];
-    const surfaceCurve = preset.surfaces[surface];
-    const range = surfaceCurve.ranges[context];
-    const t = clamp((step - 1) / (STEPS - 1), 0, 1);
-    const lightnessT = surfaceCurve.l(t);
-    return clamp(lerp(range.l[0], range.l[1], lightnessT), OKLCH_L_MIN, OKLCH_L_MAX);
-};

package/dist/presets/curves.d.ts

@@ -1,28 +0,0 @@
-import type { SurfaceIntent } from "../types/index.js";
-export type CurvePresetName = "modern" | "radixLike";
-export type CurveFn = (t: number) => number;
-export type SurfaceCurve = {
-    l: CurveFn;
-    c: CurveFn;
-    ranges: {
-        light: {
-            l: [number, number];
-            cMin: number;
-            cMax: number;
-            chromaBoost?: number;
-        };
-        dark: {
-            l: [number, number];
-            cMin: number;
-            cMax: number;
-            chromaBoost?: number;
-        };
-    };
-};
-export type CurvePreset = {
-    name: CurvePresetName;
-    surfaces: Record<SurfaceIntent, SurfaceCurve>;
-};
-export declare const modern: CurvePreset;
-export declare const radixLike: CurvePreset;
-export declare const curvePresets: Record<CurvePresetName, CurvePreset>;

package/dist/presets/curves.js

@@ -1,145 +0,0 @@
-import { clamp } from "../utils/clamp.js";
-import { smoothstep } from "../utils/smoothstep.js";
-const normalizeT = (t) => clamp(t, 0, 1);
-const lightnessCurve = (t) => smoothstep(normalizeT(t));
-const chromaCurve = (t) => Math.sin(Math.PI * normalizeT(t));
-export const modern = {
-    name: "modern",
-    surfaces: {
-        // app: fundo do app (separação mínima, chroma baixíssimo)
-        app: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [90, 99], cMin: 0.004, cMax: 0.05 },
-                dark: { l: [6, 22], cMin: 0.004, cMax: 0.07 },
-            },
-        },
-        // surface: cards/panels (separação leve do app bg, chroma baixo)
-        surface: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [84, 97], cMin: 0.008, cMax: 0.08 },
-                dark: { l: [8, 28], cMin: 0.008, cMax: 0.09 },
-            },
-        },
-        // subtle: tints/hover backgrounds (um pouco mais de chroma, ainda calmo)
-        subtle: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [78, 95], cMin: 0.012, cMax: 0.1 },
-                dark: { l: [10, 32], cMin: 0.012, cMax: 0.11 },
-            },
-        },
-        // solid: backgrounds sólidos (chroma mais alto, pensado para onSolid)
-        solid: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [46, 90], cMin: 0.03, cMax: 0.18, chromaBoost: 1.25 },
-                dark: { l: [12, 42], cMin: 0.03, cMax: 0.2, chromaBoost: 1.25 },
-            },
-        },
-        // overlay: modal surfaces/scrims (chroma baixo, controle forte de L)
-        overlay: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [72, 96], cMin: 0.01, cMax: 0.09 },
-                dark: { l: [14, 40], cMin: 0.01, cMax: 0.1 },
-            },
-        },
-        // data: charts/heatmaps (pode usar chroma maior sem “gritar”)
-        data: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [38, 86], cMin: 0.04, cMax: 0.22, chromaBoost: 1.3 },
-                dark: { l: [18, 48], cMin: 0.04, cMax: 0.24, chromaBoost: 1.3 },
-            },
-        },
-        // transparent: base quase neutra (chroma quase zero; usado para ghost)
-        transparent: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [62, 96], cMin: 0, cMax: 0.06 },
-                dark: { l: [8, 30], cMin: 0, cMax: 0.07 },
-            },
-        },
-    },
-};
-export const radixLike = {
-    name: "radixLike",
-    surfaces: {
-        // app: fundo do app (separação mínima, chroma baixíssimo)
-        app: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [92, 99], cMin: 0.003, cMax: 0.06 },
-                dark: { l: [4, 18], cMin: 0.003, cMax: 0.08 },
-            },
-        },
-        // surface: cards/panels (separação leve do app bg, chroma baixo)
-        surface: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [86, 97], cMin: 0.006, cMax: 0.1 },
-                dark: { l: [6, 24], cMin: 0.006, cMax: 0.11 },
-            },
-        },
-        // subtle: tints/hover backgrounds (um pouco mais de chroma, ainda calmo)
-        subtle: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [80, 94], cMin: 0.01, cMax: 0.12 },
-                dark: { l: [8, 30], cMin: 0.01, cMax: 0.13 },
-            },
-        },
-        // solid: backgrounds sólidos (chroma mais alto, pensado para onSolid)
-        solid: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [50, 88], cMin: 0.035, cMax: 0.2, chromaBoost: 1.25 },
-                dark: { l: [10, 38], cMin: 0.035, cMax: 0.22, chromaBoost: 1.25 },
-            },
-        },
-        // overlay: modal surfaces/scrims (chroma baixo, controle forte de L)
-        overlay: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [74, 96], cMin: 0.01, cMax: 0.11 },
-                dark: { l: [12, 38], cMin: 0.01, cMax: 0.12 },
-            },
-        },
-        // data: charts/heatmaps (pode usar chroma maior sem “gritar”)
-        data: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [40, 84], cMin: 0.05, cMax: 0.24, chromaBoost: 1.3 },
-                dark: { l: [16, 46], cMin: 0.05, cMax: 0.26, chromaBoost: 1.3 },
-            },
-        },
-        // transparent: base quase neutra (chroma quase zero; usado para ghost)
-        transparent: {
-            l: lightnessCurve,
-            c: chromaCurve,
-            ranges: {
-                light: { l: [60, 94], cMin: 0, cMax: 0.08 },
-                dark: { l: [6, 28], cMin: 0, cMax: 0.09 },
-            },
-        },
-    },
-};
-export const curvePresets = {
-    modern,
-    radixLike,
-};

package/dist/presets/index.d.ts

@@ -1,2 +0,0 @@
-export type { CurveFn, CurvePreset, CurvePresetName, SurfaceCurve } from "./curves.js";
-export { curvePresets, modern, radixLike } from "./curves.js";

package/dist/presets/index.js

@@ -1 +0,0 @@
-export { curvePresets, modern, radixLike } from "./curves.js";

package/dist/presets/tokens/index.d.ts

@@ -1,3 +0,0 @@
-export { minimalUiTokens } from "./minimal-ui.js";
-export { modernUiTokens } from "./modern-ui.js";
-export { radixLikeUiTokens } from "./radixLike-ui.js";

package/dist/presets/tokens/index.js

@@ -1,3 +0,0 @@
-export { minimalUiTokens } from "./minimal-ui.js";
-export { modernUiTokens } from "./modern-ui.js";
-export { radixLikeUiTokens } from "./radixLike-ui.js";