@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/color/color/oklch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oklch.js","names":[],"sources":["../../../src/color/color/oklch.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/color/Color.ts.\n * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { Color } from \"../types\";\n\nfunction multiplyMatrix(\n  m: [number, number, number, number, number, number, number, number, number],\n  x: number,\n  y: number,\n  z: number\n): [number, number, number] {\n  const a = m[0] * x + m[1] * y + m[2] * z;\n  const b = m[3] * x + m[4] * y + m[5] * z;\n  const c = m[6] * x + m[7] * y + m[8] * z;\n\n  return [a, b, c];\n}\n\nfunction lin_sRGB_component(val: number) {\n  const sign = val < 0 ? -1 : 1;\n  const abs = Math.abs(val);\n\n  if (abs <= 0.04045) {\n    return val / 12.92;\n  }\n\n  return sign * ((abs + 0.055) / 1.055) ** 2.4;\n}\n\nfunction lin_sRGB(r: number, g: number, b: number): [number, number, number] {\n  // convert an array of sRGB values\n  // where in-gamut values are in the range [0 - 1]\n  // to linear light (un-companded) form.\n  // https://en.wikipedia.org/wiki/SRGB\n  // Extended transfer function:\n  // for negative values,  linear portion is extended on reflection of axis,\n  // then reflected power function is used.\n  return [lin_sRGB_component(r), lin_sRGB_component(g), lin_sRGB_component(b)];\n}\n\nfunction lin_sRGB_to_XYZ(r: number, g: number, b: number) {\n  // convert an array of linear-light sRGB values to CIE XYZ\n  // using sRGB's own white, D65 (no chromatic adaptation)\n  const M: [\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n  ] = [\n    506_752 / 1_228_815,\n    87_881 / 245_763,\n    12_673 / 70_218,\n    87_098 / 409_605,\n    175_762 / 245_763,\n    12_673 / 175_545,\n    7918 / 409_605,\n    87_881 / 737_289,\n    1_001_167 / 1_053_270,\n  ];\n\n  return multiplyMatrix(M, r, g, b);\n}\n\nfunction XYZ_to_OKLab(x: number, y: number, z: number) {\n  // Given XYZ relative to D65, convert to OKLab\n  const XYZtoLMS: [\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n  ] = [\n    0.819022437996703, 0.3619062600528904, -0.1288737815209879,\n    0.0329836539323885, 0.9292868615863434, 0.0361446663506424,\n    0.0481771893596242, 0.2642395317527308, 0.6335478284694309,\n  ];\n\n  const LMStoOKLab: [\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n    number,\n  ] = [\n    0.210454268309314, 0.7936177747023054, -0.0040720430116193,\n    1.9779985324311684, -2.4285922420485799, 0.450593709617411,\n    0.0259040424655478, 0.7827717124575296, -0.8086757549230774,\n  ];\n\n  const [a, b, c] = multiplyMatrix(XYZtoLMS, x, y, z);\n\n  return multiplyMatrix(LMStoOKLab, Math.cbrt(a), Math.cbrt(b), Math.cbrt(c));\n}\n\nfunction OKLab_to_OKLCH(\n  l: number,\n  a: number,\n  b: number\n): [number, number, number] {\n  const hue = (Math.atan2(b, a) * 180) / Math.PI;\n\n  return [l, Math.hypot(a, b), hue >= 0 ? hue : hue + 360];\n}\n\n// https://www.w3.org/TR/css-color-4/#color-conversion-code\nexport function toOKLCH(color: Pick<Color, \"toFormat\">) {\n  const rgb = color.toFormat(\"rgb\");\n  let red = rgb.getChannelValue(\"red\") / 255;\n  let green = rgb.getChannelValue(\"green\") / 255;\n  let blue = rgb.getChannelValue(\"blue\") / 255;\n  [red, green, blue] = lin_sRGB(red, green, blue);\n  const [x, y, z] = lin_sRGB_to_XYZ(red, green, blue);\n  const [l, a, b] = XYZ_to_OKLab(x, y, z);\n\n  return OKLab_to_OKLCH(l, a, b);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,SAAS,eACP,GACA,GACA,GACA,GAC0B;CAK1B,OAAO;EAJG,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,KAAK;EAC7B,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,KAAK;EAC7B,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,KAAK;CAExB;AACjB;AAEA,SAAS,mBAAmB,KAAa;CACvC,MAAM,OAAO,MAAM,IAAI,KAAK;CAC5B,MAAM,MAAM,KAAK,IAAI,GAAG;CAExB,IAAI,OAAO,QACT,OAAO,MAAM;CAGf,OAAO,SAAS,MAAM,QAAS,UAAU;AAC3C;AAEA,SAAS,SAAS,GAAW,GAAW,GAAqC;CAQ3E,OAAO;EAAC,mBAAmB,CAAC;EAAG,mBAAmB,CAAC;EAAG,mBAAmB,CAAC;CAAC;AAC7E;AAEA,SAAS,gBAAgB,GAAW,GAAW,GAAW;CAyBxD,OAAO,eAAe;EAXpB,SAAU;EACV,QAAS;EACT,QAAS;EACT,QAAS;EACT,SAAU;EACV,QAAS;EACT,OAAO;EACP,QAAS;EACT,UAAY;CAGQ,GAAG,GAAG,GAAG,CAAC;AAClC;AAEA,SAAS,aAAa,GAAW,GAAW,GAAW;CAErD,MAAM,WAUF;EACF;EAAmB;EAAoB;EACvC;EAAoB;EAAoB;EACxC;EAAoB;EAAoB;CAC1C;CAEA,MAAM,aAUF;EACF;EAAmB;EAAoB;EACvC;EAAoB;EAAqB;EACzC;EAAoB;EAAoB;CAC1C;CAEA,MAAM,CAAC,GAAG,GAAG,KAAK,eAAe,UAAU,GAAG,GAAG,CAAC;CAElD,OAAO,eAAe,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC;AAC5E;AAEA,SAAS,eACP,GACA,GACA,GAC0B;CAC1B,MAAM,MAAO,KAAK,MAAM,GAAG,CAAC,IAAI,MAAO,KAAK;CAE5C,OAAO;EAAC;EAAG,KAAK,MAAM,GAAG,CAAC;EAAG,OAAO,IAAI,MAAM,MAAM;CAAG;AACzD;AAGA,SAAgB,QAAQ,OAAgC;CACtD,MAAM,MAAM,MAAM,SAAS,KAAK;CAChC,IAAI,MAAM,IAAI,gBAAgB,KAAK,IAAI;CACvC,IAAI,QAAQ,IAAI,gBAAgB,OAAO,IAAI;CAC3C,IAAI,OAAO,IAAI,gBAAgB,MAAM,IAAI;CACzC,CAAC,KAAK,OAAO,QAAQ,SAAS,KAAK,OAAO,IAAI;CAC9C,MAAM,CAAC,GAAG,GAAG,KAAK,gBAAgB,KAAK,OAAO,IAAI;CAClD,MAAM,CAAC,GAAG,GAAG,KAAK,aAAa,GAAG,GAAG,CAAC;CAEtC,OAAO,eAAe,GAAG,GAAG,CAAC;AAC/B"}

package/dist/color/color/rgb-color.d.ts

@@ -0,0 +1,24 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/Color.ts.
+ * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting;
+ * added explicit constructor types for declaration emission.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { Color } from "../types.js";
+import { ColorConstructors } from "./color-constructors.js";
+export declare function createRGBColorClass(getColorClasses: () => ColorConstructors): ColorConstructors["RGBColor"] & {
+  colorChannels: ReturnType<Color["getColorChannels"]>;
+  parse: (value: string) => Color | undefined;
+};
+//# sourceMappingURL=rgb-color.d.ts.map

package/dist/color/color/rgb-color.js

@@ -0,0 +1,230 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/Color.ts.
+ * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting;
+ * added explicit constructor types for declaration emission.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { clamp, toFixedNumber } from "../../utils/number.js";
+import { Color } from "./base-color.js";
+import { NumberFormatter } from "@internationalized/number";
+// src/color/color/rgb-color.ts
+function createRGBColorClass(getColorClasses) {
+	return class RGBColor extends Color {
+		red;
+		green;
+		blue;
+		alpha;
+		constructor(red, green, blue, alpha) {
+			super();
+			this.red = red;
+			this.green = green;
+			this.blue = blue;
+			this.alpha = alpha;
+		}
+		static parse(value) {
+			let colors = [];
+			if (/^#[\da-f]+$/iu.test(value) && [
+				4,
+				5,
+				7,
+				9
+			].includes(value.length)) {
+				const values = (value.length < 6 ? value.replaceAll(/[^#]/giu, "$&$&") : value).slice(1).split("");
+				while (values.length > 0) colors.push(Number.parseInt(values.splice(0, 2).join(""), 16));
+				colors[3] = colors[3] === void 0 ? void 0 : colors[3] / 255;
+			}
+			const match = /^rgba?\((?<components>.*)\)$/u.exec(value);
+			if (match?.groups?.components !== void 0 && match.groups.components !== "") {
+				const parts = match.groups.components.split(",").map((part) => part.trim());
+				if (parts.some((part) => part === "" || !Number.isFinite(Number(part)))) return;
+				colors = parts.map((part, i) => clamp(Number(part), 0, i < 3 ? 255 : 1));
+			}
+			if (colors[0] === void 0 || colors[1] === void 0 || colors[2] === void 0) return;
+			return colors.length < 3 ? void 0 : new RGBColor(colors[0], colors[1], colors[2], colors[3] ?? 1);
+		}
+		toString(format = "css") {
+			switch (format) {
+				case "hex": return `#${(this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0")).toUpperCase()}`;
+				case "hexa": return `#${(this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0") + Math.round(this.alpha * 255).toString(16).padStart(2, "0")).toUpperCase()}`;
+				case "rgb": return `rgb(${this.red}, ${this.green}, ${this.blue})`;
+				case "css":
+				case "rgba": return `rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;
+				case "hsb":
+				case "hsba":
+				case "hsl":
+				case "hsla": return this.toFormat(format).toString(format);
+				default: throw new Error("Unsupported color format");
+			}
+		}
+		toFormat(format) {
+			switch (format) {
+				case "hex":
+				case "hexa":
+				case "rgb":
+				case "rgba": return this;
+				case "hsb":
+				case "hsba": return this.toHSB();
+				case "hsl":
+				case "hsla": return this.toHSL();
+				default: throw new Error("Unsupported color conversion from rgb");
+			}
+		}
+		toHexInt() {
+			return this.red << 16 | this.green << 8 | this.blue;
+		}
+		/**
+		* Converts an RGB color value to HSB.
+		* Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
+		*
+		* @returns An HSBColor object.
+		*/
+		toHSB() {
+			const red = this.red / 255;
+			const green = this.green / 255;
+			const blue = this.blue / 255;
+			const min = Math.min(red, green, blue);
+			const brightness = Math.max(red, green, blue);
+			const chroma = brightness - min;
+			const saturation = brightness === 0 ? 0 : chroma / brightness;
+			let hue = 0;
+			if (chroma !== 0) {
+				switch (brightness) {
+					case red:
+						hue = (green - blue) / chroma + (green < blue ? 6 : 0);
+						break;
+					case green:
+						hue = (blue - red) / chroma + 2;
+						break;
+					default: hue = (red - green) / chroma + 4;
+				}
+				hue /= 6;
+			}
+			return new (getColorClasses()).HSBColor(toFixedNumber(hue * 360, 2), toFixedNumber(saturation * 100, 2), toFixedNumber(brightness * 100, 2), this.alpha);
+		}
+		/**
+		* Converts an RGB color value to HSL.
+		* Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
+		*
+		* @returns An HSLColor object.
+		*/
+		toHSL() {
+			const red = this.red / 255;
+			const green = this.green / 255;
+			const blue = this.blue / 255;
+			const min = Math.min(red, green, blue);
+			const max = Math.max(red, green, blue);
+			const lightness = (max + min) / 2;
+			const chroma = max - min;
+			let hue;
+			let saturation;
+			if (chroma === 0) {
+				hue = 0;
+				saturation = 0;
+			} else {
+				saturation = chroma / (lightness < .5 ? max + min : 2 - max - min);
+				switch (max) {
+					case red:
+						hue = (green - blue) / chroma + (green < blue ? 6 : 0);
+						break;
+					case green:
+						hue = (blue - red) / chroma + 2;
+						break;
+					default: hue = (red - green) / chroma + 4;
+				}
+				hue /= 6;
+			}
+			return new (getColorClasses()).HSLColor(toFixedNumber(hue * 360, 2), toFixedNumber(saturation * 100, 2), toFixedNumber(lightness * 100, 2), this.alpha);
+		}
+		getChannelValue(channel) {
+			const value = {
+				alpha: this.alpha,
+				blue: this.blue,
+				green: this.green,
+				red: this.red
+			}[channel];
+			if (value === void 0) throw new Error(`Unsupported color channel: ${channel}`);
+			return value;
+		}
+		withChannelValue(channel, value) {
+			this.getChannelValue(channel);
+			return new RGBColor(channel === "red" ? value : this.red, channel === "green" ? value : this.green, channel === "blue" ? value : this.blue, channel === "alpha" ? value : this.alpha);
+		}
+		clone() {
+			return new RGBColor(this.red, this.green, this.blue, this.alpha);
+		}
+		channelRanges = {
+			alpha: {
+				maxValue: 1,
+				minValue: 0,
+				pageSize: .1,
+				step: .01
+			},
+			blue: {
+				maxValue: 255,
+				minValue: 0,
+				pageSize: 17,
+				step: 1
+			},
+			green: {
+				maxValue: 255,
+				minValue: 0,
+				pageSize: 17,
+				step: 1
+			},
+			red: {
+				maxValue: 255,
+				minValue: 0,
+				pageSize: 17,
+				step: 1
+			}
+		};
+		getChannelRange(channel) {
+			const value = this.channelRanges[channel];
+			if (value === void 0) throw new Error(`Unknown color channel: ${channel}`);
+			return value;
+		}
+		channelFormatOptions = {
+			alpha: { style: "percent" },
+			blue: { style: "decimal" },
+			green: { style: "decimal" },
+			red: { style: "decimal" }
+		};
+		getChannelFormatOptions(channel) {
+			const value = this.channelFormatOptions[channel];
+			if (value === void 0) throw new Error(`Unknown color channel: ${channel}`);
+			return value;
+		}
+		formatChannelValue(channel, locale) {
+			const options = this.getChannelFormatOptions(channel);
+			const value = this.getChannelValue(channel);
+			return new NumberFormatter(locale, options).format(value);
+		}
+		colorSpace = "rgb";
+		getColorSpace() {
+			return this.colorSpace;
+		}
+		static colorChannels = [
+			"red",
+			"green",
+			"blue"
+		];
+		colorChannels = RGBColor.colorChannels;
+		getColorChannels() {
+			return this.colorChannels;
+		}
+	};
+}
+export { createRGBColorClass };
+
+//# sourceMappingURL=rgb-color.js.map

package/dist/color/color/rgb-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgb-color.js","names":[],"sources":["../../../src/color/color/rgb-color.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/color/Color.ts.\n * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting;\n * added explicit constructor types for declaration emission.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { NumberFormatter } from \"@internationalized/number\";\n\nimport { clamp, toFixedNumber } from \"../../utils/number\";\nimport type {\n  ColorChannel,\n  ColorChannelRange,\n  ColorFormat,\n  ColorSpace,\n  Color as IColor,\n} from \"../types\";\nimport { Color } from \"./base-color\";\nimport type { ColorConstructors } from \"./color-constructors\";\n\nexport function createRGBColorClass(\n  getColorClasses: () => ColorConstructors\n): ColorConstructors[\"RGBColor\"] & {\n  colorChannels: ReturnType<IColor[\"getColorChannels\"]>;\n  parse: (value: string) => IColor | undefined;\n} {\n  return class RGBColor extends Color {\n    private readonly red: number;\n    private readonly green: number;\n    private readonly blue: number;\n    private readonly alpha: number;\n\n    constructor(red: number, green: number, blue: number, alpha: number) {\n      super();\n      this.red = red;\n      this.green = green;\n      this.blue = blue;\n      this.alpha = alpha;\n    }\n\n    static parse(value: string): RGBColor | undefined {\n      let colors: (number | undefined)[] = [];\n\n      // matching #rgb, #rgba, #rrggbb, #rrggbbaa\n      if (/^#[\\da-f]+$/iu.test(value) && [4, 5, 7, 9].includes(value.length)) {\n        const values = (\n          value.length < 6 ? value.replaceAll(/[^#]/giu, \"$&$&\") : value\n        )\n          .slice(1)\n          .split(\"\");\n\n        while (values.length > 0) {\n          colors.push(Number.parseInt(values.splice(0, 2).join(\"\"), 16));\n        }\n\n        colors[3] = colors[3] === undefined ? undefined : colors[3] / 255;\n      }\n\n      // matching rgb(rrr, ggg, bbb), rgba(rrr, ggg, bbb, 0.a)\n      const match = /^rgba?\\((?<components>.*)\\)$/u.exec(value);\n\n      if (\n        match?.groups?.components !== undefined &&\n        match.groups.components !== \"\"\n      ) {\n        const parts = match.groups.components\n          .split(\",\")\n          .map((part) => part.trim());\n\n        // Number('') is 0 rather than NaN, so empty components need their own check.\n        if (\n          parts.some((part) => part === \"\" || !Number.isFinite(Number(part)))\n        ) {\n          return undefined;\n        }\n\n        colors = parts.map((part, i) =>\n          clamp(Number(part), 0, i < 3 ? 255 : 1)\n        );\n      }\n\n      if (\n        colors[0] === undefined ||\n        colors[1] === undefined ||\n        colors[2] === undefined\n      ) {\n        return undefined;\n      }\n\n      return colors.length < 3\n        ? undefined\n        : new RGBColor(colors[0], colors[1], colors[2], colors[3] ?? 1);\n    }\n\n    toString(format: ColorFormat | \"css\" = \"css\") {\n      switch (format) {\n        case \"hex\": {\n          return `#${(\n            this.red.toString(16).padStart(2, \"0\") +\n            this.green.toString(16).padStart(2, \"0\") +\n            this.blue.toString(16).padStart(2, \"0\")\n          ).toUpperCase()}`;\n        }\n\n        case \"hexa\": {\n          return `#${(\n            this.red.toString(16).padStart(2, \"0\") +\n            this.green.toString(16).padStart(2, \"0\") +\n            this.blue.toString(16).padStart(2, \"0\") +\n            Math.round(this.alpha * 255)\n              .toString(16)\n              .padStart(2, \"0\")\n          ).toUpperCase()}`;\n        }\n\n        case \"rgb\": {\n          return `rgb(${this.red}, ${this.green}, ${this.blue})`;\n        }\n\n        case \"css\":\n        case \"rgba\": {\n          return `rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;\n        }\n\n        case \"hsb\":\n        case \"hsba\":\n        case \"hsl\":\n        case \"hsla\": {\n          return this.toFormat(format).toString(format);\n        }\n\n        default: {\n          throw new Error(\"Unsupported color format\");\n        }\n      }\n    }\n\n    toFormat(format: ColorFormat): IColor {\n      switch (format) {\n        case \"hex\":\n        case \"hexa\":\n        case \"rgb\":\n        case \"rgba\": {\n          return this;\n        }\n\n        case \"hsb\":\n        case \"hsba\": {\n          return this.toHSB();\n        }\n\n        case \"hsl\":\n        case \"hsla\": {\n          return this.toHSL();\n        }\n\n        default: {\n          throw new Error(\"Unsupported color conversion from rgb\");\n        }\n      }\n    }\n\n    override toHexInt(): number {\n      // oxlint-disable-next-line no-bitwise -- Pack channels into a 24-bit integer, truncating fractional values.\n      return (this.red << 16) | (this.green << 8) | this.blue;\n    }\n\n    /**\n     * Converts an RGB color value to HSB.\n     * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.\n     *\n     * @returns An HSBColor object.\n     */\n    private toHSB(): IColor {\n      const red = this.red / 255;\n      const green = this.green / 255;\n      const blue = this.blue / 255;\n      const min = Math.min(red, green, blue);\n      const brightness = Math.max(red, green, blue);\n      const chroma = brightness - min;\n      const saturation = brightness === 0 ? 0 : chroma / brightness;\n      // Achromatic colors have zero hue.\n      let hue = 0;\n\n      if (chroma !== 0) {\n        switch (brightness) {\n          case red: {\n            hue = (green - blue) / chroma + (green < blue ? 6 : 0);\n            break;\n          }\n\n          case green: {\n            hue = (blue - red) / chroma + 2;\n            break;\n          }\n\n          default: {\n            hue = (red - green) / chroma + 4;\n            break;\n          }\n        }\n\n        hue /= 6;\n      }\n\n      return new (getColorClasses().HSBColor)(\n        toFixedNumber(hue * 360, 2),\n        toFixedNumber(saturation * 100, 2),\n        toFixedNumber(brightness * 100, 2),\n        this.alpha\n      );\n    }\n\n    /**\n     * Converts an RGB color value to HSL.\n     * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.\n     *\n     * @returns An HSLColor object.\n     */\n    private toHSL(): IColor {\n      const red = this.red / 255;\n      const green = this.green / 255;\n      const blue = this.blue / 255;\n      const min = Math.min(red, green, blue);\n      const max = Math.max(red, green, blue);\n      const lightness = (max + min) / 2;\n      const chroma = max - min;\n      let hue: number;\n      let saturation: number;\n\n      if (chroma === 0) {\n        // Achromatic colors have zero hue and saturation.\n        hue = 0;\n        saturation = 0;\n      } else {\n        saturation = chroma / (lightness < 0.5 ? max + min : 2 - max - min);\n\n        switch (max) {\n          case red: {\n            hue = (green - blue) / chroma + (green < blue ? 6 : 0);\n            break;\n          }\n\n          case green: {\n            hue = (blue - red) / chroma + 2;\n            break;\n          }\n\n          default: {\n            hue = (red - green) / chroma + 4;\n            break;\n          }\n        }\n\n        hue /= 6;\n      }\n\n      return new (getColorClasses().HSLColor)(\n        toFixedNumber(hue * 360, 2),\n        toFixedNumber(saturation * 100, 2),\n        toFixedNumber(lightness * 100, 2),\n        this.alpha\n      );\n    }\n\n    getChannelValue(channel: ColorChannel): number {\n      const values: Partial<Record<ColorChannel, number>> = {\n        alpha: this.alpha,\n        blue: this.blue,\n        green: this.green,\n        red: this.red,\n      };\n\n      const value = values[channel];\n\n      if (value === undefined) {\n        throw new Error(`Unsupported color channel: ${channel}`);\n      }\n\n      return value;\n    }\n\n    withChannelValue(channel: ColorChannel, value: number): IColor {\n      this.getChannelValue(channel);\n\n      return new RGBColor(\n        channel === \"red\" ? value : this.red,\n        channel === \"green\" ? value : this.green,\n        channel === \"blue\" ? value : this.blue,\n        channel === \"alpha\" ? value : this.alpha\n      );\n    }\n\n    clone(): IColor {\n      return new RGBColor(this.red, this.green, this.blue, this.alpha);\n    }\n\n    private readonly channelRanges: Partial<\n      Record<ColorChannel, ColorChannelRange>\n    > = {\n      alpha: { maxValue: 1, minValue: 0, pageSize: 0.1, step: 0.01 },\n      blue: { maxValue: 255, minValue: 0, pageSize: 17, step: 1 },\n      green: { maxValue: 255, minValue: 0, pageSize: 17, step: 1 },\n      red: { maxValue: 255, minValue: 0, pageSize: 17, step: 1 },\n    };\n\n    getChannelRange(channel: ColorChannel): ColorChannelRange {\n      const value = this.channelRanges[channel];\n\n      if (value === undefined) {\n        throw new Error(`Unknown color channel: ${channel}`);\n      }\n\n      return value;\n    }\n\n    private readonly channelFormatOptions: Partial<\n      Record<ColorChannel, Intl.NumberFormatOptions>\n    > = {\n      alpha: { style: \"percent\" },\n      blue: { style: \"decimal\" },\n      green: { style: \"decimal\" },\n      red: { style: \"decimal\" },\n    };\n\n    getChannelFormatOptions(channel: ColorChannel): Intl.NumberFormatOptions {\n      const value = this.channelFormatOptions[channel];\n\n      if (value === undefined) {\n        throw new Error(`Unknown color channel: ${channel}`);\n      }\n\n      return value;\n    }\n\n    formatChannelValue(channel: ColorChannel, locale: string) {\n      const options = this.getChannelFormatOptions(channel);\n      const value = this.getChannelValue(channel);\n\n      return new NumberFormatter(locale, options).format(value);\n    }\n\n    private readonly colorSpace: ColorSpace = \"rgb\";\n\n    getColorSpace(): ColorSpace {\n      return this.colorSpace;\n    }\n\n    static colorChannels: [ColorChannel, ColorChannel, ColorChannel] = [\n      \"red\",\n      \"green\",\n      \"blue\",\n    ];\n    private readonly colorChannels = RGBColor.colorChannels;\n\n    getColorChannels(): [ColorChannel, ColorChannel, ColorChannel] {\n      return this.colorChannels;\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/color/color.d.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/Color.ts.
+ * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { Color, ColorChannel, ColorSpace } from "./types.js";
+import { normalizeHue } from "./color/normalize-hue.js";
+/** Parses a color from a string value. Throws an error if the string could not be parsed. */
+export declare function parseColor(value: string): Color;
+export declare function normalizeColor(v: string | Color): Color;
+/** Returns a list of color channels for a given color space. */
+export declare function getColorChannels(colorSpace: ColorSpace): [ColorChannel, ColorChannel, ColorChannel];
+export { normalizeHue };
+//# sourceMappingURL=color.d.ts.map

package/dist/color/color.js

@@ -0,0 +1,41 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/Color.ts.
+ * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { normalizeHue } from "./color/normalize-hue.js";
+import { HSBColor, HSLColor, RGBColor } from "./color/color-classes.js";
+// src/color/color.ts
+/** Parses a color from a string value. Throws an error if the string could not be parsed. */
+function parseColor(value) {
+	const res = RGBColor.parse(value) ?? HSBColor.parse(value) ?? HSLColor.parse(value);
+	if (res) return res;
+	throw new Error(`Invalid color value: ${value}`);
+}
+function normalizeColor(v) {
+	if (typeof v === "string") return parseColor(v);
+	return v;
+}
+/** Returns a list of color channels for a given color space. */
+function getColorChannels(colorSpace) {
+	switch (colorSpace) {
+		case "rgb": return RGBColor.colorChannels;
+		case "hsl": return HSLColor.colorChannels;
+		case "hsb": return HSBColor.colorChannels;
+		default: return RGBColor.colorChannels;
+	}
+}
+export { getColorChannels, normalizeColor, normalizeHue, parseColor };
+
+//# sourceMappingURL=color.js.map

package/dist/color/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":[],"sources":["../../src/color/color.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/color/Color.ts.\n * Modified for Solid Aria: reorganized color code, type declarations, imports, and formatting.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { RGBColor, HSBColor, HSLColor } from \"./color/color-classes\";\nimport type { ColorChannel, ColorSpace, Color as IColor } from \"./types\";\n\nexport { normalizeHue } from \"./color/normalize-hue\";\n\n/** Parses a color from a string value. Throws an error if the string could not be parsed. */\nexport function parseColor(value: string): IColor {\n  const res =\n    RGBColor.parse(value) ?? HSBColor.parse(value) ?? HSLColor.parse(value);\n\n  if (res) {\n    return res;\n  }\n\n  throw new Error(`Invalid color value: ${value}`);\n}\n\nexport function normalizeColor(v: string | IColor): IColor {\n  if (typeof v === \"string\") {\n    return parseColor(v);\n  }\n\n  return v;\n}\n\n/** Returns a list of color channels for a given color space. */\nexport function getColorChannels(\n  colorSpace: ColorSpace\n): [ColorChannel, ColorChannel, ColorChannel] {\n  switch (colorSpace) {\n    case \"rgb\": {\n      return RGBColor.colorChannels;\n    }\n\n    case \"hsl\": {\n      return HSLColor.colorChannels;\n    }\n\n    case \"hsb\": {\n      return HSBColor.colorChannels;\n    }\n\n    default: {\n      return RGBColor.colorChannels;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,WAAW,OAAuB;CAChD,MAAM,MACJ,SAAS,MAAM,KAAK,KAAK,SAAS,MAAM,KAAK,KAAK,SAAS,MAAM,KAAK;CAExE,IAAI,KACF,OAAO;CAGT,MAAM,IAAI,MAAM,wBAAwB,OAAO;AACjD;AAEA,SAAgB,eAAe,GAA4B;CACzD,IAAI,OAAO,MAAM,UACf,OAAO,WAAW,CAAC;CAGrB,OAAO;AACT;;AAGA,SAAgB,iBACd,YAC4C;CAC5C,QAAQ,YAAR;EACE,KAAK,OACH,OAAO,SAAS;EAGlB,KAAK,OACH,OAAO,SAAS;EAGlB,KAAK,OACH,OAAO,SAAS;EAGlB,SACE,OAAO,SAAS;CAEpB;AACF"}

package/dist/color/create-color-area-state.d.ts

@@ -0,0 +1,105 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/useColorAreaState.ts.
+ * Modified for Solid Aria: adapted reactive state and public APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { Color, ColorChannel, ColorSpace } from "./types.js";
+import { ValueBase } from "@solid2-aria/types-shared";
+export interface ColorAreaProps extends Omit<ValueBase<string | Color>, "onChange"> {
+  /**
+   * The color space that the color area operates in. The `xChannel` and `yChannel` must be in this
+   * color space. If not provided, this defaults to the color space of the `color` or `defaultColor`
+   * value.
+   */
+  colorSpace?: ColorSpace;
+  /** Color channel for the horizontal axis. */
+  xChannel?: ColorChannel;
+  /** Color channel for the vertical axis. */
+  yChannel?: ColorChannel;
+  /** Whether the ColorArea is disabled. */
+  isDisabled?: boolean;
+  /** Handler that is called when the value changes, as the user drags. */
+  onChange?: (value: Color) => void;
+  /** Handler that is called when the user stops dragging. */
+  onChangeEnd?: (value: Color) => void;
+}
+export interface ColorAreaState {
+  /** The current color value displayed by the color area. */
+  readonly value: Color;
+  /** The default value of the color area. */
+  readonly defaultValue: Color;
+  /** Sets the current color value. If a string is passed, it will be parsed to a Color. */
+  setValue: (value: string | Color) => void;
+  /** The current value of the horizontal axis channel displayed by the color area. */
+  xValue: number;
+  /**
+   * Sets the value for the horizontal axis channel displayed by the color area, and triggers
+   * `onChange`.
+   */
+  setXValue: (value: number) => void;
+  /** The current value of the vertical axis channel displayed by the color area. */
+  yValue: number;
+  /**
+   * Sets the value for the vertical axis channel displayed by the color area, and triggers
+   * `onChange`.
+   */
+  setYValue: (value: number) => void;
+  /**
+   * Sets the x and y channels of the current color value based on a percentage of the width and
+   * height of the color area, and triggers `onChange`.
+   */
+  setColorFromPoint: (x: number, y: number) => void;
+  /**
+   * Returns the coordinates of the thumb relative to the upper left corner of the color area as a
+   * percentage.
+   */
+  getThumbPosition: () => {
+    x: number;
+    y: number;
+  };
+  /** Increments the value of the horizontal axis channel by the channel step or page amount. */
+  incrementX: (stepSize?: number) => void;
+  /** Decrements the value of the horizontal axis channel by the channel step or page amount. */
+  decrementX: (stepSize?: number) => void;
+  /** Increments the value of the vertical axis channel by the channel step or page amount. */
+  incrementY: (stepSize?: number) => void;
+  /** Decrements the value of the vertical axis channel by the channel step or page amount. */
+  decrementY: (stepSize?: number) => void;
+  /** Whether the color area is currently being dragged. */
+  readonly isDragging: boolean;
+  /** Sets whether the color area is being dragged. */
+  setDragging: (value: boolean) => void;
+  /** Returns the xChannel, yChannel and zChannel names based on the color value. */
+  channels: {
+    xChannel: ColorChannel;
+    yChannel: ColorChannel;
+    zChannel: ColorChannel;
+  };
+  /** The step value of the xChannel, used when incrementing and decrementing. */
+  xChannelStep: number;
+  /** The step value of the yChannel, used when incrementing and decrementing. */
+  yChannelStep: number;
+  /** The page step value of the xChannel, used when incrementing and decrementing. */
+  xChannelPageStep: number;
+  /** The page step value of the yChannel, used when incrementing and decrementing. */
+  yChannelPageStep: number;
+  /** Returns the color that should be displayed in the color area thumb instead of `value`. */
+  getDisplayColor: () => Color;
+}
+/**
+ * Provides state management for a color area component. Color area allows users to adjust two
+ * channels of an HSL, HSB or RGB color value against a two-dimensional gradient background.
+ */
+export declare function createColorAreaState(props: ColorAreaProps): ColorAreaState;
+//# sourceMappingURL=create-color-area-state.d.ts.map

package/dist/color/create-color-area-state.js

@@ -0,0 +1,138 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/color/useColorAreaState.ts.
+ * Modified for Solid Aria: adapted reactive state and public APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { clamp, snapValueToStep } from "../utils/number.js";
+import { normalizeColor, parseColor } from "./color.js";
+import { createMemo, createSignal, untrack } from "solid-js";
+// src/color/create-color-area-state.ts
+const DEFAULT_COLOR = parseColor("#ffffff");
+/**
+* Provides state management for a color area component. Color area allows users to adjust two
+* channels of an HSL, HSB or RGB color value against a two-dimensional gradient background.
+*/
+function createColorAreaState(props) {
+	const defaultValue = () => props.defaultValue !== void 0 && props.defaultValue !== "" ? normalizeColor(props.defaultValue) : DEFAULT_COLOR;
+	const controlledValue = createMemo(() => props.value !== void 0 && props.value !== "" ? normalizeColor(props.value) : void 0);
+	const [colorValue, setColorState] = createControlledSignal(controlledValue, untrack(defaultValue), (v) => props.onChange?.(v));
+	const initialValue = untrack(colorValue);
+	const color = createMemo(() => props.colorSpace ? colorValue().toFormat(props.colorSpace) : colorValue());
+	const channels = createMemo(() => color().getColorSpaceAxes({
+		xChannel: props.xChannel,
+		yChannel: props.yChannel
+	}));
+	const xRange = () => color().getChannelRange(channels().xChannel);
+	const yRange = () => color().getChannelRange(channels().yChannel);
+	const xValue = () => color().getChannelValue(channels().xChannel);
+	const yValue = () => color().getChannelValue(channels().yChannel);
+	const [isDragging, setDragging] = createSignal(false);
+	let dragging = false;
+	let lastValue = untrack(color);
+	const setColor = (value) => {
+		lastValue = value;
+		setColorState(value);
+	};
+	const setXValue = (v) => {
+		if (v !== xValue()) setColor(color().withChannelValue(channels().xChannel, v));
+	};
+	const setYValue = (v) => {
+		if (v !== yValue()) setColor(color().withChannelValue(channels().yChannel, v));
+	};
+	const moveX = (amount) => {
+		const r = xRange();
+		setXValue(amount > 0 && xValue() + amount > r.maxValue ? r.maxValue : snapValueToStep(xValue() + amount, r.minValue, r.maxValue, r.step));
+	};
+	const moveY = (amount) => {
+		const r = yRange();
+		setYValue(amount > 0 && yValue() + amount > r.maxValue ? r.maxValue : snapValueToStep(yValue() + amount, r.minValue, r.maxValue, r.step));
+	};
+	return {
+		get channels() {
+			return channels();
+		},
+		decrementX(s = 1) {
+			moveX(-s);
+		},
+		decrementY(s = 1) {
+			moveY(-s);
+		},
+		get defaultValue() {
+			return props.value === void 0 ? defaultValue() : initialValue;
+		},
+		getDisplayColor() {
+			return color().withChannelValue("alpha", 1);
+		},
+		getThumbPosition() {
+			const x = xRange();
+			const y = yRange();
+			return {
+				x: (xValue() - x.minValue) / (x.maxValue - x.minValue),
+				y: 1 - (yValue() - y.minValue) / (y.maxValue - y.minValue)
+			};
+		},
+		incrementX(s = 1) {
+			moveX(s);
+		},
+		incrementY(s = 1) {
+			moveY(s);
+		},
+		get isDragging() {
+			return isDragging();
+		},
+		setColorFromPoint(x, y) {
+			const xr = xRange();
+			const yr = yRange();
+			const xv = snapValueToStep(xr.minValue + clamp(x, 0, 1) * (xr.maxValue - xr.minValue), xr.minValue, xr.maxValue, xr.step);
+			const yv = snapValueToStep(yr.minValue + (1 - clamp(y, 0, 1)) * (yr.maxValue - yr.minValue), yr.minValue, yr.maxValue, yr.step);
+			if (xv !== xValue() || yv !== yValue()) setColor(color().withChannelValue(channels().xChannel, xv).withChannelValue(channels().yChannel, yv));
+		},
+		setDragging(v) {
+			const wasDragging = dragging;
+			dragging = v;
+			if (wasDragging && !v) props.onChangeEnd?.(lastValue);
+			setDragging(v);
+		},
+		setValue(v) {
+			setColor(normalizeColor(v));
+		},
+		setXValue,
+		setYValue,
+		get value() {
+			return color();
+		},
+		get xChannelPageStep() {
+			return xRange().pageSize;
+		},
+		get xChannelStep() {
+			return xRange().step;
+		},
+		get xValue() {
+			return xValue();
+		},
+		get yChannelPageStep() {
+			return yRange().pageSize;
+		},
+		get yChannelStep() {
+			return yRange().step;
+		},
+		get yValue() {
+			return yValue();
+		}
+	};
+}
+export { createColorAreaState };
+
+//# sourceMappingURL=create-color-area-state.js.map

package/dist/color/create-color-area-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-color-area-state.js","names":[],"sources":["../../src/color/create-color-area-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/color/useColorAreaState.ts.\n * Modified for Solid Aria: adapted reactive state and public APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { ValueBase } from \"@solid2-aria/types-shared\";\nimport { createMemo, createSignal, untrack } from \"solid-js\";\n\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport { clamp, snapValueToStep } from \"../utils/number\";\nimport { normalizeColor, parseColor } from \"./color\";\nimport type { Color, ColorChannel, ColorSpace } from \"./types\";\n\nexport interface ColorAreaProps extends Omit<\n  ValueBase<string | Color>,\n  \"onChange\"\n> {\n  /**\n   * The color space that the color area operates in. The `xChannel` and `yChannel` must be in this\n   * color space. If not provided, this defaults to the color space of the `color` or `defaultColor`\n   * value.\n   */\n  colorSpace?: ColorSpace;\n  /** Color channel for the horizontal axis. */\n  xChannel?: ColorChannel;\n  /** Color channel for the vertical axis. */\n  yChannel?: ColorChannel;\n  /** Whether the ColorArea is disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when the value changes, as the user drags. */\n  onChange?: (value: Color) => void;\n  /** Handler that is called when the user stops dragging. */\n  onChangeEnd?: (value: Color) => void;\n}\n\nexport interface ColorAreaState {\n  /** The current color value displayed by the color area. */\n  readonly value: Color;\n  /** The default value of the color area. */\n  readonly defaultValue: Color;\n  /** Sets the current color value. If a string is passed, it will be parsed to a Color. */\n  setValue: (value: string | Color) => void;\n\n  /** The current value of the horizontal axis channel displayed by the color area. */\n  xValue: number;\n  /**\n   * Sets the value for the horizontal axis channel displayed by the color area, and triggers\n   * `onChange`.\n   */\n  setXValue: (value: number) => void;\n\n  /** The current value of the vertical axis channel displayed by the color area. */\n  yValue: number;\n  /**\n   * Sets the value for the vertical axis channel displayed by the color area, and triggers\n   * `onChange`.\n   */\n  setYValue: (value: number) => void;\n\n  /**\n   * Sets the x and y channels of the current color value based on a percentage of the width and\n   * height of the color area, and triggers `onChange`.\n   */\n  setColorFromPoint: (x: number, y: number) => void;\n  /**\n   * Returns the coordinates of the thumb relative to the upper left corner of the color area as a\n   * percentage.\n   */\n  getThumbPosition: () => { x: number; y: number };\n\n  /** Increments the value of the horizontal axis channel by the channel step or page amount. */\n  incrementX: (stepSize?: number) => void;\n  /** Decrements the value of the horizontal axis channel by the channel step or page amount. */\n  decrementX: (stepSize?: number) => void;\n\n  /** Increments the value of the vertical axis channel by the channel step or page amount. */\n  incrementY: (stepSize?: number) => void;\n  /** Decrements the value of the vertical axis channel by the channel step or page amount. */\n  decrementY: (stepSize?: number) => void;\n\n  /** Whether the color area is currently being dragged. */\n  readonly isDragging: boolean;\n  /** Sets whether the color area is being dragged. */\n  setDragging: (value: boolean) => void;\n\n  /** Returns the xChannel, yChannel and zChannel names based on the color value. */\n  channels: {\n    xChannel: ColorChannel;\n    yChannel: ColorChannel;\n    zChannel: ColorChannel;\n  };\n  /** The step value of the xChannel, used when incrementing and decrementing. */\n  xChannelStep: number;\n  /** The step value of the yChannel, used when incrementing and decrementing. */\n  yChannelStep: number;\n  /** The page step value of the xChannel, used when incrementing and decrementing. */\n  xChannelPageStep: number;\n  /** The page step value of the yChannel, used when incrementing and decrementing. */\n  yChannelPageStep: number;\n\n  /** Returns the color that should be displayed in the color area thumb instead of `value`. */\n  getDisplayColor: () => Color;\n}\n\nconst DEFAULT_COLOR = parseColor(\"#ffffff\");\n\n/**\n * Provides state management for a color area component. Color area allows users to adjust two\n * channels of an HSL, HSB or RGB color value against a two-dimensional gradient background.\n */\n\nexport function createColorAreaState(props: ColorAreaProps): ColorAreaState {\n  const defaultValue = () =>\n    props.defaultValue !== undefined && props.defaultValue !== \"\"\n      ? normalizeColor(props.defaultValue)\n      : DEFAULT_COLOR;\n\n  const controlledValue = createMemo(() =>\n    props.value !== undefined && props.value !== \"\"\n      ? normalizeColor(props.value)\n      : undefined\n  );\n\n  const [colorValue, setColorState] = createControlledSignal(\n    controlledValue,\n    untrack(defaultValue),\n    (v) => props.onChange?.(v)\n  );\n\n  const initialValue = untrack(colorValue);\n\n  const color = createMemo(() =>\n    props.colorSpace ? colorValue().toFormat(props.colorSpace) : colorValue()\n  );\n\n  const channels = createMemo(() =>\n    color().getColorSpaceAxes({\n      xChannel: props.xChannel,\n      yChannel: props.yChannel,\n    })\n  );\n\n  const xRange = () => color().getChannelRange(channels().xChannel);\n  const yRange = () => color().getChannelRange(channels().yChannel);\n  const xValue = () => color().getChannelValue(channels().xChannel);\n  const yValue = () => color().getChannelValue(channels().yChannel);\n  const [isDragging, setDragging] = createSignal(false);\n  let dragging = false;\n  let lastValue = untrack(color);\n\n  const setColor = (value: Color) => {\n    lastValue = value;\n    setColorState(value);\n  };\n\n  const setXValue = (v: number) => {\n    if (v !== xValue()) {\n      setColor(color().withChannelValue(channels().xChannel, v));\n    }\n  };\n\n  const setYValue = (v: number) => {\n    if (v !== yValue()) {\n      setColor(color().withChannelValue(channels().yChannel, v));\n    }\n  };\n\n  const moveX = (amount: number) => {\n    const r = xRange();\n    setXValue(\n      amount > 0 && xValue() + amount > r.maxValue\n        ? r.maxValue\n        : snapValueToStep(xValue() + amount, r.minValue, r.maxValue, r.step)\n    );\n  };\n\n  const moveY = (amount: number) => {\n    const r = yRange();\n    setYValue(\n      amount > 0 && yValue() + amount > r.maxValue\n        ? r.maxValue\n        : snapValueToStep(yValue() + amount, r.minValue, r.maxValue, r.step)\n    );\n  };\n\n  return {\n    get channels() {\n      return channels();\n    },\n    decrementX(s = 1) {\n      moveX(-s);\n    },\n    decrementY(s = 1) {\n      moveY(-s);\n    },\n    get defaultValue() {\n      return props.value === undefined ? defaultValue() : initialValue;\n    },\n    getDisplayColor() {\n      return color().withChannelValue(\"alpha\", 1);\n    },\n    getThumbPosition() {\n      const x = xRange();\n      const y = yRange();\n\n      return {\n        x: (xValue() - x.minValue) / (x.maxValue - x.minValue),\n        y: 1 - (yValue() - y.minValue) / (y.maxValue - y.minValue),\n      };\n    },\n    incrementX(s = 1) {\n      moveX(s);\n    },\n    incrementY(s = 1) {\n      moveY(s);\n    },\n    get isDragging() {\n      return isDragging();\n    },\n    setColorFromPoint(x, y) {\n      const xr = xRange();\n      const yr = yRange();\n\n      const xv = snapValueToStep(\n        xr.minValue + clamp(x, 0, 1) * (xr.maxValue - xr.minValue),\n        xr.minValue,\n        xr.maxValue,\n        xr.step\n      );\n\n      const yv = snapValueToStep(\n        yr.minValue + (1 - clamp(y, 0, 1)) * (yr.maxValue - yr.minValue),\n        yr.minValue,\n        yr.maxValue,\n        yr.step\n      );\n\n      if (xv !== xValue() || yv !== yValue()) {\n        setColor(\n          color()\n            .withChannelValue(channels().xChannel, xv)\n            .withChannelValue(channels().yChannel, yv)\n        );\n      }\n    },\n    setDragging(v) {\n      const wasDragging = dragging;\n      dragging = v;\n\n      if (wasDragging && !v) {\n        props.onChangeEnd?.(lastValue);\n      }\n\n      setDragging(v);\n    },\n    setValue(v) {\n      setColor(normalizeColor(v));\n    },\n    setXValue,\n    setYValue,\n    get value() {\n      return color();\n    },\n    get xChannelPageStep() {\n      return xRange().pageSize;\n    },\n    get xChannelStep() {\n      return xRange().step;\n    },\n    get xValue() {\n      return xValue();\n    },\n    get yChannelPageStep() {\n      return yRange().pageSize;\n    },\n    get yChannelStep() {\n      return yRange().step;\n    },\n    get yValue() {\n      return yValue();\n    },\n  };\n}\n"],"mappings":"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"}