@revolist/ui 4.0.2-rc → 4.0.2

package/_chunks/{color-picker-D90Jg-M8.js → color-picker-BpCTuIdm.js}

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