@revolist/ui 4.0.3-rc → 4.0.5-rc

package/_chunks/color-picker-B4TQvxxB.js

@@ -0,0 +1,143 @@
+import { c as e, i as t, t as n } from "./hooks.module-CG3gN83z.js";
+import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
+import { createControlId as i } from "../core/control-id.js";
+import { n as a, t as o } from "./native-control-DO0d1kgx.js";
+import { t as s } from "./chevron-down-GbplLa6s.js";
+import { n as c } from "./tooltip-D4xkio5G.js";
+import { n as l, t as u } from "./color-palette-DMJUChWC.js";
+import { COLOR_PICKER_DEFAULT_COLOR as d } from "../color-palette/color-picker.constants.js";
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/ban.svg?raw
+var f = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M367.2 412.5L99.5 144.8c-22.4 31.4-35.5 69.8-35.5 111.2 0 106 86 192 192 192 41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3c22.4-31.4 35.5-69.8 35.5-111.2 0-106-86-192-192-192-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z\"/></svg>", p = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M512 256c0 .9 0 1.8 0 2.7-.4 36.5-33.6 61.3-70.1 61.3L344 320c-26.5 0-48 21.5-48 48 0 3.4 .4 6.7 1 9.9 2.1 10.2 6.5 20 10.8 29.9 6.1 13.8 12.1 27.5 12.1 42 0 31.8-21.6 60.7-53.4 62-3.5 .1-7 .2-10.6 .2-141.4 0-256-114.6-256-256S114.6 0 256 0 512 114.6 512 256zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"/></svg>";
+//#endregion
+//#region src/color-palette/color-picker.tsx
+function m({ icon: e, className: t = "rv-format-icon rv-format-color-picker__icon" }) {
+	return /* @__PURE__ */ r("span", {
+		class: t,
+		"aria-hidden": "true",
+		dangerouslySetInnerHTML: { __html: e }
+	});
+}
+function h({ label: h, value: g, defaultLabel: _, customLabel: v, customHexLabel: y, invalidColor: b, colorLabels: x, optional: S = !0, allowHexInput: C = !0, disabled: w = !1, onChange: T }) {
+	let [E] = t(i), D = c(h, !0, {
+		className: "rv-control-tooltip",
+		placement: "above"
+	}), O = `rv-format-color-popover-${E}`, k = `rv-format-color-custom-${E}`, A = `rv-format-color-error-${E}`, j = `--rv-format-color-anchor-${E}`, M = n(null), [N, P] = t(!1), [F, I] = t(!1), [L, R] = t(g ?? d), [z, B] = t(!1);
+	e(() => {
+		R(g ?? d), B(!1);
+	}, [g]);
+	let V = (e) => {
+		let t = l(e);
+		t ? (B(!1), R(t), w || T(t)) : B(!0);
+	}, H = () => M.current?.hidePopover?.();
+	return e(() => {
+		w && (H(), P(!1));
+	}, [w]), /* @__PURE__ */ r("div", {
+		class: "rv-format-color-picker",
+		onKeyDownCapture: (e) => {
+			e.key === "Escape" && M.current?.matches(":popover-open") && (e.preventDefault(), e.stopPropagation(), H());
+		},
+		children: [/* @__PURE__ */ r(o, {
+			unstyled: !0,
+			type: "button",
+			class: "rv-format-color-picker__trigger",
+			"aria-label": `${h}: ${g?.toUpperCase() ?? _}`,
+			"aria-haspopup": "dialog",
+			"aria-expanded": N,
+			"aria-controls": O,
+			...D.triggerProps,
+			disabled: w,
+			popovertarget: O,
+			style: `anchor-name: ${j}`,
+			children: [
+				/* @__PURE__ */ r("span", {
+					class: `rv-format-color-picker__trigger-swatch${g ? "" : " rv-format-color-picker__trigger-swatch--empty"}`,
+					style: g ? { backgroundColor: g } : void 0,
+					children: g ? null : /* @__PURE__ */ r(m, {
+						icon: f,
+						className: "rv-format-color-picker__empty-icon"
+					})
+				}),
+				/* @__PURE__ */ r("span", {
+					class: "rv-format-color-picker__trigger-value",
+					children: g?.toUpperCase() ?? _
+				}),
+				/* @__PURE__ */ r(m, { icon: s }),
+				D.tooltip
+			]
+		}), /* @__PURE__ */ r("div", {
+			id: O,
+			ref: M,
+			class: "rv-format-color-picker__popover",
+			role: "dialog",
+			"aria-label": h,
+			popover: "auto",
+			style: `position-anchor: ${j}`,
+			onToggle: (e) => P(e.currentTarget.matches(":popover-open")),
+			children: [
+				/* @__PURE__ */ r(u, {
+					value: l(g) ?? g ?? null,
+					ariaLabel: h,
+					defaultLabel: _,
+					colorAriaLabel: (e) => x[e.value] ?? e.label,
+					includeDefault: S,
+					disabled: w,
+					onChange: (e) => {
+						w || (T(e ?? void 0), H());
+					}
+				}),
+				/* @__PURE__ */ r("div", {
+					id: k,
+					class: "rv-format-color-picker__custom-controls",
+					"data-selection-only": !C || void 0,
+					hidden: !F,
+					children: [
+						/* @__PURE__ */ r(a, {
+							type: "color",
+							disabled: w,
+							class: "rv-format-color-picker__native",
+							"aria-label": v,
+							title: v,
+							value: l(L) ?? d,
+							onInput: (e) => V(e.currentTarget.value)
+						}),
+						C ? /* @__PURE__ */ r(a, {
+							type: "text",
+							disabled: w,
+							class: "rv-control rv-format-color-picker__hex",
+							inputMode: "text",
+							maxLength: 7,
+							"aria-label": y,
+							"aria-invalid": z,
+							"aria-describedby": z ? A : void 0,
+							title: y,
+							value: L.toUpperCase(),
+							onInput: (e) => {
+								R(e.currentTarget.value), z && B(!1);
+							},
+							onChange: (e) => V(e.currentTarget.value)
+						}) : null,
+						C && z ? /* @__PURE__ */ r("span", {
+							id: A,
+							class: "rv-format-color-picker__error",
+							role: "alert",
+							children: b
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ r(o, {
+					unstyled: !0,
+					type: "button",
+					class: "rv-format-color-picker__custom-action",
+					disabled: w,
+					"aria-expanded": F,
+					"aria-controls": k,
+					title: v,
+					onClick: () => I((e) => !e),
+					children: [/* @__PURE__ */ r(m, { icon: p }), v]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { h as t };