@revolist/ui 4.0.1-rc → 4.0.3-rc

package/_chunks/color-picker-CudqPYZo.js

@@ -0,0 +1,138 @@
+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 { n as i, t as a } from "./native-control-C_yok8_-.js";
+import { t as o } from "./chevron-down-GbplLa6s.js";
+import { createControlId as s } from "../core/control-id.js";
+import { n as c, t as l } from "./color-palette-D8vyPfld.js";
+import { COLOR_PICKER_DEFAULT_COLOR as u } 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 d = "<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>", 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=\"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 p({ 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 m({ label: m, value: h, defaultLabel: g, customLabel: _, customHexLabel: v, invalidColor: y, colorLabels: b, optional: x = !0, allowHexInput: S = !0, disabled: C = !1, onChange: w }) {
+	let [T] = t(s), E = `rv-format-color-popover-${T}`, D = `rv-format-color-custom-${T}`, O = `rv-format-color-error-${T}`, k = `--rv-format-color-anchor-${T}`, A = n(null), [j, M] = t(!1), [N, P] = t(!1), [F, I] = t(h ?? u), [L, R] = t(!1);
+	e(() => {
+		I(h ?? u), R(!1);
+	}, [h]);
+	let z = (e) => {
+		let t = c(e);
+		t ? (R(!1), I(t), C || w(t)) : R(!0);
+	}, B = () => A.current?.hidePopover?.();
+	return e(() => {
+		C && (B(), M(!1));
+	}, [C]), /* @__PURE__ */ r("div", {
+		class: "rv-format-color-picker",
+		onKeyDownCapture: (e) => {
+			e.key === "Escape" && A.current?.matches(":popover-open") && (e.preventDefault(), e.stopPropagation(), B());
+		},
+		children: [/* @__PURE__ */ r(a, {
+			unstyled: !0,
+			type: "button",
+			class: "rv-format-color-picker__trigger",
+			"aria-label": `${m}: ${h?.toUpperCase() ?? g}`,
+			"aria-haspopup": "dialog",
+			"aria-expanded": j,
+			"aria-controls": E,
+			title: m,
+			disabled: C,
+			popovertarget: E,
+			style: `anchor-name: ${k}`,
+			children: [
+				/* @__PURE__ */ r("span", {
+					class: `rv-format-color-picker__trigger-swatch${h ? "" : " rv-format-color-picker__trigger-swatch--empty"}`,
+					style: h ? { backgroundColor: h } : void 0,
+					children: h ? null : /* @__PURE__ */ r(p, {
+						icon: d,
+						className: "rv-format-color-picker__empty-icon"
+					})
+				}),
+				/* @__PURE__ */ r("span", {
+					class: "rv-format-color-picker__trigger-value",
+					children: h?.toUpperCase() ?? g
+				}),
+				/* @__PURE__ */ r(p, { icon: o })
+			]
+		}), /* @__PURE__ */ r("div", {
+			id: E,
+			ref: A,
+			class: "rv-format-color-picker__popover",
+			role: "dialog",
+			"aria-label": m,
+			popover: "auto",
+			style: `position-anchor: ${k}`,
+			onToggle: (e) => M(e.currentTarget.matches(":popover-open")),
+			children: [
+				/* @__PURE__ */ r(l, {
+					value: c(h) ?? h ?? null,
+					ariaLabel: m,
+					defaultLabel: g,
+					colorAriaLabel: (e) => b[e.value] ?? e.label,
+					includeDefault: x,
+					disabled: C,
+					onChange: (e) => {
+						C || (w(e ?? void 0), B());
+					}
+				}),
+				/* @__PURE__ */ r("div", {
+					id: D,
+					class: "rv-format-color-picker__custom-controls",
+					"data-selection-only": !S || void 0,
+					hidden: !N,
+					children: [
+						/* @__PURE__ */ r(i, {
+							type: "color",
+							disabled: C,
+							class: "rv-format-color-picker__native",
+							"aria-label": _,
+							title: _,
+							value: c(F) ?? u,
+							onInput: (e) => z(e.currentTarget.value)
+						}),
+						S ? /* @__PURE__ */ r(i, {
+							type: "text",
+							disabled: C,
+							class: "rv-control rv-format-color-picker__hex",
+							inputMode: "text",
+							maxLength: 7,
+							"aria-label": v,
+							"aria-invalid": L,
+							"aria-describedby": L ? O : void 0,
+							title: v,
+							value: F.toUpperCase(),
+							onInput: (e) => {
+								I(e.currentTarget.value), L && R(!1);
+							},
+							onChange: (e) => z(e.currentTarget.value)
+						}) : null,
+						S && L ? /* @__PURE__ */ r("span", {
+							id: O,
+							class: "rv-format-color-picker__error",
+							role: "alert",
+							children: y
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ r(a, {
+					unstyled: !0,
+					type: "button",
+					class: "rv-format-color-picker__custom-action",
+					disabled: C,
+					"aria-expanded": N,
+					"aria-controls": D,
+					title: _,
+					onClick: () => P((e) => !e),
+					children: [/* @__PURE__ */ r(p, { icon: f }), _]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { m as t };