@revolist/ui 4.0.1-rc → 4.0.1

package/_chunks/color-palette-DMJUChWC.js

@@ -0,0 +1,92 @@
+import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
+import { n as t } from "./tooltip-D4xkio5G.js";
+import { t as n } from "./check-BwI7iCAm.js";
+import { DEFAULT_COLOR_PALETTE_OPTIONS as r } from "../color-palette/palette.js";
+//#region src/color-palette/color-model.ts
+function i(e) {
+	if (!e) return;
+	let t = e.trim().toLowerCase(), n = /^#([\da-f])([\da-f])([\da-f])$/i.exec(t);
+	return n ? `#${n[1]}${n[1]}${n[2]}${n[2]}${n[3]}${n[3]}` : /^#[\da-f]{6}$/i.test(t) ? t : void 0;
+}
+function a(e) {
+	if (![
+		"ArrowRight",
+		"ArrowDown",
+		"ArrowLeft",
+		"ArrowUp",
+		"Home",
+		"End"
+	].includes(e.key)) return;
+	let t = e.target, n = t.closest(".rv-color-palette"), r = Array.from(n?.querySelectorAll("button:not(:disabled)") ?? []);
+	if (!r.length) return;
+	let i = Math.max(0, r.indexOf(t)), a = e.key === "Home" ? 0 : e.key === "End" ? r.length - 1 : (i + (e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : -1) + r.length) % r.length;
+	e.preventDefault(), r[a]?.focus();
+}
+//#endregion
+//#region src/color-palette/color-palette.tsx
+function o({ value: t, options: i = r, ariaLabel: o, defaultLabel: c, colorAriaLabel: l, disabled: u = !1, includeDefault: d = !0, defaultDisabled: f = !1, onChange: p }) {
+	let m = i.findIndex((e) => e.value === t && !e.disabled), h = i.findIndex((e) => !e.disabled), g = d && !f, _ = a;
+	return /* @__PURE__ */ e("div", {
+		class: "rv-color-palette",
+		role: "radiogroup",
+		"aria-label": o,
+		children: [/* @__PURE__ */ e("div", {
+			class: "rv-color-palette__swatches",
+			children: i.map((r, i) => {
+				let a = r.value === t, o = l(r);
+				return /* @__PURE__ */ e(s, {
+					type: "button",
+					role: "radio",
+					class: "rv-color-palette__swatch",
+					"data-rv-color-palette-value": r.value,
+					label: o,
+					"aria-checked": a ? "true" : "false",
+					disabled: u || r.disabled,
+					tabIndex: !u && (i === m || m < 0 && (!g || t !== null) && i === h) ? 0 : -1,
+					style: { "--rv-color-palette-color": r.value },
+					onKeyDown: _,
+					onClick: () => p(r.value),
+					children: a ? /* @__PURE__ */ e("span", {
+						class: "rv-color-palette__check",
+						"aria-hidden": "true",
+						dangerouslySetInnerHTML: { __html: n }
+					}) : null
+				}, r.value);
+			})
+		}), d ? /* @__PURE__ */ e(s, {
+			type: "button",
+			role: "radio",
+			class: "rv-color-palette__default",
+			"data-rv-color-palette-default": "",
+			"aria-checked": t === null ? "true" : "false",
+			label: c,
+			disabled: u || f,
+			tabIndex: !u && !f && (t === null || h < 0) ? 0 : -1,
+			onKeyDown: _,
+			onClick: () => p(null),
+			children: [t === null ? /* @__PURE__ */ e("span", {
+				class: "rv-color-palette__default-check",
+				"aria-hidden": "true",
+				dangerouslySetInnerHTML: { __html: n }
+			}) : null, /* @__PURE__ */ e("span", {
+				class: "rv-color-palette__default-label",
+				children: c
+			})]
+		}) : null]
+	});
+}
+function s({ label: n, children: r, onKeyDown: i, disabled: a, ...o }) {
+	let s = t(n, !0);
+	return /* @__PURE__ */ e("button", {
+		...o,
+		disabled: a,
+		"aria-label": n,
+		...a ? {} : s.triggerProps,
+		onKeyDown: (e) => {
+			s.triggerProps.onKeyDown(e), e.defaultPrevented || i(e);
+		},
+		children: [r, s.tooltip]
+	});
+}
+//#endregion
+export { i as n, o as t };

package/_chunks/{color-picker-BRv-__AM.js → color-picker-CMWxQlWt.js}

@@ -1,134 +1,139 @@
-import { ButtonControl as e, Input as t } from "../native-control.js";
-import { createControlId as n } from "../core/control-id.js";
-import { t as r } from "./chevron-down-GbplLa6s.js";
-import { n as i, t as a } from "./color-palette-BmZ7kH9R.js";
-import { COLOR_PICKER_DEFAULT_COLOR as o } from "../color-palette/color-picker.constants.js";
-import { useEffect as s, useRef as c, useState as l } from "preact/hooks";
-import { jsx as u, jsxs as d } from "preact/jsx-runtime";
+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-B9MNibfa.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__ */ u("span", {
+	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] = l(n), D = `rv-format-color-popover-${E}`, O = `rv-format-color-custom-${E}`, k = `rv-format-color-error-${E}`, A = `--rv-format-color-anchor-${E}`, j = c(null), [M, N] = l(!1), [P, F] = l(!1), [I, L] = l(g ?? o), [R, z] = l(!1);
-	s(() => {
-		L(g ?? o), z(!1);
+	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 B = (e) => {
-		let t = i(e);
-		t ? (z(!1), L(t), w || T(t)) : z(!0);
-	}, V = () => j.current?.hidePopover?.();
-	return s(() => {
-		w && (V(), N(!1));
-	}, [w]), /* @__PURE__ */ d("div", {
+	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" && j.current?.matches(":popover-open") && (e.preventDefault(), e.stopPropagation(), V());
+			e.key === "Escape" && M.current?.matches(":popover-open") && (e.preventDefault(), e.stopPropagation(), H());
 		},
-		children: [/* @__PURE__ */ d(e, {
+		children: [/* @__PURE__ */ r(o, {
 			unstyled: !0,
 			type: "button",
 			class: "rv-format-color-picker__trigger",
 			"aria-label": `${h}: ${g?.toUpperCase() ?? _}`,
 			"aria-haspopup": "dialog",
-			"aria-expanded": M,
-			"aria-controls": D,
-			title: h,
+			"aria-expanded": N,
+			"aria-controls": O,
+			...D.triggerProps,
 			disabled: w,
-			popovertarget: D,
-			style: `anchor-name: ${A}`,
+			popovertarget: O,
+			style: `anchor-name: ${j}`,
 			children: [
-				/* @__PURE__ */ u("span", {
+				/* @__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__ */ u(m, {
+					children: g ? null : /* @__PURE__ */ r(m, {
 						icon: f,
 						className: "rv-format-color-picker__empty-icon"
 					})
 				}),
-				/* @__PURE__ */ u("span", {
+				/* @__PURE__ */ r("span", {
 					class: "rv-format-color-picker__trigger-value",
 					children: g?.toUpperCase() ?? _
 				}),
-				/* @__PURE__ */ u(m, { icon: r })
+				/* @__PURE__ */ r(m, { icon: s }),
+				D.tooltip
 			]
-		}), /* @__PURE__ */ d("div", {
-			id: D,
-			ref: j,
+		}), /* @__PURE__ */ r("div", {
+			id: O,
+			ref: M,
 			class: "rv-format-color-picker__popover",
 			role: "dialog",
 			"aria-label": h,
 			popover: "auto",
-			style: `position-anchor: ${A}`,
-			onToggle: (e) => N(e.currentTarget.matches(":popover-open")),
+			style: `position-anchor: ${j}`,
+			onToggle: (e) => P(e.currentTarget.matches(":popover-open")),
 			children: [
-				/* @__PURE__ */ u(a, {
-					value: i(g) ?? g ?? null,
+				/* @__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), V());
+						w || (T(e ?? void 0), H());
 					}
 				}),
-				/* @__PURE__ */ d("div", {
-					id: O,
+				/* @__PURE__ */ r("div", {
+					id: k,
 					class: "rv-format-color-picker__custom-controls",
 					"data-selection-only": !C || void 0,
-					hidden: !P,
+					hidden: !F,
 					children: [
-						/* @__PURE__ */ u(t, {
+						/* @__PURE__ */ r(a, {
 							type: "color",
 							disabled: w,
 							class: "rv-format-color-picker__native",
 							"aria-label": v,
 							title: v,
-							value: i(I) ?? o,
-							onInput: (e) => B(e.currentTarget.value)
+							value: l(L) ?? d,
+							onInput: (e) => V(e.currentTarget.value)
 						}),
-						C ? /* @__PURE__ */ u(t, {
+						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": R,
-							"aria-describedby": R ? k : void 0,
+							"aria-invalid": z,
+							"aria-describedby": z ? A : void 0,
 							title: y,
-							value: I.toUpperCase(),
+							value: L.toUpperCase(),
 							onInput: (e) => {
-								L(e.currentTarget.value), R && z(!1);
+								R(e.currentTarget.value), z && B(!1);
 							},
-							onChange: (e) => B(e.currentTarget.value)
+							onChange: (e) => V(e.currentTarget.value)
 						}) : null,
-						C && R ? /* @__PURE__ */ u("span", {
-							id: k,
+						C && z ? /* @__PURE__ */ r("span", {
+							id: A,
 							class: "rv-format-color-picker__error",
 							role: "alert",
 							children: b
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ d(e, {
+				/* @__PURE__ */ r(o, {
 					unstyled: !0,
 					type: "button",
 					class: "rv-format-color-picker__custom-action",
 					disabled: w,
-					"aria-expanded": P,
-					"aria-controls": O,
+					"aria-expanded": F,
+					"aria-controls": k,
 					title: v,
-					onClick: () => F((e) => !e),
-					children: [/* @__PURE__ */ u(m, { icon: p }), v]
+					onClick: () => I((e) => !e),
+					children: [/* @__PURE__ */ r(m, { icon: p }), v]
 				})
 			]
 		})]