@revolist/ui 4.0.4-rc → 4.0.6-rc

package/_chunks/{color-palette-D8vyPfld.js → color-palette-DMJUChWC.js}

@@ -1,13 +1,14 @@
 import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "./control-tooltip-uscKfAnV.js";
-import { DEFAULT_COLOR_PALETTE_OPTIONS as n } from "../color-palette/palette.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 r(e) {
+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 i(e) {
+function a(e) {
 	if (![
 		"ArrowRight",
 		"ArrowDown",
@@ -22,38 +23,35 @@ function i(e) {
 	e.preventDefault(), r[a]?.focus();
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/check.svg?raw
-var a = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 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=\"M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z\"/></svg>";
-//#endregion
 //#region src/color-palette/color-palette.tsx
-function o({ value: t, options: r = n, ariaLabel: o, defaultLabel: c, colorAriaLabel: l, disabled: u = !1, includeDefault: d = !0, defaultDisabled: f = !1, onChange: p }) {
-	let m = r.findIndex((e) => e.value === t && !e.disabled), h = r.findIndex((e) => !e.disabled), g = d && !f, _ = i;
+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: r.map((n, r) => {
-				let i = n.value === t, o = l(n);
+			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": n.value,
+					"data-rv-color-palette-value": r.value,
 					label: o,
-					"aria-checked": i ? "true" : "false",
-					disabled: u || n.disabled,
-					tabIndex: !u && (r === m || m < 0 && (!g || t !== null) && r === h) ? 0 : -1,
-					style: { "--rv-color-palette-color": n.value },
+					"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(n.value),
-					children: i ? /* @__PURE__ */ e("span", {
+					onClick: () => p(r.value),
+					children: a ? /* @__PURE__ */ e("span", {
 						class: "rv-color-palette__check",
 						"aria-hidden": "true",
-						dangerouslySetInnerHTML: { __html: a }
+						dangerouslySetInnerHTML: { __html: n }
 					}) : null
-				}, n.value);
+				}, r.value);
 			})
 		}), d ? /* @__PURE__ */ e(s, {
 			type: "button",
@@ -69,7 +67,7 @@ function o({ value: t, options: r = n, ariaLabel: o, defaultLabel: c, colorAriaL
 			children: [t === null ? /* @__PURE__ */ e("span", {
 				class: "rv-color-palette__default-check",
 				"aria-hidden": "true",
-				dangerouslySetInnerHTML: { __html: a }
+				dangerouslySetInnerHTML: { __html: n }
 			}) : null, /* @__PURE__ */ e("span", {
 				class: "rv-color-palette__default-label",
 				children: c
@@ -91,4 +89,4 @@ function s({ label: n, children: r, onKeyDown: i, disabled: a, ...o }) {
 	});
 }
 //#endregion
-export { r as n, o as t };
+export { i as n, o as t };

package/_chunks/color-picker-BK4W1nd6.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-pFMuHf3G.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 };