@fiestaboard/ui 3.1.0 → 3.3.0

package/dist/components/editor/color-picker-content.d.ts

@@ -0,0 +1,25 @@
+import { type BoardColorName } from "../../lib/board-colors";
+import type { DeviceType } from "../../lib/board-dimensions";
+export interface ColorPickerLabels {
+    /** Accessible name for the swatch grid. */
+    colorPickerAriaLabel: string;
+    /**
+     * Display name per board color. Maps 1:1 to the app's
+     * `templateEditor.drawColors` catalog — the app's picker rendered the raw
+     * English key, which is the one string in it that never got translated.
+     */
+    colorNames: Record<BoardColorName, string>;
+    /** Accessible name for one swatch, given its display name. */
+    colorOptionLabel: (colorName: string) => string;
+    heartCharacterAriaLabel: string;
+    heartLabel: string;
+    insertHeartTooltip: string;
+}
+export declare const DEFAULT_COLOR_PICKER_LABELS: ColorPickerLabels;
+export interface ColorPickerContentProps {
+    /** Receives a template color token, e.g. `{{red}}` — or `°` for the Note heart. */
+    onInsert: (colorValue: string) => void;
+    deviceType?: DeviceType;
+    labels?: Partial<ColorPickerLabels>;
+}
+export declare function ColorPickerContent({ onInsert, deviceType, labels }: ColorPickerContentProps): import("react").JSX.Element;

package/dist/components/editor/color-picker-content.js

@@ -0,0 +1,118 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Box as t } from "../layout/box.js";
+import { Grid as n } from "../layout/grid.js";
+import { Text as r } from "../typography/text.js";
+import { Tooltip as i, TooltipContent as a, TooltipProvider as o, TooltipTrigger as s } from "../overlays/tooltip.js";
+import { AVAILABLE_COLORS as c, COLOR_DISPLAY as l } from "../../lib/board-colors.js";
+import { Heart as u } from "lucide-react";
+import { useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/editor/color-picker-content.tsx
+var h = {
+	colorPickerAriaLabel: "Color picker",
+	colorNames: {
+		red: "Red",
+		orange: "Orange",
+		yellow: "Yellow",
+		green: "Green",
+		blue: "Blue",
+		violet: "Violet",
+		white: "White",
+		black: "Black"
+	},
+	colorOptionLabel: (e) => `${e} color`,
+	heartCharacterAriaLabel: "Heart character",
+	heartLabel: "heart",
+	insertHeartTooltip: "Insert heart character (Note only)"
+}, g = c, _ = { red: "text-black" }, v = 4;
+function y({ onInsert: c, deviceType: y, labels: b }) {
+	let x = {
+		...h,
+		...b
+	}, S = y === "note", [C, w] = f(-1), T = d([]), E = (e) => {
+		let t = (e % g.length + g.length) % g.length;
+		w(t);
+		let n = T.current[t];
+		n?.scrollIntoView({
+			block: "nearest",
+			behavior: "smooth"
+		}), n?.focus();
+	};
+	return /* @__PURE__ */ p(o, { children: /* @__PURE__ */ m(t, {
+		className: e("p-2", !S && "pb-1"),
+		tabIndex: 0,
+		role: "listbox",
+		"aria-label": x.colorPickerAriaLabel,
+		onKeyDown: (e) => {
+			switch (e.key) {
+				case "ArrowRight":
+					e.preventDefault(), E(C + 1);
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), E(C - 1);
+					break;
+				case "ArrowDown":
+					e.preventDefault(), E(C + v);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), E(C - v);
+					break;
+				case "Enter":
+				case " ": e.preventDefault(), c(`{{${g[C] ?? g[0]}}}`);
+			}
+		},
+		onFocus: (e) => {
+			e.target === e.currentTarget && C === -1 && E(0);
+		},
+		children: [/* @__PURE__ */ p(n, {
+			cols: "4",
+			gap: "2",
+			className: "w-64",
+			role: "presentation",
+			children: g.map((t, n) => {
+				let o = C === n;
+				return /* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(s, {
+					asChild: !0,
+					children: /* @__PURE__ */ p("button", {
+						ref: (e) => {
+							T.current[n] = e;
+						},
+						type: "button",
+						onClick: () => c(`{{${t}}}`),
+						onFocus: () => w(n),
+						className: e("h-10 rounded-md text-xs font-medium transition-all hover:scale-105 hover:shadow-md", "flex items-center justify-center focus:outline-none", o && "ring-2 ring-offset-2 ring-primary scale-105 shadow-md", l[t].bg, _[t] ?? l[t].text),
+						"aria-label": x.colorOptionLabel(x.colorNames[t]),
+						role: "option",
+						"aria-selected": o,
+						children: x.colorNames[t]
+					})
+				}), /* @__PURE__ */ p(a, { children: /* @__PURE__ */ p(r, { children: x.colorNames[t] }) })] }, t);
+			})
+		}), S && /* @__PURE__ */ p(t, {
+			className: "mt-2 pt-2 border-t border-border",
+			role: "presentation",
+			children: /* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(s, {
+				asChild: !0,
+				children: /* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => c("°"),
+					className: e("w-full h-10 rounded-md text-sm font-medium transition-all hover:scale-[1.02] hover:shadow-md", "flex items-center justify-center gap-1.5 focus:outline-none", "bg-board-red/10 text-board-red border border-board-red/20 hover:bg-board-red/20"),
+					"aria-label": x.heartCharacterAriaLabel,
+					role: "option",
+					"aria-selected": !1,
+					children: [/* @__PURE__ */ p(u, { className: "w-4 h-4 fill-current" }), /* @__PURE__ */ p(r, {
+						as: "span",
+						weight: "medium",
+						className: "text-board-red",
+						children: x.heartLabel
+					})]
+				})
+			}), /* @__PURE__ */ p(a, { children: /* @__PURE__ */ p(r, { children: x.insertHeartTooltip }) })] })
+		})]
+	}) });
+}
+//#endregion
+export { y as ColorPickerContent, h as DEFAULT_COLOR_PICKER_LABELS };
+
+//# sourceMappingURL=color-picker-content.js.map

package/dist/components/editor/color-picker-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-content.js","names":[],"sources":["../../../src/components/editor/color-picker-content.tsx"],"mappings":";;;;;;;;;;;AAgCA,IAAa,IAAiD;CAC5D,sBAAsB;CACtB,YAAY;EACV,KAAK;EACL,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,MAAM;EACN,QAAQ;EACR,OAAO;EACP,OAAO;CACT;CACA,mBAAmB,MAAc,GAAG,EAAU;CAC9C,yBAAyB;CACzB,YAAY;CACZ,oBAAoB;AACtB,GAiBM,IAAS,GAgBT,IAAgE,EACpE,KAAK,aACP,GAGM,IAAY;AAElB,SAAgB,EAAmB,EAAE,aAAU,eAAY,aAAmC;CAC5F,IAAM,IAAI;EAAE,GAAG;EAA6B,GAAG;CAAO,GAKhD,IAAS,MAAe,QACxB,CAAC,GAAkB,KAAuB,EAAS,EAAE,GACrD,IAAa,EAAqC,CAAC,CAAC,GAQpD,KAAa,MAAkB;EACnC,IAAM,KAAY,IAAQ,EAAO,SAAU,EAAO,UAAU,EAAO;EACnE,EAAoB,CAAO;EAC3B,IAAM,IAAS,EAAW,QAAQ;EAElC,AADA,GAAQ,eAAe;GAAE,OAAO;GAAW,UAAU;EAAS,CAAC,GAC/D,GAAQ,MAAM;CAChB;CAwCA,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,WAAW,EAAG,OAAO,CAAC,KAAU,MAAM;EACtC,UAAU;EACV,MAAK;EACL,cAAY,EAAE;EACd,YA7CiB,MAA4C;GACjE,QAAQ,EAAM,KAAd;IACE,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAmB,CAAC;KAC9B;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAmB,CAAC;KAC9B;IAIF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAmB,CAAS;KACtC;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAmB,CAAS;KACtC;IACF,KAAK;IACL,KAAK,KAEH,AADA,EAAM,eAAe,GACrB,EAAS,KAAK,EAAO,MAAqB,EAAO,GAAG,GAAG;GAE3D;EACF;EAmBM,UAbe,MAAyC;GACxD,EAAM,WAAW,EAAM,iBACvB,MAAqB,MAAI,EAAU,CAAC;EAC1C;EAII,UAAA,CAWE,kBAAC,GAAD;GAAM,MAAK;GAAI,KAAI;GAAI,WAAU;GAAO,MAAK;GAC1C,UAAA,EAAO,KAAK,GAAW,MAAU;IAChC,IAAM,IAAgB,MAAqB;IAE3C,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAgB,SAAA;KACd,UAAA,kBAAC,UAAD;MACE,MAAM,MAAO;OACX,EAAW,QAAQ,KAAS;MAC9B;MACA,MAAK;MACL,eAAe,EAAS,KAAK,EAAU,GAAG;MAC1C,eAAe,EAAoB,CAAK;MACxC,WAAW,EACT,sFACA,uDACA,KAAiB,yDACjB,EAAc,EAAU,CAAC,IACzB,EAAqB,MAAc,EAAc,EAAU,CAAC,IAC9D;MACA,cAAY,EAAE,iBAAiB,EAAE,WAAW,EAAU;MACtD,MAAK;MACL,iBAAe;MAEd,UAAA,EAAE,WAAW;KACR,CAAA;IACM,CAAA,GAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAO,EAAE,WAAW,GAAiB,CAAA,EACvB,CAAA,CACT,EAAA,GA1BK,CA0BL;GAEb,CAAC;EACG,CAAA,GACL,KACC,kBAAC,GAAD;GAAK,WAAU;GAAmC,MAAK;GACrD,UAAA,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAgB,SAAA;IACd,UAAA,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAS,GAAG;KAC3B,WAAW,EACT,gGACA,+DACA,iFACF;KACA,cAAY,EAAE;KACd,MAAK;KACL,iBAAe;KAVjB,UAAA,CAYE,kBAAC,GAAD,EAAO,WAAU,uBAAwB,CAAA,GACzC,kBAAC,GAAD;MAAM,IAAG;MAAO,QAAO;MAAS,WAAU;MACvC,UAAA,EAAE;KACC,CAAA,CACA;;GACM,CAAA,GAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAO,EAAE,mBAAyB,CAAA,EACpB,CAAA,CACT,EAAA,CAAA;EACN,CAAA,CAEJ;CACU,CAAA,EAAA,CAAA;AAErB"}

package/dist/components/editor/constants.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Constants for the TipTap template editor.
+ * Maps template syntax to FiestaBoard hardware constraints.
+ *
+ * PORTING NOTE — this file is deliberately thin. The FiestaBoard app's
+ * `tiptap-template-editor/utils/constants.ts` re-declared the device grid, the
+ * board palette and the board character set, all of which FiestaUI already owns
+ * in `src/lib/`. Duplicating them here would give the package two sources of
+ * truth for a hardware parity contract. So everything that already exists is
+ * re-exported, and only genuinely new editor-specific values are defined below.
+ *
+ * Already owned by FiestaUI (re-exported, never redefined):
+ *   - DeviceType / DEVICE_DIMENSIONS / resolveDimensions → lib/board-dimensions
+ *   - BOARD_COLORS (name → hex) / BoardColorName          → lib/board-colors
+ *   - BOARD_CHARS (code → character)                      → lib/board-characters
+ */
+import type { BoardColorName } from "../../lib/board-colors";
+import type { BoardDimensions } from "../../lib/board-dimensions";
+export { BOARD_CHARS } from "../../lib/board-characters";
+export { BOARD_COLORS, type BoardColorName } from "../../lib/board-colors";
+export { type BoardDimensions, DEVICE_DIMENSIONS, type DeviceType, resolveDimensions, } from "../../lib/board-dimensions";
+/**
+ * `DeviceDimensions` was the app's name for the { rows, cols } shape that
+ * FiestaUI calls `BoardDimensions`. Aliased so ported editor code reads the
+ * same, without a second interface declaration.
+ */
+export type DeviceDimensions = BoardDimensions;
+/**
+ * Color names usable inside a template token, including the `purple` alias for
+ * `violet`. Wider than `BoardColorName` (which is the hardware palette) because
+ * template authors may type either spelling.
+ */
+export type BoardColorToken = BoardColorName | "purple";
+/**
+ * FiestaBoard color codes (63–70), keyed by template token name.
+ *
+ * NEW: FiestaUI's `lib/board-colors` maps names → hex and codes → hex, but has
+ * no name → numeric code direction. The editor needs it because a colorTile
+ * node stores the numeric code the board hardware addresses.
+ *
+ * The `satisfies` clause fails the build if a palette color is ever added to
+ * BOARD_COLORS without a code being assigned here.
+ */
+export declare const BOARD_COLOR_CODES: {
+    readonly red: 63;
+    readonly orange: 64;
+    readonly yellow: 65;
+    readonly green: 66;
+    readonly blue: 67;
+    readonly violet: 68;
+    readonly purple: 68;
+    readonly white: 69;
+    readonly black: 70;
+};
+/**
+ * Numeric board codes → canonical color names (71 = filled tile; the closest
+ * palette entry is black). Inverse of BOARD_COLOR_CODES, minus the alias.
+ */
+export declare const BOARD_CODE_TO_COLOR: Record<number, BoardColorName>;
+/**
+ * Flagship geometry, used ONLY as a default when no device is known.
+ *
+ * The app's constants.ts exported these as `BOARD_WIDTH` / `BOARD_LINES` and
+ * modules imported them directly, which silently hard-coded flagship even when
+ * the caller was editing a Note template. They are renamed to DEFAULT_* here so
+ * that reaching for one is a visible choice: anything that knows its device
+ * MUST take the width / line count as a parameter (see length-calculator.ts).
+ */
+export declare const DEFAULT_BOARD_WIDTH: number;
+export declare const DEFAULT_BOARD_LINES: number;
+/** Special variable names. */
+export declare const FILL_SPACE_VAR = "fill_space";
+export declare const FILL_SPACE_REPEAT_VAR = "fill_space_repeat";
+/**
+ * Zero-width space (U+200B) inserted at the start and end of each line, and on
+ * both sides of every inline atom, so the caret always has a text node to sit
+ * in. Without it the cursor does not render at line boundaries, and it
+ * "selects" atom nodes during arrow navigation.
+ *
+ * Stripped on serialize so it never appears in a saved template string.
+ *
+ * Single source of truth: the app declared this character separately in
+ * serialization.ts, stroke-transaction.ts and trailing-newline.ts (each with a
+ * "mirroring serialization.ts" comment). Three copies of one caret contract is
+ * exactly the drift those comments were warning about, so it lives here.
+ */
+export declare const CURSOR_ANCHOR = "\u200B";

package/dist/components/editor/constants.js

@@ -0,0 +1,29 @@
+import "../../lib/board-colors.js";
+import "../../lib/board-characters.js";
+import { DEVICE_DIMENSIONS as e, resolveDimensions as t } from "../../lib/board-dimensions.js";
+//#region src/components/editor/constants.ts
+var n = {
+	red: 63,
+	orange: 64,
+	yellow: 65,
+	green: 66,
+	blue: 67,
+	violet: 68,
+	purple: 68,
+	white: 69,
+	black: 70
+}, r = {
+	63: "red",
+	64: "orange",
+	65: "yellow",
+	66: "green",
+	67: "blue",
+	68: "violet",
+	69: "white",
+	70: "black",
+	71: "black"
+}, i = e.flagship.cols, a = e.flagship.rows, o = "fill_space", s = "fill_space_repeat", c = "​";
+//#endregion
+export { r as BOARD_CODE_TO_COLOR, n as BOARD_COLOR_CODES, c as CURSOR_ANCHOR, a as DEFAULT_BOARD_LINES, i as DEFAULT_BOARD_WIDTH, s as FILL_SPACE_REPEAT_VAR, o as FILL_SPACE_VAR, t as resolveDimensions };
+
+//# sourceMappingURL=constants.js.map

package/dist/components/editor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/editor/constants.ts"],"mappings":";;;;AAwDA,IAAa,IAAoB;CAC/B,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;AACT,GAMa,IAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAaa,IAAsB,EAAkB,SAAS,MACjD,IAAsB,EAAkB,SAAS,MAKjD,IAAiB,cACjB,IAAwB,qBAexB,IAAgB"}

package/dist/components/editor/draw-char-picker-content.d.ts

@@ -0,0 +1,22 @@
+import type { DeviceType } from "../../lib/board-dimensions";
+import type { DrawBrush } from "./utils/draw-mode";
+export interface DrawCharPickerLabels {
+    /** Accessible name for the character grid. */
+    characters: string;
+    /** Accessible name for the code-62 button on Flagship hardware. */
+    degree: string;
+    /** Accessible name for the code-62 button on a Note, where it draws a heart. */
+    heart: string;
+}
+export declare const DEFAULT_DRAW_CHAR_PICKER_LABELS: DrawCharPickerLabels;
+export interface DrawCharPickerContentProps {
+    current: DrawBrush;
+    onSelect: (brush: DrawBrush) => void;
+    /**
+     * Board the template targets. Only affects how code 62 is drawn and named —
+     * the inserted character is the degree symbol either way.
+     */
+    deviceType?: DeviceType;
+    labels?: Partial<DrawCharPickerLabels>;
+}
+export declare function DrawCharPickerContent({ current, onSelect, deviceType, labels }: DrawCharPickerContentProps): import("react").JSX.Element;

package/dist/components/editor/draw-char-picker-content.js

@@ -0,0 +1,79 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Box as t } from "../layout/box.js";
+import { Grid as n } from "../layout/grid.js";
+import { DRAW_CHARS as r } from "./utils/draw-mode.js";
+import { useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/editor/draw-char-picker-content.tsx
+var s = "°", c = "♥", l = {
+	characters: "Characters",
+	degree: "Degree",
+	heart: "Heart"
+}, u = 8;
+function d({ current: d, onSelect: f, deviceType: p, labels: m }) {
+	let h = {
+		...l,
+		...m
+	}, g = p === "note", _ = d.kind === "char" ? d.char : null, v = i([]), [y, b] = a(() => {
+		let e = _ ? r.indexOf(_) : -1;
+		return e >= 0 ? e : 0;
+	}), x = (e) => {
+		let t = (e % r.length + r.length) % r.length;
+		b(t), v.current[t]?.focus();
+	}, S = (e, t) => {
+		switch (e.key) {
+			case "ArrowRight":
+				e.preventDefault(), x(t + 1);
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), x(t - 1);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), x(t + u);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), x(t - u);
+				break;
+			case "Home":
+				e.preventDefault(), x(0);
+				break;
+			case "End": e.preventDefault(), x(r.length - 1);
+		}
+	};
+	return /* @__PURE__ */ o(t, {
+		className: "w-64 p-2",
+		"data-testid": "draw-char-picker",
+		role: "group",
+		"aria-label": h.characters,
+		children: /* @__PURE__ */ o(n, {
+			cols: "8",
+			gap: "1",
+			children: r.map((t, n) => {
+				let r = t === s, i = r && g ? c : t;
+				return /* @__PURE__ */ o("button", {
+					ref: (e) => {
+						v.current[n] = e;
+					},
+					type: "button",
+					"data-draw-char": t,
+					tabIndex: n === y ? 0 : -1,
+					"aria-pressed": _ === t,
+					"aria-label": r ? g ? h.heart : h.degree : t,
+					onClick: () => f({
+						kind: "char",
+						char: t
+					}),
+					onFocus: () => b(n),
+					onKeyDown: (e) => S(e, n),
+					className: e("flex h-7 w-7 items-center justify-center rounded-md border font-mono text-sm transition-shadow", _ === t ? "ring-2 ring-primary ring-offset-1" : "hover:bg-muted/50"),
+					children: i
+				}, t);
+			})
+		})
+	});
+}
+//#endregion
+export { l as DEFAULT_DRAW_CHAR_PICKER_LABELS, d as DrawCharPickerContent };
+
+//# sourceMappingURL=draw-char-picker-content.js.map

package/dist/components/editor/draw-char-picker-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-char-picker-content.js","names":[],"sources":["../../../src/components/editor/draw-char-picker-content.tsx"],"mappings":";;;;;;;;AA0BA,IAAM,IAAc,KAEd,IAAkB,KAWX,IAAwD;CACnE,YAAY;CACZ,QAAQ;CACR,OAAO;AACT,GAaM,IAAY;AAElB,SAAgB,EAAsB,EAAE,YAAS,aAAU,eAAY,aAAsC;CAC3G,IAAM,IAAI;EAAE,GAAG;EAAiC,GAAG;CAAO,GAIpD,IAAS,MAAe,QACxB,IAAe,EAAQ,SAAS,SAAS,EAAQ,OAAO,MACxD,IAAa,EAAqC,CAAC,CAAC,GAGpD,CAAC,GAAc,KAAmB,QAAe;EACrD,IAAM,IAAgB,IAAe,EAAW,QAAQ,CAAY,IAAI;EACxE,OAAO,KAAiB,IAAI,IAAgB;CAC9C,CAAC,GAEK,KAAa,MAAkB;EACnC,IAAM,KAAY,IAAQ,EAAW,SAAU,EAAW,UAAU,EAAW;EAE/E,AADA,EAAgB,CAAO,GACvB,EAAW,QAAQ,EAAQ,EAAE,MAAM;CACrC,GAEM,KAAiB,GAA+C,MAAkB;EACtF,QAAQ,EAAM,KAAd;GACE,KAAK;IAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC;IACnB;GACF,KAAK;IAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC;IACnB;GACF,KAAK;IAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAS;IAC3B;GACF,KAAK;IAEH,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAS;IAC3B;GACF,KAAK;IAEH,AADA,EAAM,eAAe,GACrB,EAAU,CAAC;IACX;GACF,KAAK,OAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAW,SAAS,CAAC;EAEnC;CACF;CAEA,OAKE,kBAAC,GAAD;EAAK,WAAU;EAAW,eAAY;EAAmB,MAAK;EAAQ,cAAY,EAAE;EAClF,UAAA,kBAAC,GAAD;GAAM,MAAK;GAAI,KAAI;GAChB,UAAA,EAAW,KAAK,GAAM,MAAU;IAG/B,IAAM,IAAW,MAAS,GACpB,IAAQ,KAAY,IAAS,IAAkB;IAErD,OACE,kBAAC,UAAD;KAEE,MAAM,MAAO;MACX,EAAW,QAAQ,KAAS;KAC9B;KACA,MAAK;KACL,kBAAgB;KAChB,UAAU,MAAU,IAAe,IAAI;KACvC,gBAAc,MAAiB;KAC/B,cAAY,IAAY,IAAS,EAAE,QAAQ,EAAE,SAAU;KACvD,eAAe,EAAS;MAAE,MAAM;MAAQ;KAAK,CAAC;KAC9C,eAAe,EAAgB,CAAK;KACpC,YAAY,MAAU,EAAc,GAAO,CAAK;KAChD,WAAW,EACT,kGACA,MAAiB,IAAO,sCAAsC,mBAChE;KAEC,UAAA;IACK,GAlBD,CAkBC;GAEZ,CAAC;EACG,CAAA;CACH,CAAA;AAET"}

package/dist/components/editor/extensions/color-tile-node.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ColorTileNode - Inline node for {{red}}, {{blue}}, etc.
+ * Renders as actual colored tiles matching FiestaBoard hardware
+ */
+import { Node } from "@tiptap/core";
+export interface ColorTileAttrs {
+    color: string;
+    code: number;
+}
+export declare const ColorTileNode: Node<any, any>;

package/dist/components/editor/extensions/color-tile-node.js

@@ -0,0 +1,43 @@
+"use client";
+import { ColorTileNodeView as e } from "../node-views/color-tile-node-view.js";
+import { ReactNodeViewRenderer as t } from "@tiptap/react";
+import { Node as n, mergeAttributes as r } from "@tiptap/core";
+//#region src/components/editor/extensions/color-tile-node.ts
+var i = n.create({
+	name: "colorTile",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	selectable: !1,
+	draggable: !0,
+	addAttributes() {
+		return {
+			color: {
+				default: "red",
+				parseHTML: (e) => e.getAttribute("data-color"),
+				renderHTML: (e) => ({ "data-color": e.color })
+			},
+			code: {
+				default: 63,
+				parseHTML: (e) => {
+					let t = e.getAttribute("data-code");
+					return t ? parseInt(t, 10) : 63;
+				},
+				renderHTML: (e) => ({ "data-code": e.code?.toString() || "63" })
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-type=\"color-tile\"]" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["span", r({ "data-type": "color-tile" }, e)];
+	},
+	addNodeView() {
+		return t(e);
+	}
+});
+//#endregion
+export { i as ColorTileNode };
+
+//# sourceMappingURL=color-tile-node.js.map

package/dist/components/editor/extensions/color-tile-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-tile-node.js","names":[],"sources":["../../../../src/components/editor/extensions/color-tile-node.ts"],"mappings":";;;;;AAgBA,IAAa,IAAgB,EAAK,OAAO;CACvC,MAAM;CAEN,OAAO;CAEP,QAAQ;CAER,MAAM;CAEN,YAAY;CAEZ,WAAW;CAEX,gBAAgB;EACd,OAAO;GACL,OAAO;IACL,SAAS;IACT,YAAY,MAAY,EAAQ,aAAa,YAAY;IACzD,aAAa,OAAgB,EAC3B,cAAc,EAAW,MAC3B;GACF;GACA,MAAM;IACJ,SAAS;IACT,YAAY,MAAY;KACtB,IAAM,IAAO,EAAQ,aAAa,WAAW;KAC7C,OAAO,IAAO,SAAS,GAAM,EAAE,IAAI;IACrC;IACA,aAAa,OAAgB,EAC3B,aAAa,EAAW,MAAM,SAAS,KAAK,KAC9C;GACF;EACF;CACF;CAEA,YAAY;EACV,OAAO,CACL,EACE,KAAK,iCACP,CACF;CACF;CAEA,WAAW,EAAE,qBAAkB;EAC7B,OAAO,CAAC,QAAQ,EAAgB,EAAE,aAAa,aAAa,GAAG,CAAc,CAAC;CAChF;CAEA,cAAc;EACZ,OAAO,EAAsB,CAAiB;CAChD;AACF,CAAC"}

package/dist/components/editor/extensions/fill-space-node.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FillSpaceNode - Inline node for {{fill_space}}
+ * Visualizes expandable spacing that fills remaining line width
+ */
+import { Node } from "@tiptap/core";
+export interface FillSpaceAttrs {
+    id: string;
+    repeatChar?: string;
+}
+export declare const FillSpaceNode: Node<any, any>;

package/dist/components/editor/extensions/fill-space-node.js

@@ -0,0 +1,40 @@
+"use client";
+import { FillSpaceNodeView as e } from "../node-views/fill-space-node-view.js";
+import { ReactNodeViewRenderer as t } from "@tiptap/react";
+import { Node as n, mergeAttributes as r } from "@tiptap/core";
+//#region src/components/editor/extensions/fill-space-node.ts
+var i = n.create({
+	name: "fillSpace",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	selectable: !1,
+	draggable: !0,
+	addAttributes() {
+		return {
+			id: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-id"),
+				renderHTML: (e) => ({ "data-id": e.id })
+			},
+			repeatChar: {
+				default: void 0,
+				parseHTML: (e) => e.getAttribute("data-repeat-char") || void 0,
+				renderHTML: (e) => e.repeatChar ? { "data-repeat-char": e.repeatChar } : {}
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-type=\"fill-space\"]" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["span", r({ "data-type": "fill-space" }, e)];
+	},
+	addNodeView() {
+		return t(e);
+	}
+});
+//#endregion
+export { i as FillSpaceNode };
+
+//# sourceMappingURL=fill-space-node.js.map

package/dist/components/editor/extensions/fill-space-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill-space-node.js","names":[],"sources":["../../../../src/components/editor/extensions/fill-space-node.ts"],"mappings":";;;;;AAgBA,IAAa,IAAgB,EAAK,OAAO;CACvC,MAAM;CAEN,OAAO;CAEP,QAAQ;CAER,MAAM;CAEN,YAAY;CAEZ,WAAW;CAEX,gBAAgB;EACd,OAAO;GACL,IAAI;IACF,SAAS;IACT,YAAY,MAAY,EAAQ,aAAa,SAAS;IACtD,aAAa,OAAgB,EAC3B,WAAW,EAAW,GACxB;GACF;GACA,YAAY;IACV,SAAS,KAAA;IACT,YAAY,MAAY,EAAQ,aAAa,kBAAkB,KAAK,KAAA;IACpE,aAAa,MACP,EAAW,aACN,EAAE,oBAAoB,EAAW,WAAW,IAE9C,CAAC;GAEZ;EACF;CACF;CAEA,YAAY;EACV,OAAO,CACL,EACE,KAAK,iCACP,CACF;CACF;CAEA,WAAW,EAAE,qBAAkB;EAC7B,OAAO,CAAC,QAAQ,EAAgB,EAAE,aAAa,aAAa,GAAG,CAAc,CAAC;CAChF;CAEA,cAAc;EACZ,OAAO,EAAsB,CAAiB;CAChD;AACF,CAAC"}

package/dist/components/editor/extensions/formula-node.d.ts

@@ -0,0 +1,6 @@
+/**
+ * FormulaNode — Inline atom node for {{= expression }} formulas.
+ * Rendered as a clickable amber badge pill (FormulaNodeView).
+ */
+import { Node } from "@tiptap/core";
+export declare const FormulaNode: Node<any, any>;

package/dist/components/editor/extensions/formula-node.js

@@ -0,0 +1,40 @@
+"use client";
+import { FormulaNodeView as e } from "../node-views/formula-node-view.js";
+import { ReactNodeViewRenderer as t } from "@tiptap/react";
+import { Node as n, mergeAttributes as r } from "@tiptap/core";
+//#region src/components/editor/extensions/formula-node.ts
+var i = n.create({
+	name: "formula",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	selectable: !1,
+	draggable: !0,
+	addAttributes() {
+		return {
+			expression: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-expression") ?? "",
+				renderHTML: (e) => ({ "data-expression": e.expression })
+			},
+			autoOpen: {
+				default: !1,
+				parseHTML: () => !1,
+				renderHTML: () => ({})
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-type=\"formula\"]" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["span", r({ "data-type": "formula" }, e)];
+	},
+	addNodeView() {
+		return t(e);
+	}
+});
+//#endregion
+export { i as FormulaNode };
+
+//# sourceMappingURL=formula-node.js.map

package/dist/components/editor/extensions/formula-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula-node.js","names":[],"sources":["../../../../src/components/editor/extensions/formula-node.ts"],"mappings":";;;;;AAWA,IAAa,IAAc,EAAK,OAAO;CACrC,MAAM;CAEN,OAAO;CAEP,QAAQ;CAER,MAAM;CAEN,YAAY;CAEZ,WAAW;CAEX,gBAAgB;EACd,OAAO;GACL,YAAY;IACV,SAAS;IACT,YAAY,MAAY,EAAQ,aAAa,iBAAiB,KAAK;IACnE,aAAa,OAAgB,EAC3B,mBAAmB,EAAW,WAChC;GACF;GAGA,UAAU;IACR,SAAS;IACT,iBAAiB;IACjB,mBAAmB,CAAC;GACtB;EACF;CACF;CAEA,YAAY;EACV,OAAO,CACL,EACE,KAAK,8BACP,CACF;CACF;CAEA,WAAW,EAAE,qBAAkB;EAC7B,OAAO,CAAC,QAAQ,EAAgB,EAAE,aAAa,UAAU,GAAG,CAAc,CAAC;CAC7E;CAEA,cAAc;EACZ,OAAO,EAAsB,CAAe;CAC9C;AACF,CAAC"}

package/dist/components/editor/extensions/line-navigation.d.ts

@@ -0,0 +1,18 @@
+/**
+ * LineNavigation Extension
+ *
+ * Handles Enter key in the single-paragraph / hardBreak document model.
+ * Enter always inserts a hardBreak (line splitting). Validation of the
+ * line count is handled externally (the parent shows a warning when over
+ * the board limit, but doesn't prevent typing).
+ *
+ * Shift+Enter is blocked to prevent accidental double-breaks.
+ *
+ * NOTE: In the full TipTapTemplateEditor, the editorProps `handleKeyDown`
+ * intercepts Enter/Shift-Enter before plugin keymaps run, so the shortcuts
+ * below are effectively redundant at runtime. They are retained so that
+ * unit tests (which instantiate a bare Editor with this extension but
+ * without editorProps) still get correct Enter-as-hardBreak behavior.
+ */
+import { Extension } from "@tiptap/core";
+export declare const LineNavigation: Extension<any, any>;

package/dist/components/editor/extensions/line-navigation.js

@@ -0,0 +1,16 @@
+import { Extension as e } from "@tiptap/core";
+//#region src/components/editor/extensions/line-navigation.ts
+var t = e.create({
+	name: "lineNavigation",
+	priority: 1e3,
+	addKeyboardShortcuts() {
+		return {
+			Enter: () => (this.editor.commands.setHardBreak(), !0),
+			"Shift-Enter": () => !0
+		};
+	}
+});
+//#endregion
+export { t as LineNavigation };
+
+//# sourceMappingURL=line-navigation.js.map

package/dist/components/editor/extensions/line-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-navigation.js","names":[],"sources":["../../../../src/components/editor/extensions/line-navigation.ts"],"mappings":";;AAkBA,IAAa,IAAiB,EAAU,OAAO;CAC7C,MAAM;CAEN,UAAU;CAEV,uBAAuB;EACrB,OAAO;GACL,cACE,KAAK,OAAO,SAAS,aAAa,GAC3B;GAGT,qBAAqB;EACvB;CACF;AACF,CAAC"}

package/dist/components/editor/extensions/single-paragraph-doc.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SingleParagraphDoc Extension
+ *
+ * Overrides the default Document node to allow EXACTLY one paragraph.
+ * This prevents ProseMirror's built-in `splitBlock` command (bound to
+ * Enter in the base keymap) from ever creating a second paragraph.
+ *
+ * Without this, a race condition or priority mis-ordering could let
+ * splitBlock run, which would:
+ *   1. Create two <p> nodes,
+ *   2. Place the cursor at position 0 of the second <p>,
+ *   3. Confuse the serializer (which reads only the first <p>).
+ */
+import { Node } from "@tiptap/core";
+export declare const SingleParagraphDoc: Node<any, any>;

package/dist/components/editor/extensions/single-paragraph-doc.js

@@ -0,0 +1,11 @@
+import { Node as e } from "@tiptap/core";
+//#region src/components/editor/extensions/single-paragraph-doc.ts
+var t = e.create({
+	name: "doc",
+	topNode: !0,
+	content: "paragraph"
+});
+//#endregion
+export { t as SingleParagraphDoc };
+
+//# sourceMappingURL=single-paragraph-doc.js.map

package/dist/components/editor/extensions/single-paragraph-doc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-paragraph-doc.js","names":[],"sources":["../../../../src/components/editor/extensions/single-paragraph-doc.ts"],"mappings":";;AAeA,IAAa,IAAqB,EAAK,OAAO;CAC5C,MAAM;CACN,SAAS;CACT,SAAS;AACX,CAAC"}

package/dist/components/editor/extensions/trailing-newline.d.ts

@@ -0,0 +1,13 @@
+/**
+ * TrailingNewline Extension
+ *
+ * Ensures that a hardBreak at the end of a paragraph always has a ZWS
+ * text node after it. Browsers collapse a bare trailing <br> inside a
+ * block element, making the new empty line invisible. By appending a
+ * zero-width space we give the line height and a cursor position.
+ *
+ * Runs as an appendTransaction plugin so it fires after any command
+ * (setHardBreak, paste, undo, etc.) that might leave a trailing <br>.
+ */
+import { Extension } from "@tiptap/core";
+export declare const TrailingNewline: Extension<any, any>;