@viax.io/uxm 4.36.0

package/dist/ui/color-input/color-input.js

@@ -0,0 +1,520 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { cn } from "../../helpers/index.js";
+import { hslToRgb, rgbToHsl } from "../../lib/contrast.js";
+import { FieldError } from "../field-error/index.js";
+import { Icon } from "../icon/index.js";
+import { Select } from "../input/index.js";
+import { Popover } from "../popover/index.js";
+import {
+  formatColor,
+  hsvaToRgba,
+  parseColorString,
+  rgbaToHsva
+} from "./color-model.js";
+const DEFAULT_FORMATS = ["hex", "rgb", "rgba", "hsl"];
+const FORMAT_LABELS = {
+  hex: "HEX",
+  rgb: "RGB",
+  rgba: "RGBA",
+  hsl: "HSL"
+};
+const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+function getEyeDropper() {
+  if (typeof window === "undefined") return null;
+  return window.EyeDropper ?? null;
+}
+function ChannelInput({
+  label,
+  short,
+  value,
+  min,
+  max,
+  disabled,
+  onCommit,
+  onEnter,
+  onEsc
+}) {
+  const [draft, setDraft] = useState(null);
+  const shown = draft ?? String(value);
+  return /* @__PURE__ */ jsxs("label", { className: "uxm-color-input__channel", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        inputMode: "numeric",
+        className: "uxm-color-input__channel-field",
+        "aria-label": label,
+        value: shown,
+        disabled,
+        spellCheck: false,
+        autoComplete: "off",
+        onChange: (e) => {
+          const raw = e.target.value;
+          setDraft(raw);
+          const n = Number(raw);
+          if (raw.trim() !== "" && !Number.isNaN(n)) onCommit(clamp(n, min, max));
+        },
+        onFocus: () => setDraft(String(value)),
+        onBlur: () => setDraft(null),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            const n = Number(draft ?? value);
+            if (!Number.isNaN(n)) onCommit(clamp(n, min, max));
+            onEnter();
+          } else if (e.key === "Escape") {
+            setDraft(null);
+            onEsc();
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "uxm-color-input__channel-label", "aria-hidden": "true", children: short })
+  ] });
+}
+const DEFAULT_LABELS = {
+  area: "Color",
+  areaValueText: (s, v) => `Saturation ${s}%, Brightness ${v}%`,
+  hue: "Hue",
+  alpha: "Opacity",
+  eyedropper: "Pick color from screen",
+  format: "Color format",
+  hex: "Hex color value"
+};
+function ColorInput({
+  value,
+  defaultValue,
+  onChange,
+  formats,
+  outputFormat = "hex",
+  onEnter,
+  onEsc,
+  alpha = true,
+  eyedropper = true,
+  disabled = false,
+  error,
+  labels,
+  className,
+  style,
+  ...rest
+}) {
+  const isControlled = value !== void 0;
+  const l = { ...DEFAULT_LABELS, ...labels };
+  const [hsva, setHsva] = useState(() => {
+    const parsed = parseColorString((isControlled ? value : defaultValue) ?? "#000000");
+    return parsed ? rgbaToHsva(parsed) : { h: 0, s: 0, v: 0, a: 1 };
+  });
+  const availableFormats = formats && formats.length > 0 ? formats : DEFAULT_FORMATS;
+  const [displayFormat, setDisplayFormat] = useState(
+    () => availableFormats.includes("hex") ? "hex" : availableFormats[0]
+  );
+  const [hexDraft, setHexDraft] = useState(null);
+  const [hexInvalid, setHexInvalid] = useState(false);
+  const currentRgba = hsvaToRgba(hsva);
+  const resolvedOutput = outputFormat;
+  const lastEmittedRef = useRef(isControlled ? value ?? null : null);
+  useEffect(() => {
+    if (!isControlled) return;
+    if (value === lastEmittedRef.current) return;
+    const incoming = parseColorString(value ?? "");
+    if (!incoming) return;
+    setHsva(rgbaToHsva(incoming));
+  }, [value, isControlled]);
+  const emit = (next, opts) => {
+    setHsva(next);
+    const out = formatColor(hsvaToRgba(next), resolvedOutput);
+    lastEmittedRef.current = out;
+    onChange?.(out);
+    if (opts?.enter) onEnter?.(out);
+  };
+  const satRef = useRef(null);
+  const updateSaturation = (clientX, clientY) => {
+    const el = satRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    const s = clamp((clientX - rect.left) / rect.width, 0, 1) * 100;
+    const v = (1 - clamp((clientY - rect.top) / rect.height, 0, 1)) * 100;
+    emit({ ...hsva, s, v });
+  };
+  const handleSatPointerDown = (e) => {
+    if (disabled) return;
+    e.currentTarget.setPointerCapture(e.pointerId);
+    updateSaturation(e.clientX, e.clientY);
+  };
+  const handleSatPointerMove = (e) => {
+    if (disabled || e.buttons !== 1) return;
+    updateSaturation(e.clientX, e.clientY);
+  };
+  const handleSatKeyDown = (e) => {
+    if (disabled) return;
+    const step = e.shiftKey ? 10 : 1;
+    let { s, v } = hsva;
+    switch (e.key) {
+      case "ArrowRight":
+        s = clamp(s + step, 0, 100);
+        break;
+      case "ArrowLeft":
+        s = clamp(s - step, 0, 100);
+        break;
+      case "ArrowUp":
+        v = clamp(v + step, 0, 100);
+        break;
+      case "ArrowDown":
+        v = clamp(v - step, 0, 100);
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+    emit({ ...hsva, s, v });
+  };
+  const hueRef = useRef(null);
+  const updateHue = (clientX) => {
+    const el = hueRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    emit({ ...hsva, h: clamp((clientX - rect.left) / rect.width, 0, 1) * 360 });
+  };
+  const handleHuePointerDown = (e) => {
+    if (disabled) return;
+    e.currentTarget.setPointerCapture(e.pointerId);
+    updateHue(e.clientX);
+  };
+  const handleHuePointerMove = (e) => {
+    if (disabled || e.buttons !== 1) return;
+    updateHue(e.clientX);
+  };
+  const handleHueKeyDown = (e) => {
+    if (disabled) return;
+    const step = e.shiftKey ? 10 : 1;
+    let h = hsva.h;
+    if (e.key === "ArrowRight" || e.key === "ArrowUp") h = clamp(h + step, 0, 360);
+    else if (e.key === "ArrowLeft" || e.key === "ArrowDown") h = clamp(h - step, 0, 360);
+    else if (e.key === "Home") h = 0;
+    else if (e.key === "End") h = 360;
+    else return;
+    e.preventDefault();
+    emit({ ...hsva, h });
+  };
+  const alphaRef = useRef(null);
+  const updateAlpha = (clientX) => {
+    const el = alphaRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    emit({ ...hsva, a: clamp((clientX - rect.left) / rect.width, 0, 1) });
+  };
+  const handleAlphaPointerDown = (e) => {
+    if (disabled) return;
+    e.currentTarget.setPointerCapture(e.pointerId);
+    updateAlpha(e.clientX);
+  };
+  const handleAlphaPointerMove = (e) => {
+    if (disabled || e.buttons !== 1) return;
+    updateAlpha(e.clientX);
+  };
+  const handleAlphaKeyDown = (e) => {
+    if (disabled) return;
+    const step = e.shiftKey ? 0.1 : 0.01;
+    let a = hsva.a;
+    if (e.key === "ArrowRight" || e.key === "ArrowUp") a = clamp(a + step, 0, 1);
+    else if (e.key === "ArrowLeft" || e.key === "ArrowDown") a = clamp(a - step, 0, 1);
+    else if (e.key === "Home") a = 0;
+    else if (e.key === "End") a = 1;
+    else return;
+    e.preventDefault();
+    emit({ ...hsva, a });
+  };
+  const emitEnter = () => onEnter?.(formatColor(currentRgba, resolvedOutput));
+  const emitEsc = () => onEsc?.();
+  const hexShown = hexDraft ?? formatColor(currentRgba, "hex");
+  const commitHex = () => {
+    if (hexDraft === null) return true;
+    const parsed = parseColorString(hexDraft);
+    if (!parsed) {
+      setHexInvalid(true);
+      return false;
+    }
+    setHexInvalid(false);
+    emit(rgbaToHsva(parsed));
+    return true;
+  };
+  const setRgbChannel = (patch) => emit(rgbaToHsva({ ...currentRgba, ...patch }));
+  const hslNow = rgbToHsl(currentRgba);
+  const commitHsl = (patch) => {
+    const next = { h: hsva.h, s: hslNow.s, l: hslNow.l, ...patch };
+    const rgb = hslToRgb(next);
+    const hsvaNext = rgbaToHsva({ ...rgb, a: currentRgba.a });
+    emit({ ...hsvaNext, h: next.h });
+  };
+  const EyeDropperCtor = getEyeDropper();
+  const showEyedropper = eyedropper && EyeDropperCtor !== null;
+  const handleEyeDropper = async () => {
+    if (!EyeDropperCtor || disabled) return;
+    try {
+      const result = await new EyeDropperCtor().open();
+      const parsed = parseColorString(result.sRGBHex);
+      if (parsed) emit(rgbaToHsva({ ...parsed, a: hsva.a }));
+    } catch {
+    }
+  };
+  const showFormat = availableFormats.length > 1;
+  const cssVars = {
+    "--uxm-color-input-hue": hsva.h,
+    "--uxm-color-input-solid": `rgb(${Math.round(currentRgba.r)}, ${Math.round(currentRgba.g)}, ${Math.round(currentRgba.b)})`,
+    "--uxm-color-input-value": formatColor(currentRgba, "rgba"),
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "uxm-color-input",
+        disabled && "uxm-color-input--disabled",
+        error && "uxm-color-input--error",
+        !alpha && "uxm-color-input--no-alpha",
+        className
+      ),
+      style: cssVars,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: satRef,
+            className: "uxm-color-input__saturation",
+            role: "slider",
+            "aria-label": l.area,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": Math.round(hsva.s),
+            "aria-valuetext": l.areaValueText(Math.round(hsva.s), Math.round(hsva.v)),
+            "aria-disabled": disabled || void 0,
+            tabIndex: disabled ? -1 : 0,
+            onPointerDown: handleSatPointerDown,
+            onPointerMove: handleSatPointerMove,
+            onKeyDown: handleSatKeyDown,
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "uxm-color-input__saturation-thumb",
+                style: { left: `${hsva.s}%`, top: `${100 - hsva.v}%` }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "uxm-color-input__body", children: [
+          /* @__PURE__ */ jsxs("div", { className: "uxm-color-input__sliders", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: hueRef,
+                className: "uxm-color-input__hue",
+                role: "slider",
+                "aria-label": l.hue,
+                "aria-valuemin": 0,
+                "aria-valuemax": 360,
+                "aria-valuenow": Math.round(hsva.h),
+                "aria-disabled": disabled || void 0,
+                tabIndex: disabled ? -1 : 0,
+                onPointerDown: handleHuePointerDown,
+                onPointerMove: handleHuePointerMove,
+                onKeyDown: handleHueKeyDown,
+                children: /* @__PURE__ */ jsx("span", { className: "uxm-color-input__track-thumb", style: { left: `${hsva.h / 360 * 100}%` } })
+              }
+            ),
+            alpha && /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: alphaRef,
+                className: "uxm-color-input__alpha",
+                role: "slider",
+                "aria-label": l.alpha,
+                "aria-valuemin": 0,
+                "aria-valuemax": 100,
+                "aria-valuenow": Math.round(hsva.a * 100),
+                "aria-disabled": disabled || void 0,
+                tabIndex: disabled ? -1 : 0,
+                onPointerDown: handleAlphaPointerDown,
+                onPointerMove: handleAlphaPointerMove,
+                onKeyDown: handleAlphaKeyDown,
+                children: /* @__PURE__ */ jsx("span", { className: "uxm-color-input__track-thumb", style: { left: `${hsva.a * 100}%` } })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "uxm-color-input__swatch", "aria-hidden": "true" }),
+          showEyedropper && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "uxm-color-input__eyedropper",
+              "aria-label": l.eyedropper,
+              disabled,
+              onClick: handleEyeDropper,
+              children: /* @__PURE__ */ jsx(Icon, { glyph: "eyedropper", size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "uxm-color-input__controls", children: [
+          showFormat && /* @__PURE__ */ jsx(
+            Select,
+            {
+              className: "uxm-color-input__format",
+              "aria-label": l.format,
+              value: displayFormat,
+              disabled,
+              onChange: (e) => {
+                setDisplayFormat(e.target.value);
+                setHexDraft(null);
+                setHexInvalid(false);
+              },
+              children: availableFormats.map((f) => /* @__PURE__ */ jsx("option", { value: f, children: FORMAT_LABELS[f] }, f))
+            }
+          ),
+          displayFormat === "hex" ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              className: cn("uxm-color-input__field", hexInvalid && "uxm-color-input__field--invalid"),
+              value: hexShown,
+              disabled,
+              "aria-label": l.hex,
+              "aria-invalid": hexInvalid || void 0,
+              spellCheck: false,
+              autoComplete: "off",
+              onChange: (e) => setHexDraft(e.target.value),
+              onFocus: () => {
+                setHexDraft(formatColor(currentRgba, "hex"));
+                setHexInvalid(false);
+              },
+              onBlur: () => {
+                commitHex();
+                setHexDraft(null);
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  if (commitHex()) emitEnter();
+                } else if (e.key === "Escape") {
+                  setHexDraft(null);
+                  setHexInvalid(false);
+                  emitEsc();
+                }
+              }
+            }
+          ) : /* @__PURE__ */ jsxs("div", { className: "uxm-color-input__channels", children: [
+            (displayFormat === "rgb" || displayFormat === "rgba") && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ChannelInput, { label: "Red", short: "R", value: Math.round(currentRgba.r), min: 0, max: 255, disabled, onCommit: (n) => setRgbChannel({ r: n }), onEnter: emitEnter, onEsc: emitEsc }),
+              /* @__PURE__ */ jsx(ChannelInput, { label: "Green", short: "G", value: Math.round(currentRgba.g), min: 0, max: 255, disabled, onCommit: (n) => setRgbChannel({ g: n }), onEnter: emitEnter, onEsc: emitEsc }),
+              /* @__PURE__ */ jsx(ChannelInput, { label: "Blue", short: "B", value: Math.round(currentRgba.b), min: 0, max: 255, disabled, onCommit: (n) => setRgbChannel({ b: n }), onEnter: emitEnter, onEsc: emitEsc }),
+              displayFormat === "rgba" && /* @__PURE__ */ jsx(ChannelInput, { label: "Alpha", short: "A", value: Math.round(currentRgba.a * 100), min: 0, max: 100, disabled, onCommit: (n) => emit({ ...hsva, a: n / 100 }), onEnter: emitEnter, onEsc: emitEsc })
+            ] }),
+            displayFormat === "hsl" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ChannelInput, { label: "Hue", short: "H", value: Math.round(hsva.h), min: 0, max: 360, disabled, onCommit: (n) => commitHsl({ h: n }), onEnter: emitEnter, onEsc: emitEsc }),
+              /* @__PURE__ */ jsx(ChannelInput, { label: "Saturation", short: "S", value: Math.round(hslNow.s), min: 0, max: 100, disabled, onCommit: (n) => commitHsl({ s: n }), onEnter: emitEnter, onEsc: emitEsc }),
+              /* @__PURE__ */ jsx(ChannelInput, { label: "Lightness", short: "L", value: Math.round(hslNow.l), min: 0, max: 100, disabled, onCommit: (n) => commitHsl({ l: n }), onEnter: emitEnter, onEsc: emitEsc })
+            ] })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx(FieldError, { className: "uxm-color-input__error-message", children: error })
+      ]
+    }
+  );
+}
+ColorInput.hasError = true;
+function ColorInputPopover({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  placement = "bottom-start",
+  triggerLabel = "Choose color",
+  value,
+  defaultValue,
+  onChange,
+  onEnter,
+  onEsc,
+  formats,
+  outputFormat = "hex",
+  alpha,
+  eyedropper,
+  disabled,
+  error,
+  className,
+  style,
+  ...rest
+}) {
+  const triggerRef = useRef(null);
+  const isOpenControlled = open !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isOpen = isOpenControlled ? open : uncontrolledOpen;
+  const setOpen = (next) => {
+    if (!isOpenControlled) setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  };
+  const isColorControlled = value !== void 0;
+  const [internalColor, setInternalColor] = useState(defaultValue ?? "#000000");
+  const currentColor = isColorControlled ? value : internalColor;
+  const handleChange = (color) => {
+    if (!isColorControlled) setInternalColor(color);
+    onChange?.(color);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ...rest,
+        ref: triggerRef,
+        type: "button",
+        className: cn("uxm-color-input-popover__trigger", className),
+        "aria-haspopup": "dialog",
+        "aria-expanded": isOpen,
+        "aria-label": `${triggerLabel}: ${currentColor}`,
+        disabled,
+        style: { "--uxm-color-input-value": currentColor, ...style },
+        onClick: () => setOpen(!isOpen)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        open: isOpen,
+        onOpenChange: setOpen,
+        anchor: triggerRef,
+        placement,
+        role: "dialog",
+        "aria-label": triggerLabel,
+        className: "uxm-color-input-popover__panel",
+        children: /* @__PURE__ */ jsx(
+          ColorInput,
+          {
+            value: currentColor,
+            onChange: handleChange,
+            onEnter: (color) => {
+              onEnter?.(color);
+              setOpen(false);
+            },
+            onEsc: () => {
+              onEsc?.();
+              setOpen(false);
+            },
+            formats,
+            outputFormat,
+            alpha,
+            eyedropper,
+            error
+          }
+        )
+      }
+    )
+  ] });
+}
+ColorInputPopover.hasError = true;
+export {
+  ColorInput,
+  ColorInputPopover
+};
+//# sourceMappingURL=color-input.js.map

package/dist/ui/color-input/color-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/color-input/color-input.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\n\nimport { cn } from '@/helpers';\nimport { hslToRgb, rgbToHsl } from '@/lib/contrast';\n\nimport { FieldError } from '../field-error';\nimport { Icon } from '../icon';\nimport { Select } from '../input';\nimport { Popover, type PopoverPlacement } from '../popover';\n\nimport {\n  formatColor,\n  hsvaToRgba,\n  parseColorString,\n  rgbaToHsva,\n  type ColorFormat,\n  type HSVA,\n  type RGBA,\n} from './color-model';\n\nexport type { ColorFormat } from './color-model';\n\nconst DEFAULT_FORMATS: ColorFormat[] = ['hex', 'rgb', 'rgba', 'hsl'];\nconst FORMAT_LABELS: Record<ColorFormat, string> = {\n  hex: 'HEX',\n  rgb: 'RGB',\n  rgba: 'RGBA',\n  hsl: 'HSL',\n};\n\nconst clamp = (n: number, min: number, max: number): number => Math.min(max, Math.max(min, n));\n\n/**\n * Minimal typing for the (Chromium-only) EyeDropper API — not yet in the\n * standard lib.dom lib, so we declare just the surface we call.\n */\ninterface EyeDropperResult {\n  sRGBHex: string;\n}\ninterface EyeDropperInstance {\n  open: (options?: { signal?: AbortSignal }) => Promise<EyeDropperResult>;\n}\ntype EyeDropperConstructor = new () => EyeDropperInstance;\n\nfunction getEyeDropper(): EyeDropperConstructor | null {\n  if (typeof window === 'undefined') return null;\n  return (window as unknown as { EyeDropper?: EyeDropperConstructor }).EyeDropper ?? null;\n}\n\n/** One numeric channel field (R/G/B/A or H/S/L). Keeps an internal draft while\n *  focused so partial edits don't fight the live value, commits valid numbers\n *  immediately (clamped), and reverts the draft on blur or Escape. */\nfunction ChannelInput({\n  label,\n  short,\n  value,\n  min,\n  max,\n  disabled,\n  onCommit,\n  onEnter,\n  onEsc,\n}: {\n  label: string;\n  short: string;\n  value: number;\n  min: number;\n  max: number;\n  disabled?: boolean;\n  onCommit: (n: number) => void;\n  onEnter: () => void;\n  onEsc: () => void;\n}) {\n  const [draft, setDraft] = useState<string | null>(null);\n  const shown = draft ?? String(value);\n  return (\n    <label className=\"uxm-color-input__channel\">\n      <input\n        type=\"text\"\n        inputMode=\"numeric\"\n        className=\"uxm-color-input__channel-field\"\n        aria-label={label}\n        value={shown}\n        disabled={disabled}\n        spellCheck={false}\n        autoComplete=\"off\"\n        onChange={(e) => {\n          const raw = e.target.value;\n          setDraft(raw);\n          const n = Number(raw);\n          if (raw.trim() !== '' && !Number.isNaN(n)) onCommit(clamp(n, min, max));\n        }}\n        onFocus={() => setDraft(String(value))}\n        onBlur={() => setDraft(null)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            const n = Number(draft ?? value);\n            if (!Number.isNaN(n)) onCommit(clamp(n, min, max));\n            onEnter();\n          } else if (e.key === 'Escape') {\n            setDraft(null);\n            onEsc();\n          }\n        }}\n      />\n      <span className=\"uxm-color-input__channel-label\" aria-hidden=\"true\">{short}</span>\n    </label>\n  );\n}\n\n/**\n * Accessible names for the picker's unlabelled controls. Grouped into one\n * object rather than seven flat props: none of them is individually\n * interesting, a consumer localising the picker sets ALL of them at once from\n * its own dictionary, and one object keeps that a single spread instead of\n * seven prop lines. Every field is optional and falls back to the English\n * default.\n */\nexport interface ColorInputLabels {\n  /** Saturation / brightness area. Default `\"Color\"`. */\n  area?: string;\n  /**\n   * Spoken value of the 2-D area. A single `aria-valuenow` can only carry\n   * one axis, so this is what a screen-reader user actually hears.\n   * Default `` `Saturation ${s}%, Brightness ${v}%` ``.\n   */\n  areaValueText?: (saturation: number, brightness: number) => string;\n  /** Hue slider. Default `\"Hue\"`. */\n  hue?: string;\n  /** Opacity slider. Default `\"Opacity\"`. */\n  alpha?: string;\n  /** Screen eyedropper button. Default `\"Pick color from screen\"`. */\n  eyedropper?: string;\n  /** Representation select. Default `\"Color format\"`. */\n  format?: string;\n  /** Hex text field. Default `\"Hex color value\"`. */\n  hex?: string;\n}\n\nconst DEFAULT_LABELS = {\n  area: 'Color',\n  areaValueText: (s: number, v: number) => `Saturation ${s}%, Brightness ${v}%`,\n  hue: 'Hue',\n  alpha: 'Opacity',\n  eyedropper: 'Pick color from screen',\n  format: 'Color format',\n  hex: 'Hex color value',\n} satisfies Required<ColorInputLabels>;\n\nexport interface ColorInputProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  /** Accessible names for the unlabelled controls. Merged over the English defaults. */\n  labels?: ColorInputLabels;\n  /** Current value (controlled) — any supported color string. */\n  value?: string;\n  /** Initial value for uncontrolled usage. Defaults to `#000000`. */\n  defaultValue?: string;\n  /** Called with the color formatted per `outputFormat` on every commit. */\n  onChange?: (color: string) => void;\n  /** Formats offered in the representation select. Defaults to all four. */\n  formats?: ColorFormat[];\n  /** Format of the value passed to `onChange` / `onEnter`. Defaults to `hex`. */\n  outputFormat?: ColorFormat;\n  /** Enter in a value field commits it and fires this with the current color. */\n  onEnter?: (color: string) => void;\n  /** Escape reverts the field draft to the last committed value and fires this. */\n  onEsc?: () => void;\n  /** Show the opacity slider. Defaults to true. */\n  alpha?: boolean;\n  /** Show the screen eyedropper button (Chromium only; auto-hidden elsewhere). Defaults to true. */\n  eyedropper?: boolean;\n  /** Disable all interaction. */\n  disabled?: boolean;\n  /** Non-empty string renders the error state and message below the panel. */\n  error?: string;\n}\n\n/**\n * Full inline color picker: a saturation/brightness area, hue and opacity\n * sliders, a swatch, an optional screen eyedropper, a format select and a\n * per-format value editor (one hex text field, or R/G/B(/A) or H/S/L numeric\n * fields). The working model is HSVA (hue and alpha are kept even when\n * saturation/value hit 0, where RGB→HSV can't recover them). Switching format\n * re-derives the fields from the current color — that's the conversion.\n */\nexport function ColorInput({\n  value,\n  defaultValue,\n  onChange,\n  formats,\n  outputFormat = 'hex',\n  onEnter,\n  onEsc,\n  alpha = true,\n  eyedropper = true,\n  disabled = false,\n  error,\n  labels,\n  className,\n  style,\n  ...rest\n}: ColorInputProps) {\n  const isControlled = value !== undefined;\n  const l = { ...DEFAULT_LABELS, ...labels };\n\n  const [hsva, setHsva] = useState<HSVA>(() => {\n    const parsed = parseColorString((isControlled ? value : defaultValue) ?? '#000000');\n    return parsed ? rgbaToHsva(parsed) : { h: 0, s: 0, v: 0, a: 1 };\n  });\n\n  const availableFormats = formats && formats.length > 0 ? formats : DEFAULT_FORMATS;\n  // Visible representation, switched by the in-component select. Independent of\n  // `outputFormat`, which fixes only what `onChange` returns — the field can\n  // display HSL while `onChange` still emits hex. Defaults to hex when offered.\n  const [displayFormat, setDisplayFormat] = useState<ColorFormat>(() =>\n    availableFormats.includes('hex') ? 'hex' : availableFormats[0],\n  );\n\n  const [hexDraft, setHexDraft] = useState<string | null>(null);\n  const [hexInvalid, setHexInvalid] = useState(false);\n\n  const currentRgba: RGBA = hsvaToRgba(hsva);\n  const resolvedOutput = outputFormat;\n\n  // The exact string we last emitted via `onChange`. Lets the controlled sync\n  // below tell our own echo apart from a genuine external change without\n  // comparing colors — which matters when `outputFormat` is lossy (e.g. `rgb`\n  // drops alpha): the emitted string round-trips to a different color, but\n  // it's still our echo and must not clobber the hue/alpha we hold.\n  const lastEmittedRef = useRef<string | null>(isControlled ? (value ?? null) : null);\n\n  // Controlled sync: adopt an external `value` only when it isn't the string we\n  // just emitted. `hsva` is deliberately not a dependency — the ref, not the\n  // working model, is the comparison baseline.\n  useEffect(() => {\n    if (!isControlled) return;\n    if (value === lastEmittedRef.current) return;\n    const incoming = parseColorString(value ?? '');\n    if (!incoming) return;\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- controlled/uncontrolled sync: adopt a genuine external value change into the working HSVA model; the echo guard above skips our own onChange round-trips\n    setHsva(rgbaToHsva(incoming));\n  }, [value, isControlled]);\n\n  const emit = (next: HSVA, opts?: { enter?: boolean }) => {\n    setHsva(next);\n    const out = formatColor(hsvaToRgba(next), resolvedOutput);\n    lastEmittedRef.current = out;\n    onChange?.(out);\n    if (opts?.enter) onEnter?.(out);\n  };\n\n  // ── Saturation / brightness area ──\n  const satRef = useRef<HTMLDivElement>(null);\n  const updateSaturation = (clientX: number, clientY: number) => {\n    const el = satRef.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    const s = clamp((clientX - rect.left) / rect.width, 0, 1) * 100;\n    const v = (1 - clamp((clientY - rect.top) / rect.height, 0, 1)) * 100;\n    emit({ ...hsva, s, v });\n  };\n  const handleSatPointerDown = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    e.currentTarget.setPointerCapture(e.pointerId);\n    updateSaturation(e.clientX, e.clientY);\n  };\n  const handleSatPointerMove = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled || e.buttons !== 1) return;\n    updateSaturation(e.clientX, e.clientY);\n  };\n  const handleSatKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    const step = e.shiftKey ? 10 : 1;\n    let { s, v } = hsva;\n    switch (e.key) {\n      case 'ArrowRight': s = clamp(s + step, 0, 100); break;\n      case 'ArrowLeft': s = clamp(s - step, 0, 100); break;\n      case 'ArrowUp': v = clamp(v + step, 0, 100); break;\n      case 'ArrowDown': v = clamp(v - step, 0, 100); break;\n      default: return;\n    }\n    e.preventDefault();\n    emit({ ...hsva, s, v });\n  };\n\n  // ── Hue track ──\n  const hueRef = useRef<HTMLDivElement>(null);\n  const updateHue = (clientX: number) => {\n    const el = hueRef.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    emit({ ...hsva, h: clamp((clientX - rect.left) / rect.width, 0, 1) * 360 });\n  };\n  const handleHuePointerDown = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    e.currentTarget.setPointerCapture(e.pointerId);\n    updateHue(e.clientX);\n  };\n  const handleHuePointerMove = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled || e.buttons !== 1) return;\n    updateHue(e.clientX);\n  };\n  const handleHueKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    const step = e.shiftKey ? 10 : 1;\n    let h = hsva.h;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowUp') h = clamp(h + step, 0, 360);\n    else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') h = clamp(h - step, 0, 360);\n    else if (e.key === 'Home') h = 0;\n    else if (e.key === 'End') h = 360;\n    else return;\n    e.preventDefault();\n    emit({ ...hsva, h });\n  };\n\n  // ── Alpha track ──\n  const alphaRef = useRef<HTMLDivElement>(null);\n  const updateAlpha = (clientX: number) => {\n    const el = alphaRef.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    emit({ ...hsva, a: clamp((clientX - rect.left) / rect.width, 0, 1) });\n  };\n  const handleAlphaPointerDown = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    e.currentTarget.setPointerCapture(e.pointerId);\n    updateAlpha(e.clientX);\n  };\n  const handleAlphaPointerMove = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled || e.buttons !== 1) return;\n    updateAlpha(e.clientX);\n  };\n  const handleAlphaKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    const step = e.shiftKey ? 0.1 : 0.01;\n    let a = hsva.a;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowUp') a = clamp(a + step, 0, 1);\n    else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') a = clamp(a - step, 0, 1);\n    else if (e.key === 'Home') a = 0;\n    else if (e.key === 'End') a = 1;\n    else return;\n    e.preventDefault();\n    emit({ ...hsva, a });\n  };\n\n  // ── Value editor: shared Enter / Escape for every field type ──\n  const emitEnter = () => onEnter?.(formatColor(currentRgba, resolvedOutput));\n  const emitEsc = () => onEsc?.();\n\n  // Hex field (single text input) — draft commits on Enter / blur.\n  const hexShown = hexDraft ?? formatColor(currentRgba, 'hex');\n  const commitHex = (): boolean => {\n    if (hexDraft === null) return true;\n    const parsed = parseColorString(hexDraft);\n    if (!parsed) {\n      setHexInvalid(true);\n      return false;\n    }\n    setHexInvalid(false);\n    emit(rgbaToHsva(parsed));\n    return true;\n  };\n\n  // RGB(A) channel commits — reconstruct RGBA, keep alpha unless it's the edit.\n  const setRgbChannel = (patch: Partial<RGBA>) => emit(rgbaToHsva({ ...currentRgba, ...patch }));\n\n  // HSL channel commits — reconstruct via HSL→RGB, then re-derive HSVA but keep\n  // the edited hue so H stays stable even at S=0 / L=0 (where hue is ambiguous).\n  const hslNow = rgbToHsl(currentRgba);\n  const commitHsl = (patch: { h?: number; s?: number; l?: number }) => {\n    const next = { h: hsva.h, s: hslNow.s, l: hslNow.l, ...patch };\n    const rgb = hslToRgb(next);\n    const hsvaNext = rgbaToHsva({ ...rgb, a: currentRgba.a });\n    emit({ ...hsvaNext, h: next.h });\n  };\n\n  // ── Eyedropper ──\n  const EyeDropperCtor = getEyeDropper();\n  const showEyedropper = eyedropper && EyeDropperCtor !== null;\n  const handleEyeDropper = async () => {\n    if (!EyeDropperCtor || disabled) return;\n    try {\n      const result = await new EyeDropperCtor().open();\n      const parsed = parseColorString(result.sRGBHex);\n      if (parsed) emit(rgbaToHsva({ ...parsed, a: hsva.a }));\n    } catch {\n      // User dismissed the eyedropper — nothing to commit.\n    }\n  };\n\n  const showFormat = availableFormats.length > 1;\n\n  // Dynamic, non-theming CSS variables: the current hue drives the saturation\n  // gradient, the solid (opaque) color drives the alpha-track gradient, and the\n  // full value (with alpha) fills the swatch. All geometry of the color space,\n  // not themable design values.\n  const cssVars = {\n    '--uxm-color-input-hue': hsva.h,\n    '--uxm-color-input-solid': `rgb(${Math.round(currentRgba.r)}, ${Math.round(currentRgba.g)}, ${Math.round(currentRgba.b)})`,\n    '--uxm-color-input-value': formatColor(currentRgba, 'rgba'),\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={cn(\n        'uxm-color-input',\n        disabled && 'uxm-color-input--disabled',\n        error && 'uxm-color-input--error',\n        !alpha && 'uxm-color-input--no-alpha',\n        className,\n      )}\n      style={cssVars}\n      {...rest}\n    >\n      <div\n        ref={satRef}\n        className=\"uxm-color-input__saturation\"\n        role=\"slider\"\n        aria-label={l.area}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={Math.round(hsva.s)}\n        aria-valuetext={l.areaValueText(Math.round(hsva.s), Math.round(hsva.v))}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : 0}\n        onPointerDown={handleSatPointerDown}\n        onPointerMove={handleSatPointerMove}\n        onKeyDown={handleSatKeyDown}\n      >\n        <span\n          className=\"uxm-color-input__saturation-thumb\"\n          style={{ left: `${hsva.s}%`, top: `${100 - hsva.v}%` }}\n        />\n      </div>\n\n      <div className=\"uxm-color-input__body\">\n        <div className=\"uxm-color-input__sliders\">\n          <div\n            ref={hueRef}\n            className=\"uxm-color-input__hue\"\n            role=\"slider\"\n            aria-label={l.hue}\n            aria-valuemin={0}\n            aria-valuemax={360}\n            aria-valuenow={Math.round(hsva.h)}\n            aria-disabled={disabled || undefined}\n            tabIndex={disabled ? -1 : 0}\n            onPointerDown={handleHuePointerDown}\n            onPointerMove={handleHuePointerMove}\n            onKeyDown={handleHueKeyDown}\n          >\n            <span className=\"uxm-color-input__track-thumb\" style={{ left: `${(hsva.h / 360) * 100}%` }} />\n          </div>\n          {alpha && (\n            <div\n              ref={alphaRef}\n              className=\"uxm-color-input__alpha\"\n              role=\"slider\"\n              aria-label={l.alpha}\n              aria-valuemin={0}\n              aria-valuemax={100}\n              aria-valuenow={Math.round(hsva.a * 100)}\n              aria-disabled={disabled || undefined}\n              tabIndex={disabled ? -1 : 0}\n              onPointerDown={handleAlphaPointerDown}\n              onPointerMove={handleAlphaPointerMove}\n              onKeyDown={handleAlphaKeyDown}\n            >\n              <span className=\"uxm-color-input__track-thumb\" style={{ left: `${hsva.a * 100}%` }} />\n            </div>\n          )}\n        </div>\n\n        <span className=\"uxm-color-input__swatch\" aria-hidden=\"true\" />\n\n        {showEyedropper && (\n          <button\n            type=\"button\"\n            className=\"uxm-color-input__eyedropper\"\n            aria-label={l.eyedropper}\n            disabled={disabled}\n            onClick={handleEyeDropper}\n          >\n            <Icon glyph=\"eyedropper\" size={16} />\n          </button>\n        )}\n      </div>\n\n      <div className=\"uxm-color-input__controls\">\n        {showFormat && (\n          <Select\n            className=\"uxm-color-input__format\"\n            aria-label={l.format}\n            value={displayFormat}\n            disabled={disabled}\n            onChange={(e) => {\n              setDisplayFormat(e.target.value as ColorFormat);\n              setHexDraft(null);\n              setHexInvalid(false);\n            }}\n          >\n            {availableFormats.map((f) => (\n              <option key={f} value={f}>\n                {FORMAT_LABELS[f]}\n              </option>\n            ))}\n          </Select>\n        )}\n\n        {displayFormat === 'hex' ? (\n          <input\n            type=\"text\"\n            className={cn('uxm-color-input__field', hexInvalid && 'uxm-color-input__field--invalid')}\n            value={hexShown}\n            disabled={disabled}\n            aria-label={l.hex}\n            aria-invalid={hexInvalid || undefined}\n            spellCheck={false}\n            autoComplete=\"off\"\n            onChange={(e) => setHexDraft(e.target.value)}\n            onFocus={() => {\n              setHexDraft(formatColor(currentRgba, 'hex'));\n              setHexInvalid(false);\n            }}\n            onBlur={() => {\n              commitHex();\n              setHexDraft(null);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.preventDefault();\n                if (commitHex()) emitEnter();\n              } else if (e.key === 'Escape') {\n                setHexDraft(null);\n                setHexInvalid(false);\n                emitEsc();\n              }\n            }}\n          />\n        ) : (\n          <div className=\"uxm-color-input__channels\">\n            {(displayFormat === 'rgb' || displayFormat === 'rgba') && (\n              <>\n                <ChannelInput label=\"Red\" short=\"R\" value={Math.round(currentRgba.r)} min={0} max={255} disabled={disabled} onCommit={(n) => setRgbChannel({ r: n })} onEnter={emitEnter} onEsc={emitEsc} />\n                <ChannelInput label=\"Green\" short=\"G\" value={Math.round(currentRgba.g)} min={0} max={255} disabled={disabled} onCommit={(n) => setRgbChannel({ g: n })} onEnter={emitEnter} onEsc={emitEsc} />\n                <ChannelInput label=\"Blue\" short=\"B\" value={Math.round(currentRgba.b)} min={0} max={255} disabled={disabled} onCommit={(n) => setRgbChannel({ b: n })} onEnter={emitEnter} onEsc={emitEsc} />\n                {displayFormat === 'rgba' && (\n                  <ChannelInput label=\"Alpha\" short=\"A\" value={Math.round(currentRgba.a * 100)} min={0} max={100} disabled={disabled} onCommit={(n) => emit({ ...hsva, a: n / 100 })} onEnter={emitEnter} onEsc={emitEsc} />\n                )}\n              </>\n            )}\n            {displayFormat === 'hsl' && (\n              <>\n                <ChannelInput label=\"Hue\" short=\"H\" value={Math.round(hsva.h)} min={0} max={360} disabled={disabled} onCommit={(n) => commitHsl({ h: n })} onEnter={emitEnter} onEsc={emitEsc} />\n                <ChannelInput label=\"Saturation\" short=\"S\" value={Math.round(hslNow.s)} min={0} max={100} disabled={disabled} onCommit={(n) => commitHsl({ s: n })} onEnter={emitEnter} onEsc={emitEsc} />\n                <ChannelInput label=\"Lightness\" short=\"L\" value={Math.round(hslNow.l)} min={0} max={100} disabled={disabled} onCommit={(n) => commitHsl({ l: n })} onEnter={emitEnter} onEsc={emitEsc} />\n              </>\n            )}\n          </div>\n        )}\n      </div>\n\n      {error && <FieldError className=\"uxm-color-input__error-message\">{error}</FieldError>}\n    </div>\n  );\n}\n// Static marker so FormField only forwards its `error` prop into children\n// that accept one (avoids React unknown-prop warnings on non-input children).\nColorInput.hasError = true;\n\nexport interface ColorInputPopoverProps extends ColorInputProps {\n  /** Popover open state (controlled). Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Initial open state for uncontrolled usage. Defaults to false. */\n  defaultOpen?: boolean;\n  /** Called when the popover requests open/close. */\n  onOpenChange?: (open: boolean) => void;\n  /** Preferred popover placement. Defaults to `bottom-start`. */\n  placement?: PopoverPlacement;\n  /** Accessible name for the trigger swatch. Defaults to `Choose color`. */\n  triggerLabel?: string;\n}\n\n/**\n * Compact swatch trigger that opens {@link ColorInput} in a popover. Enter and\n * Escape inside the panel additionally close the popover (Enter after a commit,\n * Escape after reverting the draft); `Popover`'s own Escape/outside-click\n * dismissal covers the rest.\n */\nexport function ColorInputPopover({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  placement = 'bottom-start',\n  triggerLabel = 'Choose color',\n  value,\n  defaultValue,\n  onChange,\n  onEnter,\n  onEsc,\n  formats,\n  outputFormat = 'hex',\n  alpha,\n  eyedropper,\n  disabled,\n  error,\n  className,\n  style,\n  ...rest\n}: ColorInputPopoverProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  const isOpenControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isOpen = isOpenControlled ? open : uncontrolledOpen;\n  const setOpen = (next: boolean) => {\n    if (!isOpenControlled) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const isColorControlled = value !== undefined;\n  const [internalColor, setInternalColor] = useState(defaultValue ?? '#000000');\n  const currentColor = isColorControlled ? value : internalColor;\n  const handleChange = (color: string) => {\n    if (!isColorControlled) setInternalColor(color);\n    onChange?.(color);\n  };\n\n  return (\n    <>\n      <button\n        // rest carries the shared HTMLAttributes<HTMLDivElement> passthrough\n        // (id, data-*, aria-*, title, …); its event-handler generics are\n        // div-typed but structurally identical on a button at runtime.\n        {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\n        ref={triggerRef}\n        type=\"button\"\n        className={cn('uxm-color-input-popover__trigger', className)}\n        aria-haspopup=\"dialog\"\n        aria-expanded={isOpen}\n        aria-label={`${triggerLabel}: ${currentColor}`}\n        disabled={disabled}\n        style={{ '--uxm-color-input-value': currentColor, ...style } as CSSProperties}\n        onClick={() => setOpen(!isOpen)}\n      />\n      <Popover\n        open={isOpen}\n        onOpenChange={setOpen}\n        anchor={triggerRef}\n        placement={placement}\n        role=\"dialog\"\n        aria-label={triggerLabel}\n        className=\"uxm-color-input-popover__panel\"\n      >\n        <ColorInput\n          value={currentColor}\n          onChange={handleChange}\n          onEnter={(color) => {\n            onEnter?.(color);\n            setOpen(false);\n          }}\n          onEsc={() => {\n            onEsc?.();\n            setOpen(false);\n          }}\n          formats={formats}\n          outputFormat={outputFormat}\n          alpha={alpha}\n          eyedropper={eyedropper}\n          error={error}\n        />\n      </Popover>\n    </>\n  );\n}\nColorInputPopover.hasError = true;\n"],"mappings":"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","names":[]}