@fiestaboard/ui 5.6.0 → 5.7.0

package/dist/components/editor/template-editor.d.ts

@@ -1,4 +1,5 @@
 import type { ComponentProps } from "react";
+import type { Code62Glyph } from "../../lib/board-characters";
 import type { DeviceType } from "./constants";
 import { TemplateEditorToolbar } from "./template-editor-toolbar";
 import type { DrawBrush } from "./utils/draw-mode";
@@ -69,7 +70,7 @@ export declare const DEFAULT_TEMPLATE_EDITOR_LABELS: TemplateEditorLabels;
  * The editor-owned props (`editor`, alignment/wrap state, device, draw mode)
  * are omitted — the editor passes those itself, from its own state.
  */
-export type TemplateEditorToolbarSlotProps = Omit<ComponentProps<typeof TemplateEditorToolbar>, "editor" | "currentAlignment" | "currentWrapEnabled" | "onAlignmentChange" | "onWrapToggle" | "deviceType" | "onSyncFromBoard" | "syncFromBoardPending" | "drawMode" | "onDrawModeToggle" | "drawBrush" | "onDrawBrushChange">;
+export type TemplateEditorToolbarSlotProps = Omit<ComponentProps<typeof TemplateEditorToolbar>, "editor" | "currentAlignment" | "currentWrapEnabled" | "onAlignmentChange" | "onWrapToggle" | "deviceType" | "code62Glyph" | "onSyncFromBoard" | "syncFromBoardPending" | "drawMode" | "onDrawModeToggle" | "drawBrush" | "onDrawBrushChange">;
 export interface TemplateEditorProps {
     value: string;
     onChange: (value: string) => void;
@@ -88,6 +89,17 @@ export interface TemplateEditorProps {
     boardLines?: number;
     onLineCountChange?: (lineCount: number) => void;
     deviceType?: DeviceType;
+    /**
+     * Which glyph the target board's code-62 flap draws. Forwarded to the
+     * toolbar, and from there to the colour and draw-character pickers.
+     *
+     * It is a property of the individual board, not of the device family:
+     * since 2026 some Flagships ship a heart flap in that slot, so nothing
+     * queryable distinguishes them and only the owner knows
+     * (FiestaBoard#1657, #1664). Unset means `"degree"` on Flagship hardware,
+     * which is how every Flagship behaved before the change.
+     */
+    code62Glyph?: Code62Glyph;
     onSyncFromBoard?: () => void;
     syncFromBoardPending?: boolean;
     drawMode?: boolean;

package/dist/components/editor/template-editor.js

@@ -10,25 +10,25 @@ import { resolveDimensions as ee } from "../../lib/board-dimensions.js";
 import { DEFAULT_BOARD_LINES as te, DEFAULT_BOARD_WIDTH as ne } from "./constants.js";
 import { ColorTileNode as re } from "./extensions/color-tile-node.js";
 import { FillSpaceNode as ie } from "./extensions/fill-space-node.js";
-import { FormulaNode as u } from "./extensions/formula-node.js";
-import { LineNavigation as ae } from "./extensions/line-navigation.js";
-import { SingleParagraphDoc as oe } from "./extensions/single-paragraph-doc.js";
-import { TrailingNewline as se } from "./extensions/trailing-newline.js";
-import { VariableNode as ce } from "./extensions/variable-node.js";
-import { WrappedTextNode as le } from "./extensions/wrapped-text-node.js";
-import { brushToCell as ue } from "./utils/draw-mode.js";
-import { parseLineContent as de, parseTemplateSimple as d, serializeTemplateSimple as f } from "./utils/serialization.js";
-import { TemplateEditorToolbar as fe } from "./template-editor-toolbar.js";
-import { buildStrokeTransaction as pe } from "./utils/stroke-transaction.js";
-import { AlignCenter as me, AlignLeft as he, AlignRight as ge } from "lucide-react";
-import { forwardRef as p, useCallback as m, useEffect as h, useImperativeHandle as _e, useMemo as ve, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { closeHistory as b, undoDepth as ye } from "@tiptap/pm/history";
-import { TextSelection as x } from "@tiptap/pm/state";
-import { EditorContent as be, useEditor as xe } from "@tiptap/react";
-import Se from "@tiptap/starter-kit";
+import { FormulaNode as ae } from "./extensions/formula-node.js";
+import { LineNavigation as oe } from "./extensions/line-navigation.js";
+import { SingleParagraphDoc as se } from "./extensions/single-paragraph-doc.js";
+import { TrailingNewline as ce } from "./extensions/trailing-newline.js";
+import { VariableNode as le } from "./extensions/variable-node.js";
+import { WrappedTextNode as ue } from "./extensions/wrapped-text-node.js";
+import { brushToCell as de } from "./utils/draw-mode.js";
+import { parseLineContent as fe, parseTemplateSimple as u, serializeTemplateSimple as d } from "./utils/serialization.js";
+import { TemplateEditorToolbar as pe } from "./template-editor-toolbar.js";
+import { buildStrokeTransaction as me } from "./utils/stroke-transaction.js";
+import { AlignCenter as he, AlignLeft as ge, AlignRight as _e } from "lucide-react";
+import { forwardRef as f, useCallback as p, useEffect as m, useImperativeHandle as ve, useMemo as ye, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { closeHistory as y, undoDepth as be } from "@tiptap/pm/history";
+import { TextSelection as b } from "@tiptap/pm/state";
+import { EditorContent as xe, useEditor as Se } from "@tiptap/react";
+import Ce from "@tiptap/starter-kit";
 //#region src/components/editor/template-editor.tsx
-var S = {
+var x = {
 	lineCount: (e, t) => `${e} / ${t} lines`,
 	overLineLimit: (e) => ` — exceeds the ${e}-line board limit`,
 	currentLine: (e) => `(Line ${e})`,
@@ -37,14 +37,14 @@ var S = {
 	alignCenter: "Align center",
 	alignRight: "Align right",
 	editorAriaLabel: "Template editor"
-}, Ce = /* @__PURE__ */ new Set([
+}, we = /* @__PURE__ */ new Set([
 	"variable",
 	"colorTile",
 	"fillSpace",
 	"formula",
 	"wrappedText"
 ]);
-function C(e) {
+function S(e) {
 	try {
 		if (!e || !e.content || e.content.size === 0) return "";
 		let t = "";
@@ -67,15 +67,15 @@ function C(e) {
 		return console.warn("Error in serializeSliceToTemplate:", e), "";
 	}
 }
-var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type text or insert variables...", className: T, showAlignmentControls: Ee = !0, onLineAlignmentChange: E, lineAlignments: De, onLineWrapChange: D, lineWrapEnabled: Oe, showToolbar: O = !0, boardWidth: ke, boardLines: Ae, onLineCountChange: k, deviceType: A, onSyncFromBoard: je, syncFromBoardPending: Me = !1, drawMode: j = !1, onDrawModeToggle: Ne, drawBrush: Pe, onDrawBrushChange: Fe, onDrawHistoryEvent: M, labels: Ie, toolbarProps: Le }, Re) {
+var C = f(function({ value: f, onChange: C, onFocus: Te, placeholder: Ee = "Type text or insert variables...", className: w, showAlignmentControls: De = !0, onLineAlignmentChange: T, lineAlignments: Oe, onLineWrapChange: E, lineWrapEnabled: ke, showToolbar: D = !0, boardWidth: Ae, boardLines: je, onLineCountChange: O, deviceType: k, code62Glyph: Me, onSyncFromBoard: Ne, syncFromBoardPending: Pe = !1, drawMode: A = !1, onDrawModeToggle: Fe, drawBrush: j, onDrawBrushChange: Ie, onDrawHistoryEvent: M, labels: Le, toolbarProps: Re }, ze) {
 	let N = {
-		...S,
-		...Ie
-	}, P = A ? ee(A) : null, F = ke ?? P?.cols ?? ne, I = Ae ?? P?.rows ?? te, ze = De || Array.from({ length: I }, () => "left"), L = Oe || Array.from({ length: I }, () => !1), Be = g(!1), R = g(null), z = g(null), [B, V] = _(() => (p || "").split("\n").length), [Ve, He] = _(() => Array.from({ length: I }, () => 24)), H = g(!1), U = g(null), W = xe({
+		...x,
+		...Le
+	}, P = k ? ee(k) : null, F = Ae ?? P?.cols ?? ne, I = je ?? P?.rows ?? te, Be = Oe || Array.from({ length: I }, () => "left"), L = ke || Array.from({ length: I }, () => !1), Ve = h(!1), R = h(null), z = h(null), [B, V] = g(() => (f || "").split("\n").length), [He, Ue] = g(() => Array.from({ length: I }, () => 24)), H = h(!1), U = h(null), W = Se({
 		immediatelyRender: !1,
 		extensions: [
-			oe,
-			Se.configure({
+			se,
+			Ce.configure({
 				heading: !1,
 				blockquote: !1,
 				codeBlock: !1,
@@ -89,19 +89,19 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 				strike: !1,
 				document: !1
 			}),
-			ce,
+			le,
 			re,
 			ie,
-			u,
-			le,
 			ae,
-			se
+			ue,
+			oe,
+			ce
 		],
-		content: d(p || "", I),
+		content: u(f || "", I),
 		editorProps: {
 			attributes: {
-				class: e("w-full font-mono text-sm", "prose prose-sm max-w-none", "[&_.ProseMirror]:outline-none", "[&_.ProseMirror]:font-mono", "[&_.ProseMirror]:text-sm", "[&_.ProseMirror]:resize-none", "[&_.ProseMirror]:uppercase", "[&_.ProseMirror_p]:my-0 [&_.ProseMirror_p]:leading-tight", "[&_.ProseMirror_p]:min-h-[1.5rem]", T),
-				"data-placeholder": Te,
+				class: e("w-full font-mono text-sm", "prose prose-sm max-w-none", "[&_.ProseMirror]:outline-none", "[&_.ProseMirror]:font-mono", "[&_.ProseMirror]:text-sm", "[&_.ProseMirror]:resize-none", "[&_.ProseMirror]:uppercase", "[&_.ProseMirror_p]:my-0 [&_.ProseMirror_p]:leading-tight", "[&_.ProseMirror_p]:min-h-[1.5rem]", w),
+				"data-placeholder": Ee,
 				role: "textbox",
 				"aria-label": N.editorAriaLabel,
 				"aria-multiline": "true"
@@ -146,7 +146,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 				}
 				if ((t.key === "ArrowRight" || t.key === "ArrowLeft") && !t.altKey && !t.ctrlKey && !t.metaKey) {
 					let { state: n } = e, { selection: r } = n;
-					if (!(r instanceof x)) return !1;
+					if (!(r instanceof b)) return !1;
 					let i = r.$head.pos, a = r.$head.start(), o = r.$head.end();
 					if (t.key === "ArrowRight") {
 						if (i >= o) return !1;
@@ -154,7 +154,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 						for (; a < o && n.doc.textBetween(a - 1, a, void 0, "") === "​";) a++;
 						if (a === i + 1 && !t.shiftKey) return !1;
 						t.preventDefault();
-						let s = t.shiftKey ? x.create(n.doc, r.$anchor.pos, a) : x.create(n.doc, a);
+						let s = t.shiftKey ? b.create(n.doc, r.$anchor.pos, a) : b.create(n.doc, a);
 						return e.dispatch(n.tr.setSelection(s).scrollIntoView()), !0;
 					}
 					if (t.key === "ArrowLeft") {
@@ -163,7 +163,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 						for (; o > a && n.doc.textBetween(o, o + 1, void 0, "") === "​";) o--;
 						if (o === i - 1 && !t.shiftKey) return !1;
 						t.preventDefault();
-						let s = t.shiftKey ? x.create(n.doc, r.$anchor.pos, o) : x.create(n.doc, o);
+						let s = t.shiftKey ? b.create(n.doc, r.$anchor.pos, o) : b.create(n.doc, o);
 						return e.dispatch(n.tr.setSelection(s).scrollIntoView()), !0;
 					}
 				}
@@ -184,7 +184,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 						try {
 							let e = r.content();
 							if (e) {
-								let t = C(e);
+								let t = S(e);
 								navigator.clipboard && navigator.clipboard.writeText && navigator.clipboard.writeText(t).catch(() => {});
 							}
 						} catch (e) {
@@ -201,7 +201,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 				try {
 					let e = t.clipboardData?.getData("text/plain") || "";
 					if (e && (e.includes("{{") || e.match(/\{[a-z]+\}/i))) {
-						let t = de(e);
+						let t = fe(e);
 						if (t.length > 0 && R.current?.state && R.current?.chain) return R.current.chain().focus().insertContent(t).run(), !0;
 					}
 				} catch (e) {
@@ -237,9 +237,9 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 					});
 					if (!n) return !1;
 					let r = e.state.doc.nodeAt(n.pos);
-					if (!r || !Ce.has(r.type.name)) return !1;
+					if (!r || !we.has(r.type.name)) return !1;
 					let i = n.pos + r.nodeSize;
-					e.dispatch(e.state.tr.setSelection(x.create(e.state.doc, i)));
+					e.dispatch(e.state.tr.setSelection(b.create(e.state.doc, i)));
 					let a = e.nodeDOM(n.pos);
 					return a instanceof HTMLElement && a.classList.add("selected-inline"), t.preventDefault(), !0;
 				}
@@ -263,7 +263,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 						if (c >= 0 && c <= s.doc.content.size) {
 							s.insert(c, a);
 							let t = c + a.nodeSize;
-							return t <= s.doc.content.size && s.setSelection(x.create(s.doc, t)), e.dispatch(s), z.current = null, !0;
+							return t <= s.doc.content.size && s.setSelection(b.create(s.doc, t)), e.dispatch(s), z.current = null, !0;
 						}
 					} catch (e) {
 						console.warn("Error handling drop:", e);
@@ -274,7 +274,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 			},
 			clipboardTextSerializer: (e) => {
 				try {
-					return !e || !e.content ? "" : C(e);
+					return !e || !e.content ? "" : S(e);
 				} catch (e) {
 					return console.warn("Error in clipboardTextSerializer:", e), "";
 				}
@@ -293,32 +293,32 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			if (Be.current || !e || !e.state) return;
-			let t = e.getJSON(), n = f(t, I), r = n.split("\n").length;
-			w(n), V(r), k && k(r), U.current?.();
+			if (Ve.current || !e || !e.state) return;
+			let t = e.getJSON(), n = d(t, I), r = n.split("\n").length;
+			C(n), V(r), O && O(r), U.current?.();
 		},
 		onCreate: ({ editor: e }) => {
-			let t = e.getJSON(), n = f(t, I).split("\n").length;
-			V(n), k && k(n), U.current?.();
+			let t = e.getJSON(), n = d(t, I).split("\n").length;
+			V(n), O && O(n), U.current?.();
 		},
 		onFocus: () => {
-			we?.();
+			Te?.();
 		}
 	});
-	h(() => {
+	m(() => {
 		W && (R.current = W);
 	}, [W]);
-	let Ue = g({
+	let We = h({
 		done: [],
 		undone: []
-	}), G = g(!1), K = g(M);
-	h(() => {
+	}), G = h(!1), K = h(M);
+	m(() => {
 		K.current = M;
-	}, [M]), h(() => {
+	}, [M]), m(() => {
 		if (!W) return;
 		let e = ({ transaction: e }) => {
 			if (!e.docChanged) return;
-			let t = Ue.current, n = e.getMeta("history$"), r = ye(W.state);
+			let t = We.current, n = e.getMeta("history$"), r = be(W.state);
 			if (n && typeof n == "object" && typeof n.redo == "boolean") if (n.redo) {
 				for (; t.undone.length > 0 && t.undone[t.undone.length - 1] > r;) t.undone.pop();
 				let e = t.undone[t.undone.length - 1] === r;
@@ -343,11 +343,11 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 		return W.on("transaction", e), () => {
 			W.off("transaction", e);
 		};
-	}, [W]), _e(Re, () => ({
+	}, [W]), ve(ze, () => ({
 		applyStroke(e, t) {
 			let n = R.current;
 			if (!n || n.isDestroyed) return [];
-			let r = ue(t), i = f(n.getJSON(), I).split("\n"), a = /* @__PURE__ */ new Map();
+			let r = de(t), i = d(n.getJSON(), I).split("\n"), a = /* @__PURE__ */ new Map();
 			for (let t of e) {
 				if (t.row < 0 || t.row >= I || t.col < 0 || t.col >= F) continue;
 				let e = a.get(t.row) ?? [];
@@ -357,10 +357,10 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 				}), a.set(t.row, e);
 			}
 			if (a.size === 0) return [];
-			let o = pe(n.state, i, a, F);
+			let o = me(n.state, i, a, F);
 			if (!o) return [];
 			let { view: s } = n;
-			return G.current = !0, s.dispatch(b(o)), s.dispatch(b(s.state.tr)), [...a.keys()].sort((e, t) => e - t);
+			return G.current = !0, s.dispatch(y(o)), s.dispatch(y(s.state.tr)), [...a.keys()].sort((e, t) => e - t);
 		},
 		undo() {
 			let e = R.current;
@@ -371,8 +371,8 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 			!e || e.isDestroyed || e.chain().redo().run();
 		}
 	}), [I, F]);
-	let q = m(() => {
-		if (!(!W || W.isDestroyed) && !j) try {
+	let q = p(() => {
+		if (!(!W || W.isDestroyed) && !A) try {
 			let { state: e, view: t } = W;
 			if (!t.dom.isConnected) return;
 			let n = [];
@@ -397,26 +397,26 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 				i.push(Math.max(Math.round(a - r[e]), 24));
 			}
 			for (; i.length < I;) i.push(24);
-			He((e) => e.length === i.length && e.every((e, t) => e === i[t]) ? e : i);
+			Ue((e) => e.length === i.length && e.every((e, t) => e === i[t]) ? e : i);
 		} catch {}
 	}, [
 		W,
 		I,
-		j
-	]), J = m(() => {
+		A
+	]), J = p(() => {
 		H.current || (H.current = !0, requestAnimationFrame(() => {
 			H.current = !1, q();
 		}));
 	}, [q]);
-	h(() => {
+	m(() => {
 		U.current = J;
-	}, [J]), h(() => {
-		j || J();
-	}, [j, J]), h(() => {
+	}, [J]), m(() => {
+		A || J();
+	}, [A, J]), m(() => {
 		if (!W) return;
 		let e = new ResizeObserver(J);
 		return e.observe(W.view.dom), J(), () => e.disconnect();
-	}, [W, J]), h(() => {
+	}, [W, J]), m(() => {
 		if (!W) return;
 		let e = W.view.dom, t = (e) => {
 			if (!z.current) return;
@@ -444,7 +444,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 				if (s >= 0 && s <= o.doc.content.size) {
 					o.insert(s, i);
 					let e = s + i.nodeSize;
-					e <= o.doc.content.size && o.setSelection(x.create(o.doc, e)), W.view.dispatch(o), z.current = null;
+					e <= o.doc.content.size && o.setSelection(b.create(o.doc, e)), W.view.dispatch(o), z.current = null;
 				}
 			} catch (e) {
 				console.warn("Error handling DOM drop:", e), z.current = null;
@@ -455,23 +455,23 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 		return e.addEventListener("drop", t), e.addEventListener("dragover", n), () => {
 			e.removeEventListener("drop", t), e.removeEventListener("dragover", n);
 		};
-	}, [W]), h(() => {
+	}, [W]), m(() => {
 		if (!W || W.isDestroyed) return;
-		W.isFocused || p !== f(W.getJSON(), I) && queueMicrotask(() => {
-			!W || W.isDestroyed || W.commands.setContent(d(p || "", I), {
+		W.isFocused || f !== d(W.getJSON(), I) && queueMicrotask(() => {
+			!W || W.isDestroyed || W.commands.setContent(u(f || "", I), {
 				emitUpdate: !1,
 				parseOptions: { preserveWhitespace: !0 }
 			});
 		});
-		let e = (p || "").split("\n").length;
-		V(e), k && k(e), U.current?.();
+		let e = (f || "").split("\n").length;
+		V(e), O && O(e), U.current?.();
 	}, [
-		p,
+		f,
 		W,
 		I,
-		k
+		O
 	]);
-	let Y = m(() => {
+	let Y = p(() => {
 		try {
 			if (!W || !W.state || !W.state.selection) return null;
 			let { state: e } = W, { selection: t } = e;
@@ -483,7 +483,7 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 		} catch (e) {
 			return console.warn("Error in getCurrentLineIndex:", e), null;
 		}
-	}, [W]), X = m((e) => {
+	}, [W]), X = p((e) => {
 		if (W) try {
 			if (!W.state || !W.state.selection) return;
 			let { state: t } = W, { selection: n } = t;
@@ -497,27 +497,27 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 				e && e.type && e.type.name === "hardBreak" && i++;
 			}), r < 0 || r >= I) return;
 			let a = Math.min(i, I - 1);
-			if (E) for (let t = r; t <= a; t++) E(t, e);
+			if (T) for (let t = r; t <= a; t++) T(t, e);
 		} catch (e) {
 			console.warn("Error in handleAlignmentClick:", e);
 		}
 	}, [
 		W,
 		I,
-		E
-	]), We = m(() => {
+		T
+	]), Ge = p(() => {
 		if (!W) return;
 		let e = Y();
 		if (e === null || e < 0 || e >= I) return;
 		let t = !L[e];
-		D && D(e, t);
+		E && E(e, t);
 	}, [
 		W,
 		Y,
-		D,
+		E,
 		I,
 		L
-	]), Z = ve(() => {
+	]), Z = ye(() => {
 		try {
 			if (!W?.state?.selection?.$from || !W.state.doc) return null;
 			let e = 0;
@@ -527,44 +527,45 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 		} catch (e) {
 			return console.warn("Error getting current line index:", e), null;
 		}
-	}, [W, W?.state?.selection?.$from?.pos]), Q = Z !== null && Z >= 0 && Z < I && ze[Z] || "left";
-	if (!W) return /* @__PURE__ */ v(t, {
-		className: e("min-h-[9rem] border rounded-md p-2 bg-muted/30", T),
-		children: /* @__PURE__ */ v(a, {
+	}, [W, W?.state?.selection?.$from?.pos]), Q = Z !== null && Z >= 0 && Z < I && Be[Z] || "left";
+	if (!W) return /* @__PURE__ */ _(t, {
+		className: e("min-h-[9rem] border rounded-md p-2 bg-muted/30", w),
+		children: /* @__PURE__ */ _(a, {
 			gap: "1",
-			children: Array.from({ length: I }).map((e, t) => /* @__PURE__ */ v(r, { className: "h-6" }, t))
+			children: Array.from({ length: I }).map((e, t) => /* @__PURE__ */ _(r, { className: "h-6" }, t))
 		})
 	});
-	let Ge = Z !== null && Z >= 0 && Z < I && L[Z] || !1, $ = B > I;
-	return /* @__PURE__ */ y(t, {
-		className: e("relative", T),
-		children: [O && /* @__PURE__ */ v(fe, {
-			...Le,
+	let Ke = Z !== null && Z >= 0 && Z < I && L[Z] || !1, $ = B > I;
+	return /* @__PURE__ */ v(t, {
+		className: e("relative", w),
+		children: [D && /* @__PURE__ */ _(pe, {
+			...Re,
 			editor: W,
 			currentAlignment: Q,
-			currentWrapEnabled: Ge,
+			currentWrapEnabled: Ke,
 			onAlignmentChange: X,
-			onWrapToggle: We,
-			deviceType: A,
-			onSyncFromBoard: je,
-			syncFromBoardPending: Me,
-			drawMode: j,
-			onDrawModeToggle: Ne,
-			drawBrush: Pe,
-			onDrawBrushChange: Fe
-		}), /* @__PURE__ */ y(t, {
-			className: e("flex-1", j && "hidden"),
+			onWrapToggle: Ge,
+			deviceType: k,
+			code62Glyph: Me,
+			onSyncFromBoard: Ne,
+			syncFromBoardPending: Pe,
+			drawMode: A,
+			onDrawModeToggle: Fe,
+			drawBrush: j,
+			onDrawBrushChange: Ie
+		}), /* @__PURE__ */ v(t, {
+			className: e("flex-1", A && "hidden"),
 			children: [
-				/* @__PURE__ */ v(t, {
-					className: e("border bg-background relative rounded-md", O ? "rounded-t-none" : "", $ && "border-warning"),
+				/* @__PURE__ */ _(t, {
+					className: e("border bg-background relative rounded-md", D ? "rounded-t-none" : "", $ && "border-warning"),
 					style: {
 						padding: "0.75rem",
 						minHeight: `${I * 1.5 + 1.5}rem`
 					},
-					children: /* @__PURE__ */ y(n, {
+					children: /* @__PURE__ */ v(n, {
 						gap: "2",
 						style: { minHeight: `${I * 1.5}rem` },
-						children: [/* @__PURE__ */ v(t, {
+						children: [/* @__PURE__ */ _(t, {
 							className: "select-none shrink-0 text-right",
 							style: {
 								fontSize: "0.75rem",
@@ -572,75 +573,75 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 								minWidth: "1.25rem"
 							},
 							"aria-hidden": "true",
-							children: Array.from({ length: Math.max(B, I) }, (e, n) => /* @__PURE__ */ v(t, {
+							children: Array.from({ length: Math.max(B, I) }, (e, n) => /* @__PURE__ */ _(t, {
 								style: {
-									height: `${Ve[n] ?? 24}px`,
+									height: `${He[n] ?? 24}px`,
 									lineHeight: "1.5rem",
 									color: n === Z ? "var(--foreground)" : "var(--muted-foreground)",
 									opacity: n === Z ? .7 : .4
 								},
 								children: n + 1
 							}, n))
-						}), /* @__PURE__ */ v(t, {
+						}), /* @__PURE__ */ _(t, {
 							className: "relative flex-1 min-w-0",
-							children: /* @__PURE__ */ v(be, { editor: W })
+							children: /* @__PURE__ */ _(xe, { editor: W })
 						})]
 					})
 				}),
-				/* @__PURE__ */ y(i, {
+				/* @__PURE__ */ v(i, {
 					size: "xs",
 					tone: $ ? "warning" : "muted",
 					weight: $ ? "medium" : "normal",
 					className: "mt-1",
 					children: [N.lineCount(B, I), $ && N.overLineLimit(I)]
 				}),
-				!O && Ee && /* @__PURE__ */ v(c, { children: /* @__PURE__ */ y(n, {
+				!D && De && /* @__PURE__ */ _(c, { children: /* @__PURE__ */ v(n, {
 					align: "center",
 					gap: "2",
 					className: "mt-2",
 					children: [
-						/* @__PURE__ */ v(i, {
+						/* @__PURE__ */ _(i, {
 							as: "span",
 							size: "xs",
 							tone: "muted",
 							children: N.alignment
 						}),
-						/* @__PURE__ */ y(n, {
+						/* @__PURE__ */ v(n, {
 							className: "rounded-md border overflow-hidden",
 							children: [
-								/* @__PURE__ */ y(o, { children: [/* @__PURE__ */ v(l, {
+								/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(l, {
 									asChild: !0,
-									children: /* @__PURE__ */ v("button", {
+									children: /* @__PURE__ */ _("button", {
 										type: "button",
 										onClick: () => X("left"),
 										"aria-label": N.alignLeft,
 										className: e("px-3 py-1.5 text-xs transition-colors", Q === "left" ? "bg-primary text-primary-foreground" : "hover:bg-muted text-muted-foreground"),
-										children: /* @__PURE__ */ v(he, { className: "w-4 h-4" })
+										children: /* @__PURE__ */ _(ge, { className: "w-4 h-4" })
 									})
-								}), /* @__PURE__ */ v(s, { children: N.alignLeft })] }),
-								/* @__PURE__ */ y(o, { children: [/* @__PURE__ */ v(l, {
+								}), /* @__PURE__ */ _(s, { children: N.alignLeft })] }),
+								/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(l, {
 									asChild: !0,
-									children: /* @__PURE__ */ v("button", {
+									children: /* @__PURE__ */ _("button", {
 										type: "button",
 										onClick: () => X("center"),
 										"aria-label": N.alignCenter,
 										className: e("px-3 py-1.5 text-xs border-x transition-colors", Q === "center" ? "bg-primary text-primary-foreground border-primary" : "hover:bg-muted text-muted-foreground"),
-										children: /* @__PURE__ */ v(me, { className: "w-4 h-4" })
+										children: /* @__PURE__ */ _(he, { className: "w-4 h-4" })
 									})
-								}), /* @__PURE__ */ v(s, { children: N.alignCenter })] }),
-								/* @__PURE__ */ y(o, { children: [/* @__PURE__ */ v(l, {
+								}), /* @__PURE__ */ _(s, { children: N.alignCenter })] }),
+								/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(l, {
 									asChild: !0,
-									children: /* @__PURE__ */ v("button", {
+									children: /* @__PURE__ */ _("button", {
 										type: "button",
 										onClick: () => X("right"),
 										"aria-label": N.alignRight,
 										className: e("px-3 py-1.5 text-xs transition-colors", Q === "right" ? "bg-primary text-primary-foreground" : "hover:bg-muted text-muted-foreground"),
-										children: /* @__PURE__ */ v(ge, { className: "w-4 h-4" })
+										children: /* @__PURE__ */ _(_e, { className: "w-4 h-4" })
 									})
-								}), /* @__PURE__ */ v(s, { children: N.alignRight })] })
+								}), /* @__PURE__ */ _(s, { children: N.alignRight })] })
 							]
 						}),
-						Z !== null && /* @__PURE__ */ v(i, {
+						Z !== null && /* @__PURE__ */ _(i, {
 							as: "span",
 							size: "xs",
 							tone: "muted",
@@ -653,6 +654,6 @@ var w = p(function({ value: p, onChange: w, onFocus: we, placeholder: Te = "Type
 	});
 });
 //#endregion
-export { S as DEFAULT_TEMPLATE_EDITOR_LABELS, w as TemplateEditor };
+export { x as DEFAULT_TEMPLATE_EDITOR_LABELS, C as TemplateEditor };
 
 //# sourceMappingURL=template-editor.js.map