@reforma/components 0.0.0-stage → 0.1.0

package/dist/ColorInput/format.js

@@ -0,0 +1,336 @@
+import { parseColorValue as V } from "../utils/colorValue.js";
+const k = /^([a-z-]+)\((.*)\)$/i, y = /^#?[0-9a-f]{3,8}$/i, M = ["hex", "rgb", "hsl", "hwb", "lab", "lch", "oklab", "oklch", "color", "raw"], v = /* @__PURE__ */ new Set(["hex", "rgb", "hsl"]), H = /* @__PURE__ */ new Set(["rgb", "hsl"]), $ = /* @__PURE__ */ new Set(["hwb", "lab", "lch", "oklab", "oklch", "color"]), I = /* @__PURE__ */ new Set(["srgb", "srgb-linear", "display-p3", "display-p3-linear", "a98-rgb", "prophoto-rgb", "rec2020"]), g = /* @__PURE__ */ new Set(["xyz", "xyz-d50", "xyz-d65"]);
+function K(n, e) {
+  return e === "rgba" ? "rgb" : O(e) && e !== "raw" ? e : e === "raw" ? "raw" : P(n);
+}
+function P(n) {
+  if (!n || typeof n != "string")
+    return "hex";
+  const e = n.trim();
+  if (!e || y.test(e))
+    return "hex";
+  if (/^rgba?\(/i.test(e))
+    return "rgb";
+  if (/^hsla?\(/i.test(e))
+    return "hsl";
+  const t = x(e);
+  return t ? t.format : V(e) ? "hex" : "raw";
+}
+function Q(n, e) {
+  return $.has(e) ? !!x(typeof n == "string" ? n : void 0, e) : !0;
+}
+function q(n) {
+  return H.has(n);
+}
+function nn(n) {
+  return v.has(n);
+}
+function x(n, e) {
+  const t = n?.trim().match(k);
+  if (!t)
+    return null;
+  const r = B(t[1]);
+  if (e && r !== e || !$.has(r))
+    return null;
+  const l = Y(t[2]), i = U(l.alpha ?? "1");
+  if (i == null)
+    return null;
+  if (r === "color")
+    return W(l.channels, i);
+  const o = _(l.channels);
+  if (o.some(p))
+    return null;
+  switch (r) {
+    case "hwb":
+      return D(o, i);
+    case "lab":
+      return E(o, i);
+    case "lch":
+      return R(o, i);
+    case "oklab":
+      return F(o, i);
+    case "oklch":
+      return j(o, i);
+    case "hex":
+    case "rgb":
+    case "hsl":
+    case "raw":
+      return null;
+  }
+}
+function en(n) {
+  const e = C(n.alpha);
+  if (n.format === "color")
+    return `color(${n.colorSpace} ${n.channels.map((i) => s(i.value)).join(" ")}${e})`;
+  if (n.format === "hwb") {
+    const [i, o, u] = n.channels;
+    return `hwb(${s(i.value)} ${s(o.value)}% ${s(u.value)}%${e})`;
+  }
+  if (n.format === "lab" || n.format === "oklab") {
+    const [i, o, u] = n.channels;
+    return `${n.format}(${s(i.value)}% ${s(o.value)} ${s(u.value)}${e})`;
+  }
+  const [t, r, l] = n.channels;
+  return `${n.format}(${s(t.value)}% ${s(r.value)} ${s(l.value)}${e})`;
+}
+function tn(n, e, t, r) {
+  return t === "hex" ? n.toString("hex") : t === "hexa" || t === "css" && r === "hex" ? S(n, e) : t === "rgba" ? n.withChannelValue("alpha", c(e) / 100).toString("rgba") : t === "hsl" || r === "hsl" ? G(n, e) : t === "rgb" || r === "rgb" ? X(n, e) : S(n, e);
+}
+function S(n, e) {
+  return c(e) < 100 ? n.withChannelValue("alpha", c(e) / 100).toString("hexa") : n.toString("hex");
+}
+function c(n) {
+  return Number.isFinite(n) ? Math.min(100, Math.max(0, Math.round(n))) : 100;
+}
+function s(n, e = 4) {
+  const t = Object.is(n, -0) ? 0 : n;
+  return String(Number(t.toFixed(e)));
+}
+function B(n) {
+  const e = n.toLowerCase();
+  return e === "rgba" ? "rgb" : e === "hsla" ? "hsl" : O(e) ? e : "raw";
+}
+function O(n) {
+  return M.includes(n);
+}
+function D(n, e) {
+  if (n.length !== 3)
+    return null;
+  const t = N(n[0]), r = b(n[1]), l = b(n[2]);
+  return t == null || r == null || l == null ? null : {
+    format: "hwb",
+    alpha: e,
+    channels: [z("h", "H", t), f("w", "W", r), f("blackness", "B", l)]
+  };
+}
+function E(n, e) {
+  if (n.length !== 3)
+    return null;
+  const t = b(n[0]), r = a(n[1]), l = a(n[2]);
+  return t == null || r == null || l == null ? null : {
+    format: "lab",
+    alpha: e,
+    channels: [f("l", "L", t), w("a", "A", r), w("b", "B", l)]
+  };
+}
+function R(n, e) {
+  if (n.length !== 3)
+    return null;
+  const t = b(n[0]), r = a(n[1]), l = N(n[2]);
+  return t == null || r == null || l == null ? null : {
+    format: "lch",
+    alpha: e,
+    channels: [f("l", "L", t), A("c", "C", r), z("h", "H", l)]
+  };
+}
+function F(n, e) {
+  const t = E(n, e);
+  return t ? T(t, n[0], "oklab") : null;
+}
+function j(n, e) {
+  const t = R(n, e);
+  return t ? T(t, n[0], "oklch") : null;
+}
+function T(n, e, t) {
+  const [r, ...l] = n.channels, i = e.trim().endsWith("%") ? r.value : r.value * 100;
+  return {
+    ...n,
+    format: t,
+    channels: [{
+      ...r,
+      value: i
+    }, ...l]
+  };
+}
+function W(n, e) {
+  const t = _(n), [r, ...l] = t;
+  if (!r || p(r) || l.length !== 3 || l.some(p))
+    return null;
+  const i = l.map(a);
+  if (i.some((m) => m == null))
+    return null;
+  const o = g.has(r) ? ["X", "Y", "Z"] : ["R", "G", "B"], u = g.has(r) ? ["x", "y", "z"] : ["r", "g", "b"];
+  return !I.has(r) && !g.has(r) ? null : {
+    format: "color",
+    alpha: e,
+    colorSpace: r,
+    channels: i.map((m, d) => ({
+      key: u[d],
+      label: o[d],
+      value: m,
+      step: 1e-4,
+      interactionStep: 0.01,
+      roundTo: 1e-4
+    }))
+  };
+}
+function f(n, e, t) {
+  return {
+    key: n,
+    label: e,
+    value: t,
+    minValue: 0,
+    maxValue: 100,
+    step: 1e-4,
+    interactionStep: 0.1,
+    roundTo: 1e-4
+  };
+}
+function z(n, e, t) {
+  return {
+    key: n,
+    label: e,
+    value: t,
+    minValue: 0,
+    maxValue: 360,
+    step: 1e-4,
+    interactionStep: 1,
+    roundTo: 1e-4
+  };
+}
+function A(n, e, t) {
+  return {
+    key: n,
+    label: e,
+    value: t,
+    step: 1e-4,
+    interactionStep: 1e-3,
+    roundTo: 1e-4
+  };
+}
+function w(n, e, t) {
+  return {
+    ...A(n, e, t),
+    interactionStep: 0.1
+  };
+}
+function X(n, e) {
+  const t = n.toFormat("rgb");
+  return `rgb(${["red", "green", "blue"].map((i) => Math.round(t.getChannelValue(i))).join(" ")}${C(e)})`;
+}
+function G(n, e) {
+  const t = n.toFormat("hsl"), r = s(t.getChannelValue("hue"), 2), l = s(t.getChannelValue("saturation"), 2), i = s(t.getChannelValue("lightness"), 2);
+  return `hsl(${r} ${l}% ${i}%${C(e)})`;
+}
+function C(n) {
+  const e = c(n);
+  return e < 100 ? ` / ${s(e / 100)}` : "";
+}
+function U(n) {
+  const e = L(n);
+  if (e != null)
+    return c(e);
+  const t = a(n);
+  return t == null ? null : c(t * 100);
+}
+function b(n) {
+  const e = L(n);
+  return e ?? a(n);
+}
+function L(n) {
+  const e = n.trim();
+  return e.endsWith("%") ? a(e.slice(0, -1)) : null;
+}
+function N(n) {
+  const t = n.trim().toLowerCase().match(/^([+-]?(?:\d+|\d*\.\d+)(?:e[+-]?\d+)?)(deg|grad|rad|turn)?$/i);
+  if (!t)
+    return null;
+  const r = Number(t[1]), l = t[2];
+  return Number.isFinite(r) ? h(l === "turn" ? r * 360 : l === "grad" ? r * 0.9 : l === "rad" ? r * 180 / Math.PI : r) : null;
+}
+function a(n) {
+  const e = n.trim();
+  if (!/^[+-]?(?:\d+|\d*\.\d+)(?:e[+-]?\d+)?$/i.test(e))
+    return null;
+  const t = Number(e);
+  return Number.isFinite(t) ? t : null;
+}
+function h(n) {
+  return Number(s(n, 4));
+}
+function p(n) {
+  return n.includes("(") || n.toLowerCase() === "none";
+}
+function Y(n) {
+  const e = Z(n);
+  return e < 0 ? {
+    channels: n.trim()
+  } : {
+    channels: n.slice(0, e).trim(),
+    alpha: n.slice(e + 1).trim()
+  };
+}
+function Z(n) {
+  let e = 0, t, r = !1;
+  for (let l = 0; l < n.length; l += 1) {
+    const i = n[l];
+    if (r) {
+      r = !1;
+      continue;
+    }
+    if (i === "\\") {
+      r = !0;
+      continue;
+    }
+    if (t) {
+      i === t && (t = void 0);
+      continue;
+    }
+    if (i === '"' || i === "'") {
+      t = i;
+      continue;
+    }
+    if (i === "(")
+      e += 1;
+    else if (i === ")")
+      e = Math.max(0, e - 1);
+    else if (i === "/" && e === 0)
+      return l;
+  }
+  return -1;
+}
+function _(n) {
+  const e = [];
+  let t = "", r = 0, l, i = !1;
+  const o = () => {
+    const u = t.trim();
+    u && e.push(u), t = "";
+  };
+  for (const u of n.trim()) {
+    if (i) {
+      t += u, i = !1;
+      continue;
+    }
+    if (u === "\\") {
+      t += u, i = !0;
+      continue;
+    }
+    if (l) {
+      t += u, u === l && (l = void 0);
+      continue;
+    }
+    if (u === '"' || u === "'") {
+      t += u, l = u;
+      continue;
+    }
+    if (u === "(" ? r += 1 : u === ")" && (r = Math.max(0, r - 1)), /\s/.test(u) && r === 0) {
+      o();
+      continue;
+    }
+    t += u;
+  }
+  return o(), e;
+}
+export {
+  Q as canEditColorChannels,
+  P as detectColorInputEditorFormat,
+  s as formatNumber,
+  q as isColorObjectEditorFormat,
+  nn as isParsedColorEditorFormat,
+  c as normalizeAlpha,
+  x as parseCssColorChannels,
+  K as resolveColorInputEditorFormat,
+  tn as serializeColorObject,
+  en as serializeCssColorChannels
+};
+//# sourceMappingURL=format.js.map

package/dist/ColorInput/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../src/ColorInput/format.ts"],"sourcesContent":["import { parseColorValue } from '../utils/colorValue';\n\nimport type { Color } from 'react-stately';\n\nexport type ColorInputFormat\n    = | 'auto'\n      | 'hex'\n      | 'hexa'\n      | 'rgb'\n      | 'rgba'\n      | 'hsl'\n      | 'hwb'\n      | 'lab'\n      | 'lch'\n      | 'oklab'\n      | 'oklch'\n      | 'color'\n      | 'css'\n      | 'raw';\n\nexport type ColorInputEditorFormat\n    = | 'hex'\n      | 'rgb'\n      | 'hsl'\n      | 'hwb'\n      | 'lab'\n      | 'lch'\n      | 'oklab'\n      | 'oklch'\n      | 'color'\n      | 'raw';\n\nexport type ColorObjectEditorFormat = Extract<ColorInputEditorFormat, 'rgb' | 'hsl'>;\n\nexport type CssColorChannelKey = 'r' | 'g' | 'b' | 'h' | 's' | 'l' | 'w' | 'blackness' | 'c' | 'a' | 'x' | 'y' | 'z';\n\nexport interface CssColorChannel {\n    key: CssColorChannelKey;\n    label: string;\n    value: number;\n    minValue?: number;\n    maxValue?: number;\n    step?: number;\n    interactionStep?: number;\n    roundTo?: number;\n}\n\nexport interface ParsedCssColorChannels {\n    format: Exclude<ColorInputEditorFormat, 'hex' | 'rgb' | 'hsl' | 'raw'>;\n    channels: readonly CssColorChannel[];\n    alpha: number;\n    colorSpace?: string;\n}\n\ntype DetectableColorValue = string | Color | null | undefined;\n\nconst CSS_FUNCTION_RE = /^([a-z-]+)\\((.*)\\)$/i;\nconst HEX_RE = /^#?[0-9a-f]{3,8}$/i;\nconst EDITOR_FORMATS: readonly ColorInputEditorFormat[] = ['hex', 'rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color', 'raw'];\nconst PARSED_COLOR_EDITOR_FORMATS = new Set<ColorInputEditorFormat>(['hex', 'rgb', 'hsl']);\nconst COLOR_OBJECT_EDITOR_FORMATS = new Set<ColorInputEditorFormat>(['rgb', 'hsl']);\nconst ADVANCED_FORMATS = new Set<ColorInputEditorFormat>(['hwb', 'lab', 'lch', 'oklab', 'oklch', 'color']);\nconst RGB_COLOR_SPACES = new Set(['srgb', 'srgb-linear', 'display-p3', 'display-p3-linear', 'a98-rgb', 'prophoto-rgb', 'rec2020']);\nconst XYZ_COLOR_SPACES = new Set(['xyz', 'xyz-d50', 'xyz-d65']);\n\nexport function resolveColorInputEditorFormat(value: DetectableColorValue, requestedFormat: ColorInputFormat): ColorInputEditorFormat {\n    if (requestedFormat === 'rgba') {\n        return 'rgb';\n    }\n\n    if (isEditorFormat(requestedFormat) && requestedFormat !== 'raw') {\n        return requestedFormat;\n    }\n\n    if (requestedFormat === 'raw') {\n        return 'raw';\n    }\n\n    return detectColorInputEditorFormat(value);\n}\n\nexport function detectColorInputEditorFormat(value: DetectableColorValue): ColorInputEditorFormat {\n    if (!value) {\n        return 'hex';\n    }\n\n    if (typeof value !== 'string') {\n        return 'hex';\n    }\n\n    const trimmed = value.trim();\n\n    if (!trimmed) {\n        return 'hex';\n    }\n\n    if (HEX_RE.test(trimmed)) {\n        return 'hex';\n    }\n\n    if (/^rgba?\\(/i.test(trimmed)) {\n        return 'rgb';\n    }\n\n    if (/^hsla?\\(/i.test(trimmed)) {\n        return 'hsl';\n    }\n\n    const channels = parseCssColorChannels(trimmed);\n\n    if (channels) {\n        return channels.format;\n    }\n\n    return parseColorValue(trimmed) ? 'hex' : 'raw';\n}\n\nexport function canEditColorChannels(value: DetectableColorValue, editorFormat: ColorInputEditorFormat): boolean {\n    if (!ADVANCED_FORMATS.has(editorFormat)) {\n        return true;\n    }\n\n    return Boolean(parseCssColorChannels(typeof value === 'string' ? value : undefined, editorFormat));\n}\n\nexport function isColorObjectEditorFormat(editorFormat: ColorInputEditorFormat): editorFormat is ColorObjectEditorFormat {\n    return COLOR_OBJECT_EDITOR_FORMATS.has(editorFormat);\n}\n\nexport function isParsedColorEditorFormat(editorFormat: ColorInputEditorFormat): boolean {\n    return PARSED_COLOR_EDITOR_FORMATS.has(editorFormat);\n}\n\nexport function parseCssColorChannels(\n    value: string | undefined,\n    expectedFormat?: ColorInputEditorFormat\n): ParsedCssColorChannels | null {\n    const match = value?.trim().match(CSS_FUNCTION_RE);\n\n    if (!match) {\n        return null;\n    }\n\n    const functionName = normalizeColorFunctionName(match[1]);\n\n    if (expectedFormat && functionName !== expectedFormat) {\n        return null;\n    }\n\n    if (!ADVANCED_FORMATS.has(functionName)) {\n        return null;\n    }\n\n    const body = splitAlpha(match[2]);\n    const alpha = parseAlphaChannel(body.alpha ?? '1');\n\n    if (alpha == null) {\n        return null;\n    }\n\n    if (functionName === 'color') {\n        return parseColorFunction(body.channels, alpha);\n    }\n\n    const tokens = splitCssWhitespaceList(body.channels);\n\n    if (tokens.some(isUnsupportedEditableToken)) {\n        return null;\n    }\n\n    switch (functionName) {\n        case 'hwb':\n            return parseHwbChannels(tokens, alpha);\n        case 'lab':\n            return parseLabChannels(tokens, alpha);\n        case 'lch':\n            return parseLchChannels(tokens, alpha);\n        case 'oklab':\n            return parseOklabChannels(tokens, alpha);\n        case 'oklch':\n            return parseOklchChannels(tokens, alpha);\n        case 'hex':\n        case 'rgb':\n        case 'hsl':\n        case 'raw':\n            return null;\n    }\n}\n\nexport function serializeCssColorChannels(parsed: ParsedCssColorChannels): string {\n    const alpha = serializeAlpha(parsed.alpha);\n\n    if (parsed.format === 'color') {\n        return `color(${ parsed.colorSpace } ${ parsed.channels.map(channel => formatNumber(channel.value)).join(' ') }${ alpha })`;\n    }\n\n    if (parsed.format === 'hwb') {\n        const [hue, whiteness, blackness] = parsed.channels;\n\n        return `hwb(${ formatNumber(hue.value) } ${ formatNumber(whiteness.value) }% ${ formatNumber(blackness.value) }%${ alpha })`;\n    }\n\n    if (parsed.format === 'lab' || parsed.format === 'oklab') {\n        const [lightness, a, b] = parsed.channels;\n\n        return `${ parsed.format }(${ formatNumber(lightness.value) }% ${ formatNumber(a.value) } ${ formatNumber(b.value) }${ alpha })`;\n    }\n\n    const [lightness, chroma, hue] = parsed.channels;\n\n    return `${ parsed.format }(${ formatNumber(lightness.value) }% ${ formatNumber(chroma.value) } ${ formatNumber(hue.value) }${ alpha })`;\n}\n\nexport function serializeColorObject(\n    color: Color,\n    alpha: number,\n    requestedFormat: ColorInputFormat,\n    editorFormat: ColorInputEditorFormat\n): string {\n    if (requestedFormat === 'hex') {\n        return color.toString('hex');\n    }\n\n    if (requestedFormat === 'hexa' || (requestedFormat === 'css' && editorFormat === 'hex')) {\n        return serializeHexWithOptionalAlpha(color, alpha);\n    }\n\n    if (requestedFormat === 'rgba') {\n        return color.withChannelValue('alpha', normalizeAlpha(alpha) / 100).toString('rgba');\n    }\n\n    if (requestedFormat === 'hsl' || editorFormat === 'hsl') {\n        return serializeHslColor(color, alpha);\n    }\n\n    if (requestedFormat === 'rgb' || editorFormat === 'rgb') {\n        return serializeRgbColor(color, alpha);\n    }\n\n    return serializeHexWithOptionalAlpha(color, alpha);\n}\n\nfunction serializeHexWithOptionalAlpha(color: Color, alpha: number): string {\n    return normalizeAlpha(alpha) < 100\n        ? color.withChannelValue('alpha', normalizeAlpha(alpha) / 100).toString('hexa')\n        : color.toString('hex');\n}\n\nexport function normalizeAlpha(value: number): number {\n    if (!Number.isFinite(value)) {\n        return 100;\n    }\n\n    return Math.min(100, Math.max(0, Math.round(value)));\n}\n\nexport function formatNumber(value: number, precision = 4): string {\n    const normalized = Object.is(value, -0) ? 0 : value;\n\n    return String(Number(normalized.toFixed(precision)));\n}\n\nfunction normalizeColorFunctionName(value: string): ColorInputEditorFormat {\n    const name = value.toLowerCase();\n\n    if (name === 'rgba') {\n        return 'rgb';\n    }\n\n    if (name === 'hsla') {\n        return 'hsl';\n    }\n\n    return isEditorFormat(name) ? name : 'raw';\n}\n\nfunction isEditorFormat(value: string): value is ColorInputEditorFormat {\n    return (EDITOR_FORMATS as readonly string[]).includes(value);\n}\n\nfunction parseHwbChannels(tokens: string[], alpha: number): ParsedCssColorChannels | null {\n    if (tokens.length !== 3) {\n        return null;\n    }\n\n    const hue = parseHueChannel(tokens[0]);\n    const whiteness = parsePercentLikeChannel(tokens[1]);\n    const blackness = parsePercentLikeChannel(tokens[2]);\n\n    if (hue == null || whiteness == null || blackness == null) {\n        return null;\n    }\n\n    return {\n        format: 'hwb',\n        alpha,\n        channels: [\n            hueChannel('h', 'H', hue),\n            percentChannel('w', 'W', whiteness),\n            percentChannel('blackness', 'B', blackness),\n        ],\n    };\n}\n\nfunction parseLabChannels(tokens: string[], alpha: number): ParsedCssColorChannels | null {\n    if (tokens.length !== 3) {\n        return null;\n    }\n\n    const lightness = parsePercentLikeChannel(tokens[0]);\n    const a = parseNumberChannel(tokens[1]);\n    const b = parseNumberChannel(tokens[2]);\n\n    if (lightness == null || a == null || b == null) {\n        return null;\n    }\n\n    return {\n        format: 'lab',\n        alpha,\n        channels: [\n            percentChannel('l', 'L', lightness),\n            signedChannel('a', 'A', a),\n            signedChannel('b', 'B', b),\n        ],\n    };\n}\n\nfunction parseLchChannels(tokens: string[], alpha: number): ParsedCssColorChannels | null {\n    if (tokens.length !== 3) {\n        return null;\n    }\n\n    const lightness = parsePercentLikeChannel(tokens[0]);\n    const chroma = parseNumberChannel(tokens[1]);\n    const hue = parseHueChannel(tokens[2]);\n\n    if (lightness == null || chroma == null || hue == null) {\n        return null;\n    }\n\n    return {\n        format: 'lch',\n        alpha,\n        channels: [\n            percentChannel('l', 'L', lightness),\n            numberChannel('c', 'C', chroma),\n            hueChannel('h', 'H', hue),\n        ],\n    };\n}\n\nfunction parseOklabChannels(tokens: string[], alpha: number): ParsedCssColorChannels | null {\n    const parsed = parseLabChannels(tokens, alpha);\n\n    return parsed ? scaleOkLightness(parsed, tokens[0], 'oklab') : null;\n}\n\nfunction parseOklchChannels(tokens: string[], alpha: number): ParsedCssColorChannels | null {\n    const parsed = parseLchChannels(tokens, alpha);\n\n    return parsed ? scaleOkLightness(parsed, tokens[0], 'oklch') : null;\n}\n\nfunction scaleOkLightness(\n    parsed: ParsedCssColorChannels,\n    lightnessToken: string,\n    format: 'oklab' | 'oklch'\n): ParsedCssColorChannels {\n    const [lightness, ...rest] = parsed.channels;\n    const value = lightnessToken.trim().endsWith('%') ? lightness.value : lightness.value * 100;\n\n    return {\n        ...parsed,\n        format,\n        channels: [{ ...lightness, value }, ...rest],\n    };\n}\n\nfunction parseColorFunction(channelsBody: string, alpha: number): ParsedCssColorChannels | null {\n    const tokens = splitCssWhitespaceList(channelsBody);\n    const [colorSpace, ...channels] = tokens;\n\n    if (!colorSpace || isUnsupportedEditableToken(colorSpace) || channels.length !== 3 || channels.some(isUnsupportedEditableToken)) {\n        return null;\n    }\n\n    const values = channels.map(parseNumberChannel);\n\n    if (values.some(value => value == null)) {\n        return null;\n    }\n\n    const labels = XYZ_COLOR_SPACES.has(colorSpace)\n        ? ['X', 'Y', 'Z']\n        : ['R', 'G', 'B'];\n    const keys: CssColorChannelKey[] = XYZ_COLOR_SPACES.has(colorSpace)\n        ? ['x', 'y', 'z']\n        : ['r', 'g', 'b'];\n\n    if (!RGB_COLOR_SPACES.has(colorSpace) && !XYZ_COLOR_SPACES.has(colorSpace)) {\n        return null;\n    }\n\n    return {\n        format: 'color',\n        alpha,\n        colorSpace,\n        channels: values.map((value, index) => ({\n            key: keys[index],\n            label: labels[index],\n            value: value!,\n            step: 0.0001,\n            interactionStep: 0.01,\n            roundTo: 0.0001,\n        })),\n    };\n}\n\nfunction percentChannel(key: CssColorChannelKey, label: string, value: number): CssColorChannel {\n    return {\n        key,\n        label,\n        value,\n        minValue: 0,\n        maxValue: 100,\n        step: 0.0001,\n        interactionStep: 0.1,\n        roundTo: 0.0001,\n    };\n}\n\nfunction hueChannel(key: CssColorChannelKey, label: string, value: number): CssColorChannel {\n    return {\n        key,\n        label,\n        value,\n        minValue: 0,\n        maxValue: 360,\n        step: 0.0001,\n        interactionStep: 1,\n        roundTo: 0.0001,\n    };\n}\n\nfunction numberChannel(key: CssColorChannelKey, label: string, value: number): CssColorChannel {\n    return {\n        key,\n        label,\n        value,\n        step: 0.0001,\n        interactionStep: 0.001,\n        roundTo: 0.0001,\n    };\n}\n\nfunction signedChannel(key: CssColorChannelKey, label: string, value: number): CssColorChannel {\n    return {\n        ...numberChannel(key, label, value),\n        interactionStep: 0.1,\n    };\n}\n\nfunction serializeRgbColor(color: Color, alpha: number): string {\n    const rgb = color.toFormat('rgb');\n    const rgbChannels = ['red', 'green', 'blue'] as const;\n    const channelValues = rgbChannels.map(channel => Math.round(rgb.getChannelValue(channel)));\n\n    return `rgb(${ channelValues.join(' ') }${ serializeAlpha(alpha) })`;\n}\n\nfunction serializeHslColor(color: Color, alpha: number): string {\n    const hsl = color.toFormat('hsl');\n    const hue = formatNumber(hsl.getChannelValue('hue'), 2);\n    const saturation = formatNumber(hsl.getChannelValue('saturation'), 2);\n    const lightness = formatNumber(hsl.getChannelValue('lightness'), 2);\n\n    return `hsl(${ hue } ${ saturation }% ${ lightness }%${ serializeAlpha(alpha) })`;\n}\n\nfunction serializeAlpha(alpha: number): string {\n    const normalized = normalizeAlpha(alpha);\n\n    return normalized < 100 ? ` / ${ formatNumber(normalized / 100) }` : '';\n}\n\nfunction parseAlphaChannel(value: string): number | null {\n    const percent = parsePercentToken(value);\n\n    if (percent != null) {\n        return normalizeAlpha(percent);\n    }\n\n    const number = parseNumberChannel(value);\n\n    return number == null ? null : normalizeAlpha(number * 100);\n}\n\nfunction parsePercentLikeChannel(value: string): number | null {\n    const percent = parsePercentToken(value);\n\n    if (percent != null) {\n        return percent;\n    }\n\n    return parseNumberChannel(value);\n}\n\nfunction parsePercentToken(value: string): number | null {\n    const trimmed = value.trim();\n\n    if (!trimmed.endsWith('%')) {\n        return null;\n    }\n\n    return parseNumberChannel(trimmed.slice(0, -1));\n}\n\nfunction parseHueChannel(value: string): number | null {\n    const trimmed = value.trim().toLowerCase();\n    const match = trimmed.match(/^([+-]?(?:\\d+|\\d*\\.\\d+)(?:e[+-]?\\d+)?)(deg|grad|rad|turn)?$/i);\n\n    if (!match) {\n        return null;\n    }\n\n    const number = Number(match[1]);\n    const unit = match[2];\n\n    if (!Number.isFinite(number)) {\n        return null;\n    }\n\n    if (unit === 'turn') {\n        return formatFiniteNumber(number * 360);\n    }\n\n    if (unit === 'grad') {\n        return formatFiniteNumber(number * 0.9);\n    }\n\n    if (unit === 'rad') {\n        return formatFiniteNumber(number * 180 / Math.PI);\n    }\n\n    return formatFiniteNumber(number);\n}\n\nfunction parseNumberChannel(value: string): number | null {\n    const trimmed = value.trim();\n\n    if (!/^[+-]?(?:\\d+|\\d*\\.\\d+)(?:e[+-]?\\d+)?$/i.test(trimmed)) {\n        return null;\n    }\n\n    const number = Number(trimmed);\n\n    return Number.isFinite(number) ? number : null;\n}\n\nfunction formatFiniteNumber(value: number): number {\n    return Number(formatNumber(value, 4));\n}\n\nfunction isUnsupportedEditableToken(value: string): boolean {\n    return value.includes('(') || value.toLowerCase() === 'none';\n}\n\nfunction splitAlpha(value: string): { channels: string; alpha?: string } {\n    const index = findTopLevelSlash(value);\n\n    if (index < 0) {\n        return { channels: value.trim() };\n    }\n\n    return {\n        channels: value.slice(0, index).trim(),\n        alpha: value.slice(index + 1).trim(),\n    };\n}\n\nfunction findTopLevelSlash(value: string): number {\n    let depth = 0;\n    let quote: string | undefined;\n    let escaped = false;\n\n    for (let index = 0; index < value.length; index += 1) {\n        const char = value[index];\n\n        if (escaped) {\n            escaped = false;\n\n            continue;\n        }\n\n        if (char === '\\\\') {\n            escaped = true;\n\n            continue;\n        }\n\n        if (quote) {\n            if (char === quote) {\n                quote = undefined;\n            }\n\n            continue;\n        }\n\n        if (char === '\"' || char === '\\'') {\n            quote = char;\n\n            continue;\n        }\n\n        if (char === '(') {\n            depth += 1;\n        }\n        else if (char === ')') {\n            depth = Math.max(0, depth - 1);\n        }\n        else if (char === '/' && depth === 0) {\n            return index;\n        }\n    }\n\n    return -1;\n}\n\nfunction splitCssWhitespaceList(value: string): string[] {\n    const parts: string[] = [];\n    let current = '';\n    let depth = 0;\n    let quote: string | undefined;\n    let escaped = false;\n\n    const push = () => {\n        const part = current.trim();\n\n        if (part) {\n            parts.push(part);\n        }\n\n        current = '';\n    };\n\n    for (const char of value.trim()) {\n        if (escaped) {\n            current += char;\n            escaped = false;\n\n            continue;\n        }\n\n        if (char === '\\\\') {\n            current += char;\n            escaped = true;\n\n            continue;\n        }\n\n        if (quote) {\n            current += char;\n\n            if (char === quote) {\n                quote = undefined;\n            }\n\n            continue;\n        }\n\n        if (char === '\"' || char === '\\'') {\n            current += char;\n            quote = char;\n\n            continue;\n        }\n\n        if (char === '(') {\n            depth += 1;\n        }\n        else if (char === ')') {\n            depth = Math.max(0, depth - 1);\n        }\n\n        if (/\\s/.test(char) && depth === 0) {\n            push();\n\n            continue;\n        }\n\n        current += char;\n    }\n\n    push();\n\n    return parts;\n}\n"],"names":["CSS_FUNCTION_RE","HEX_RE","EDITOR_FORMATS","PARSED_COLOR_EDITOR_FORMATS","COLOR_OBJECT_EDITOR_FORMATS","ADVANCED_FORMATS","RGB_COLOR_SPACES","XYZ_COLOR_SPACES","resolveColorInputEditorFormat","value","requestedFormat","isEditorFormat","detectColorInputEditorFormat","trimmed","channels","parseCssColorChannels","parseColorValue","canEditColorChannels","editorFormat","isColorObjectEditorFormat","isParsedColorEditorFormat","expectedFormat","match","functionName","normalizeColorFunctionName","body","splitAlpha","alpha","parseAlphaChannel","parseColorFunction","tokens","splitCssWhitespaceList","isUnsupportedEditableToken","parseHwbChannels","parseLabChannels","parseLchChannels","parseOklabChannels","parseOklchChannels","serializeCssColorChannels","parsed","serializeAlpha","channel","formatNumber","hue","whiteness","blackness","lightness","a","b","chroma","serializeColorObject","color","serializeHexWithOptionalAlpha","normalizeAlpha","serializeHslColor","serializeRgbColor","precision","normalized","name","parseHueChannel","parsePercentLikeChannel","hueChannel","percentChannel","parseNumberChannel","signedChannel","numberChannel","scaleOkLightness","lightnessToken","format","rest","channelsBody","colorSpace","values","labels","keys","index","key","label","rgb","hsl","saturation","percent","parsePercentToken","number","unit","formatFiniteNumber","findTopLevelSlash","depth","quote","escaped","char","parts","current","push","part"],"mappings":";AACA,MAAMA,IAAkB,wBAClBC,IAAS,sBACTC,IAAiB,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,SAAS,SAAS,SAAS,KAAK,GAC5FC,IAA8B,oBAAI,IAAI,CAAC,OAAO,OAAO,KAAK,CAAC,GAC3DC,IAA8B,oBAAI,IAAI,CAAC,OAAO,KAAK,CAAC,GACpDC,IAAmB,oBAAI,IAAI,CAAC,OAAO,OAAO,OAAO,SAAS,SAAS,OAAO,CAAC,GAC3EC,IAAmB,oBAAI,IAAI,CAAC,QAAQ,eAAe,cAAc,qBAAqB,WAAW,gBAAgB,SAAS,CAAC,GAC3HC,IAAmB,oBAAI,IAAI,CAAC,OAAO,WAAW,SAAS,CAAC;AACvD,SAASC,EAA8BC,GAAOC,GAAiB;AACpE,SAAIA,MAAoB,SACf,QAELC,EAAeD,CAAe,KAAKA,MAAoB,QAClDA,IAELA,MAAoB,QACf,QAEFE,EAA6BH,CAAK;AAC3C;AACO,SAASG,EAA6BH,GAAO;AAIlD,MAHI,CAACA,KAGD,OAAOA,KAAU;AACnB,WAAO;AAET,QAAMI,IAAUJ,EAAM,KAAA;AAItB,MAHI,CAACI,KAGDZ,EAAO,KAAKY,CAAO;AACrB,WAAO;AAET,MAAI,YAAY,KAAKA,CAAO;AAC1B,WAAO;AAET,MAAI,YAAY,KAAKA,CAAO;AAC1B,WAAO;AAET,QAAMC,IAAWC,EAAsBF,CAAO;AAC9C,SAAIC,IACKA,EAAS,SAEXE,EAAgBH,CAAO,IAAI,QAAQ;AAC5C;AACO,SAASI,EAAqBR,GAAOS,GAAc;AACxD,SAAKb,EAAiB,IAAIa,CAAY,IAG/B,EAAQH,EAAsB,OAAON,KAAU,WAAWA,IAAQ,QAAWS,CAAY,IAFvF;AAGX;AACO,SAASC,EAA0BD,GAAc;AACtD,SAAOd,EAA4B,IAAIc,CAAY;AACrD;AACO,SAASE,GAA0BF,GAAc;AACtD,SAAOf,EAA4B,IAAIe,CAAY;AACrD;AACO,SAASH,EAAsBN,GAAOY,GAAgB;AAC3D,QAAMC,IAAQb,GAAO,KAAA,EAAO,MAAMT,CAAe;AACjD,MAAI,CAACsB;AACH,WAAO;AAET,QAAMC,IAAeC,EAA2BF,EAAM,CAAC,CAAC;AAIxD,MAHID,KAAkBE,MAAiBF,KAGnC,CAAChB,EAAiB,IAAIkB,CAAY;AACpC,WAAO;AAET,QAAME,IAAOC,EAAWJ,EAAM,CAAC,CAAC,GAC1BK,IAAQC,EAAkBH,EAAK,SAAS,GAAG;AACjD,MAAIE,KAAS;AACX,WAAO;AAET,MAAIJ,MAAiB;AACnB,WAAOM,EAAmBJ,EAAK,UAAUE,CAAK;AAEhD,QAAMG,IAASC,EAAuBN,EAAK,QAAQ;AACnD,MAAIK,EAAO,KAAKE,CAA0B;AACxC,WAAO;AAET,UAAQT,GAAA;AAAA,IACN,KAAK;AACH,aAAOU,EAAiBH,GAAQH,CAAK;AAAA,IACvC,KAAK;AACH,aAAOO,EAAiBJ,GAAQH,CAAK;AAAA,IACvC,KAAK;AACH,aAAOQ,EAAiBL,GAAQH,CAAK;AAAA,IACvC,KAAK;AACH,aAAOS,EAAmBN,GAAQH,CAAK;AAAA,IACzC,KAAK;AACH,aAAOU,EAAmBP,GAAQH,CAAK;AAAA,IACzC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AACO,SAASW,GAA0BC,GAAQ;AAChD,QAAMZ,IAAQa,EAAeD,EAAO,KAAK;AACzC,MAAIA,EAAO,WAAW;AACpB,WAAO,SAASA,EAAO,UAAU,IAAIA,EAAO,SAAS,IAAI,CAAAE,MAAWC,EAAaD,EAAQ,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,GAAGd,CAAK;AAEpH,MAAIY,EAAO,WAAW,OAAO;AAC3B,UAAM,CAACI,GAAKC,GAAWC,CAAS,IAAIN,EAAO;AAC3C,WAAO,OAAOG,EAAaC,EAAI,KAAK,CAAC,IAAID,EAAaE,EAAU,KAAK,CAAC,KAAKF,EAAaG,EAAU,KAAK,CAAC,IAAIlB,CAAK;AAAA,EACnH;AACA,MAAIY,EAAO,WAAW,SAASA,EAAO,WAAW,SAAS;AACxD,UAAM,CAACO,GAAWC,GAAGC,CAAC,IAAIT,EAAO;AACjC,WAAO,GAAGA,EAAO,MAAM,IAAIG,EAAaI,EAAU,KAAK,CAAC,KAAKJ,EAAaK,EAAE,KAAK,CAAC,IAAIL,EAAaM,EAAE,KAAK,CAAC,GAAGrB,CAAK;AAAA,EACrH;AACA,QAAM,CAACmB,GAAWG,GAAQN,CAAG,IAAIJ,EAAO;AACxC,SAAO,GAAGA,EAAO,MAAM,IAAIG,EAAaI,EAAU,KAAK,CAAC,KAAKJ,EAAaO,EAAO,KAAK,CAAC,IAAIP,EAAaC,EAAI,KAAK,CAAC,GAAGhB,CAAK;AAC5H;AACO,SAASuB,GAAqBC,GAAOxB,GAAOjB,GAAiBQ,GAAc;AAChF,SAAIR,MAAoB,QACfyC,EAAM,SAAS,KAAK,IAEzBzC,MAAoB,UAAUA,MAAoB,SAASQ,MAAiB,QACvEkC,EAA8BD,GAAOxB,CAAK,IAE/CjB,MAAoB,SACfyC,EAAM,iBAAiB,SAASE,EAAe1B,CAAK,IAAI,GAAG,EAAE,SAAS,MAAM,IAEjFjB,MAAoB,SAASQ,MAAiB,QACzCoC,EAAkBH,GAAOxB,CAAK,IAEnCjB,MAAoB,SAASQ,MAAiB,QACzCqC,EAAkBJ,GAAOxB,CAAK,IAEhCyB,EAA8BD,GAAOxB,CAAK;AACnD;AACA,SAASyB,EAA8BD,GAAOxB,GAAO;AACnD,SAAO0B,EAAe1B,CAAK,IAAI,MAAMwB,EAAM,iBAAiB,SAASE,EAAe1B,CAAK,IAAI,GAAG,EAAE,SAAS,MAAM,IAAIwB,EAAM,SAAS,KAAK;AAC3I;AACO,SAASE,EAAe5C,GAAO;AACpC,SAAK,OAAO,SAASA,CAAK,IAGnB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAMA,CAAK,CAAC,CAAC,IAF1C;AAGX;AACO,SAASiC,EAAajC,GAAO+C,IAAY,GAAG;AACjD,QAAMC,IAAa,OAAO,GAAGhD,GAAO,EAAE,IAAI,IAAIA;AAC9C,SAAO,OAAO,OAAOgD,EAAW,QAAQD,CAAS,CAAC,CAAC;AACrD;AACA,SAAShC,EAA2Bf,GAAO;AACzC,QAAMiD,IAAOjD,EAAM,YAAA;AACnB,SAAIiD,MAAS,SACJ,QAELA,MAAS,SACJ,QAEF/C,EAAe+C,CAAI,IAAIA,IAAO;AACvC;AACA,SAAS/C,EAAeF,GAAO;AAC7B,SAAOP,EAAe,SAASO,CAAK;AACtC;AACA,SAASwB,EAAiBH,GAAQH,GAAO;AACvC,MAAIG,EAAO,WAAW;AACpB,WAAO;AAET,QAAMa,IAAMgB,EAAgB7B,EAAO,CAAC,CAAC,GAC/Bc,IAAYgB,EAAwB9B,EAAO,CAAC,CAAC,GAC7Ce,IAAYe,EAAwB9B,EAAO,CAAC,CAAC;AACnD,SAAIa,KAAO,QAAQC,KAAa,QAAQC,KAAa,OAC5C,OAEF;AAAA,IACL,QAAQ;AAAA,IACR,OAAAlB;AAAA,IACA,UAAU,CAACkC,EAAW,KAAK,KAAKlB,CAAG,GAAGmB,EAAe,KAAK,KAAKlB,CAAS,GAAGkB,EAAe,aAAa,KAAKjB,CAAS,CAAC;AAAA,EAAA;AAE1H;AACA,SAASX,EAAiBJ,GAAQH,GAAO;AACvC,MAAIG,EAAO,WAAW;AACpB,WAAO;AAET,QAAMgB,IAAYc,EAAwB9B,EAAO,CAAC,CAAC,GAC7CiB,IAAIgB,EAAmBjC,EAAO,CAAC,CAAC,GAChCkB,IAAIe,EAAmBjC,EAAO,CAAC,CAAC;AACtC,SAAIgB,KAAa,QAAQC,KAAK,QAAQC,KAAK,OAClC,OAEF;AAAA,IACL,QAAQ;AAAA,IACR,OAAArB;AAAA,IACA,UAAU,CAACmC,EAAe,KAAK,KAAKhB,CAAS,GAAGkB,EAAc,KAAK,KAAKjB,CAAC,GAAGiB,EAAc,KAAK,KAAKhB,CAAC,CAAC;AAAA,EAAA;AAE1G;AACA,SAASb,EAAiBL,GAAQH,GAAO;AACvC,MAAIG,EAAO,WAAW;AACpB,WAAO;AAET,QAAMgB,IAAYc,EAAwB9B,EAAO,CAAC,CAAC,GAC7CmB,IAASc,EAAmBjC,EAAO,CAAC,CAAC,GACrCa,IAAMgB,EAAgB7B,EAAO,CAAC,CAAC;AACrC,SAAIgB,KAAa,QAAQG,KAAU,QAAQN,KAAO,OACzC,OAEF;AAAA,IACL,QAAQ;AAAA,IACR,OAAAhB;AAAA,IACA,UAAU,CAACmC,EAAe,KAAK,KAAKhB,CAAS,GAAGmB,EAAc,KAAK,KAAKhB,CAAM,GAAGY,EAAW,KAAK,KAAKlB,CAAG,CAAC;AAAA,EAAA;AAE9G;AACA,SAASP,EAAmBN,GAAQH,GAAO;AACzC,QAAMY,IAASL,EAAiBJ,GAAQH,CAAK;AAC7C,SAAOY,IAAS2B,EAAiB3B,GAAQT,EAAO,CAAC,GAAG,OAAO,IAAI;AACjE;AACA,SAASO,EAAmBP,GAAQH,GAAO;AACzC,QAAMY,IAASJ,EAAiBL,GAAQH,CAAK;AAC7C,SAAOY,IAAS2B,EAAiB3B,GAAQT,EAAO,CAAC,GAAG,OAAO,IAAI;AACjE;AACA,SAASoC,EAAiB3B,GAAQ4B,GAAgBC,GAAQ;AACxD,QAAM,CAACtB,GAAW,GAAGuB,CAAI,IAAI9B,EAAO,UAC9B9B,IAAQ0D,EAAe,KAAA,EAAO,SAAS,GAAG,IAAIrB,EAAU,QAAQA,EAAU,QAAQ;AACxF,SAAO;AAAA,IACL,GAAGP;AAAA,IACH,QAAA6B;AAAA,IACA,UAAU,CAAC;AAAA,MACT,GAAGtB;AAAA,MACH,OAAArC;AAAA,IAAA,GACC,GAAG4D,CAAI;AAAA,EAAA;AAEd;AACA,SAASxC,EAAmByC,GAAc3C,GAAO;AAC/C,QAAMG,IAASC,EAAuBuC,CAAY,GAC5C,CAACC,GAAY,GAAGzD,CAAQ,IAAIgB;AAClC,MAAI,CAACyC,KAAcvC,EAA2BuC,CAAU,KAAKzD,EAAS,WAAW,KAAKA,EAAS,KAAKkB,CAA0B;AAC5H,WAAO;AAET,QAAMwC,IAAS1D,EAAS,IAAIiD,CAAkB;AAC9C,MAAIS,EAAO,KAAK,CAAA/D,MAASA,KAAS,IAAI;AACpC,WAAO;AAET,QAAMgE,IAASlE,EAAiB,IAAIgE,CAAU,IAAI,CAAC,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,GAAG,GAC5EG,IAAOnE,EAAiB,IAAIgE,CAAU,IAAI,CAAC,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,GAAG;AAChF,SAAI,CAACjE,EAAiB,IAAIiE,CAAU,KAAK,CAAChE,EAAiB,IAAIgE,CAAU,IAChE,OAEF;AAAA,IACL,QAAQ;AAAA,IACR,OAAA5C;AAAA,IACA,YAAA4C;AAAA,IACA,UAAUC,EAAO,IAAI,CAAC/D,GAAOkE,OAAW;AAAA,MACtC,KAAKD,EAAKC,CAAK;AAAA,MACf,OAAOF,EAAOE,CAAK;AAAA,MACnB,OAAAlE;AAAA,MACA,MAAM;AAAA,MACN,iBAAiB;AAAA,MACjB,SAAS;AAAA,IAAA,EACT;AAAA,EAAA;AAEN;AACA,SAASqD,EAAec,GAAKC,GAAOpE,GAAO;AACzC,SAAO;AAAA,IACL,KAAAmE;AAAA,IACA,OAAAC;AAAA,IACA,OAAApE;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS;AAAA,EAAA;AAEb;AACA,SAASoD,EAAWe,GAAKC,GAAOpE,GAAO;AACrC,SAAO;AAAA,IACL,KAAAmE;AAAA,IACA,OAAAC;AAAA,IACA,OAAApE;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS;AAAA,EAAA;AAEb;AACA,SAASwD,EAAcW,GAAKC,GAAOpE,GAAO;AACxC,SAAO;AAAA,IACL,KAAAmE;AAAA,IACA,OAAAC;AAAA,IACA,OAAApE;AAAA,IACA,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS;AAAA,EAAA;AAEb;AACA,SAASuD,EAAcY,GAAKC,GAAOpE,GAAO;AACxC,SAAO;AAAA,IACL,GAAGwD,EAAcW,GAAKC,GAAOpE,CAAK;AAAA,IAClC,iBAAiB;AAAA,EAAA;AAErB;AACA,SAAS8C,EAAkBJ,GAAOxB,GAAO;AACvC,QAAMmD,IAAM3B,EAAM,SAAS,KAAK;AAGhC,SAAO,OAFa,CAAC,OAAO,SAAS,MAAM,EACT,IAAI,CAAAV,MAAW,KAAK,MAAMqC,EAAI,gBAAgBrC,CAAO,CAAC,CAAC,EAC7D,KAAK,GAAG,CAAC,GAAGD,EAAeb,CAAK,CAAC;AAC/D;AACA,SAAS2B,EAAkBH,GAAOxB,GAAO;AACvC,QAAMoD,IAAM5B,EAAM,SAAS,KAAK,GAC1BR,IAAMD,EAAaqC,EAAI,gBAAgB,KAAK,GAAG,CAAC,GAChDC,IAAatC,EAAaqC,EAAI,gBAAgB,YAAY,GAAG,CAAC,GAC9DjC,IAAYJ,EAAaqC,EAAI,gBAAgB,WAAW,GAAG,CAAC;AAClE,SAAO,OAAOpC,CAAG,IAAIqC,CAAU,KAAKlC,CAAS,IAAIN,EAAeb,CAAK,CAAC;AACxE;AACA,SAASa,EAAeb,GAAO;AAC7B,QAAM8B,IAAaJ,EAAe1B,CAAK;AACvC,SAAO8B,IAAa,MAAM,MAAMf,EAAae,IAAa,GAAG,CAAC,KAAK;AACrE;AACA,SAAS7B,EAAkBnB,GAAO;AAChC,QAAMwE,IAAUC,EAAkBzE,CAAK;AACvC,MAAIwE,KAAW;AACb,WAAO5B,EAAe4B,CAAO;AAE/B,QAAME,IAASpB,EAAmBtD,CAAK;AACvC,SAAO0E,KAAU,OAAO,OAAO9B,EAAe8B,IAAS,GAAG;AAC5D;AACA,SAASvB,EAAwBnD,GAAO;AACtC,QAAMwE,IAAUC,EAAkBzE,CAAK;AACvC,SAAIwE,KAGGlB,EAAmBtD,CAAK;AACjC;AACA,SAASyE,EAAkBzE,GAAO;AAChC,QAAMI,IAAUJ,EAAM,KAAA;AACtB,SAAKI,EAAQ,SAAS,GAAG,IAGlBkD,EAAmBlD,EAAQ,MAAM,GAAG,EAAE,CAAC,IAFrC;AAGX;AACA,SAAS8C,EAAgBlD,GAAO;AAE9B,QAAMa,IADUb,EAAM,KAAA,EAAO,YAAA,EACP,MAAM,8DAA8D;AAC1F,MAAI,CAACa;AACH,WAAO;AAET,QAAM6D,IAAS,OAAO7D,EAAM,CAAC,CAAC,GACxB8D,IAAO9D,EAAM,CAAC;AACpB,SAAK,OAAO,SAAS6D,CAAM,IAIlBE,EADLD,MAAS,SACeD,IAAS,MAEjCC,MAAS,SACeD,IAAS,MAEjCC,MAAS,QACeD,IAAS,MAAM,KAAK,KAEtBA,CARc,IAH/B;AAYX;AACA,SAASpB,EAAmBtD,GAAO;AACjC,QAAMI,IAAUJ,EAAM,KAAA;AACtB,MAAI,CAAC,yCAAyC,KAAKI,CAAO;AACxD,WAAO;AAET,QAAMsE,IAAS,OAAOtE,CAAO;AAC7B,SAAO,OAAO,SAASsE,CAAM,IAAIA,IAAS;AAC5C;AACA,SAASE,EAAmB5E,GAAO;AACjC,SAAO,OAAOiC,EAAajC,GAAO,CAAC,CAAC;AACtC;AACA,SAASuB,EAA2BvB,GAAO;AACzC,SAAOA,EAAM,SAAS,GAAG,KAAKA,EAAM,kBAAkB;AACxD;AACA,SAASiB,EAAWjB,GAAO;AACzB,QAAMkE,IAAQW,EAAkB7E,CAAK;AACrC,SAAIkE,IAAQ,IACH;AAAA,IACL,UAAUlE,EAAM,KAAA;AAAA,EAAK,IAGlB;AAAA,IACL,UAAUA,EAAM,MAAM,GAAGkE,CAAK,EAAE,KAAA;AAAA,IAChC,OAAOlE,EAAM,MAAMkE,IAAQ,CAAC,EAAE,KAAA;AAAA,EAAK;AAEvC;AACA,SAASW,EAAkB7E,GAAO;AAChC,MAAI8E,IAAQ,GACRC,GACAC,IAAU;AACd,WAASd,IAAQ,GAAGA,IAAQlE,EAAM,QAAQkE,KAAS,GAAG;AACpD,UAAMe,IAAOjF,EAAMkE,CAAK;AACxB,QAAIc,GAAS;AACX,MAAAA,IAAU;AACV;AAAA,IACF;AACA,QAAIC,MAAS,MAAM;AACjB,MAAAD,IAAU;AACV;AAAA,IACF;AACA,QAAID,GAAO;AACT,MAAIE,MAASF,MACXA,IAAQ;AAEV;AAAA,IACF;AACA,QAAIE,MAAS,OAAOA,MAAS,KAAM;AACjC,MAAAF,IAAQE;AACR;AAAA,IACF;AACA,QAAIA,MAAS;AACX,MAAAH,KAAS;AAAA,aACAG,MAAS;AAClB,MAAAH,IAAQ,KAAK,IAAI,GAAGA,IAAQ,CAAC;AAAA,aACpBG,MAAS,OAAOH,MAAU;AACnC,aAAOZ;AAAA,EAEX;AACA,SAAO;AACT;AACA,SAAS5C,EAAuBtB,GAAO;AACrC,QAAMkF,IAAQ,CAAA;AACd,MAAIC,IAAU,IACVL,IAAQ,GACRC,GACAC,IAAU;AACd,QAAMI,IAAO,MAAM;AACjB,UAAMC,IAAOF,EAAQ,KAAA;AACrB,IAAIE,KACFH,EAAM,KAAKG,CAAI,GAEjBF,IAAU;AAAA,EACZ;AACA,aAAWF,KAAQjF,EAAM,QAAQ;AAC/B,QAAIgF,GAAS;AACX,MAAAG,KAAWF,GACXD,IAAU;AACV;AAAA,IACF;AACA,QAAIC,MAAS,MAAM;AACjB,MAAAE,KAAWF,GACXD,IAAU;AACV;AAAA,IACF;AACA,QAAID,GAAO;AACT,MAAAI,KAAWF,GACPA,MAASF,MACXA,IAAQ;AAEV;AAAA,IACF;AACA,QAAIE,MAAS,OAAOA,MAAS,KAAM;AACjC,MAAAE,KAAWF,GACXF,IAAQE;AACR;AAAA,IACF;AAMA,QALIA,MAAS,MACXH,KAAS,IACAG,MAAS,QAClBH,IAAQ,KAAK,IAAI,GAAGA,IAAQ,CAAC,IAE3B,KAAK,KAAKG,CAAI,KAAKH,MAAU,GAAG;AAClC,MAAAM,EAAA;AACA;AAAA,IACF;AACA,IAAAD,KAAWF;AAAA,EACb;AACA,SAAAG,EAAA,GACOF;AACT;"}

package/dist/ColorInput/index.d.ts

@@ -0,0 +1,5 @@
+export { ColorInput } from './ColorInput';
+export type { ColorInputProps, ColorInputRenderState, ColorInputSize, ColorInputValue, ColorInputVariant, } from './ColorInput';
+export type { ColorInputEditorFormat, ColorInputFormat, CssColorChannel, ParsedCssColorChannels, } from './format';
+export type { ColorInputChangeDetails, ParsedColorInputValue, } from './value';
+//# sourceMappingURL=index.d.ts.map

package/dist/ColorInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACR,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,iBAAiB,GACpB,MAAM,cAAc,CAAC;AACtB,YAAY,EACR,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,sBAAsB,GACzB,MAAM,UAAU,CAAC;AAClB,YAAY,EACR,uBAAuB,EACvB,qBAAqB,GACxB,MAAM,SAAS,CAAC"}

package/dist/ColorInput/index.js

@@ -0,0 +1,5 @@
+import { ColorInput as p } from "./ColorInput.js";
+export {
+  p as ColorInput
+};
+//# sourceMappingURL=index.js.map

package/dist/ColorInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ColorInput/ui/ColorObjectChannelEditor.d.ts

@@ -0,0 +1,9 @@
+import type { Color } from 'react-stately';
+import type { ColorInputEditorProps } from '../ColorInput';
+import type { ColorObjectEditorFormat } from '../format';
+export declare function ColorObjectChannelEditor({ ref, inputRef, currentValue: _currentValue, parsedColor, parsedAlpha, editorFormat, requestedFormat, size, variant, showAlpha, isDisabled, isReadOnly, isInvalid, isActive, autoFocus, placeholder: _placeholder, name, form, children, className, onValueChange, ...props }: Omit<ColorInputEditorProps, 'editorFormat'> & {
+    editorFormat: ColorObjectEditorFormat;
+    parsedColor: Color;
+    parsedAlpha: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ColorObjectChannelEditor.d.ts.map

package/dist/ColorInput/ui/ColorObjectChannelEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorObjectChannelEditor.d.ts","sourceRoot":"","sources":["../../../src/ColorInput/ui/ColorObjectChannelEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAAyB,MAAM,eAAe,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAiCzD,wBAAgB,wBAAwB,CAAC,EACrC,GAAG,EACH,QAAQ,EACR,YAAY,EAAE,aAAa,EAC3B,WAAW,EACX,WAAW,EACX,YAAY,EACZ,eAAe,EACf,IAAW,EACX,OAAkB,EAClB,SAAgB,EAChB,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EAAE,YAAY,EACzB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,qBAAqB,EAAE,cAAc,CAAC,GAAG;IAAE,YAAY,EAAE,uBAAuB,CAAC;IAAC,WAAW,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,+BA4GlI"}

package/dist/ColorInput/ui/ColorObjectChannelEditor.js

@@ -0,0 +1,167 @@
+import { cn as P } from "@reforma/lib";
+import { ControlGroup as U, ControlGroupField as c, ControlGroupInput as S } from "../../ControlGroup/ControlGroup.js";
+import { For as W } from "../../For/For.js";
+import { Show as A } from "../../Show/Show.js";
+import { filterSlots as K, Slot as Q } from "../../Slot/Slot.js";
+import X from "../ColorInput.module.css.js";
+import { serializeColorObject as g, normalizeAlpha as Y } from "../format.js";
+import { withAlpha as N } from "../value.js";
+import { channelField as Z, CHANNEL_NUMBER_FORMAT as O, channelGroupTemplateColumns as $ } from "./channelFields.js";
+import { CssColorPreview as q } from "./CssColorPreview.js";
+import { HiddenColorInput as D } from "./HiddenColorInput.js";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+const ll = {
+  rgb: {
+    colorSpace: "rgb",
+    channels: [{
+      key: "red",
+      label: "R",
+      minValue: 0,
+      maxValue: 255
+    }, {
+      key: "green",
+      label: "G",
+      minValue: 0,
+      maxValue: 255
+    }, {
+      key: "blue",
+      label: "B",
+      minValue: 0,
+      maxValue: 255
+    }]
+  },
+  hsl: {
+    colorSpace: "hsl",
+    channels: [{
+      key: "hue",
+      label: "H",
+      minValue: 0,
+      maxValue: 360
+    }, {
+      key: "saturation",
+      label: "S",
+      minValue: 0,
+      maxValue: 100
+    }, {
+      key: "lightness",
+      label: "L",
+      minValue: 0,
+      maxValue: 100
+    }]
+  }
+};
+function fl({
+  ref: _,
+  inputRef: w,
+  currentValue: ol,
+  parsedColor: r,
+  parsedAlpha: a,
+  editorFormat: u,
+  requestedFormat: m,
+  size: p = "sm",
+  variant: f = "filled",
+  showAlpha: C = !0,
+  isDisabled: n,
+  isReadOnly: V,
+  isInvalid: b,
+  isActive: G,
+  autoFocus: L,
+  placeholder: el,
+  name: E,
+  form: j,
+  children: s,
+  className: B,
+  onValueChange: H,
+  ...I
+}) {
+  const v = ll[u], d = r.toFormat(v.colorSpace), y = (l, e = a) => {
+    const t = g(l, e, m, u), J = N(l, e);
+    H(t, {
+      value: t,
+      color: J,
+      alpha: Y(e),
+      format: m,
+      inputValue: t
+    });
+  }, x = v.channels.map((l) => Z(l.key, l.label, d.getChannelValue(l.key), l.minValue, l.maxValue)), R = x.length + Number(C), T = $(R), i = g(r, a, m, u), M = N(r, a), z = typeof s == "function" ? s({
+    value: i,
+    color: M,
+    alpha: a,
+    format: m,
+    inputValue: i,
+    isInvalid: !!b
+  }) : s, k = K(z, "swatch"), F = k ? /* @__PURE__ */ o(Q, {
+    slot: "prefix",
+    children: k
+  }) : /* @__PURE__ */ o(q, {
+    slot: "prefix",
+    value: i,
+    size: p,
+    isDisabled: n
+  });
+  return /* @__PURE__ */ h("div", {
+    ref: _,
+    className: P(X.root, B),
+    "data-size": p,
+    "data-variant": f,
+    "data-editor": "channels",
+    "data-color-format": u,
+    "data-disabled": n || void 0,
+    "data-readonly": V || void 0,
+    "data-invalid": b || void 0,
+    "data-active": G || void 0,
+    ...I,
+    children: [/* @__PURE__ */ h(U, {
+      size: p,
+      variant: f,
+      templateColumns: T,
+      children: [/* @__PURE__ */ o(W, {
+        each: x,
+        children: (l, e) => /* @__PURE__ */ h(c, {
+          children: [/* @__PURE__ */ o(c.Label, {
+            children: l.label
+          }), /* @__PURE__ */ o(S, {
+            type: "number",
+            inputRef: e === 0 ? w : void 0,
+            "aria-label": l.label,
+            value: l.value,
+            minValue: l.minValue,
+            maxValue: l.maxValue,
+            formatOptions: O,
+            autoFocus: e === 0 ? L : void 0,
+            isDisabled: n,
+            isReadOnly: V,
+            onChange: (t) => y(d.withChannelValue(l.key, t)),
+            children: e === 0 ? F : null
+          })]
+        }, l.key)
+      }), /* @__PURE__ */ o(A, {
+        when: C,
+        children: /* @__PURE__ */ h(c, {
+          children: [/* @__PURE__ */ o(c.Label, {
+            children: "%"
+          }), /* @__PURE__ */ o(S, {
+            type: "number",
+            "aria-label": "Alpha",
+            value: a,
+            minValue: 0,
+            maxValue: 100,
+            formatOptions: O,
+            isDisabled: n,
+            isReadOnly: V,
+            onChange: (l) => y(r, l)
+          })]
+        })
+      })]
+    }), /* @__PURE__ */ o(D, {
+      name: E,
+      form: j,
+      value: i,
+      isDisabled: n
+    })]
+  });
+}
+export {
+  fl as ColorObjectChannelEditor
+};
+//# sourceMappingURL=ColorObjectChannelEditor.js.map

package/dist/ColorInput/ui/ColorObjectChannelEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorObjectChannelEditor.js","sources":["../../../src/ColorInput/ui/ColorObjectChannelEditor.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\n\nimport { ControlGroup, ControlGroupField, ControlGroupInput } from '../../ControlGroup';\nimport { For } from '../../For';\nimport { Show } from '../../Show';\nimport { filterSlots, Slot } from '../../Slot';\nimport styles from '../ColorInput.module.css';\nimport { normalizeAlpha, serializeColorObject } from '../format';\nimport { withAlpha } from '../value';\nimport { CHANNEL_NUMBER_FORMAT, channelField, channelGroupTemplateColumns, type EditableColorChannel } from './channelFields';\nimport { CssColorPreview } from './CssColorPreview';\nimport { HiddenColorInput } from './HiddenColorInput';\n\nimport type { Color } from 'react-stately';\nimport type { ColorInputEditorProps, ColorInputRenderState } from '../ColorInput';\nimport type { ColorObjectEditorFormat } from '../format';\n\ntype ColorObjectChannelDefinition = {\n    key: EditableColorChannel;\n    label: string;\n    minValue: number;\n    maxValue: number;\n};\n\ntype ColorObjectChannelConfig = {\n    colorSpace: ColorObjectEditorFormat;\n    channels: readonly ColorObjectChannelDefinition[];\n};\n\nconst COLOR_OBJECT_CHANNEL_CONFIGS: Record<ColorObjectEditorFormat, ColorObjectChannelConfig> = {\n    rgb: {\n        colorSpace: 'rgb',\n        channels: [\n            { key: 'red', label: 'R', minValue: 0, maxValue: 255 },\n            { key: 'green', label: 'G', minValue: 0, maxValue: 255 },\n            { key: 'blue', label: 'B', minValue: 0, maxValue: 255 },\n        ],\n    },\n    hsl: {\n        colorSpace: 'hsl',\n        channels: [\n            { key: 'hue', label: 'H', minValue: 0, maxValue: 360 },\n            { key: 'saturation', label: 'S', minValue: 0, maxValue: 100 },\n            { key: 'lightness', label: 'L', minValue: 0, maxValue: 100 },\n        ],\n    },\n};\n\nexport function ColorObjectChannelEditor({\n    ref,\n    inputRef,\n    currentValue: _currentValue,\n    parsedColor,\n    parsedAlpha,\n    editorFormat,\n    requestedFormat,\n    size = 'sm',\n    variant = 'filled',\n    showAlpha = true,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isActive,\n    autoFocus,\n    placeholder: _placeholder,\n    name,\n    form,\n    children,\n    className,\n    onValueChange,\n    ...props\n}: Omit<ColorInputEditorProps, 'editorFormat'> & { editorFormat: ColorObjectEditorFormat; parsedColor: Color; parsedAlpha: number }) {\n    const channelConfig = COLOR_OBJECT_CHANNEL_CONFIGS[editorFormat];\n    const formatColor = parsedColor.toFormat(channelConfig.colorSpace);\n\n    const emitColor = (nextColor: Color, nextAlpha = parsedAlpha) => {\n        const nextValue = serializeColorObject(nextColor, nextAlpha, requestedFormat, editorFormat);\n        const color = withAlpha(nextColor, nextAlpha);\n\n        onValueChange(nextValue, {\n            value: nextValue,\n            color,\n            alpha: normalizeAlpha(nextAlpha),\n            format: requestedFormat,\n            inputValue: nextValue,\n        });\n    };\n\n    const fields = channelConfig.channels.map(channel => (\n        channelField(\n            channel.key,\n            channel.label,\n            formatColor.getChannelValue(channel.key),\n            channel.minValue,\n            channel.maxValue\n        )\n    ));\n    const channelColumns = fields.length + Number(showAlpha);\n    const templateColumns = channelGroupTemplateColumns(channelColumns);\n    const submittedValue = serializeColorObject(parsedColor, parsedAlpha, requestedFormat, editorFormat);\n    const colorWithAlpha = withAlpha(parsedColor, parsedAlpha);\n    const renderedChildren = typeof children === 'function'\n        ? children({\n            value: submittedValue,\n            color: colorWithAlpha,\n            alpha: parsedAlpha,\n            format: requestedFormat,\n            inputValue: submittedValue,\n            isInvalid: Boolean(isInvalid),\n        } satisfies ColorInputRenderState)\n        : children;\n    const swatchSlot = filterSlots(renderedChildren, 'swatch');\n    const prefixSlot = swatchSlot\n        ? <Slot slot=\"prefix\">{ swatchSlot }</Slot>\n        : <CssColorPreview slot=\"prefix\" value={ submittedValue } size={ size } isDisabled={ isDisabled } />;\n\n    return (\n        <div\n            ref={ ref }\n            className={ cn(styles.root, className) }\n            data-size={ size }\n            data-variant={ variant }\n            data-editor=\"channels\"\n            data-color-format={ editorFormat }\n            data-disabled={ isDisabled || undefined }\n            data-readonly={ isReadOnly || undefined }\n            data-invalid={ isInvalid || undefined }\n            data-active={ isActive || undefined }\n            { ...props }\n        >\n            <ControlGroup size={ size } variant={ variant } templateColumns={ templateColumns }>\n                <For each={ fields }>\n                    { (field, index) => (\n                        <ControlGroupField key={ field.key }>\n                            <ControlGroupField.Label>{ field.label }</ControlGroupField.Label>\n                            <ControlGroupInput\n                                type=\"number\"\n                                inputRef={ index === 0 ? inputRef : undefined }\n                                aria-label={ field.label }\n                                value={ field.value }\n                                minValue={ field.minValue }\n                                maxValue={ field.maxValue }\n                                formatOptions={ CHANNEL_NUMBER_FORMAT }\n                                autoFocus={ index === 0 ? autoFocus : undefined }\n                                isDisabled={ isDisabled }\n                                isReadOnly={ isReadOnly }\n                                onChange={ next => emitColor(formatColor.withChannelValue(field.key, next)) }\n                            >\n                                {\n                                    index === 0\n                                        ? prefixSlot\n                                        : null\n                                }\n                            </ControlGroupInput>\n                        </ControlGroupField>\n                    ) }\n                </For>\n\n                <Show when={ showAlpha }>\n                    <ControlGroupField>\n                        <ControlGroupField.Label>%</ControlGroupField.Label>\n                        <ControlGroupInput\n                            type=\"number\"\n                            aria-label=\"Alpha\"\n                            value={ parsedAlpha }\n                            minValue={ 0 }\n                            maxValue={ 100 }\n                            formatOptions={ CHANNEL_NUMBER_FORMAT }\n                            isDisabled={ isDisabled }\n                            isReadOnly={ isReadOnly }\n                            onChange={ next => emitColor(parsedColor, next) }\n                        />\n                    </ControlGroupField>\n                </Show>\n            </ControlGroup>\n\n            <HiddenColorInput name={ name } form={ form } value={ submittedValue } isDisabled={ isDisabled } />\n        </div>\n    );\n}\n"],"names":["COLOR_OBJECT_CHANNEL_CONFIGS","ColorObjectChannelEditor","ref","inputRef","_currentValue","parsedColor","parsedAlpha","editorFormat","requestedFormat","size","variant","showAlpha","isDisabled","isReadOnly","isInvalid","isActive","autoFocus","_placeholder","name","form","children","className","onValueChange","props","channelConfig","formatColor","emitColor","nextColor","nextAlpha","nextValue","serializeColorObject","color","withAlpha","normalizeAlpha","fields","channel","channelField","channelColumns","templateColumns","channelGroupTemplateColumns","submittedValue","colorWithAlpha","renderedChildren","swatchSlot","filterSlots","prefixSlot","_jsx","Slot","CssColorPreview","cn","styles","_jsxs","ControlGroup","For","field","index","ControlGroupField","ControlGroupInput","CHANNEL_NUMBER_FORMAT","next","Show","HiddenColorInput"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,KAA+B;AAAA,EACnC,KAAK;AAAA,IACH,YAAY;AAAA,IACZ,UAAU,CAAC;AAAA,MACT,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA,GACT;AAAA,MACD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA,GACT;AAAA,MACD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA,CACX;AAAA,EAAA;AAAA,EAEH,KAAK;AAAA,IACH,YAAY;AAAA,IACZ,UAAU,CAAC;AAAA,MACT,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA,GACT;AAAA,MACD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA,GACT;AAAA,MACD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA,CACX;AAAA,EAAA;AAEL;AACO,SAASC,GAAyB;AAAA,EACvC,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAcC;AAAA,EACd,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAaC;AAAA,EACb,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAgBxB,GAA6BO,CAAY,GACzDkB,IAAcpB,EAAY,SAASmB,EAAc,UAAU,GAC3DE,IAAY,CAACC,GAAWC,IAAYtB,MAAgB;AACxD,UAAMuB,IAAYC,EAAqBH,GAAWC,GAAWpB,GAAiBD,CAAY,GACpFwB,IAAQC,EAAUL,GAAWC,CAAS;AAC5C,IAAAN,EAAcO,GAAW;AAAA,MACvB,OAAOA;AAAA,MACP,OAAAE;AAAA,MACA,OAAOE,EAAeL,CAAS;AAAA,MAC/B,QAAQpB;AAAA,MACR,YAAYqB;AAAA,IAAA,CACb;AAAA,EACH,GACMK,IAASV,EAAc,SAAS,IAAI,CAAAW,MAAWC,EAAaD,EAAQ,KAAKA,EAAQ,OAAOV,EAAY,gBAAgBU,EAAQ,GAAG,GAAGA,EAAQ,UAAUA,EAAQ,QAAQ,CAAC,GACrKE,IAAiBH,EAAO,SAAS,OAAOvB,CAAS,GACjD2B,IAAkBC,EAA4BF,CAAc,GAC5DG,IAAiBV,EAAqBzB,GAAaC,GAAaE,GAAiBD,CAAY,GAC7FkC,IAAiBT,EAAU3B,GAAaC,CAAW,GACnDoC,IAAmB,OAAOtB,KAAa,aAAaA,EAAS;AAAA,IACjE,OAAOoB;AAAA,IACP,OAAOC;AAAA,IACP,OAAOnC;AAAA,IACP,QAAQE;AAAA,IACR,YAAYgC;AAAA,IACZ,WAAW,EAAQ1B;AAAA,EAAS,CAC7B,IAAIM,GACCuB,IAAaC,EAAYF,GAAkB,QAAQ,GACnDG,IAAaF,IAA0BG,gBAAAA,EAAKC,GAAM;AAAA,IACtD,MAAM;AAAA,IACN,UAAUJ;AAAA,EAAA,CACX,IAAiBG,gBAAAA,EAAKE,GAAiB;AAAA,IACtC,MAAM;AAAA,IACN,OAAOR;AAAA,IACP,MAAA/B;AAAA,IACA,YAAAG;AAAA,EAAA,CACD;AACD,2BAA0B,OAAO;AAAA,IAC/B,KAAAV;AAAA,IACA,WAAW+C,EAAGC,EAAO,MAAM7B,CAAS;AAAA,IACpC,aAAaZ;AAAA,IACb,gBAAgBC;AAAA,IAChB,eAAe;AAAA,IACf,qBAAqBH;AAAA,IACrB,iBAAiBK,KAAc;AAAA,IAC/B,iBAAiBC,KAAc;AAAA,IAC/B,gBAAgBC,KAAa;AAAA,IAC7B,eAAeC,KAAY;AAAA,IAC3B,GAAGQ;AAAA,IACH,UAAU,CAAc4B,gBAAAA,EAAMC,GAAc;AAAA,MAC1C,MAAA3C;AAAA,MACA,SAAAC;AAAA,MACA,iBAAA4B;AAAA,MACA,UAAU,CAAcQ,gBAAAA,EAAKO,GAAK;AAAA,QAChC,MAAMnB;AAAA,QACN,UAAU,CAACoB,GAAOC,wBAA6BC,GAAmB;AAAA,UAChE,UAAU,CAAcV,gBAAAA,EAAKU,EAAkB,OAAO;AAAA,YACpD,UAAUF,EAAM;AAAA,UAAA,CACjB,GAAgBR,gBAAAA,EAAKW,GAAmB;AAAA,YACvC,MAAM;AAAA,YACN,UAAUF,MAAU,IAAIpD,IAAW;AAAA,YACnC,cAAcmD,EAAM;AAAA,YACpB,OAAOA,EAAM;AAAA,YACb,UAAUA,EAAM;AAAA,YAChB,UAAUA,EAAM;AAAA,YAChB,eAAeI;AAAA,YACf,WAAWH,MAAU,IAAIvC,IAAY;AAAA,YACrC,YAAAJ;AAAA,YACA,YAAAC;AAAA,YACA,UAAU,OAAQa,EAAUD,EAAY,iBAAiB6B,EAAM,KAAKK,CAAI,CAAC;AAAA,YACzE,UAAUJ,MAAU,IAAIV,IAAa;AAAA,UAAA,CACtC,CAAC;AAAA,QAAA,GACDS,EAAM,GAAG;AAAA,MAAA,CACb,GAAgBR,gBAAAA,EAAKc,GAAM;AAAA,QAC1B,MAAMjD;AAAA,QACN,4BAA6B6C,GAAmB;AAAA,UAC9C,UAAU,CAAcV,gBAAAA,EAAKU,EAAkB,OAAO;AAAA,YACpD,UAAU;AAAA,UAAA,CACX,GAAgBV,gBAAAA,EAAKW,GAAmB;AAAA,YACvC,MAAM;AAAA,YACN,cAAc;AAAA,YACd,OAAOnD;AAAA,YACP,UAAU;AAAA,YACV,UAAU;AAAA,YACV,eAAeoD;AAAA,YACf,YAAA9C;AAAA,YACA,YAAAC;AAAA,YACA,UAAU,CAAA8C,MAAQjC,EAAUrB,GAAasD,CAAI;AAAA,UAAA,CAC9C,CAAC;AAAA,QAAA,CACH;AAAA,MAAA,CACF,CAAC;AAAA,IAAA,CACH,GAAgBb,gBAAAA,EAAKe,GAAkB;AAAA,MACtC,MAAA3C;AAAA,MACA,MAAAC;AAAA,MACA,OAAOqB;AAAA,MACP,YAAA5B;AAAA,IAAA,CACD,CAAC;AAAA,EAAA,CACH;AACH;"}

package/dist/ColorInput/ui/CssColorPreview.d.ts

@@ -0,0 +1,11 @@
+import type { ColorInputSize } from '../ColorInput';
+export declare function CssColorPreview({ value, size, isDisabled, slot, }: {
+    value: string;
+    size: ColorInputSize;
+    isDisabled?: boolean;
+    slot?: string;
+}): import("react").JSX.Element;
+export declare function CssColorPreviewContent({ value }: {
+    value: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CssColorPreview.d.ts.map

package/dist/ColorInput/ui/CssColorPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssColorPreview.d.ts","sourceRoot":"","sources":["../../../src/ColorInput/ui/CssColorPreview.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,GACP,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,+BAoBA;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAUlE"}