@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/fields/Checkbox/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { createContext } from "react";
 
 //#region src/components/fields/Checkbox/context.ts

package/dist/components/fields/Checkbox/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/fields/Checkbox/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { CheckboxGroupState } from 'react-stately';\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupState | null>(\n  null,\n);\n"],"mappings":";;;;AAGA,MAAa,uBAAuB,cAClC,KACD"}
+{"version":3,"file":"context.js","names":["createContext","CheckboxGroupState","CheckboxGroupContext"],"sources":["../../../../src/components/fields/Checkbox/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { CheckboxGroupState } from 'react-stately';\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupState | null>(\n  null,\n);\n"],"mappings":";;;;AAGA,MAAaE,uBAAuBF,cAClC,KACD"}

package/dist/components/fields/ColorInput/ColorInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
@@ -12,6 +12,7 @@ import { PipetteIcon } from "../../../icons/PipetteIcon.js";
 import { ColorPanel } from "../color/ColorPanel.js";
 import { useIsInsideColorPopover } from "../color/context.js";
 import { ColorSwatch } from "../ColorSwatch/ColorSwatch.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -38,164 +39,276 @@ const ColorInputTrigger = tasty(ItemAction, {
 * popover to dial it in across OKHST, OKLCH and RGB.
 */
 const ColorInput = forwardRef(function ColorInput(allProps, ref) {
-	const props = useFieldProps(allProps, {
-		defaultValidationTrigger: "onBlur",
-		valuePropsMapper: ({ value, onChange }) => ({
-			value,
-			onChange
-		})
-	});
-	const { qa, value, defaultValue, onChange, format = "hex", formatMode = "forced", defaultSpace = "hst", isOpen: controlledOpen, defaultOpen, onOpenChange, shouldFlip, placeholder = "Pick a color", size, isDisabled, isReadOnly, isInvalid, isValid, isLoading, autoFocus, inputStyles, triggerStyles, swatchStyles, labelProps: userLabelProps, onBlur: userOnBlur, onFocus, label, description, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, id } = props;
+	const $ = c(99);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			defaultValidationTrigger: "onBlur",
+			valuePropsMapper: _temp
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const props = useFieldProps(allProps, t0);
+	const { qa, value: value_0, defaultValue, onChange: onChange_0, format: t1, formatMode: t2, defaultSpace: t3, isOpen: controlledOpen, defaultOpen, onOpenChange, shouldFlip, placeholder: t4, size, isDisabled, isReadOnly, isInvalid, isValid, isLoading, autoFocus, inputStyles, triggerStyles, swatchStyles, labelProps: userLabelProps, onBlur: userOnBlur, onFocus, label, description, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, id } = props;
+	const format = t1 === void 0 ? "hex" : t1;
+	const formatMode = t2 === void 0 ? "forced" : t2;
+	const defaultSpace = t3 === void 0 ? "hst" : t3;
+	const placeholder = t4 === void 0 ? "Pick a color" : t4;
 	const isInsidePopover = useIsInsideColorPopover();
-	const initialText = (value ?? defaultValue ?? "").toString();
-	const [text, setText] = useState(() => {
-		const parsed = parseColor(initialText);
-		return parsed && formatMode === "forced" ? formatColor(parsed, format) : initialText;
-	});
-	const [color, setColor] = useState(() => parseColor(initialText));
+	const t5 = value_0 ?? defaultValue ?? "";
+	let t6;
+	if ($[1] !== t5) {
+		t6 = t5.toString();
+		$[1] = t5;
+		$[2] = t6;
+	} else t6 = $[2];
+	const initialText = t6;
+	let t7;
+	if ($[3] !== format || $[4] !== formatMode || $[5] !== initialText) {
+		t7 = () => {
+			const parsed = parseColor(initialText);
+			return parsed && formatMode === "forced" ? formatColor(parsed, format) : initialText;
+		};
+		$[3] = format;
+		$[4] = formatMode;
+		$[5] = initialText;
+		$[6] = t7;
+	} else t7 = $[6];
+	const [text, setText] = useState(t7);
+	let t8;
+	if ($[7] !== initialText) {
+		t8 = () => parseColor(initialText);
+		$[7] = initialText;
+		$[8] = t8;
+	} else t8 = $[8];
+	const [color, setColor] = useState(t8);
 	const [space, setSpace] = useState(defaultSpace);
 	const [isOpen, setOpen] = useState(defaultOpen ?? false);
 	const targetRef = useRef(null);
 	const inputRef = useRef(null);
-	/** The last text that parsed, so an invalid entry has something to fall back to. */
-	const validText = useRef(parseColor(initialText) ? text : "");
-	/** What was last handed to `onChange`, to tell our own updates from outside ones. */
-	const emitted = useRef(value);
-	const emit = useEvent((next) => {
-		emitted.current = next;
-		onChange?.(next);
-	});
-	/** The notation a value should be written in, given the current text. */
-	const outputFormat = (source) => formatMode === "forced" ? format : detectFormat(source) ?? format;
-	useEffect(() => {
-		if (value === void 0 || value === emitted.current) return;
-		emitted.current = value;
-		const raw = (value ?? "").toString();
-		const parsed = parseColor(raw);
-		const nextText = parsed && formatMode === "forced" ? formatColor(parsed, format) : raw;
-		setColor(parsed);
-		setText(nextText);
-		validText.current = parsed ? nextText : "";
-	}, [
-		value,
-		format,
-		formatMode
-	]);
-	const handleTextChange = useEvent((nextText) => {
-		setText(nextText);
-		if (!nextText.trim()) {
-			setColor(null);
-			validText.current = "";
-			emit(null);
-			return;
-		}
-		const parsed = parseColor(nextText);
-		if (!parsed) return;
-		setColor(parsed);
-		validText.current = nextText;
-		emit(formatMode === "free" ? nextText.trim() : formatColor(parsed, outputFormat(nextText)));
-	});
-	/** Resolve whatever is in the input into a real color, or undo it. */
-	const settle = useEvent(() => {
-		if (!text.trim()) return;
-		const parsed = parseColor(text);
-		if (!parsed) {
-			setText(validText.current);
-			return;
-		}
-		if (formatMode === "forced") setText(formatColor(parsed, format));
-	});
-	/**
-	* Focusing offers the whole value up for replacement, the way a hex field
-	* does. The string is the unit of editing here: a single channel is tuned
-	* with the sliders, not by hand-editing one number inside `oklch(…)`.
-	*
-	* Read off the event rather than `inputRef`, which `TextInputBase` re-points
-	* through `useCombinedRefs`.
-	*/
-	const handleFocus = useEvent((event) => {
-		event.currentTarget.select();
-		onFocus?.(event);
-	});
-	/**
-	* A click would otherwise drop a caret and undo that selection — the browser
-	* applies it after the focus handler has run. Suppressing the default action
-	* of the focusing press means no caret is ever placed; focus is then moved
-	* here instead, which selects.
-	*
-	* Only the press that *takes* focus is suppressed, so clicking a field that
-	* already has focus still positions the caret, and dragging still selects a
-	* range.
-	*/
-	const handleMouseDown = useEvent((event) => {
-		if (document.activeElement === event.currentTarget) return;
-		event.preventDefault();
-		event.currentTarget.focus();
-	});
-	const handleBlur = useEvent((event) => {
-		settle();
-		userOnBlur?.(event);
-	});
-	const handleKeyDown = useEvent((event) => {
-		if (event.key === "Enter") settle();
-	});
-	const handleColorChange = useEvent((nextColor) => {
-		const nextText = formatColor(nextColor, outputFormat(text));
-		setColor(nextColor);
-		setText(nextText);
-		validText.current = nextText;
-		emit(nextText);
-	});
-	const handleOpenChange = useEvent((next) => {
-		setOpen(next);
-		onOpenChange?.(next);
-	});
-	const { labelProps, inputProps } = useTextField({
-		id,
-		label,
-		description,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledby,
-		"aria-describedby": ariaDescribedby,
-		isDisabled,
-		isReadOnly,
-		isInvalid,
-		autoFocus,
-		placeholder,
-		value: text,
-		type: "text",
-		onChange: handleTextChange,
-		onFocus: handleFocus,
-		onBlur: handleBlur,
-		onKeyDown: handleKeyDown
-	}, inputRef);
-	return /* @__PURE__ */ jsx(TextInputBase, {
-		...props,
-		ref,
-		qa: qa || "ColorInput",
-		size,
-		autoComplete: "off",
-		icon: /* @__PURE__ */ jsx(ColorSwatch, {
+	let t9;
+	if ($[9] !== initialText || $[10] !== text) {
+		t9 = parseColor(initialText) ? text : "";
+		$[9] = initialText;
+		$[10] = text;
+		$[11] = t9;
+	} else t9 = $[11];
+	const validText = useRef(t9);
+	const emitted = useRef(value_0);
+	let t10;
+	if ($[12] !== onChange_0) {
+		t10 = (next) => {
+			emitted.current = next;
+			onChange_0?.(next);
+		};
+		$[12] = onChange_0;
+		$[13] = t10;
+	} else t10 = $[13];
+	const emit = useEvent(t10);
+	let t11;
+	if ($[14] !== format || $[15] !== formatMode) {
+		t11 = (source) => formatMode === "forced" ? format : detectFormat(source) ?? format;
+		$[14] = format;
+		$[15] = formatMode;
+		$[16] = t11;
+	} else t11 = $[16];
+	const outputFormat = t11;
+	let t12;
+	let t13;
+	if ($[17] !== format || $[18] !== formatMode || $[19] !== value_0) {
+		t12 = () => {
+			if (value_0 === void 0 || value_0 === emitted.current) return;
+			emitted.current = value_0;
+			const raw = (value_0 ?? "").toString();
+			const parsed_0 = parseColor(raw);
+			const nextText = parsed_0 && formatMode === "forced" ? formatColor(parsed_0, format) : raw;
+			setColor(parsed_0);
+			setText(nextText);
+			validText.current = parsed_0 ? nextText : "";
+		};
+		t13 = [
+			value_0,
+			format,
+			formatMode
+		];
+		$[17] = format;
+		$[18] = formatMode;
+		$[19] = value_0;
+		$[20] = t12;
+		$[21] = t13;
+	} else {
+		t12 = $[20];
+		t13 = $[21];
+	}
+	useEffect(t12, t13);
+	let t14;
+	if ($[22] !== emit || $[23] !== formatMode || $[24] !== outputFormat) {
+		t14 = (nextText_0) => {
+			setText(nextText_0);
+			if (!nextText_0.trim()) {
+				setColor(null);
+				validText.current = "";
+				emit(null);
+				return;
+			}
+			const parsed_1 = parseColor(nextText_0);
+			if (!parsed_1) return;
+			setColor(parsed_1);
+			validText.current = nextText_0;
+			emit(formatMode === "free" ? nextText_0.trim() : formatColor(parsed_1, outputFormat(nextText_0)));
+		};
+		$[22] = emit;
+		$[23] = formatMode;
+		$[24] = outputFormat;
+		$[25] = t14;
+	} else t14 = $[25];
+	const handleTextChange = useEvent(t14);
+	let t15;
+	if ($[26] !== format || $[27] !== formatMode || $[28] !== text) {
+		t15 = () => {
+			if (!text.trim()) return;
+			const parsed_2 = parseColor(text);
+			if (!parsed_2) {
+				setText(validText.current);
+				return;
+			}
+			if (formatMode === "forced") setText(formatColor(parsed_2, format));
+		};
+		$[26] = format;
+		$[27] = formatMode;
+		$[28] = text;
+		$[29] = t15;
+	} else t15 = $[29];
+	const settle = useEvent(t15);
+	let t16;
+	if ($[30] !== onFocus) {
+		t16 = (event) => {
+			event.currentTarget.select();
+			onFocus?.(event);
+		};
+		$[30] = onFocus;
+		$[31] = t16;
+	} else t16 = $[31];
+	const handleFocus = useEvent(t16);
+	const handleMouseDown = useEvent(_temp2);
+	let t17;
+	if ($[32] !== settle || $[33] !== userOnBlur) {
+		t17 = (event_1) => {
+			settle();
+			userOnBlur?.(event_1);
+		};
+		$[32] = settle;
+		$[33] = userOnBlur;
+		$[34] = t17;
+	} else t17 = $[34];
+	const handleBlur = useEvent(t17);
+	let t18;
+	if ($[35] !== settle) {
+		t18 = (event_2) => {
+			if (event_2.key === "Enter") settle();
+		};
+		$[35] = settle;
+		$[36] = t18;
+	} else t18 = $[36];
+	const handleKeyDown = useEvent(t18);
+	let t19;
+	if ($[37] !== emit || $[38] !== outputFormat || $[39] !== text) {
+		t19 = (nextColor) => {
+			const nextText_1 = formatColor(nextColor, outputFormat(text));
+			setColor(nextColor);
+			setText(nextText_1);
+			validText.current = nextText_1;
+			emit(nextText_1);
+		};
+		$[37] = emit;
+		$[38] = outputFormat;
+		$[39] = text;
+		$[40] = t19;
+	} else t19 = $[40];
+	const handleColorChange = useEvent(t19);
+	let t20;
+	if ($[41] !== onOpenChange) {
+		t20 = (next_0) => {
+			setOpen(next_0);
+			onOpenChange?.(next_0);
+		};
+		$[41] = onOpenChange;
+		$[42] = t20;
+	} else t20 = $[42];
+	const handleOpenChange = useEvent(t20);
+	let t21;
+	if ($[43] !== ariaDescribedby || $[44] !== ariaLabel || $[45] !== ariaLabelledby || $[46] !== autoFocus || $[47] !== description || $[48] !== handleBlur || $[49] !== handleFocus || $[50] !== handleKeyDown || $[51] !== handleTextChange || $[52] !== id || $[53] !== isDisabled || $[54] !== isInvalid || $[55] !== isReadOnly || $[56] !== label || $[57] !== placeholder || $[58] !== text) {
+		t21 = {
+			id,
+			label,
+			description,
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledby,
+			"aria-describedby": ariaDescribedby,
+			isDisabled,
+			isReadOnly,
+			isInvalid,
+			autoFocus,
+			placeholder,
+			value: text,
+			type: "text",
+			onChange: handleTextChange,
+			onFocus: handleFocus,
+			onBlur: handleBlur,
+			onKeyDown: handleKeyDown
+		};
+		$[43] = ariaDescribedby;
+		$[44] = ariaLabel;
+		$[45] = ariaLabelledby;
+		$[46] = autoFocus;
+		$[47] = description;
+		$[48] = handleBlur;
+		$[49] = handleFocus;
+		$[50] = handleKeyDown;
+		$[51] = handleTextChange;
+		$[52] = id;
+		$[53] = isDisabled;
+		$[54] = isInvalid;
+		$[55] = isReadOnly;
+		$[56] = label;
+		$[57] = placeholder;
+		$[58] = text;
+		$[59] = t21;
+	} else t21 = $[59];
+	const { labelProps, inputProps } = useTextField(t21, inputRef);
+	const t22 = qa || "ColorInput";
+	let t23;
+	if ($[60] !== color || $[61] !== swatchStyles) {
+		t23 = /* @__PURE__ */ jsx(ColorSwatch, {
 			size: "small",
 			color,
 			styles: swatchStyles
-		}),
-		inputRef,
-		inputProps: {
+		});
+		$[60] = color;
+		$[61] = swatchStyles;
+		$[62] = t23;
+	} else t23 = $[62];
+	let t24;
+	if ($[63] !== handleMouseDown || $[64] !== inputProps) {
+		t24 = {
 			...inputProps,
 			spellCheck: false,
 			onMouseDown: handleMouseDown
-		},
-		inputStyles,
-		labelProps: mergeProps$1(labelProps, userLabelProps),
-		wrapperRef: targetRef,
-		isDisabled,
-		isReadOnly,
-		isInvalid,
-		isValid,
-		isLoading,
-		suffixPosition: "after",
-		suffix: isInsidePopover ? null : /* @__PURE__ */ jsxs(DialogTrigger, {
+		};
+		$[63] = handleMouseDown;
+		$[64] = inputProps;
+		$[65] = t24;
+	} else t24 = $[65];
+	let t25;
+	if ($[66] !== labelProps || $[67] !== userLabelProps) {
+		t25 = mergeProps$1(labelProps, userLabelProps);
+		$[66] = labelProps;
+		$[67] = userLabelProps;
+		$[68] = t25;
+	} else t25 = $[68];
+	let t26;
+	if ($[69] !== color || $[70] !== controlledOpen || $[71] !== handleColorChange || $[72] !== handleOpenChange || $[73] !== isDisabled || $[74] !== isInsidePopover || $[75] !== isOpen || $[76] !== isReadOnly || $[77] !== outputFormat || $[78] !== shouldFlip || $[79] !== size || $[80] !== space || $[81] !== text || $[82] !== triggerStyles) {
+		t26 = isInsidePopover ? null : /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
 			mobileType: "tray",
@@ -225,10 +338,76 @@ const ColorInput = forwardRef(function ColorInput(allProps, ref) {
 					onSpaceChange: setSpace
 				})
 			})]
-		})
-	});
+		});
+		$[69] = color;
+		$[70] = controlledOpen;
+		$[71] = handleColorChange;
+		$[72] = handleOpenChange;
+		$[73] = isDisabled;
+		$[74] = isInsidePopover;
+		$[75] = isOpen;
+		$[76] = isReadOnly;
+		$[77] = outputFormat;
+		$[78] = shouldFlip;
+		$[79] = size;
+		$[80] = space;
+		$[81] = text;
+		$[82] = triggerStyles;
+		$[83] = t26;
+	} else t26 = $[83];
+	let t27;
+	if ($[84] !== inputStyles || $[85] !== isDisabled || $[86] !== isInvalid || $[87] !== isLoading || $[88] !== isReadOnly || $[89] !== isValid || $[90] !== props || $[91] !== ref || $[92] !== size || $[93] !== t22 || $[94] !== t23 || $[95] !== t24 || $[96] !== t25 || $[97] !== t26) {
+		t27 = /* @__PURE__ */ jsx(TextInputBase, {
+			...props,
+			ref,
+			qa: t22,
+			size,
+			autoComplete: "off",
+			icon: t23,
+			inputRef,
+			inputProps: t24,
+			inputStyles,
+			labelProps: t25,
+			wrapperRef: targetRef,
+			isDisabled,
+			isReadOnly,
+			isInvalid,
+			isValid,
+			isLoading,
+			suffixPosition: "after",
+			suffix: t26
+		});
+		$[84] = inputStyles;
+		$[85] = isDisabled;
+		$[86] = isInvalid;
+		$[87] = isLoading;
+		$[88] = isReadOnly;
+		$[89] = isValid;
+		$[90] = props;
+		$[91] = ref;
+		$[92] = size;
+		$[93] = t22;
+		$[94] = t23;
+		$[95] = t24;
+		$[96] = t25;
+		$[97] = t26;
+		$[98] = t27;
+	} else t27 = $[98];
+	return t27;
 });
 ColorInput.cubeInputType = "Text";
+function _temp(t0) {
+	const { value, onChange } = t0;
+	return {
+		value,
+		onChange
+	};
+}
+function _temp2(event_0) {
+	if (document.activeElement === event_0.currentTarget) return;
+	event_0.preventDefault();
+	event_0.currentTarget.focus();
+}
 
 //#endregion
 export { ColorInput };

package/dist/components/fields/ColorInput/ColorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.js","names":["mergeProps"],"sources":["../../../../src/components/fields/ColorInput/ColorInput.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BaseStyleProps,\n  BlockStyleProps,\n  ColorStyleProps,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { PipetteIcon } from '../../../icons/PipetteIcon';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\nimport { ColorSpace } from '../color/channels';\nimport {\n  ColorFormat,\n  ColorValue,\n  detectFormat,\n  formatColor,\n  parseColor,\n} from '../color/color';\nimport { ColorPanel } from '../color/ColorPanel';\nimport { useIsInsideColorPopover } from '../color/context';\nimport { ColorSwatch } from '../ColorSwatch';\nimport { TextInputBase } from '../TextInput/TextInputBase';\n\n/**\n * How the text in the input relates to the committed value.\n *\n * - `forced` — the text is rewritten in `format` whenever it is not mid-edit,\n *   and the value is always written in `format`.\n * - `derive` — the user's own notation is left alone, and the value is\n *   normalized in whichever notation the text is written in.\n * - `free` — the text *is* the value, verbatim. It is still verified, so an\n *   unparsable entry falls back to the last valid one.\n */\nexport type ColorInputFormatMode = 'forced' | 'derive' | 'free';\n\n/**\n * A popover caps its height at half the viewport. The panel can exceed that on\n * a short screen, and would otherwise spill outside the popover's own border.\n */\nconst POPOVER_STYLES: Styles = { overflow: 'auto' };\n\n/** What the popover starts from when there is no color to edit yet. */\nconst FALLBACK_COLOR: ColorValue = { h: 264, s: 0.8, l: 0.6 };\n\nconst ColorInputTrigger = tasty(ItemAction, {\n  qa: 'ColorInputTrigger',\n  icon: <PipetteIcon />,\n});\n\nexport interface CubeColorInputProps\n  extends BaseProps,\n    BaseStyleProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  /** The selected color, as a color string. */\n  value?: string | null;\n  /** The initial color of an uncontrolled picker. */\n  defaultValue?: string | null;\n  /** Called with the normalized color string, or `null` when the field is cleared. */\n  onChange?: (value: string | null) => void;\n  /** Notation the value is written in, and the one `forced` mode displays. */\n  format?: ColorFormat;\n  /** How strictly the input text is tied to `format`. */\n  formatMode?: ColorInputFormatMode;\n  /** Color concept the popover opens with. */\n  defaultSpace?: ColorSpace;\n  /** Whether the popover is open. Makes the disclosure controlled. */\n  isOpen?: boolean;\n  /** Whether the popover is open initially. */\n  defaultOpen?: boolean;\n  /** Called when the popover opens or closes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the popover may flip to the other side of the input. */\n  shouldFlip?: boolean;\n  /** Text shown while the field is empty. */\n  placeholder?: string;\n  /** The size of the input. */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  styles?: Styles;\n  /** Styles of the text input element. */\n  inputStyles?: Styles;\n  /** Styles of the popover trigger button. */\n  triggerStyles?: Styles;\n  /** Styles of the color swatch shown inside the input. */\n  swatchStyles?: Styles;\n}\n\n/**\n * A color field: the color as text, a swatch of the current value, and a\n * popover to dial it in across OKHST, OKLCH and RGB.\n */\nexport const ColorInput = forwardRef(function ColorInput(\n  allProps: CubeColorInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value as string | null | undefined,\n      onChange,\n    }),\n  });\n\n  const {\n    qa,\n    value,\n    defaultValue,\n    onChange,\n    format = 'hex',\n    formatMode = 'forced',\n    defaultSpace = 'hst',\n    isOpen: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    shouldFlip,\n    placeholder = 'Pick a color',\n    size,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    isLoading,\n    autoFocus,\n    inputStyles,\n    triggerStyles,\n    swatchStyles,\n    labelProps: userLabelProps,\n    onBlur: userOnBlur,\n    onFocus,\n    label,\n    description,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    id,\n  } = props;\n\n  // Already inside a color popover: this is the value field for that popover,\n  // so it must not offer a popover of its own.\n  const isInsidePopover = useIsInsideColorPopover();\n\n  const initialText = (value ?? defaultValue ?? '').toString();\n  const [text, setText] = useState(() => {\n    const parsed = parseColor(initialText);\n\n    return parsed && formatMode === 'forced'\n      ? formatColor(parsed, format)\n      : initialText;\n  });\n  const [color, setColor] = useState(() => parseColor(initialText));\n  const [space, setSpace] = useState<ColorSpace>(defaultSpace);\n  const [isOpen, setOpen] = useState(defaultOpen ?? false);\n\n  const targetRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  /** The last text that parsed, so an invalid entry has something to fall back to. */\n  const validText = useRef(parseColor(initialText) ? text : '');\n  /** What was last handed to `onChange`, to tell our own updates from outside ones. */\n  const emitted = useRef<string | null | undefined>(value);\n\n  const emit = useEvent((next: string | null) => {\n    emitted.current = next;\n    onChange?.(next);\n  });\n\n  /** The notation a value should be written in, given the current text. */\n  const outputFormat = (source: string): ColorFormat =>\n    formatMode === 'forced' ? format : detectFormat(source) ?? format;\n\n  // Adopt values that did not come from here — a form reset, or a parent that\n  // overrides what the user picked.\n  useEffect(() => {\n    if (value === undefined || value === emitted.current) return;\n\n    emitted.current = value;\n\n    const raw = (value ?? '').toString();\n    const parsed = parseColor(raw);\n    const nextText =\n      parsed && formatMode === 'forced' ? formatColor(parsed, format) : raw;\n\n    setColor(parsed);\n    setText(nextText);\n    validText.current = parsed ? nextText : '';\n  }, [value, format, formatMode]);\n\n  const handleTextChange = useEvent((nextText: string) => {\n    setText(nextText);\n\n    if (!nextText.trim()) {\n      setColor(null);\n      validText.current = '';\n      emit(null);\n\n      return;\n    }\n\n    const parsed = parseColor(nextText);\n\n    // Half-typed input keeps the last valid color, so the value stays a real\n    // color at every keystroke.\n    if (!parsed) return;\n\n    setColor(parsed);\n    validText.current = nextText;\n    emit(\n      formatMode === 'free'\n        ? nextText.trim()\n        : formatColor(parsed, outputFormat(nextText)),\n    );\n  });\n\n  /** Resolve whatever is in the input into a real color, or undo it. */\n  const settle = useEvent(() => {\n    if (!text.trim()) return;\n\n    const parsed = parseColor(text);\n\n    if (!parsed) {\n      setText(validText.current);\n\n      return;\n    }\n\n    if (formatMode === 'forced') setText(formatColor(parsed, format));\n  });\n\n  /**\n   * Focusing offers the whole value up for replacement, the way a hex field\n   * does. The string is the unit of editing here: a single channel is tuned\n   * with the sliders, not by hand-editing one number inside `oklch(…)`.\n   *\n   * Read off the event rather than `inputRef`, which `TextInputBase` re-points\n   * through `useCombinedRefs`.\n   */\n  const handleFocus = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    event.currentTarget.select();\n    onFocus?.(event);\n  });\n\n  /**\n   * A click would otherwise drop a caret and undo that selection — the browser\n   * applies it after the focus handler has run. Suppressing the default action\n   * of the focusing press means no caret is ever placed; focus is then moved\n   * here instead, which selects.\n   *\n   * Only the press that *takes* focus is suppressed, so clicking a field that\n   * already has focus still positions the caret, and dragging still selects a\n   * range.\n   */\n  const handleMouseDown = useEvent((event: MouseEvent<HTMLInputElement>) => {\n    if (document.activeElement === event.currentTarget) return;\n\n    event.preventDefault();\n    event.currentTarget.focus();\n  });\n\n  const handleBlur = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    settle();\n    userOnBlur?.(event);\n  });\n\n  const handleKeyDown = useEvent((event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') settle();\n  });\n\n  const handleColorChange = useEvent((nextColor: ColorValue) => {\n    const nextText = formatColor(nextColor, outputFormat(text));\n\n    setColor(nextColor);\n    setText(nextText);\n    validText.current = nextText;\n    emit(nextText);\n  });\n\n  const handleOpenChange = useEvent((next: boolean) => {\n    setOpen(next);\n    onOpenChange?.(next);\n  });\n\n  const { labelProps, inputProps } = useTextField(\n    {\n      id,\n      label,\n      description,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      autoFocus,\n      placeholder,\n      value: text,\n      type: 'text',\n      onChange: handleTextChange,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n    },\n    inputRef,\n  );\n\n  return (\n    <TextInputBase\n      {...props}\n      ref={ref}\n      qa={qa || 'ColorInput'}\n      size={size}\n      autoComplete=\"off\"\n      // A flat 20px at every field size, which is what this has always rendered.\n      // Neither of the other two options is right here: tracking `$size` puts a\n      // large field's swatch against the border, because a text input hangs its\n      // prefix off the edge with no padding of its own, and passing the field's\n      // own size through grows the swatch with the field — visibly, and for no\n      // reason a caller asked for. The swatch is a fixed badge, not a control.\n      icon={<ColorSwatch size=\"small\" color={color} styles={swatchStyles} />}\n      inputRef={inputRef}\n      inputProps={{\n        ...inputProps,\n        spellCheck: false,\n        onMouseDown: handleMouseDown,\n      }}\n      inputStyles={inputStyles}\n      labelProps={mergeProps(labelProps, userLabelProps)}\n      wrapperRef={targetRef}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      isLoading={isLoading}\n      // The validation state reads left of the trigger, the way `DateInputBase`\n      // orders it for the date pickers.\n      suffixPosition=\"after\"\n      suffix={\n        isInsidePopover ? null : (\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            mobileType=\"tray\"\n            placement=\"bottom right\"\n            targetRef={targetRef}\n            isOpen={controlledOpen ?? isOpen}\n            shouldFlip={shouldFlip}\n            onOpenChange={handleOpenChange}\n          >\n            {/*\n              The trigger is disabled by either flag, but the two arrive through\n              different channels on purpose. A disabled FIELD travels through the\n              provider so `current` treats the state as inherited: the field has\n              already faded the colour the trigger paints from, and fading again\n              multiplies the two (measured `.12` — all but invisible). Read-only\n              alone leaves the field's text opaque, so there the trigger really is\n              disabled on its own and should fade itself.\n            */}\n            <ItemActionProvider isDisabled={isDisabled}>\n              <ColorInputTrigger\n                size={size}\n                aria-label=\"Open the color picker\"\n                isDisabled={isReadOnly && !isDisabled ? true : undefined}\n                styles={triggerStyles}\n              />\n            </ItemActionProvider>\n            <Dialog\n              aria-label=\"Color picker\"\n              width=\"max-content\"\n              styles={POPOVER_STYLES}\n            >\n              <ColorPanel\n                color={color ?? FALLBACK_COLOR}\n                space={space}\n                isDisabled={isDisabled || isReadOnly}\n                previewFormat={outputFormat(text)}\n                onChange={handleColorChange}\n                onSpaceChange={setSpace}\n              />\n            </Dialog>\n          </DialogTrigger>\n        )\n      }\n    />\n  );\n});\n\n(ColorInput as any).cubeInputType = 'Text';\n"],"mappings":"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"}
+{"version":3,"file":"ColorInput.js","names":["BaseProps","BaseStyleProps","BlockStyleProps","ColorStyleProps","OuterStyleProps","Styles","tasty","FocusEvent","ForwardedRef","forwardRef","KeyboardEvent","MouseEvent","useEffect","useRef","useState","useTextField","useEvent","PipetteIcon","FieldBaseProps","mergeProps","ItemAction","ItemActionProvider","useFieldProps","Dialog","DialogTrigger","ColorSpace","ColorFormat","ColorValue","detectFormat","formatColor","parseColor","ColorPanel","useIsInsideColorPopover","ColorSwatch","TextInputBase","ColorInputFormatMode","POPOVER_STYLES","overflow","FALLBACK_COLOR","h","s","l","ColorInputTrigger","qa","icon","CubeColorInputProps","value","defaultValue","onChange","format","formatMode","defaultSpace","isOpen","defaultOpen","onOpenChange","shouldFlip","placeholder","size","onFocus","event","HTMLInputElement","onBlur","styles","inputStyles","triggerStyles","swatchStyles","ColorInput","allProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","value_0","onChange_0","t1","t2","t3","controlledOpen","t4","isDisabled","isReadOnly","isInvalid","isValid","isLoading","autoFocus","labelProps","userLabelProps","userOnBlur","label","description","ariaLabel","ariaLabelledby","ariaDescribedby","id","undefined","isInsidePopover","t5","t6","toString","initialText","t7","parsed","text","setText","t8","color","setColor","space","setSpace","setOpen","targetRef","inputRef","t9","validText","emitted","t10","next","current","emit","t11","source","outputFormat","t12","t13","raw","parsed_0","nextText","t14","nextText_0","trim","parsed_1","handleTextChange","t15","parsed_2","settle","t16","currentTarget","select","handleFocus","handleMouseDown","_temp2","t17","event_1","handleBlur","t18","event_2","key","handleKeyDown","t19","nextColor","nextText_1","handleColorChange","t20","next_0","handleOpenChange","t21","type","onKeyDown","inputProps","t22","t23","t24","spellCheck","onMouseDown","t25","t26","t27","cubeInputType","event_0","document","activeElement","preventDefault","focus"],"sources":["../../../../src/components/fields/ColorInput/ColorInput.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BaseStyleProps,\n  BlockStyleProps,\n  ColorStyleProps,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { PipetteIcon } from '../../../icons/PipetteIcon';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\nimport { ColorSpace } from '../color/channels';\nimport {\n  ColorFormat,\n  ColorValue,\n  detectFormat,\n  formatColor,\n  parseColor,\n} from '../color/color';\nimport { ColorPanel } from '../color/ColorPanel';\nimport { useIsInsideColorPopover } from '../color/context';\nimport { ColorSwatch } from '../ColorSwatch';\nimport { TextInputBase } from '../TextInput/TextInputBase';\n\n/**\n * How the text in the input relates to the committed value.\n *\n * - `forced` — the text is rewritten in `format` whenever it is not mid-edit,\n *   and the value is always written in `format`.\n * - `derive` — the user's own notation is left alone, and the value is\n *   normalized in whichever notation the text is written in.\n * - `free` — the text *is* the value, verbatim. It is still verified, so an\n *   unparsable entry falls back to the last valid one.\n */\nexport type ColorInputFormatMode = 'forced' | 'derive' | 'free';\n\n/**\n * A popover caps its height at half the viewport. The panel can exceed that on\n * a short screen, and would otherwise spill outside the popover's own border.\n */\nconst POPOVER_STYLES: Styles = { overflow: 'auto' };\n\n/** What the popover starts from when there is no color to edit yet. */\nconst FALLBACK_COLOR: ColorValue = { h: 264, s: 0.8, l: 0.6 };\n\nconst ColorInputTrigger = tasty(ItemAction, {\n  qa: 'ColorInputTrigger',\n  icon: <PipetteIcon />,\n});\n\nexport interface CubeColorInputProps\n  extends BaseProps,\n    BaseStyleProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  /** The selected color, as a color string. */\n  value?: string | null;\n  /** The initial color of an uncontrolled picker. */\n  defaultValue?: string | null;\n  /** Called with the normalized color string, or `null` when the field is cleared. */\n  onChange?: (value: string | null) => void;\n  /** Notation the value is written in, and the one `forced` mode displays. */\n  format?: ColorFormat;\n  /** How strictly the input text is tied to `format`. */\n  formatMode?: ColorInputFormatMode;\n  /** Color concept the popover opens with. */\n  defaultSpace?: ColorSpace;\n  /** Whether the popover is open. Makes the disclosure controlled. */\n  isOpen?: boolean;\n  /** Whether the popover is open initially. */\n  defaultOpen?: boolean;\n  /** Called when the popover opens or closes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the popover may flip to the other side of the input. */\n  shouldFlip?: boolean;\n  /** Text shown while the field is empty. */\n  placeholder?: string;\n  /** The size of the input. */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  styles?: Styles;\n  /** Styles of the text input element. */\n  inputStyles?: Styles;\n  /** Styles of the popover trigger button. */\n  triggerStyles?: Styles;\n  /** Styles of the color swatch shown inside the input. */\n  swatchStyles?: Styles;\n}\n\n/**\n * A color field: the color as text, a swatch of the current value, and a\n * popover to dial it in across OKHST, OKLCH and RGB.\n */\nexport const ColorInput = forwardRef(function ColorInput(\n  allProps: CubeColorInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value as string | null | undefined,\n      onChange,\n    }),\n  });\n\n  const {\n    qa,\n    value,\n    defaultValue,\n    onChange,\n    format = 'hex',\n    formatMode = 'forced',\n    defaultSpace = 'hst',\n    isOpen: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    shouldFlip,\n    placeholder = 'Pick a color',\n    size,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    isLoading,\n    autoFocus,\n    inputStyles,\n    triggerStyles,\n    swatchStyles,\n    labelProps: userLabelProps,\n    onBlur: userOnBlur,\n    onFocus,\n    label,\n    description,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    id,\n  } = props;\n\n  // Already inside a color popover: this is the value field for that popover,\n  // so it must not offer a popover of its own.\n  const isInsidePopover = useIsInsideColorPopover();\n\n  const initialText = (value ?? defaultValue ?? '').toString();\n  const [text, setText] = useState(() => {\n    const parsed = parseColor(initialText);\n\n    return parsed && formatMode === 'forced'\n      ? formatColor(parsed, format)\n      : initialText;\n  });\n  const [color, setColor] = useState(() => parseColor(initialText));\n  const [space, setSpace] = useState<ColorSpace>(defaultSpace);\n  const [isOpen, setOpen] = useState(defaultOpen ?? false);\n\n  const targetRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  /** The last text that parsed, so an invalid entry has something to fall back to. */\n  const validText = useRef(parseColor(initialText) ? text : '');\n  /** What was last handed to `onChange`, to tell our own updates from outside ones. */\n  const emitted = useRef<string | null | undefined>(value);\n\n  const emit = useEvent((next: string | null) => {\n    emitted.current = next;\n    onChange?.(next);\n  });\n\n  /** The notation a value should be written in, given the current text. */\n  const outputFormat = (source: string): ColorFormat =>\n    formatMode === 'forced' ? format : detectFormat(source) ?? format;\n\n  // Adopt values that did not come from here — a form reset, or a parent that\n  // overrides what the user picked.\n  useEffect(() => {\n    if (value === undefined || value === emitted.current) return;\n\n    emitted.current = value;\n\n    const raw = (value ?? '').toString();\n    const parsed = parseColor(raw);\n    const nextText =\n      parsed && formatMode === 'forced' ? formatColor(parsed, format) : raw;\n\n    setColor(parsed);\n    setText(nextText);\n    validText.current = parsed ? nextText : '';\n  }, [value, format, formatMode]);\n\n  const handleTextChange = useEvent((nextText: string) => {\n    setText(nextText);\n\n    if (!nextText.trim()) {\n      setColor(null);\n      validText.current = '';\n      emit(null);\n\n      return;\n    }\n\n    const parsed = parseColor(nextText);\n\n    // Half-typed input keeps the last valid color, so the value stays a real\n    // color at every keystroke.\n    if (!parsed) return;\n\n    setColor(parsed);\n    validText.current = nextText;\n    emit(\n      formatMode === 'free'\n        ? nextText.trim()\n        : formatColor(parsed, outputFormat(nextText)),\n    );\n  });\n\n  /** Resolve whatever is in the input into a real color, or undo it. */\n  const settle = useEvent(() => {\n    if (!text.trim()) return;\n\n    const parsed = parseColor(text);\n\n    if (!parsed) {\n      setText(validText.current);\n\n      return;\n    }\n\n    if (formatMode === 'forced') setText(formatColor(parsed, format));\n  });\n\n  /**\n   * Focusing offers the whole value up for replacement, the way a hex field\n   * does. The string is the unit of editing here: a single channel is tuned\n   * with the sliders, not by hand-editing one number inside `oklch(…)`.\n   *\n   * Read off the event rather than `inputRef`, which `TextInputBase` re-points\n   * through `useCombinedRefs`.\n   */\n  const handleFocus = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    event.currentTarget.select();\n    onFocus?.(event);\n  });\n\n  /**\n   * A click would otherwise drop a caret and undo that selection — the browser\n   * applies it after the focus handler has run. Suppressing the default action\n   * of the focusing press means no caret is ever placed; focus is then moved\n   * here instead, which selects.\n   *\n   * Only the press that *takes* focus is suppressed, so clicking a field that\n   * already has focus still positions the caret, and dragging still selects a\n   * range.\n   */\n  const handleMouseDown = useEvent((event: MouseEvent<HTMLInputElement>) => {\n    if (document.activeElement === event.currentTarget) return;\n\n    event.preventDefault();\n    event.currentTarget.focus();\n  });\n\n  const handleBlur = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    settle();\n    userOnBlur?.(event);\n  });\n\n  const handleKeyDown = useEvent((event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') settle();\n  });\n\n  const handleColorChange = useEvent((nextColor: ColorValue) => {\n    const nextText = formatColor(nextColor, outputFormat(text));\n\n    setColor(nextColor);\n    setText(nextText);\n    validText.current = nextText;\n    emit(nextText);\n  });\n\n  const handleOpenChange = useEvent((next: boolean) => {\n    setOpen(next);\n    onOpenChange?.(next);\n  });\n\n  const { labelProps, inputProps } = useTextField(\n    {\n      id,\n      label,\n      description,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      autoFocus,\n      placeholder,\n      value: text,\n      type: 'text',\n      onChange: handleTextChange,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n    },\n    inputRef,\n  );\n\n  return (\n    <TextInputBase\n      {...props}\n      ref={ref}\n      qa={qa || 'ColorInput'}\n      size={size}\n      autoComplete=\"off\"\n      // A flat 20px at every field size, which is what this has always rendered.\n      // Neither of the other two options is right here: tracking `$size` puts a\n      // large field's swatch against the border, because a text input hangs its\n      // prefix off the edge with no padding of its own, and passing the field's\n      // own size through grows the swatch with the field — visibly, and for no\n      // reason a caller asked for. The swatch is a fixed badge, not a control.\n      icon={<ColorSwatch size=\"small\" color={color} styles={swatchStyles} />}\n      inputRef={inputRef}\n      inputProps={{\n        ...inputProps,\n        spellCheck: false,\n        onMouseDown: handleMouseDown,\n      }}\n      inputStyles={inputStyles}\n      labelProps={mergeProps(labelProps, userLabelProps)}\n      wrapperRef={targetRef}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      isLoading={isLoading}\n      // The validation state reads left of the trigger, the way `DateInputBase`\n      // orders it for the date pickers.\n      suffixPosition=\"after\"\n      suffix={\n        isInsidePopover ? null : (\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            mobileType=\"tray\"\n            placement=\"bottom right\"\n            targetRef={targetRef}\n            isOpen={controlledOpen ?? isOpen}\n            shouldFlip={shouldFlip}\n            onOpenChange={handleOpenChange}\n          >\n            {/*\n              The trigger is disabled by either flag, but the two arrive through\n              different channels on purpose. A disabled FIELD travels through the\n              provider so `current` treats the state as inherited: the field has\n              already faded the colour the trigger paints from, and fading again\n              multiplies the two (measured `.12` — all but invisible). Read-only\n              alone leaves the field's text opaque, so there the trigger really is\n              disabled on its own and should fade itself.\n            */}\n            <ItemActionProvider isDisabled={isDisabled}>\n              <ColorInputTrigger\n                size={size}\n                aria-label=\"Open the color picker\"\n                isDisabled={isReadOnly && !isDisabled ? true : undefined}\n                styles={triggerStyles}\n              />\n            </ItemActionProvider>\n            <Dialog\n              aria-label=\"Color picker\"\n              width=\"max-content\"\n              styles={POPOVER_STYLES}\n            >\n              <ColorPanel\n                color={color ?? FALLBACK_COLOR}\n                space={space}\n                isDisabled={isDisabled || isReadOnly}\n                previewFormat={outputFormat(text)}\n                onChange={handleColorChange}\n                onSpaceChange={setSpace}\n              />\n            </Dialog>\n          </DialogTrigger>\n        )\n      }\n    />\n  );\n});\n\n(ColorInput as any).cubeInputType = 'Text';\n"],"mappings":"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"}