haze-ui 1.27.0 → 1.28.0

package/dist/components/Select/SelectFloating.js

@@ -18,7 +18,7 @@ var ue = "haze-SelectFloating__wrapper", de = "haze-SelectFloating__trigger", fe
 	sm: "haze-SelectFloating__sm",
 	md: "haze-SelectFloating__md",
 	lg: "haze-SelectFloating__lg"
-}, d = "haze-SelectFloating__placeholderText", pe = "haze-SelectFloating__triggerLabel", me = "haze-SelectFloating__chipItem", he = "haze-SelectFloating__chipRemove", ge = "haze-SelectFloating__overflowBadge", _e = "haze-SelectFloating__clearBtn", ve = "haze-SelectFloating__caret", ye = "haze-SelectFloating__listbox", be = "haze-SelectFloating__listboxVirtual", xe = "haze-SelectFloating__panelSearch", Se = "haze-SelectFloating__listboxInner", Ce = "haze-SelectFloating__searchInput", we = "haze-SelectFloating__loadingBlock", Te = "haze-SelectFloating__emptyBlock", f = "haze-SelectFloating__groupLabelText", Ee = "haze-SelectFloating__groupLabelRow", De = 200, Oe = 29, ke = "haze-SelectFloating__virtualRow", Ae = "haze-SelectFloating__optionRow", je = "haze-SelectFloating__optionActive", Me = "haze-SelectFloating__optionSelected", Ne = "haze-SelectFloating__checkboxVisual", Pe = "haze-SelectFloating__checkboxChecked", Fe = () => /* @__PURE__ */ o("svg", {
+}, d = "haze-SelectFloating__placeholderText", pe = "haze-SelectFloating__triggerLabel", me = "haze-SelectFloating__chipItem", he = "haze-SelectFloating__chipRemove", ge = "haze-SelectFloating__overflowBadge", _e = "haze-SelectFloating__clearBtn", ve = "haze-SelectFloating__caret", ye = "haze-SelectFloating__listbox", be = "haze-SelectFloating__listboxVirtual", xe = "haze-SelectFloating__panelSearch", Se = "haze-SelectFloating__listboxInner", Ce = "haze-SelectFloating__searchInput", we = "haze-SelectFloating__loadingBlock", Te = "haze-SelectFloating__emptyBlock", Ee = "haze-SelectFloating__groupLabelText", De = "haze-SelectFloating__groupLabelRow", Oe = 200, ke = 29, Ae = "haze-SelectFloating__virtualRow", je = "haze-SelectFloating__optionRow", Me = "haze-SelectFloating__optionActive", Ne = "haze-SelectFloating__optionSelected", Pe = "haze-SelectFloating__checkboxVisual", Fe = "haze-SelectFloating__checkboxChecked", Ie = () => /* @__PURE__ */ o("svg", {
 	viewBox: "0 0 12 12",
 	width: "12",
 	height: "12",
@@ -31,20 +31,20 @@ var ue = "haze-SelectFloating__wrapper", de = "haze-SelectFloating__trigger", fe
 	focusable: "false",
 	children: o("path", { d: "M2 4l4 4 4-4" })
 });
-function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, searchable: v = !1, clearable: y = !1, loading: b = !1, maxTagCount: x, size: Ie = "md", virtualized: S, className: Le, ref: C, ...Re }) {
-	let w = r("select"), T = g && Array.isArray(p) ? p : [], E = !g && typeof p == "string" ? p : "", [D, O] = le(void 0, !1), [k, A] = u(-1), [j, M] = u(""), [ze, Be] = u(j), N = ce(), P = l(null), Ve = se((e) => t(P, C)(e), [P, C]), F = l(null), I = l(null), L = l(null), R = l(null), z = S !== void 0 && S !== !1, B = typeof S == "object" ? S : void 0, V = B?.itemHeight ?? Oe, He = B?.overscan, H = ee({
+function f({ value: f, onChange: p, entries: m, multiple: h, placeholder: g, searchable: _ = !1, clearable: v = !1, loading: y = !1, onSearch: b, maxTagCount: x, size: Le = "md", virtualized: S, className: Re, ref: C, ...ze }) {
+	let w = r("select"), T = h && Array.isArray(f) ? f : [], E = !h && typeof f == "string" ? f : "", [D, O] = le(void 0, !1), [k, A] = u(-1), [j, M] = u(""), [Be, Ve] = u(j), N = ce(), P = l(null), He = se((e) => t(P, C)(e), [P, C]), F = l(null), I = l(null), L = l(null), R = l(null), z = S !== void 0 && S !== !1, B = typeof S == "object" ? S : void 0, V = B?.itemHeight ?? ke, Ue = B?.overscan, H = ee({
 		open: D,
 		setOpen: O,
 		triggerRef: P,
 		panelRef: F,
 		animated: !0
-	}), Ue = a(h), U = b ? [] : ie(h, j), W = a(U), G = U.reduce((e, t) => ({
+	}), We = a(m), U = y ? [] : b ? m : ie(m, j), W = a(U), G = U.reduce((e, t) => ({
 		offsets: [...e.offsets, e.flat],
 		flat: e.flat + (t.kind === "group" ? t.options.length : 1)
 	}), {
 		offsets: [],
 		flat: 0
-	}).offsets, K = (e) => `${N}-option-${e}`, We = D && W[k] ? K(k) : void 0, q = `${N}-listbox`;
+	}).offsets, K = (e) => `${N}-option-${e}`, Ge = D && W[k] ? K(k) : void 0, q = `${N}-listbox`;
 	c(() => {
 		if (!H.shown || k < 0) return;
 		if (z) {
@@ -58,34 +58,42 @@ function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, sea
 		k,
 		z
 	]), c(() => {
-		v && D && H.shown && I.current?.focus();
+		_ && D && H.shown && I.current?.focus();
 	}, [
-		v,
+		_,
 		D,
 		H.shown
-	]), !D && j !== "" && M(""), j !== ze && (Be(j), A(W.length > 0 ? 0 : -1));
-	let Ge = (e) => {
-		m(T.includes(e) ? T.filter((t) => t !== e) : [...T, e]);
-	}, Ke = (e) => {
-		m(T.filter((t) => t !== e));
-	}, J = (e) => Ue.find((t) => t.value === e)?.label ?? e, qe = () => {
-		m(g ? [] : "");
-	}, Y = (e) => {
-		if (g) {
-			Ge(e);
+	]);
+	let Ke = l(b);
+	c(() => {
+		Ke.current = b;
+	}, [b]);
+	let J = l(j);
+	c(() => {
+		J.current !== j && (J.current = j, Ke.current?.(j));
+	}, [j]), !D && j !== "" && M(""), j !== Be && (Ve(j), A(W.length > 0 ? 0 : -1));
+	let qe = (e) => {
+		p(T.includes(e) ? T.filter((t) => t !== e) : [...T, e]);
+	}, Je = (e) => {
+		p(T.filter((t) => t !== e));
+	}, Y = (e) => We.find((t) => t.value === e)?.label ?? e, Ye = () => {
+		p(h ? [] : "");
+	}, X = (e) => {
+		if (h) {
+			qe(e);
 			return;
 		}
-		m(e), O(!1), P.current?.focus();
-	}, X = (e) => {
+		p(e), O(!1), P.current?.focus();
+	}, Xe = (e) => {
 		A((t) => e === 1 ? Math.min(t + 1, W.length - 1) : Math.max(t - 1, 0));
-	}, Je = (e) => {
+	}, Ze = (e) => {
 		A(W.length === 0 ? -1 : e === "Home" ? 0 : W.length - 1);
-	}, Ye = (e) => {
-		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), O(!0), X(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), O(!0), Je(e.key)) : (e.key === "Enter" || e.key === " " || e.key === "Space") && D && W[k] ? (e.preventDefault(), Y(W[k].value)) : e.key === "Escape" ? O(!1) : e.key === "Backspace" && (g && T.length > 0 ? (e.preventDefault(), m(T.slice(0, -1))) : !g && y && E !== "" && (e.preventDefault(), qe()));
-	}, Xe = (e) => {
-		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), X(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), Je(e.key)) : e.key === "Enter" ? (e.preventDefault(), W[k] && Y(W[k].value)) : e.key === "Escape" && (e.preventDefault(), O(!1), P.current?.focus());
+	}, Qe = (e) => {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), O(!0), Xe(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), O(!0), Ze(e.key)) : (e.key === "Enter" || e.key === " " || e.key === "Space") && D && W[k] ? (e.preventDefault(), X(W[k].value)) : e.key === "Escape" ? O(!1) : e.key === "Backspace" && (h && T.length > 0 ? (e.preventDefault(), p(T.slice(0, -1))) : !h && v && E !== "" && (e.preventDefault(), Ye()));
+	}, $e = (e) => {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), Xe(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), Ze(e.key)) : e.key === "Enter" ? (e.preventDefault(), W[k] && X(W[k].value)) : e.key === "Escape" && (e.preventDefault(), O(!1), P.current?.focus());
 	}, Z = (t, n) => {
-		let r = g ? T.includes(t.value) : t.value === E;
+		let r = h ? T.includes(t.value) : t.value === E;
 		return /* @__PURE__ */ s("div", {
 			ref: n === k ? L : void 0,
 			role: "option",
@@ -93,53 +101,53 @@ function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, sea
 			"aria-selected": r,
 			"aria-setsize": W.length,
 			"aria-posinset": n + 1,
-			onClick: () => Y(t.value),
+			onClick: () => X(t.value),
 			className: e([
-				Ae,
-				n === k && je,
-				!g && r && Me,
-				z && ke
+				je,
+				n === k && Me,
+				!h && r && Ne,
+				z && Ae
 			]),
-			children: [g && /* @__PURE__ */ o("span", {
+			children: [h && /* @__PURE__ */ o("span", {
 				"aria-hidden": "true",
-				className: e([Ne, r && Pe])
+				className: e([Pe, r && Fe])
 			}), t.label]
 		}, t.value);
-	}, Ze = y && (g ? T.length > 0 : E !== "") ? /* @__PURE__ */ o("span", {
+	}, et = v && (h ? T.length > 0 : E !== "") ? /* @__PURE__ */ o("span", {
 		"aria-hidden": "true",
 		title: w.clear,
 		onClick: (e) => {
-			e.stopPropagation(), qe(), P.current?.focus();
+			e.stopPropagation(), Ye(), P.current?.focus();
 		},
 		className: e(_e),
 		children: "×"
-	}) : void 0, Qe = g ? T.length === 0 ? /* @__PURE__ */ o("span", {
+	}) : void 0, tt = h ? T.length === 0 ? /* @__PURE__ */ o("span", {
 		className: e(d),
-		children: _ ?? w.placeholder
+		children: g ?? w.placeholder
 	}) : /* @__PURE__ */ s(oe, { children: [(x === void 0 ? T : T.slice(0, Math.max(x, 0))).map((t) => /* @__PURE__ */ s("span", {
 		className: e(me),
 		children: [/* @__PURE__ */ o(te, {
 			color: "primary",
-			children: J(t)
+			children: Y(t)
 		}), /* @__PURE__ */ o("span", {
 			"aria-hidden": "true",
 			onClick: (e) => {
-				e.stopPropagation(), Ke(t);
+				e.stopPropagation(), Je(t);
 			},
 			className: e(he),
 			children: "×"
 		})]
 	}, t)), x !== void 0 && T.length > Math.max(x, 0) && /* @__PURE__ */ o("span", {
-		title: T.slice(Math.max(x, 0)).map((e) => ae(J(e))).join(", "),
+		title: T.slice(Math.max(x, 0)).map((e) => ae(Y(e))).join(", "),
 		className: e(ge),
 		children: n(w.moreTags, { count: T.length - Math.max(x, 0) })
 	})] }) : E === "" ? /* @__PURE__ */ o("span", {
 		className: e(d),
-		children: _ ?? w.placeholder
+		children: g ?? w.placeholder
 	}) : /* @__PURE__ */ o("span", {
 		className: e(pe),
-		children: J(E)
-	}), Q = !b && W.length > 0, $e = z ? /* @__PURE__ */ o(re, {
+		children: Y(E)
+	}), Q = !y && W.length > 0, nt = z ? /* @__PURE__ */ o(re, {
 		ref: R,
 		"data-virtualized": !0,
 		items: W,
@@ -147,13 +155,13 @@ function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, sea
 			startIndex: G[n] ?? 0,
 			key: `group-${t.label}-${G[n] ?? 0}`,
 			render: () => /* @__PURE__ */ o("div", {
-				className: e(f),
+				className: e(Ee),
 				children: t.label
 			})
 		}] : []) : void 0,
-		height: Math.min(De, W.length * V),
+		height: Math.min(Oe, W.length * V),
 		itemHeight: V,
-		overscan: He,
+		overscan: Ue,
 		renderItem: Z
 	}) : U.map((t, n) => {
 		let r = G[n] ?? 0;
@@ -161,11 +169,11 @@ function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, sea
 			role: "group",
 			"aria-label": t.label,
 			children: [/* @__PURE__ */ o("div", {
-				className: e([Ee, f]),
+				className: e([De, Ee]),
 				children: t.label
 			}), t.options.map((e, t) => Z(e, r + t))]
 		}, `group-${t.label}`);
-	}), $ = b ? /* @__PURE__ */ s("div", {
+	}), $ = y ? /* @__PURE__ */ s("div", {
 		className: e(we),
 		children: [/* @__PURE__ */ o(ne, { size: "sm" }), /* @__PURE__ */ o("span", { children: w.loading })]
 	}) : /* @__PURE__ */ o("div", {
@@ -175,38 +183,38 @@ function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, sea
 	return /* @__PURE__ */ s("div", {
 		className: e(ue),
 		children: [/* @__PURE__ */ s("button", {
-			...Re,
-			ref: Ve,
+			...ze,
+			ref: He,
 			type: "button",
 			style: H.triggerStyle,
 			role: "combobox",
 			"aria-haspopup": "listbox",
 			"aria-expanded": D,
-			"aria-controls": v ? q : N,
-			"aria-activedescendant": We,
-			"data-clearable": y || void 0,
+			"aria-controls": _ ? q : N,
+			"aria-activedescendant": Ge,
+			"data-clearable": v || void 0,
 			onPointerDown: H.onTriggerPointerDown,
 			onClick: H.onTriggerClick,
-			onKeyDown: Ye,
+			onKeyDown: Qe,
 			className: e([
 				de,
-				fe[Ie],
-				Le
+				fe[Le],
+				Re
 			]),
 			children: [
-				Qe,
-				Ze,
+				tt,
+				et,
 				/* @__PURE__ */ o("span", {
 					"aria-hidden": "true",
 					className: e(ve),
-					children: /* @__PURE__ */ o(Fe, {})
+					children: /* @__PURE__ */ o(Ie, {})
 				})
 			]
-		}), v ? /* @__PURE__ */ s(i, {
+		}), _ ? /* @__PURE__ */ s(i, {
 			ref: F,
 			behavior: H,
 			placement: "bottom-span",
-			"aria-busy": b || void 0,
+			"aria-busy": y || void 0,
 			visualClass: xe,
 			children: [/* @__PURE__ */ o("input", {
 				ref: I,
@@ -217,18 +225,18 @@ function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, sea
 					"aria-controls": q,
 					"aria-autocomplete": "list"
 				},
-				"aria-activedescendant": We,
+				"aria-activedescendant": Ge,
 				value: j,
 				onChange: (e) => M(e.target.value),
-				onKeyDown: Xe,
+				onKeyDown: $e,
 				className: e(Ce)
 			}), Q ? /* @__PURE__ */ o("div", {
 				id: q,
 				role: "listbox",
-				"aria-multiselectable": g || void 0,
+				"aria-multiselectable": h || void 0,
 				"aria-label": w.listboxLabel,
 				className: e(z ? void 0 : Se),
-				children: $e
+				children: nt
 			}) : $]
 		}) : /* @__PURE__ */ o(i, {
 			ref: F,
@@ -236,13 +244,13 @@ function p({ value: p, onChange: m, entries: h, multiple: g, placeholder: _, sea
 			placement: "bottom-span",
 			id: N,
 			role: Q ? "listbox" : void 0,
-			"aria-multiselectable": Q && g ? "true" : void 0,
+			"aria-multiselectable": Q && h ? "true" : void 0,
 			"aria-label": w.listboxLabel,
-			"aria-busy": b || void 0,
+			"aria-busy": y || void 0,
 			visualClass: z ? be : ye,
-			children: Q ? $e : $
+			children: Q ? nt : $
 		})]
 	});
 }
 //#endregion
-export { p as default };
+export { f as default };

package/dist/components/Signature/Signature.js

@@ -0,0 +1,165 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { getCanvasPoint as n, normalizeStroke as r, pointDistance as i, serializeStrokes as a } from "./signature-points.js";
+/* empty css                    */
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
+import { useControl as f } from "react-use-control";
+//#region src/lib/components/Signature/Signature.tsx
+var p = "#1f2937", ee = 1.5, m = "haze-Signature__root", h = "haze-Signature__canvasFrame", g = "haze-Signature__canvasClass", _ = "haze-Signature__toolbar", v = "haze-Signature__toolButton", y = "haze-Signature__unsupportedNotice";
+function b({ value: b, onChange: x, clearLabel: S, undoLabel: C, unsupportedLabel: w, width: T = 320, height: E = 160, disabled: D = !1, penColor: O, penWidth: k = 2, className: A, ...j }) {
+	let M = t("signature"), N = S ?? M.clear, P = C ?? M.undo, F = w ?? M.unsupported, [, I] = f(b, ""), [L, R] = d(0), [z, B] = d(!1), V = u(null), H = u(null), U = u([]), W = u(null), G = u(p), K = u(""), q = c(() => {
+		if (O) return O;
+		let e = V.current;
+		return (e ? getComputedStyle(e).getPropertyValue("--haze-color-text").trim() : "") || p;
+	}, [O]), J = c((e, t) => {
+		let n = H.current;
+		n && (n.strokeStyle = G.current, n.lineWidth = k, n.lineCap = "round", n.lineJoin = "round", n.beginPath(), n.moveTo(e.x, e.y), n.lineTo(t.x, t.y), n.stroke());
+	}, [k]), Y = c((e) => {
+		let t = H.current;
+		t && (t.fillStyle = G.current, t.beginPath(), t.arc(e.x, e.y, k / 2, 0, Math.PI * 2), t.fill());
+	}, [k]), X = c(() => {
+		let e = H.current, t = V.current;
+		if (e && t) {
+			e.clearRect(0, 0, T, E), G.current = q();
+			for (let e of U.current) if (e.length !== 0) {
+				Y(e[0]);
+				for (let t = 1; t < e.length; t += 1) J(e[t - 1], e[t]);
+			}
+		}
+	}, [
+		T,
+		E,
+		q,
+		Y,
+		J
+	]);
+	l(() => {
+		let e = V.current;
+		if (!e) return;
+		let t = typeof window > "u" ? 1 : window.devicePixelRatio || 1;
+		e.width = Math.max(1, Math.round(T * t)), e.height = Math.max(1, Math.round(E * t));
+		let n = e.getContext("2d");
+		H.current = n, B(!n), n && (n.scale(t, t), X());
+	}, [
+		T,
+		E,
+		X
+	]);
+	let Z = c(() => {
+		let e = V.current;
+		if (!e || !H.current) return;
+		let t = a(U.current);
+		if (t === K.current) return;
+		K.current = t;
+		let n = U.current.length > 0 ? e.toDataURL("image/png") : "";
+		I(n), x?.(n);
+	}, [I, x]), Q = (e) => {
+		if (D || !H.current) return;
+		e.preventDefault();
+		let t = V.current;
+		if (!t || W.current !== null) return;
+		if (W.current = e.pointerId, typeof t.setPointerCapture == "function") try {
+			t.setPointerCapture(e.pointerId);
+		} catch {}
+		G.current = q();
+		let r = n(e.clientX, e.clientY, t.getBoundingClientRect());
+		U.current = [...U.current, [r]], R(U.current.length), Y(r);
+	}, te = (e) => {
+		if (W.current !== e.pointerId) return;
+		let t = V.current;
+		if (!t) return;
+		let r = U.current, a = r[r.length - 1];
+		if (!a) return;
+		let o = n(e.clientX, e.clientY, t.getBoundingClientRect()), s = a[a.length - 1];
+		if (!s || i(s, o) < .5) return;
+		let c = [...a, o];
+		U.current = [...r.slice(0, -1), c], J(s, o);
+	}, $ = () => {
+		if (W.current === null) return;
+		W.current = null;
+		let e = U.current, t = e[e.length - 1];
+		t && (U.current = [...e.slice(0, -1), r(t, ee)]), Z();
+	}, ne = () => {
+		D || U.current.length === 0 || (U.current = U.current.slice(0, -1), R(U.current.length), X(), Z());
+	}, re = () => {
+		D || U.current.length !== 0 && (U.current = [], R(0), X(), Z());
+	};
+	return z ? /* @__PURE__ */ o("div", {
+		...j,
+		className: e([m, A]),
+		children: o("div", {
+			style: {
+				width: `${T}px`,
+				height: `${E}px`
+			},
+			role: "status",
+			className: e([y]),
+			children: F
+		})
+	}) : /* @__PURE__ */ s("div", {
+		...j,
+		className: e([m, A]),
+		children: [/* @__PURE__ */ o("div", {
+			className: e([h]),
+			children: /* @__PURE__ */ o("canvas", {
+				ref: V,
+				style: {
+					width: `${T}px`,
+					height: `${E}px`
+				},
+				"data-disabled": D,
+				onPointerDown: Q,
+				onPointerMove: te,
+				onPointerUp: $,
+				onPointerCancel: $,
+				className: e([g])
+			})
+		}), /* @__PURE__ */ s("div", {
+			className: e([_]),
+			children: [/* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: ne,
+				disabled: D || L === 0,
+				className: e([v]),
+				children: [/* @__PURE__ */ s("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ o("path", { d: "M9 14 4 9l5-5" }), /* @__PURE__ */ o("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })]
+				}), P]
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: re,
+				disabled: D || L === 0,
+				className: e([v]),
+				children: [/* @__PURE__ */ s("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ o("path", { d: "M3 6h18" }),
+						/* @__PURE__ */ o("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+						/* @__PURE__ */ o("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+					]
+				}), N]
+			})]
+		})]
+	});
+}
+//#endregion
+export { b as default };

package/dist/components/Signature/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./Signature.js";
+export { e as Signature };

package/dist/components/Signature/signature-points.js

@@ -0,0 +1,28 @@
+"use client";
+//#region src/lib/components/Signature/signature-points.ts
+function e(e, t) {
+	return Math.hypot(t.x - e.x, t.y - e.y);
+}
+function t(e, t, n) {
+	return {
+		x: e - n.left,
+		y: t - n.top
+	};
+}
+function n(t, n) {
+	let r = [];
+	return t.forEach((i, a) => {
+		let o = a === t.length - 1;
+		if (r.length === 0) {
+			r.push(i);
+			return;
+		}
+		let s = r[r.length - 1];
+		s && (o || e(s, i) >= n) && r.push(i);
+	}), r;
+}
+function r(e) {
+	return e.map((e) => e.map((e) => `${Math.round(e.x)},${Math.round(e.y)}`).join(" ")).join("|");
+}
+//#endregion
+export { t as getCanvasPoint, n as normalizeStroke, e as pointDistance, r as serializeStrokes };

package/dist/components/Sources/Sources.js

@@ -0,0 +1,109 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+/* empty css                  */
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useId as a } from "react";
+import { useControl as o } from "react-use-control";
+//#region src/lib/components/Sources/Sources.tsx
+var s = "haze-Sources__list", c = "haze-Sources__item", l = "haze-Sources__badge", u = "haze-Sources__link", d = "haze-Sources__title", f = "haze-Sources__toggleBtn", p = "haze-Sources__snippetBase", m = "haze-Sources__snippetHidden", h = "haze-Sources__snippetShown", g = "haze-Sources__compactNav", _ = "haze-Sources__compactBadge", v = () => /* @__PURE__ */ r("svg", {
+	width: "10",
+	height: "10",
+	viewBox: "0 0 10 10",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	focusable: "false",
+	style: { transition: "transform var(--haze-duration-fast) var(--haze-ease)" },
+	children: r("path", { d: "M3 1.5 6.5 5 3 8.5" })
+});
+function y(e, t) {
+	return typeof e == "string" ? `${t}. ${e}` : `[${t}]`;
+}
+function b({ items: b, compact: x = !1, expanded: S, label: C, expandLabel: w, collapseLabel: T, className: E, ...D }) {
+	let O = t("sources"), k = C ?? O.label, A = w ?? O.expand, j = T ?? O.collapse, M = a(), [N, P] = o(S, []);
+	if (x) return /* @__PURE__ */ r("nav", {
+		"aria-label": k,
+		...D,
+		className: e([g, E]),
+		children: b.map((t, n) => {
+			let r = n + 1, a = y(t.title, r);
+			return t.url ? /* @__PURE__ */ i("a", {
+				href: t.url,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				"aria-label": a,
+				className: e([_]),
+				children: [
+					"[",
+					r,
+					"]"
+				]
+			}, t.id) : /* @__PURE__ */ i("span", {
+				"aria-label": a,
+				className: e([_]),
+				children: [
+					"[",
+					r,
+					"]"
+				]
+			}, t.id);
+		})
+	});
+	let F = (e) => N.includes(e), I = (e) => {
+		P((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	};
+	return /* @__PURE__ */ r("ol", {
+		"aria-label": k,
+		...D,
+		className: e([s, E]),
+		children: b.map((t, a) => {
+			let o = a + 1, s = `${M}-snippet-${t.id}`, g = F(t.id);
+			return /* @__PURE__ */ i("li", {
+				"data-haze-sources-item": "",
+				"data-state": g ? "expanded" : "collapsed",
+				className: e([c]),
+				children: [
+					/* @__PURE__ */ i("span", {
+						"aria-hidden": "true",
+						className: e([l]),
+						children: [
+							"[",
+							o,
+							"]"
+						]
+					}),
+					t.url ? /* @__PURE__ */ r("a", {
+						href: t.url,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: e([u]),
+						children: t.title
+					}) : /* @__PURE__ */ r("span", {
+						className: e([d]),
+						children: t.title
+					}),
+					t.snippet != null && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("button", {
+						type: "button",
+						"aria-expanded": g,
+						"aria-controls": s,
+						"aria-label": g ? j : A,
+						onClick: () => I(t.id),
+						className: e([f]),
+						children: /* @__PURE__ */ r(v, {})
+					}), /* @__PURE__ */ r("div", {
+						id: s,
+						className: e([p, g ? h : m]),
+						children: t.snippet
+					})] })
+				]
+			}, t.id);
+		})
+	});
+}
+//#endregion
+export { b as default };

package/dist/components/Sources/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./Sources.js";
+export { e as Sources };

package/dist/components/TagGroup/SortableTagGroup.js

@@ -0,0 +1,26 @@
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { SortableItem as t, SortableRegion as n } from "../../utils/sortable.js";
+import { group as r } from "./tag-group-styles.js";
+import { jsx as i } from "react/jsx-runtime";
+import { Children as a } from "react";
+import { arrayMove as o, rectSortingStrategy as s } from "@dnd-kit/sortable";
+//#region src/lib/components/TagGroup/SortableTagGroup.tsx
+function c({ children: c, className: l, onReorder: u }) {
+	let d = a.toArray(c), f = d.map((e, t) => t);
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		className: e([r, l]),
+		children: /* @__PURE__ */ i(n, {
+			ids: f,
+			strategy: s,
+			onMove: (e, t) => u?.(o(f, e, t)),
+			children: d.map((e, n) => /* @__PURE__ */ i(t, {
+				id: n,
+				children: e
+			}, n))
+		})
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/TagGroup/TagGroup.js

@@ -1,28 +1,14 @@
-
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { SortableItem as t, SortableRegion as n } from "../../utils/sortable.js";
-/* empty css                   */
-import { jsx as r } from "react/jsx-runtime";
-import { Children as i } from "react";
-import { arrayMove as a, rectSortingStrategy as o } from "@dnd-kit/sortable";
+import { group as t } from "./tag-group-styles.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/TagGroup/TagGroup.tsx
-var s = "haze-TagGroup__group";
-function c({ children: c, className: l, sortable: u = !1, onReorder: d }) {
-	let f = i.toArray(c), p = f.map((e, t) => t);
-	return /* @__PURE__ */ r("div", {
+function r({ children: r, className: i }) {
+	return /* @__PURE__ */ n("div", {
 		role: "group",
-		className: e([s, l]),
-		children: u ? /* @__PURE__ */ r(n, {
-			ids: p,
-			strategy: o,
-			onMove: (e, t) => d?.(a(p, e, t)),
-			children: f.map((e, n) => /* @__PURE__ */ r(t, {
-				id: n,
-				children: e
-			}, n))
-		}) : c
+		className: e([t, i]),
+		children: r
 	});
 }
 //#endregion
-export { c as default };
+export { r as default };