themelia-react-ui 1.0.2 → 2.0.1

package/dist/base/signature-pad.js

@@ -1,16 +1,16 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-BvH9PSmq.js";
-import { a as n } from "../typography-BxQgiZyw.js";
-import { t as r } from "../button-BZDasD04.js";
-import { t as i } from "../structure-CRdqVawd.js";
-import { t as a } from "../field-state-recipes-DQQpiLWC.js";
-import { t as o } from "../input-SX9V0AL3.js";
-import { t as s } from "../form-field-CZwrkP7m.js";
-import { forwardRef as c, useEffect as l, useId as ee, useImperativeHandle as te, useLayoutEffect as ne, useMemo as re, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { t } from "../utils-l5LpDw2z.js";
+import { n } from "../buttons-SbIcm1HJ.js";
+import { s as r } from "../typography-DTRkE9zL.js";
+import { t as i } from "../structure-DC2dygdA.js";
+import { t as a } from "../field-state-recipes-BVA2CWHo.js";
+import { t as o } from "../input-DWhBBBww.js";
+import { t as s } from "../form-field-DUt4UxSV.js";
+import { forwardRef as c, useEffect as l, useId as u, useImperativeHandle as d, useLayoutEffect as ee, useMemo as te, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/base/signature-pad/signature-pad.types.ts
-var ie = {
+var g = {
 	label: "Signature",
 	instructions: "Draw with a pointer or type your name below. Escape cancels a stroke; Control or Command Z undoes it.",
 	drawingInstructions: "Draw with a pointer. Escape cancels a stroke; Control or Command Z undoes it.",
@@ -21,22 +21,23 @@ var ie = {
 	clear: "Clear signature",
 	empty: "Signature is empty",
 	signed: "Signature entered"
-}, m = { strokes: [] };
-function h(e) {
+}, _ = { strokes: [] };
+function v(e) {
 	return !e.typedName?.trim() && !e.strokes.some((e) => e.points.length > 0);
 }
-var g = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
-function _(e) {
+var y = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+function b(e) {
 	return {
 		strokes: e.strokes.filter((e) => e.points.length > 0).map((e) => ({ points: e.points.map((e) => ({
-			x: g(e.x),
-			y: g(e.y),
-			pressure: g(e.pressure)
+			x: y(e.x),
+			y: y(e.y),
+			pressure: y(e.pressure)
 		})) })),
 		...e.typedName === void 0 ? {} : { typedName: e.typedName }
 	};
 }
-function v(e, t, n, r, i) {
+var x = "sans-serif";
+function ne(e, t, n, r, i, a = x) {
 	e.clearRect(0, 0, n, r), e.lineCap = "round", e.lineJoin = "round";
 	for (let a of t.strokes) {
 		let t = a.points[0];
@@ -48,87 +49,95 @@ function v(e, t, n, r, i) {
 			}
 		}
 	}
-	t.typedName && (e.font = `${Math.max(12, r / 5)}px cursive`, e.textBaseline = "bottom", e.fillText(t.typedName, n * .04, r * .9, n * .92));
+	if (t.typedName) {
+		let i = n * .92, o = Math.max(12, r / 5);
+		e.font = `${o}px ${a}`;
+		let s = e.measureText?.(t.typedName).width ?? 0;
+		s > i && (o = Math.max(12, o * i / s), e.font = `${o}px ${a}`), e.textBaseline = "bottom", e.fillText(t.typedName, n * .04, r * .9, i);
+	}
 }
-var y = (e) => e.replace(/[&<>"']/g, (e) => ({
+var S = (e) => e.replace(/[&<>"']/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&apos;"
 })[e]);
-function ae(e, t = 600, n = 200, r = 2, i = "currentColor") {
-	let a = _(e);
-	return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${t} ${n}" width="${t}" height="${n}">${a.strokes.map((e) => {
+function re(e, t = 600, n = 200, r = 2, i = "currentColor", a = x) {
+	let o = b(e);
+	return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${t} ${n}" width="${t}" height="${n}">${o.strokes.map((e) => {
 		let a = e.points[0];
-		return e.points.length === 1 ? `<circle cx="${a.x * t}" cy="${a.y * n}" r="${r * (.5 + a.pressure) / 2}" fill="${y(i)}"/>` : e.points.slice(1).map((a, o) => {
+		return e.points.length === 1 ? `<circle cx="${a.x * t}" cy="${a.y * n}" r="${r * (.5 + a.pressure) / 2}" fill="${S(i)}"/>` : e.points.slice(1).map((a, o) => {
 			let s = e.points[o];
-			return `<path d="M${s.x * t} ${s.y * n}L${a.x * t} ${a.y * n}" fill="none" stroke="${y(i)}" stroke-width="${r * (.5 + (s.pressure + a.pressure) / 2)}" stroke-linecap="round"/>`;
+			return `<path d="M${s.x * t} ${s.y * n}L${a.x * t} ${a.y * n}" fill="none" stroke="${S(i)}" stroke-width="${r * (.5 + (s.pressure + a.pressure) / 2)}" stroke-linecap="round"/>`;
 		}).join("");
-	}).join("")}${a.typedName ? `<text x="${t * .04}" y="${n * .9}" textLength="${Math.min(t * .92, a.typedName.length * n * .1)}" font-family="cursive" font-size="${Math.max(12, n / 5)}" fill="${y(i)}">${y(a.typedName)}</text>` : ""}</svg>`;
+	}).join("")}${o.typedName ? `<text x="${t * .04}" y="${n * .9}" textLength="${Math.min(t * .92, o.typedName.length * n * .1)}" font-family="${S(a)}" font-size="${Math.max(12, n / 5)}" fill="${S(i)}">${S(o.typedName)}</text>` : ""}</svg>`;
 }
 //#endregion
 //#region src/components/base/signature-pad/signature-pad.tsx
-var b = c(function(c, g) {
-	let { value: y, defaultValue: b = m, onValueChange: x, disabled: S = !1, readOnly: C = !1, invalid: w, name: T, form: E, required: D, allowTypedSignature: O = !0, strokeWidth: k = 2, strings: oe, className: se, id: ce, ...le } = c, A = Object.prototype.hasOwnProperty.call(c, "value"), [ue, de] = d(() => _(b)), fe = re(() => _(y ?? m), [y]), j = A ? fe : ue, M = u(j);
-	ne(() => {
-		M.current = j;
-	}, [j]);
-	let N = u([]), P = u([]), [pe, F] = d(0), I = u(null), [me, L] = d(!1), R = u(null), z = u(null), B = u(null), V = u(null), he = ee(), H = ce ?? `signature-${he}`, U = e(ie, oe), ge = O ? U.instructions : oe?.instructions ?? U.drawingInstructions, W = S || C, G = Number.isFinite(k) ? Math.max(.25, k) : 2, K = (e) => {
-		let t = R.current;
+var C = c(function(c, y) {
+	let { value: x, defaultValue: S = _, onValueChange: C, disabled: w = !1, readOnly: T = !1, invalid: E, name: D, form: O, required: k, allowTypedSignature: A = !0, strokeWidth: j = 2, strings: ie, className: ae, id: oe, ...se } = c, M = Object.prototype.hasOwnProperty.call(c, "value"), [ce, le] = p(() => b(S)), ue = te(() => b(x ?? _), [x]), N = M ? ue : ce, P = f(N);
+	ee(() => {
+		P.current = N;
+	}, [N]);
+	let F = f([]), I = f([]), [de, fe] = p(0), L = f(null), [pe, R] = p(!1), z = f(null), me = f(null), B = f(null), V = f(null), he = u(), H = oe ?? `signature-${he}`, U = e(g, ie), ge = A ? U.instructions : ie?.instructions ?? U.drawingInstructions, W = w || T, G = Number.isFinite(j) ? Math.max(.25, j) : 2, K = (e) => {
+		let t = z.current;
 		if (!t) return;
 		let n = t.getBoundingClientRect();
 		if (!n.width || !n.height) return;
 		let r = window.devicePixelRatio || 1;
 		t.width !== Math.round(n.width * r) && (t.width = Math.round(n.width * r)), t.height !== Math.round(n.height * r) && (t.height = Math.round(n.height * r));
 		let i = t.getContext("2d");
-		i && (i.setTransform(r, 0, 0, r, 0, 0), i.strokeStyle = i.fillStyle = getComputedStyle(t).color, v(i, _(e), n.width, n.height, G));
+		if (!i) return;
+		i.setTransform(r, 0, 0, r, 0, 0);
+		let a = getComputedStyle(t);
+		i.strokeStyle = i.fillStyle = a.color, ne(i, b(e), n.width, n.height, G, a.fontFamily || void 0);
 	}, q = () => {
-		let e = I.current;
-		I.current = null, L(!1), e && R.current?.hasPointerCapture?.(e.pointerId) && R.current.releasePointerCapture(e.pointerId), K(M.current);
+		let e = L.current;
+		L.current = null, R(!1), e && z.current?.hasPointerCapture?.(e.pointerId) && z.current.releasePointerCapture(e.pointerId), K(P.current);
 	}, J = (e, t = !0) => {
 		if (W) return;
 		q();
-		let n = _(e);
-		t && (N.current.push(M.current), P.current = []), V.current = n, A || (M.current = n, de(n)), x?.(n), F((e) => e + 1);
+		let n = b(e);
+		t && (F.current.push(P.current), I.current = []), V.current = n, M || (P.current = n, le(n)), C?.(n), fe((e) => e + 1);
 	}, Y = () => {
-		if (W || !N.current.length) return;
-		let e = N.current.pop();
-		P.current.push(M.current), J(e, !1);
+		if (W || !F.current.length) return;
+		let e = F.current.pop();
+		I.current.push(P.current), J(e, !1);
 	}, X = () => {
-		if (W || !P.current.length) return;
-		let e = P.current.pop();
-		N.current.push(M.current), J(e, !1);
-	}, Z = () => (O ? B.current : R.current)?.focus();
-	te(g, () => ({
+		if (W || !I.current.length) return;
+		let e = I.current.pop();
+		F.current.push(P.current), J(e, !1);
+	}, Z = () => (A ? B.current : z.current)?.focus();
+	d(y, () => ({
 		focus: Z,
 		undo: Y,
 		redo: X,
-		clear: () => J(m),
+		clear: () => J(_),
 		serialize: (e = "png", t = {}) => {
-			let n = _(M.current);
+			let n = b(P.current);
 			if (e === "json") return JSON.stringify(n);
-			let r = R.current?.getBoundingClientRect(), i = Number.isFinite(t.width) ? Math.max(1, t.width) : r?.width || 600, a = Number.isFinite(t.height) ? Math.max(1, t.height) : r?.height || 200, o = R.current ? getComputedStyle(R.current).color : "currentColor";
-			if (e === "svg") return ae(n, i, a, G, o);
-			let s = Number.isFinite(t.scale) ? Math.max(.1, Math.min(8, t.scale)) : window.devicePixelRatio || 1, c = document.createElement("canvas");
-			c.width = Math.round(i * s), c.height = Math.round(a * s);
-			let l = c.getContext("2d");
-			if (!l) throw Error("Canvas export is unavailable in this environment. Use SVG or JSON.");
-			return l.scale(s, s), l.strokeStyle = l.fillStyle = o, v(l, n, i, a, G), c.toDataURL("image/png");
+			let r = z.current?.getBoundingClientRect(), i = Number.isFinite(t.width) ? Math.max(1, t.width) : r?.width || 600, a = Number.isFinite(t.height) ? Math.max(1, t.height) : r?.height || 200, o = z.current ? getComputedStyle(z.current) : void 0, s = o?.color || "currentColor", c = o?.fontFamily || void 0;
+			if (e === "svg") return re(n, i, a, G, s, c);
+			let l = Number.isFinite(t.scale) ? Math.max(.1, Math.min(8, t.scale)) : window.devicePixelRatio || 1, u = document.createElement("canvas");
+			u.width = Math.round(i * l), u.height = Math.round(a * l);
+			let d = u.getContext("2d");
+			if (!d) throw Error("Canvas export is unavailable in this environment. Use SVG or JSON.");
+			return d.scale(l, l), d.strokeStyle = d.fillStyle = s, ne(d, n, i, a, G, c), u.toDataURL("image/png");
 		}
 	})), l(() => {
-		A && JSON.stringify(j) !== JSON.stringify(V.current) && (N.current = [], P.current = [], F((e) => e + 1)), V.current = j, q();
+		M && JSON.stringify(N) !== JSON.stringify(V.current) && (F.current = [], I.current = [], fe((e) => e + 1)), V.current = N, q();
 	}, [
-		j,
-		S,
-		C
+		N,
+		w,
+		T
 	]), l(() => {
-		let e = R.current;
+		let e = z.current;
 		if (!e) return;
-		let t = () => K(I.current ? {
-			...I.current.initial,
-			strokes: [...I.current.initial.strokes, { points: I.current.points }]
-		} : M.current);
+		let t = () => K(L.current ? {
+			...L.current.initial,
+			strokes: [...L.current.initial.strokes, { points: L.current.points }]
+		} : P.current);
 		t();
 		let n = typeof ResizeObserver < "u" ? new ResizeObserver(t) : void 0;
 		n?.observe(e);
@@ -141,27 +150,29 @@ var b = c(function(c, g) {
 				"data-theme"
 			]
 		});
-		return window.addEventListener("resize", t), () => {
-			n?.disconnect(), r.disconnect(), window.removeEventListener("resize", t);
+		window.addEventListener("resize", t);
+		let i = typeof document < "u" ? document.fonts : void 0;
+		return i?.addEventListener?.("loadingdone", t), () => {
+			n?.disconnect(), r.disconnect(), window.removeEventListener("resize", t), i?.removeEventListener?.("loadingdone", t);
 		};
 	}, [G]), l(() => {
-		let e = z.current?.form ?? B.current?.form ?? R.current?.closest("form"), t = !0, n, r = (e) => {
+		let e = me.current?.form ?? B.current?.form ?? z.current?.closest("form"), t = !0, n, r = (e) => {
 			clearTimeout(n), n = setTimeout(() => {
-				n = void 0, t && !e.defaultPrevented && !W && (N.current = [], P.current = [], J(b, !1));
+				n = void 0, t && !e.defaultPrevented && !W && (F.current = [], I.current = [], J(S, !1));
 			}, 0);
 		};
 		return e?.addEventListener("reset", r), () => {
 			t = !1, clearTimeout(n), e?.removeEventListener("reset", r);
 		};
 	}, [
-		b,
-		A,
+		S,
+		M,
 		W,
-		x,
-		E,
-		T,
+		C,
+		O,
 		D,
-		O
+		k,
+		A
 	]);
 	let Q = (e, t = e) => {
 		let n = e.currentTarget.getBoundingClientRect();
@@ -171,55 +182,55 @@ var b = c(function(c, g) {
 			pressure: e.pointerType === "pen" && t.pressure || .5
 		};
 	}, _e = (e) => {
-		let t = I.current;
+		let t = L.current;
 		if (!t || t.pointerId !== e.pointerId) return;
 		let n = Q(e), r = t.points[t.points.length - 1];
-		(r.x !== n.x || r.y !== n.y) && t.points.push(n), I.current = null, L(!1), M.current === t.initial && J({
+		(r.x !== n.x || r.y !== n.y) && t.points.push(n), L.current = null, R(!1), P.current === t.initial && J({
 			...t.initial,
 			strokes: [...t.initial.strokes, { points: t.points }]
 		});
-	}, $ = h(j);
-	return /* @__PURE__ */ p(i, {
-		...le,
+	}, $ = v(N);
+	return /* @__PURE__ */ h(i, {
+		...se,
 		id: H,
 		role: "group",
-		"aria-label": le["aria-label"] ?? U.label,
+		"aria-label": se["aria-label"] ?? U.label,
 		gap: "sm",
-		className: t("signature-pad--component min-w-0", se),
-		"data-history-version": pe,
-		"data-disabled": S || void 0,
-		"data-readonly": C || void 0,
+		className: t("signature-pad--component min-w-0 font-sans", ae),
+		"data-history-version": de,
+		"data-disabled": w || void 0,
+		"data-readonly": T || void 0,
 		children: [
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ m(r, {
 				id: `${H}-instructions`,
 				size: "xs",
 				type: "secondary",
 				children: ge
 			}),
-			/* @__PURE__ */ p("div", {
-				className: t("signature-pad--area relative overflow-hidden rounded-inner border border-input bg-background text-foreground", a.invalid, S && "cursor-not-allowed opacity-50"),
-				"aria-invalid": w || void 0,
-				children: [/* @__PURE__ */ f("canvas", {
-					ref: R,
-					className: t("signature-pad--canvas block w-full aspect-[3/1] min-h-40 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", !W && "touch-none cursor-crosshair"),
-					tabIndex: S ? -1 : 0,
+			/* @__PURE__ */ h("div", {
+				className: t("signature-pad--area relative overflow-hidden rounded-inner border border-input bg-background text-foreground transition-[color,box-shadow]", "has-[canvas:focus-visible]:border-ring has-[canvas:focus-visible]:ring-3 has-[canvas:focus-visible]:ring-ring/50", a.invalid, "aria-invalid:has-[canvas:focus-visible]:border-destructive aria-invalid:has-[canvas:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[canvas:focus-visible]:ring-destructive/50", w && "cursor-not-allowed opacity-50"),
+				"aria-invalid": E || void 0,
+				children: [/* @__PURE__ */ m("canvas", {
+					ref: z,
+					className: t("signature-pad--canvas block w-full aspect-[3/1] min-h-40 outline-none", !W && "touch-none cursor-crosshair"),
+					tabIndex: w ? -1 : 0,
 					role: "img",
 					"aria-label": U.label,
 					"aria-describedby": `${H}-instructions ${H}-status`,
-					"aria-disabled": S || void 0,
-					"aria-invalid": w || void 0,
+					"aria-disabled": w || void 0,
+					"aria-invalid": E || void 0,
 					onPointerDown: (e) => {
-						W || I.current || e.button !== 0 || (e.preventDefault(), e.currentTarget.focus(), e.currentTarget.setPointerCapture?.(e.pointerId), I.current = {
+						W || L.current || e.button !== 0 || (e.preventDefault(), e.currentTarget.focus(), e.currentTarget.setPointerCapture?.(e.pointerId), L.current = {
 							pointerId: e.pointerId,
 							points: [Q(e)],
-							initial: M.current
-						}, L(!0), K({
-							...M.current,
-							strokes: [...M.current.strokes, { points: I.current.points }]
+							initial: P.current
+						}, R(!0), K({
+							...P.current,
+							strokes: [...P.current.strokes, { points: L.current.points }]
 						}));
 					},
 					onPointerMove: (e) => {
-						let t = I.current;
+						let t = L.current;
 						if (!t || t.pointerId !== e.pointerId) return;
 						let n = e.nativeEvent.getCoalescedEvents?.().filter((e) => e.pointerId === t.pointerId) ?? [];
 						for (let r of n.length ? n : [e.nativeEvent]) t.points.push(Q(e, r));
@@ -230,130 +241,129 @@ var b = c(function(c, g) {
 					},
 					onPointerUp: _e,
 					onPointerCancel: (e) => {
-						I.current?.pointerId === e.pointerId && q();
+						L.current?.pointerId === e.pointerId && q();
 					},
 					onLostPointerCapture: (e) => {
-						I.current?.pointerId === e.pointerId && q();
+						L.current?.pointerId === e.pointerId && q();
 					},
 					onContextMenu: (e) => {
-						I.current && e.preventDefault();
+						L.current && e.preventDefault();
 					},
 					onKeyDown: (e) => {
 						e.key === "Escape" && q(), !W && ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "z" && (e.preventDefault(), e.shiftKey ? X() : Y()), (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "y" && (e.preventDefault(), X()));
 					},
 					children: ge
-				}), $ && !me && /* @__PURE__ */ f("div", {
+				}), $ && !pe && /* @__PURE__ */ m("div", {
 					"aria-hidden": "true",
 					className: "signature-pad--placeholder pointer-events-none absolute inset-0 flex items-center justify-center",
-					children: /* @__PURE__ */ f(n, {
+					children: /* @__PURE__ */ m(r, {
 						type: "secondary",
 						children: U.placeholder
 					})
 				})]
 			}),
-			O && /* @__PURE__ */ f(s, {
+			A && /* @__PURE__ */ m(s, {
 				label: U.typedName,
 				htmlFor: `${H}-typed`,
-				children: /* @__PURE__ */ f(o, {
+				children: /* @__PURE__ */ m(o, {
 					ref: B,
 					id: `${H}-typed`,
-					value: j.typedName ?? "",
-					disabled: S,
-					readOnly: C,
-					invalid: w,
+					value: N.typedName ?? "",
+					disabled: w,
+					readOnly: T,
+					invalid: E,
 					onChange: (e) => J({
-						...M.current,
+						...P.current,
 						typedName: e.target.value
 					})
 				})
 			}),
-			/* @__PURE__ */ p(i, {
+			/* @__PURE__ */ h(i, {
 				direction: "horizontal",
 				gap: "xs",
 				wrap: !0,
 				children: [
-					/* @__PURE__ */ f(r, {
+					/* @__PURE__ */ m(n, {
 						type: "button",
 						buttonStyle: "outline",
-						disabled: W || !N.current.length,
+						disabled: W || !F.current.length,
 						onClick: () => {
 							Y(), Z();
 						},
 						children: U.undo
 					}),
-					/* @__PURE__ */ f(r, {
+					/* @__PURE__ */ m(n, {
 						type: "button",
 						buttonStyle: "outline",
-						disabled: W || !P.current.length,
+						disabled: W || !I.current.length,
 						onClick: () => {
 							X(), Z();
 						},
 						children: U.redo
 					}),
-					/* @__PURE__ */ f(r, {
+					/* @__PURE__ */ m(n, {
 						type: "button",
 						buttonStyle: "outline",
 						disabled: W || $,
 						onClick: () => {
-							J(m), Z();
+							J(_), Z();
 						},
 						children: U.clear
 					})
 				]
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ m(r, {
 				id: `${H}-status`,
 				role: "status",
 				size: "xs",
 				type: "secondary",
 				children: $ ? U.empty : U.signed
 			}),
-			(T || D) && /* @__PURE__ */ f("input", {
-				ref: z,
+			(D || k) && /* @__PURE__ */ m("input", {
+				ref: me,
 				className: "sr-only",
 				type: "text",
 				tabIndex: -1,
 				"aria-hidden": "true",
-				name: T,
-				form: E,
-				disabled: S,
-				readOnly: C,
-				required: D,
-				value: $ ? "" : JSON.stringify(j),
+				name: D,
+				form: O,
+				disabled: w,
+				readOnly: T,
+				required: k,
+				value: $ ? "" : JSON.stringify(N),
 				onChange: () => {},
 				onFocus: Z,
 				onInvalid: Z
 			})
 		]
 	});
-}), x = c(function({ value: e, strokeWidth: n = 2, className: r, ...i }, a) {
-	let o = _(e);
-	return /* @__PURE__ */ p("svg", {
+}), w = c(function({ value: e, strokeWidth: n = 2, className: r, ...i }, a) {
+	let o = b(e);
+	return /* @__PURE__ */ h("svg", {
 		ref: a,
 		role: "img",
 		viewBox: "0 0 600 200",
 		"aria-label": "Signature",
 		...i,
-		className: t("signature-pad-preview--component w-full h-auto text-foreground", r),
-		children: [o.strokes.map((e, t) => e.points.length === 1 ? /* @__PURE__ */ f("circle", {
+		className: t("signature-pad-preview--component w-full h-auto font-sans text-foreground", r),
+		children: [o.strokes.map((e, t) => e.points.length === 1 ? /* @__PURE__ */ m("circle", {
 			cx: e.points[0].x * 600,
 			cy: e.points[0].y * 200,
 			r: n * (.5 + e.points[0].pressure) / 2,
 			fill: "currentColor"
-		}, t) : /* @__PURE__ */ f("g", { children: e.points.slice(1).map((t, r) => {
+		}, t) : /* @__PURE__ */ m("g", { children: e.points.slice(1).map((t, r) => {
 			let i = e.points[r];
-			return /* @__PURE__ */ f("path", {
+			return /* @__PURE__ */ m("path", {
 				d: `M${i.x * 600} ${i.y * 200}L${t.x * 600} ${t.y * 200}`,
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: n * (.5 + (i.pressure + t.pressure) / 2),
 				strokeLinecap: "round"
 			}, r);
-		}) }, t)), o.typedName && /* @__PURE__ */ f("text", {
+		}) }, t)), o.typedName && /* @__PURE__ */ m("text", {
 			x: "24",
 			y: "180",
 			fill: "currentColor",
-			fontFamily: "cursive",
 			fontSize: "40",
 			textLength: Math.min(552, o.typedName.length * 20),
 			children: o.typedName
@@ -361,6 +371,6 @@ var b = c(function(c, g) {
 	});
 });
 //#endregion
-export { b as SignaturePad, x as SignaturePadPreview, ie as defaultSignaturePadStrings, h as isSignatureEmpty, ae as signaturePadToSVG };
+export { C as SignaturePad, w as SignaturePadPreview, g as defaultSignaturePadStrings, v as isSignatureEmpty, re as signaturePadToSVG };
 
 //# sourceMappingURL=signature-pad.js.map