chroma-panel 0.1.0

package/LICENSE

@@ -0,0 +1,44 @@
+MIT License
+
+Copyright (c) 2026 Sohail Khan (resohail.me)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+This package inlines SVG path data from Lucide (https://lucide.dev), which is
+distributed under the ISC License and is reproduced below as that license
+requires. Lucide is not a dependency of this package; only the path data for a
+handful of icons is included.
+
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,119 @@
+![chroma-panel, a React color picker](https://raw.githubusercontent.com/re-sohail/chroma-panel/main/assets/hero.png)
+
+[![npm](https://img.shields.io/npm/v/chroma-panel?color=2d7ff9)](https://www.npmjs.com/package/chroma-panel)
+[![gzipped](https://img.shields.io/bundlephobia/minzip/chroma-panel?color=2d7ff9&label=gzipped)](https://bundlephobia.com/package/chroma-panel)
+[![downloads](https://img.shields.io/npm/dw/chroma-panel?color=2d7ff9)](https://www.npmjs.com/package/chroma-panel)
+[![licence](https://img.shields.io/npm/l/chroma-panel?color=2d7ff9)](./LICENSE)
+
+# chroma-panel
+
+A React color picker with the look and feel of the macOS color panel.
+
+- Five ways to pick: wheel, sliders, palettes, a 120-color pencil grid, and sampling from an image
+- An eyedropper for grabbing a color from anywhere on screen, where the browser supports it
+- Drops into a form like an `<input>`, with `name`, `required` and `form.reset()`
+- No runtime dependencies, TypeScript types included, ESM and CommonJS
+
+**[API reference](docs/api.md)** · **[Guide](docs/guides.md)**
+
+## Install
+
+```bash
+npm install chroma-panel
+```
+
+## Use it
+
+```tsx
+import { useState } from 'react';
+import { ColorInput } from 'chroma-panel';
+
+export function Example() {
+  const [color, setColor] = useState('#3366cc');
+
+  return (
+    <ColorInput
+      value={color}
+      onChange={(c) => setColor(c.hex)}
+      onChangeComplete={(c) => save(c.hex)}
+    />
+  );
+}
+```
+
+No CSS import and no provider. `ColorInput` renders a swatch button that opens the panel in a popover.
+
+`onChange` fires continuously while you drag, `onChangeComplete` once when you let go. [Which to use](docs/api.md#onchange-vs-onchangecomplete).
+
+## Inline panel
+
+`ChromaPanel` is the same panel without the popover, for when you want it on the page:
+
+```tsx
+import { ChromaPanel } from 'chroma-panel';
+
+<ChromaPanel defaultValue="#3366cc" modes={['wheel']} showTitleBar={false} />
+```
+
+## Smaller bundle
+
+Importing `chroma-panel` registers all five modes. If you only need one or two, import the shell and add them yourself:
+
+```tsx
+import { ChromaPanel } from 'chroma-panel/panel';
+import 'chroma-panel/wheel';
+
+<ChromaPanel modes={['wheel']} />
+```
+
+That is 14.1 kB instead of 22.2 kB. Every mode has its own entry point — see [entry points](docs/api.md#entry-points).
+
+## Theming
+
+![The chroma-panel color picker in light and dark themes](https://raw.githubusercontent.com/re-sohail/chroma-panel/main/assets/themes.png)
+
+The panel follows the system color scheme. To change how it looks, override the CSS variables or pass your own class per part:
+
+```tsx
+<ColorInput classNames={{ root: 'shadow-2xl', trigger: 'h-8 w-12' }} />
+```
+
+Full details in the [theming guide](docs/guides.md#theming).
+
+## Why the color survives a round trip
+
+HSV has two places where information disappears. At zero saturation there is no hue to speak of, and at zero brightness there is neither. Pickers that keep their state as RGB or hex hit this constantly: drag brightness to black and back up, and the hue you picked comes back as red.
+
+This one keeps the full HSVA value and merges changes into it instead of replacing it, so dragging to an extreme and back returns the color you started with.
+
+## Size
+
+Measured as the increase in a real Vite production build, gzipped, with React external.
+
+| What you import | Added to your app |
+| --- | --- |
+| all five modes | 22.2 kB |
+| shell plus one mode | 14.1 kB |
+
+`dependencies` is empty. `react` and `react-dom` are peer dependencies, so the copy already in your app is the one that gets used.
+
+## Compatibility
+
+| | |
+| --- | --- |
+| React | 16.14 and newer, including 19 |
+| React DOM | Required. The popover renders through `createPortal` |
+| Browsers | Chrome 123, Firefox 120, Safari 17.5 |
+| TypeScript | Types included, no `@types` package needed |
+| Modules | ESM and CommonJS |
+| Server rendering | Safe. Browser-dependent files are marked `'use client'` |
+
+The browser versions come from `light-dark()`, a CSS function the stylesheet relies on. [What happens on older browsers](docs/guides.md#browser-support).
+
+## Help
+
+Questions and bug reports: [github.com/re-sohail/chroma-panel/issues](https://github.com/re-sohail/chroma-panel/issues)
+
+## Licence
+
+MIT © [Sohail Khan](https://resohail.me)

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/a11y/contrast.cjs

@@ -0,0 +1,107 @@
+const require_dev = require("../core/dev.cjs");
+const require_convert = require("../color/convert.cjs");
+const require_parse = require("../color/parse.cjs");
+//#region src/a11y/contrast.ts
+function toRgb(input) {
+	if (typeof input !== "string") return require_convert.hsvaToRgba(input);
+	const parsed = require_parse.parse(input);
+	return parsed === null ? null : require_convert.hsvaToRgba(parsed);
+}
+function linearise(channel) {
+	const c = channel / 255;
+	return c <= .04045 ? c / 12.92 : ((c + .055) / 1.055) ** 2.4;
+}
+function relativeLuminance(color) {
+	const rgb = toRgb(color);
+	if (rgb === null) return 0;
+	return .2126 * linearise(rgb.r) + .7152 * linearise(rgb.g) + .0722 * linearise(rgb.b);
+}
+function contrastRatio(a, b) {
+	const la = relativeLuminance(a);
+	const lb = relativeLuminance(b);
+	const light = Math.max(la, lb);
+	const dark = Math.min(la, lb);
+	return (light + .05) / (dark + .05);
+}
+function meetsContrast(a, b, options) {
+	const { level, size = "normal" } = options;
+	const ratio = contrastRatio(a, b);
+	if (level === "AAA") return ratio >= (size === "large" ? 4.5 : 7);
+	return ratio >= (size === "large" ? 3 : 4.5);
+}
+function meetsNonTextContrast(a, b) {
+	return contrastRatio(a, b) >= 3;
+}
+function contrastReport(a, b) {
+	const ratio = contrastRatio(a, b);
+	return {
+		ratio,
+		text: {
+			normal: {
+				aa: ratio >= 4.5,
+				aaa: ratio >= 7
+			},
+			large: {
+				aa: ratio >= 3,
+				aaa: ratio >= 4.5
+			}
+		},
+		nonText: ratio >= 3
+	};
+}
+function wcagLevel(a, b) {
+	require_dev.warnOnce("wcagLevel() is deprecated and cannot be accurate — a ratio alone does not determine a level. Use meetsContrast(a, b, { level, size }) instead.");
+	const ratio = contrastRatio(a, b);
+	if (ratio >= 7) return "AAA";
+	if (ratio >= 4.5) return "AA";
+	if (ratio >= 3) return "AA Large";
+	return "Fail";
+}
+const S_RCO = .2126729;
+const S_GCO = .7151522;
+const S_BCO = .072175;
+const MAIN_TRC = 2.4;
+const NORM_BG = .56;
+const NORM_TXT = .57;
+const REV_TXT = .62;
+const REV_BG = .65;
+const SCALE_BOW = 1.14;
+const SCALE_WOB = 1.14;
+const LO_BOW_OFFSET = .027;
+const LO_WOB_OFFSET = .027;
+const BLK_THRS = .022;
+const BLK_CLMP = 1.414;
+const DELTA_Y_MIN = 5e-4;
+const LO_CLIP = .1;
+function apcaY(rgb) {
+	const y = S_RCO * (rgb.r / 255) ** MAIN_TRC + S_GCO * (rgb.g / 255) ** MAIN_TRC + S_BCO * (rgb.b / 255) ** MAIN_TRC;
+	return y > BLK_THRS ? y : y + (BLK_THRS - y) ** BLK_CLMP;
+}
+function apcaContrast(text, background) {
+	const t = toRgb(text);
+	const b = toRgb(background);
+	if (t === null || b === null) return 0;
+	const yText = apcaY(t);
+	const yBg = apcaY(b);
+	if (Math.abs(yBg - yText) < DELTA_Y_MIN) return 0;
+	if (yBg > yText) {
+		const s = (yBg ** NORM_BG - yText ** NORM_TXT) * SCALE_BOW;
+		return s < LO_CLIP ? 0 : (s - LO_BOW_OFFSET) * 100;
+	}
+	const s = (yBg ** REV_BG - yText ** REV_TXT) * SCALE_WOB;
+	return s > -.1 ? 0 : (s + LO_WOB_OFFSET) * 100;
+}
+function readableTextColor(background, options = {}) {
+	const dark = options.dark ?? "#000000";
+	const light = options.light ?? "#ffffff";
+	return Math.abs(apcaContrast(dark, background)) >= Math.abs(apcaContrast(light, background)) ? dark : light;
+}
+//#endregion
+exports.apcaContrast = apcaContrast;
+exports.contrastRatio = contrastRatio;
+exports.contrastReport = contrastReport;
+exports.meetsContrast = meetsContrast;
+exports.meetsNonTextContrast = meetsNonTextContrast;
+exports.readableTextColor = readableTextColor;
+exports.relativeLuminance = relativeLuminance;
+exports.wcagLevel = wcagLevel;

package/dist/a11y/contrast.d.cts

@@ -0,0 +1,34 @@
+import { Hsva } from "../color/types.cjs";
+//#region src/a11y/contrast.d.ts
+export declare function relativeLuminance(color: string | Hsva): number;
+export declare function contrastRatio(a: string | Hsva, b: string | Hsva): number;
+export type TextSize = "normal" | "large";
+export interface ContrastOptions {
+  level: "AA" | "AAA";
+  size?: TextSize;
+}
+export declare function meetsContrast(a: string | Hsva, b: string | Hsva, options: ContrastOptions): boolean;
+export declare function meetsNonTextContrast(a: string | Hsva, b: string | Hsva): boolean;
+export interface ContrastReport {
+  ratio: number;
+  text: {
+    normal: {
+      aa: boolean;
+      aaa: boolean;
+    };
+    large: {
+      aa: boolean;
+      aaa: boolean;
+    };
+  };
+  nonText: boolean;
+}
+export declare function contrastReport(a: string | Hsva, b: string | Hsva): ContrastReport;
+export type WcagLevel = "AAA" | "AA" | "AA Large" | "Fail";
+export declare function wcagLevel(a: string | Hsva, b: string | Hsva): WcagLevel;
+export declare function apcaContrast(text: string | Hsva, background: string | Hsva): number;
+export declare function readableTextColor(background: string | Hsva, options?: {
+  dark?: string;
+  light?: string;
+}): string;
+//#endregion

package/dist/a11y/contrast.d.ts

@@ -0,0 +1,34 @@
+import { Hsva } from "../color/types.js";
+//#region src/a11y/contrast.d.ts
+export declare function relativeLuminance(color: string | Hsva): number;
+export declare function contrastRatio(a: string | Hsva, b: string | Hsva): number;
+export type TextSize = "normal" | "large";
+export interface ContrastOptions {
+  level: "AA" | "AAA";
+  size?: TextSize;
+}
+export declare function meetsContrast(a: string | Hsva, b: string | Hsva, options: ContrastOptions): boolean;
+export declare function meetsNonTextContrast(a: string | Hsva, b: string | Hsva): boolean;
+export interface ContrastReport {
+  ratio: number;
+  text: {
+    normal: {
+      aa: boolean;
+      aaa: boolean;
+    };
+    large: {
+      aa: boolean;
+      aaa: boolean;
+    };
+  };
+  nonText: boolean;
+}
+export declare function contrastReport(a: string | Hsva, b: string | Hsva): ContrastReport;
+export type WcagLevel = "AAA" | "AA" | "AA Large" | "Fail";
+export declare function wcagLevel(a: string | Hsva, b: string | Hsva): WcagLevel;
+export declare function apcaContrast(text: string | Hsva, background: string | Hsva): number;
+export declare function readableTextColor(background: string | Hsva, options?: {
+  dark?: string;
+  light?: string;
+}): string;
+//#endregion

package/dist/a11y/contrast.js

@@ -0,0 +1,101 @@
+import { warnOnce } from "../core/dev.js";
+import { hsvaToRgba } from "../color/convert.js";
+import { parse } from "../color/parse.js";
+//#region src/a11y/contrast.ts
+function toRgb(input) {
+	if (typeof input !== "string") return hsvaToRgba(input);
+	const parsed = parse(input);
+	return parsed === null ? null : hsvaToRgba(parsed);
+}
+function linearise(channel) {
+	const c = channel / 255;
+	return c <= .04045 ? c / 12.92 : ((c + .055) / 1.055) ** 2.4;
+}
+function relativeLuminance(color) {
+	const rgb = toRgb(color);
+	if (rgb === null) return 0;
+	return .2126 * linearise(rgb.r) + .7152 * linearise(rgb.g) + .0722 * linearise(rgb.b);
+}
+function contrastRatio(a, b) {
+	const la = relativeLuminance(a);
+	const lb = relativeLuminance(b);
+	const light = Math.max(la, lb);
+	const dark = Math.min(la, lb);
+	return (light + .05) / (dark + .05);
+}
+function meetsContrast(a, b, options) {
+	const { level, size = "normal" } = options;
+	const ratio = contrastRatio(a, b);
+	if (level === "AAA") return ratio >= (size === "large" ? 4.5 : 7);
+	return ratio >= (size === "large" ? 3 : 4.5);
+}
+function meetsNonTextContrast(a, b) {
+	return contrastRatio(a, b) >= 3;
+}
+function contrastReport(a, b) {
+	const ratio = contrastRatio(a, b);
+	return {
+		ratio,
+		text: {
+			normal: {
+				aa: ratio >= 4.5,
+				aaa: ratio >= 7
+			},
+			large: {
+				aa: ratio >= 3,
+				aaa: ratio >= 4.5
+			}
+		},
+		nonText: ratio >= 3
+	};
+}
+function wcagLevel(a, b) {
+	warnOnce("wcagLevel() is deprecated and cannot be accurate — a ratio alone does not determine a level. Use meetsContrast(a, b, { level, size }) instead.");
+	const ratio = contrastRatio(a, b);
+	if (ratio >= 7) return "AAA";
+	if (ratio >= 4.5) return "AA";
+	if (ratio >= 3) return "AA Large";
+	return "Fail";
+}
+const S_RCO = .2126729;
+const S_GCO = .7151522;
+const S_BCO = .072175;
+const MAIN_TRC = 2.4;
+const NORM_BG = .56;
+const NORM_TXT = .57;
+const REV_TXT = .62;
+const REV_BG = .65;
+const SCALE_BOW = 1.14;
+const SCALE_WOB = 1.14;
+const LO_BOW_OFFSET = .027;
+const LO_WOB_OFFSET = .027;
+const BLK_THRS = .022;
+const BLK_CLMP = 1.414;
+const DELTA_Y_MIN = 5e-4;
+const LO_CLIP = .1;
+function apcaY(rgb) {
+	const y = S_RCO * (rgb.r / 255) ** MAIN_TRC + S_GCO * (rgb.g / 255) ** MAIN_TRC + S_BCO * (rgb.b / 255) ** MAIN_TRC;
+	return y > BLK_THRS ? y : y + (BLK_THRS - y) ** BLK_CLMP;
+}
+function apcaContrast(text, background) {
+	const t = toRgb(text);
+	const b = toRgb(background);
+	if (t === null || b === null) return 0;
+	const yText = apcaY(t);
+	const yBg = apcaY(b);
+	if (Math.abs(yBg - yText) < DELTA_Y_MIN) return 0;
+	if (yBg > yText) {
+		const s = (yBg ** NORM_BG - yText ** NORM_TXT) * SCALE_BOW;
+		return s < LO_CLIP ? 0 : (s - LO_BOW_OFFSET) * 100;
+	}
+	const s = (yBg ** REV_BG - yText ** REV_TXT) * SCALE_WOB;
+	return s > -.1 ? 0 : (s + LO_WOB_OFFSET) * 100;
+}
+function readableTextColor(background, options = {}) {
+	const dark = options.dark ?? "#000000";
+	const light = options.light ?? "#ffffff";
+	return Math.abs(apcaContrast(dark, background)) >= Math.abs(apcaContrast(light, background)) ? dark : light;
+}
+//#endregion
+export { apcaContrast, contrastRatio, contrastReport, meetsContrast, meetsNonTextContrast, readableTextColor, relativeLuminance, wcagLevel };
+

package/dist/color/convert.cjs

@@ -0,0 +1,162 @@
+//#region src/color/convert.ts
+function clamp(value, min, max) {
+	return value < min ? min : value > max ? max : value;
+}
+function normalizeHue(h) {
+	const r = h % 360;
+	return r < 0 ? r + 360 : r;
+}
+function rgbaToHsva(rgba) {
+	const { r, g, b, a } = rgba;
+	const max = Math.max(r, g, b);
+	const d = max - Math.min(r, g, b);
+	let hh;
+	if (d === 0) hh = 0;
+	else if (max === r) hh = (g - b) / d;
+	else if (max === g) hh = 2 + (b - r) / d;
+	else hh = 4 + (r - g) / d;
+	return {
+		h: 60 * (hh < 0 ? hh + 6 : hh),
+		s: max === 0 ? 0 : d / max * 100,
+		v: max / 255 * 100,
+		a
+	};
+}
+function hsvaToRgba(hsva) {
+	const hh = normalizeHue(hsva.h) / 360 * 6;
+	const i = Math.floor(hh);
+	const f = hh - i;
+	const s = hsva.s;
+	const v = hsva.v;
+	const p = v * (100 - s) / 100;
+	const q = v * (100 - f * s) / 100;
+	const t = v * (100 - (1 - f) * s) / 100;
+	let r;
+	let g;
+	let b;
+	switch (i % 6) {
+		case 0:
+			r = v;
+			g = t;
+			b = p;
+			break;
+		case 1:
+			r = q;
+			g = v;
+			b = p;
+			break;
+		case 2:
+			r = p;
+			g = v;
+			b = t;
+			break;
+		case 3:
+			r = p;
+			g = q;
+			b = v;
+			break;
+		case 4:
+			r = t;
+			g = p;
+			b = v;
+			break;
+		default:
+			r = v;
+			g = p;
+			b = q;
+	}
+	return {
+		r: r * 255 / 100,
+		g: g * 255 / 100,
+		b: b * 255 / 100,
+		a: hsva.a
+	};
+}
+function hsvaToHsla(hsva) {
+	const { h, s, v, a } = hsva;
+	const hh = (200 - s) * v / 100;
+	return {
+		h,
+		s: hh > 0 && hh < 200 ? s * v / 100 / (hh <= 100 ? hh : 200 - hh) * 100 : 0,
+		l: hh / 2,
+		a
+	};
+}
+function hslaToHsva(hsla) {
+	const { h, s, l, a } = hsla;
+	const ss = s * (l < 50 ? l : 100 - l) / 100;
+	return {
+		h,
+		s: ss > 0 ? 2 * ss / (l + ss) * 100 : 0,
+		v: l + ss,
+		a
+	};
+}
+function hwbaToHsva(hwba) {
+	const { h, a } = hwba;
+	let { w, b } = hwba;
+	const sum = w + b;
+	if (sum >= 100) {
+		const grey = w / sum * 100;
+		w = grey;
+		b = 100 - grey;
+		return {
+			h,
+			s: 0,
+			v: grey,
+			a
+		};
+	}
+	const v = 100 - b;
+	return {
+		h,
+		s: v === 0 ? 0 : (1 - w / v) * 100,
+		v,
+		a
+	};
+}
+function hsvaToHwba(hsva) {
+	const { h, s, v, a } = hsva;
+	return {
+		h,
+		w: (100 - s) * v / 100,
+		b: 100 - v,
+		a
+	};
+}
+function hsvaToRgb(hsva) {
+	const { r, g, b } = hsvaToRgba(hsva);
+	return {
+		r,
+		g,
+		b
+	};
+}
+function hsvaToHsl(hsva) {
+	const { h, s, l } = hsvaToHsla(hsva);
+	return {
+		h,
+		s,
+		l
+	};
+}
+function roundRgba(rgba) {
+	return {
+		r: Math.round(clamp(rgba.r, 0, 255)),
+		g: Math.round(clamp(rgba.g, 0, 255)),
+		b: Math.round(clamp(rgba.b, 0, 255)),
+		a: clamp(rgba.a, 0, 1)
+	};
+}
+//#endregion
+exports.clamp = clamp;
+exports.hslaToHsva = hslaToHsva;
+exports.hsvaToHsl = hsvaToHsl;
+exports.hsvaToHsla = hsvaToHsla;
+exports.hsvaToHwba = hsvaToHwba;
+exports.hsvaToRgb = hsvaToRgb;
+exports.hsvaToRgba = hsvaToRgba;
+exports.hwbaToHsva = hwbaToHsva;
+exports.normalizeHue = normalizeHue;
+exports.rgbaToHsva = rgbaToHsva;
+exports.roundRgba = roundRgba;

package/dist/color/convert.d.cts

@@ -0,0 +1,16 @@
+import { Hsl, Hsla, Hsva, Hwba, Rgb, Rgba } from "./types.cjs";
+//#region src/color/convert.d.ts
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function normalizeHue(h: number): number;
+export declare function rgbaToHsva(rgba: Rgba): Hsva;
+export declare function hsvaToRgba(hsva: Hsva): Rgba;
+export declare function hsvaToHsla(hsva: Hsva): Hsla;
+export declare function hslaToHsva(hsla: Hsla & {
+  a: number;
+}): Hsva;
+export declare function hwbaToHsva(hwba: Hwba): Hsva;
+export declare function hsvaToHwba(hsva: Hsva): Hwba;
+export declare function hsvaToRgb(hsva: Hsva): Rgb;
+export declare function hsvaToHsl(hsva: Hsva): Hsl;
+export declare function roundRgba(rgba: Rgba): Rgba;
+//#endregion

package/dist/color/convert.d.ts

@@ -0,0 +1,16 @@
+import { Hsl, Hsla, Hsva, Hwba, Rgb, Rgba } from "./types.js";
+//#region src/color/convert.d.ts
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function normalizeHue(h: number): number;
+export declare function rgbaToHsva(rgba: Rgba): Hsva;
+export declare function hsvaToRgba(hsva: Hsva): Rgba;
+export declare function hsvaToHsla(hsva: Hsva): Hsla;
+export declare function hslaToHsva(hsla: Hsla & {
+  a: number;
+}): Hsva;
+export declare function hwbaToHsva(hwba: Hwba): Hsva;
+export declare function hsvaToHwba(hsva: Hsva): Hwba;
+export declare function hsvaToRgb(hsva: Hsva): Rgb;
+export declare function hsvaToHsl(hsva: Hsva): Hsl;
+export declare function roundRgba(rgba: Rgba): Rgba;
+//#endregion