@fiestaboard/ui 3.1.0 → 3.2.0

package/dist/components/editor/formula/formula-editor-panel.js

@@ -0,0 +1,527 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../../forms/button.js";
+import { Box as n } from "../../layout/box.js";
+import { Flex as r } from "../../layout/flex.js";
+import { Tabs as i, TabsContent as a, TabsList as o, TabsTrigger as s } from "../../containment/tabs.js";
+import { Skeleton as c } from "../../feedback/skeleton.js";
+import { Text as l } from "../../typography/text.js";
+import { Stack as u } from "../../layout/stack.js";
+import { Tooltip as ee, TooltipContent as te, TooltipProvider as ne, TooltipTrigger as re } from "../../overlays/tooltip.js";
+import { ArrowLeftRight as d, CheckCircle2 as ie, ChevronDown as ae, ChevronRight as oe, GitBranch as f, Hash as p, Loader2 as se, Palette as m, Type as h, XCircle as g } from "lucide-react";
+import { Suspense as ce, useCallback as _, useEffect as v, useId as le, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { history as ue, historyKeymap as de, indentWithTab as fe } from "@codemirror/commands";
+import { HighlightStyle as w, StreamLanguage as T, syntaxHighlighting as pe } from "@codemirror/language";
+import { EditorState as me } from "@codemirror/state";
+import { EditorView as E, keymap as he } from "@codemirror/view";
+import { tags as D } from "@lezer/highlight";
+//#region src/components/editor/formula/formula-editor-panel.tsx
+function O(e) {
+	let t = "", n = 0, r = !1, i = !1;
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a];
+		if (r) {
+			t += o, o === "\"" && (r = !1);
+			continue;
+		}
+		if (o === "\"") {
+			r = !0, i = !1, t += o;
+			continue;
+		}
+		i && o === " " || (i = !1, o === "(" ? (n++, t += "(\n" + "  ".repeat(n), i = !0) : o === ")" ? (n--, t += "\n" + "  ".repeat(n) + ")") : o === "," ? (t += ",\n" + "  ".repeat(n), i = !0) : t += o);
+	}
+	return t.trim();
+}
+function k(e) {
+	let t = "", n = !1, r = !1;
+	for (let i of e) n ? (t += i, i === "\"" && (n = !1), r = !1) : i === "\"" ? (n = !0, t += i, r = !1) : i === "\n" ? r = !0 : i === " " && r || (t += i, r = !1);
+	return t.trim();
+}
+var ge = T.define({
+	token(e) {
+		return e.eatSpace() ? null : e.match(/"[^"]*"/) ? "string" : e.match(/\d+\.?\d*/) ? "number" : e.match(/[a-z_][a-z0-9_]*(?:\.[a-z_][a-z0-9_]*)*/) ? "variable" : e.match(/[A-Z][A-Z0-9_]*/) ? "function" : e.match(/[<>]=?|[!=]=|[+\-*/]/) ? "operator" : e.match(/[(),]/) ? "punctuation" : (e.next(), null);
+	},
+	tokenTable: {
+		string: D.string,
+		number: D.number,
+		variable: D.variableName,
+		function: D.keyword,
+		operator: D.operator,
+		punctuation: D.punctuation
+	}
+}), _e = w.define([
+	{
+		tag: D.keyword,
+		color: "var(--fiesta-formula-function)",
+		fontWeight: "600"
+	},
+	{
+		tag: D.string,
+		color: "var(--fiesta-formula-string)"
+	},
+	{
+		tag: D.number,
+		color: "var(--fiesta-formula-number)"
+	},
+	{
+		tag: D.variableName,
+		color: "var(--fiesta-formula-variable)"
+	},
+	{
+		tag: D.operator,
+		color: "var(--muted-foreground)"
+	},
+	{
+		tag: D.punctuation,
+		color: "var(--muted-foreground)"
+	}
+]), ve = E.theme({
+	"&": {
+		fontSize: "0.75rem",
+		fontFamily: "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)",
+		background: "var(--background)",
+		height: "100%",
+		"--fiesta-formula-function": "#8b5cf6",
+		"--fiesta-formula-string": "#16a34a",
+		"--fiesta-formula-number": "#ea580c",
+		"--fiesta-formula-variable": "#0284c7"
+	},
+	".dark &": {
+		"--fiesta-formula-function": "#a78bfa",
+		"--fiesta-formula-string": "#4ade80",
+		"--fiesta-formula-number": "#fb923c",
+		"--fiesta-formula-variable": "#38bdf8"
+	},
+	".cm-scroller": { overflow: "auto" },
+	".cm-content": {
+		padding: "0.375rem 0.625rem",
+		caretColor: "var(--foreground)",
+		color: "var(--foreground)",
+		minHeight: "5rem"
+	},
+	".cm-focused": { outline: "none" },
+	".cm-line": { padding: "0" },
+	".cm-cursor, .cm-dropCursor": { borderLeftColor: "var(--foreground)" },
+	".cm-selectionBackground": { background: "var(--muted) !important" },
+	"&.cm-focused .cm-selectionBackground": { background: "var(--accent) !important" },
+	".cm-gutters": { display: "none" },
+	".cm-placeholder": { color: "var(--muted-foreground)" }
+}), A = [
+	"logic",
+	"math",
+	"text",
+	"convert",
+	"color"
+], ye = {
+	logic: {
+		icon: f,
+		text: "text-violet-400",
+		border: "border-l-violet-400/60"
+	},
+	math: {
+		icon: p,
+		text: "text-emerald-400",
+		border: "border-l-emerald-400/60"
+	},
+	text: {
+		icon: h,
+		text: "text-sky-400",
+		border: "border-l-sky-400/60"
+	},
+	convert: {
+		icon: d,
+		text: "text-amber-400",
+		border: "border-l-amber-400/60"
+	},
+	color: {
+		icon: m,
+		text: "text-pink-400",
+		border: "border-l-pink-400/60"
+	}
+};
+function j(e, t) {
+	return Object.hasOwn(e, t) ? e[t] : void 0;
+}
+var M = {
+	functionsTab: "Functions",
+	variablesTab: "Variables",
+	loading: "Loading…",
+	formulaExpression: "Formula expression",
+	insert: "Insert",
+	done: "Done",
+	cancel: "Cancel",
+	close: "Close",
+	categoryLogic: "Logic",
+	categoryMath: "Math",
+	categoryText: "Text",
+	categoryConversion: "Conversion",
+	categoryColor: "Color"
+};
+function be({ render: e, onInsert: t }) {
+	return /* @__PURE__ */ S(x, { children: e({ onInsert: t }) });
+}
+function N(e, t, n, r) {
+	let i = e.trim();
+	return i ? !n || t === "valid" && r === i : !1;
+}
+function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFunctions: h, isLoadingFunctions: x = !1, validateExpression: w, renderVariablePicker: T, labels: D, className: P }) {
+	let F = {
+		...M,
+		...D
+	}, xe = {
+		logic: F.categoryLogic,
+		math: F.categoryMath,
+		text: F.categoryText,
+		convert: F.categoryConversion,
+		color: F.categoryColor
+	}, I = w !== void 0, L = le(), [R, z] = b(d), [B, V] = b(d && I ? "validating" : "idle"), [H, U] = b(null), [Se, Ce] = b(/* @__PURE__ */ new Set()), W = y(null), G = y(null), K = y(null), q = y(R);
+	v(() => {
+		q.current = R;
+	}, [R]);
+	let J = y(null), [we, Y] = b(null), Te = y({
+		expr: R,
+		validationState: B,
+		hasValidator: I,
+		onConfirm: p
+	});
+	v(() => {
+		Te.current = {
+			expr: R,
+			validationState: B,
+			hasValidator: I,
+			onConfirm: p
+		};
+	}, [
+		R,
+		B,
+		I,
+		p
+	]);
+	let Ee = y(w);
+	v(() => {
+		Ee.current = w;
+	}, [w]);
+	let X = _((e) => {
+		K.current && clearTimeout(K.current);
+		let t = e.trim();
+		t && (K.current = setTimeout(async () => {
+			let e = Ee.current;
+			if (e && q.current.trim() === t) try {
+				let n = await e(t);
+				if (q.current.trim() !== t) return;
+				n.valid ? (J.current = t, Y(t), V("valid"), U(null)) : (J.current = null, Y(null), V("invalid"), U(n.error ? n.error.replace(/^Formula\s+/, "") : null));
+			} catch {
+				V("idle"), U(null);
+			}
+		}, 300));
+	}, []), Z = _((e) => {
+		if (!e.trim() || !I) {
+			K.current && clearTimeout(K.current), J.current = null, Y(null), V("idle"), U(null);
+			return;
+		}
+		V("validating"), X(e);
+	}, [I, X]), Q = y(Z);
+	v(() => {
+		Q.current = Z;
+	}, [Z]), v(() => (X(d), () => {
+		K.current && clearTimeout(K.current);
+	}), [d, X]), v(() => {
+		if (!W.current) return;
+		let e = new E({
+			state: me.create({
+				doc: O(d),
+				extensions: [
+					ge,
+					pe(_e),
+					ve,
+					ue(),
+					E.lineWrapping,
+					E.contentAttributes.of({ "aria-labelledby": L }),
+					he.of([
+						...de,
+						fe,
+						{
+							key: "Mod-Enter",
+							run: () => {
+								let { expr: e, validationState: t, hasValidator: n, onConfirm: r } = Te.current;
+								return N(e, t, n, J.current) ? (r(e.trim()), !0) : !1;
+							}
+						}
+					]),
+					E.updateListener.of((e) => {
+						if (!e.docChanged) return;
+						let t = k(e.state.doc.toString());
+						z(t), Q.current(t);
+					}),
+					E.domEventHandlers({ mousedown: (e) => e.stopPropagation() })
+				]
+			}),
+			parent: W.current
+		});
+		return G.current = e, e.focus(), f === "edit" && d && e.dispatch({ selection: {
+			anchor: 0,
+			head: e.state.doc.length
+		} }), () => {
+			e.destroy(), G.current = null;
+		};
+	}, []), v(() => {
+		let e = G.current;
+		if (!e || k(e.state.doc.toString()) === R) return;
+		let t = O(R);
+		e.dispatch({
+			changes: {
+				from: 0,
+				to: e.state.doc.length,
+				insert: t
+			},
+			selection: { anchor: t.length }
+		});
+	}, [R]);
+	let De = () => {
+		N(R, B, I, we) && p(R.trim());
+	}, Oe = (e) => {
+		let t = `${e}()`, n = G.current;
+		if (!n) return;
+		let r = O(t), i = r.indexOf("\n"), a = i >= 0 ? r.indexOf("\n", i + 1) : -1, o = a >= 0 ? a : r.length;
+		n.dispatch({
+			changes: {
+				from: 0,
+				to: n.state.doc.length,
+				insert: r
+			},
+			selection: { anchor: o }
+		}), n.focus(), z(t);
+	}, ke = (e) => {
+		let t = e.replace(/^\{\{/, "").replace(/\}\}$/, ""), n = G.current;
+		if (!n) return;
+		let r = n.state.selection.main.head;
+		n.dispatch({
+			changes: {
+				from: r,
+				to: r,
+				insert: t
+			},
+			selection: { anchor: r + t.length }
+		}), n.focus();
+		let i = k(n.state.doc.toString());
+		z(i);
+	}, Ae = (e) => {
+		Ce((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, je = !N(R, B, I, we), $ = /* @__PURE__ */ new Map();
+	for (let e of h ?? []) {
+		let t = $.get(e.category);
+		t ? t.push(e) : $.set(e.category, [e]);
+	}
+	for (let e of $.values()) e.sort((e, t) => e.name.localeCompare(t.name));
+	let Me = [...A.filter((e) => $.get(e)?.length), ...[...$.keys()].filter((e) => !A.includes(e)).sort((e, t) => e.localeCompare(t))];
+	return /* @__PURE__ */ S(ne, { children: /* @__PURE__ */ C(r, {
+		"data-slot": "formula-editor-panel",
+		direction: "col",
+		className: e("sm:flex-row w-full sm:h-[560px]", P),
+		children: [/* @__PURE__ */ S(n, {
+			className: e("order-2 sm:order-1", "sm:w-[260px] sm:flex-shrink-0", "border-t sm:border-t-0 sm:border-r border-border", "sm:overflow-y-auto"),
+			children: /* @__PURE__ */ C(i, {
+				defaultValue: "functions",
+				children: [
+					T && /* @__PURE__ */ S(n, {
+						className: "px-3 pt-2 pb-1 sm:sticky sm:top-0 sm:bg-popover sm:z-10 sm:border-b sm:border-border/50",
+						children: /* @__PURE__ */ C(o, {
+							className: "h-8 w-full bg-muted p-0.5",
+							children: [/* @__PURE__ */ S(s, {
+								value: "functions",
+								className: "flex-1 h-full text-xs px-2 data-[active]:bg-background data-[active]:shadow-sm",
+								children: F.functionsTab
+							}), /* @__PURE__ */ S(s, {
+								value: "variables",
+								className: "flex-1 h-full text-xs px-2 data-[active]:bg-background data-[active]:shadow-sm",
+								children: F.variablesTab
+							})]
+						})
+					}),
+					/* @__PURE__ */ C(a, {
+						value: "functions",
+						className: "mt-0",
+						children: [x && /* @__PURE__ */ C(u, {
+							gap: "1.5",
+							className: "px-3 py-2",
+							role: "status",
+							"aria-label": F.loading,
+							children: [
+								/* @__PURE__ */ S(c, { className: "h-3 w-2/3" }),
+								/* @__PURE__ */ S(c, { className: "h-3 w-1/2" }),
+								/* @__PURE__ */ S(c, { className: "h-3 w-3/4" })
+							]
+						}), /* @__PURE__ */ S(u, {
+							gap: "1",
+							className: "px-2 pb-2",
+							children: Me.map((t) => {
+								let r = Se.has(t), i = $.get(t) ?? [], a = j(ye, t), o = a?.icon, s = `${L}-cat-${t}`;
+								return /* @__PURE__ */ C(n, {
+									className: e("overflow-hidden border-l-2", a?.border ?? "border-border/0"),
+									children: [/* @__PURE__ */ C("button", {
+										type: "button",
+										onClick: () => Ae(t),
+										"aria-expanded": !r,
+										"aria-controls": s,
+										className: e("flex items-center justify-between w-full px-2 py-1.5 text-[11px] font-semibold transition-colors", "bg-muted/40 hover:bg-muted/70", "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", a?.text ?? "text-muted-foreground"),
+										children: [/* @__PURE__ */ C(l, {
+											as: "span",
+											weight: "semibold",
+											className: e("flex items-center gap-1.5 text-[11px]", a?.text ?? "text-muted-foreground"),
+											children: [o && /* @__PURE__ */ S(o, { className: "w-3 h-3" }), j(xe, t) ?? t]
+										}), S(r ? oe : ae, { className: "w-3 h-3 text-muted-foreground" })]
+									}), !r && /* @__PURE__ */ S(n, {
+										id: s,
+										className: "py-0.5",
+										children: i.map((e) => /* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(re, {
+											asChild: !0,
+											children: /* @__PURE__ */ C("button", {
+												type: "button",
+												onClick: () => Oe(e.name),
+												className: "w-full text-left px-3 py-1 text-xs hover:bg-accent hover:text-accent-foreground transition-colors flex items-baseline gap-2 group outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+												children: [/* @__PURE__ */ S(l, {
+													as: "span",
+													size: "xs",
+													weight: "semibold",
+													className: "font-mono flex-shrink-0 group-hover:text-accent-foreground",
+													children: e.name
+												}), /* @__PURE__ */ S(l, {
+													as: "span",
+													tone: "muted",
+													className: "font-mono text-[10px] truncate group-hover:text-accent-foreground/70",
+													children: e.signature
+												})]
+											})
+										}), /* @__PURE__ */ C(te, {
+											side: "right",
+											className: "max-w-[220px]",
+											children: [/* @__PURE__ */ S(l, {
+												size: "xs",
+												weight: "semibold",
+												className: "font-mono",
+												children: e.signature
+											}), /* @__PURE__ */ S(l, {
+												size: "xs",
+												tone: "muted",
+												className: "mt-0.5",
+												children: e.summary
+											})]
+										})] }, e.name))
+									})]
+								}, t);
+							})
+						})]
+					}),
+					T && /* @__PURE__ */ S(a, {
+						value: "variables",
+						className: "mt-0",
+						children: /* @__PURE__ */ S(ce, {
+							fallback: /* @__PURE__ */ C(n, {
+								className: "p-3 min-w-[300px]",
+								children: [
+									/* @__PURE__ */ S(c, { className: "h-4 w-full mb-2" }),
+									/* @__PURE__ */ S(c, { className: "h-4 w-3/4 mb-2" }),
+									/* @__PURE__ */ S(c, { className: "h-4 w-1/2" })
+								]
+							}),
+							children: /* @__PURE__ */ S(be, {
+								render: T,
+								onInsert: ke
+							})
+						})
+					})
+				]
+			})
+		}), /* @__PURE__ */ C(r, {
+			direction: "col",
+			className: "order-1 sm:order-2 flex-1 min-w-0 sm:overflow-hidden",
+			children: [/* @__PURE__ */ C(u, {
+				gap: "1.5",
+				className: "px-3 pt-3 pb-2.5 sm:flex-1 sm:flex sm:flex-col sm:overflow-hidden",
+				children: [
+					/* @__PURE__ */ S(l, {
+						as: "span",
+						id: L,
+						tone: "muted",
+						weight: "semibold",
+						className: "text-[10px] uppercase tracking-widest",
+						children: F.formulaExpression
+					}),
+					/* @__PURE__ */ C(n, {
+						className: e("rounded-md border overflow-hidden sm:flex-1 sm:flex sm:flex-col sm:min-h-0", B === "invalid" && "border-destructive", B === "valid" && "border-success", B !== "invalid" && B !== "valid" && "border-border"),
+						children: [
+							/* @__PURE__ */ C(r, {
+								align: "center",
+								justify: "between",
+								className: e("px-2.5 py-1 border-b sm:flex-shrink-0", "bg-muted/20 select-none", B === "invalid" && "border-destructive/40", B === "valid" && "border-success/40", B !== "invalid" && B !== "valid" && "border-border"),
+								children: [/* @__PURE__ */ S(l, {
+									as: "span",
+									className: "text-[10px] text-muted-foreground/50 font-mono",
+									children: "{{="
+								}), /* @__PURE__ */ S(l, {
+									as: "span",
+									className: "flex items-center",
+									children: B === "valid" && R.trim() ? /* @__PURE__ */ S(ie, { className: "w-3.5 h-3.5 text-success" }) : B === "invalid" ? /* @__PURE__ */ S(g, { className: "w-3.5 h-3.5 text-destructive" }) : B === "validating" ? /* @__PURE__ */ S(se, { className: "w-3.5 h-3.5 text-muted-foreground/50 animate-spin motion-reduce:animate-none" }) : null
+								})]
+							}),
+							/* @__PURE__ */ S(n, {
+								ref: W,
+								className: "sm:flex-1 sm:min-h-0 sm:overflow-hidden"
+							}),
+							/* @__PURE__ */ S(n, {
+								className: e("px-2.5 py-1 border-t bg-muted/20 select-none sm:flex-shrink-0", B === "invalid" && "border-destructive/40", B === "valid" && "border-success/40", B !== "invalid" && B !== "valid" && "border-border"),
+								children: /* @__PURE__ */ S(l, {
+									as: "span",
+									className: "text-[10px] text-muted-foreground/50 font-mono",
+									children: "}}"
+								})
+							})
+						]
+					}),
+					B === "invalid" && H && /* @__PURE__ */ C(r, {
+						align: "start",
+						gap: "1",
+						role: "alert",
+						className: "text-destructive",
+						children: [/* @__PURE__ */ S(g, { className: "w-3 h-3 flex-shrink-0 mt-0.5" }), /* @__PURE__ */ S(l, {
+							as: "span",
+							tone: "destructive",
+							className: "text-[10px]",
+							children: H
+						})]
+					})
+				]
+			}), /* @__PURE__ */ C(r, {
+				justify: "end",
+				gap: "2",
+				className: "flex-shrink-0 border-t border-border px-3 py-2",
+				children: [f === "edit" && m && /* @__PURE__ */ S(t, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: m,
+					className: "text-xs",
+					children: d ? F.close : F.cancel
+				}), /* @__PURE__ */ C(t, {
+					type: "button",
+					size: "sm",
+					onClick: De,
+					disabled: je,
+					className: "text-xs",
+					children: [f === "create" ? F.insert : F.done, /* @__PURE__ */ S("kbd", {
+						className: "hidden sm:inline-flex items-center gap-0.5 px-1 py-0.5 rounded-sm text-[9px] font-sans opacity-60 bg-primary-foreground/20",
+						children: "⌘↵"
+					})]
+				})]
+			})]
+		})]
+	}) });
+}
+//#endregion
+export { M as DEFAULT_FORMULA_EDITOR_LABELS, P as FormulaEditorPanel };
+
+//# sourceMappingURL=formula-editor-panel.js.map

package/dist/components/editor/formula/formula-editor-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula-editor-panel.js","names":[],"sources":["../../../../src/components/editor/formula/formula-editor-panel.tsx"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+/**
+ * React NodeView for Color Tile nodes
+ * Displays {{red}}, {{blue}}, etc. as solid colored tiles
+ * Can be dragged and dropped, deleted with backspace, and copied/pasted
+ */
+import type { ReactNodeViewProps } from "@tiptap/react";
+export interface ColorTileNodeViewLabels {
+    /** Tile tooltip. `color` is the token name, `code` the hardware color code. */
+    colorTileTooltip: (color: string, code: number) => string;
+    /**
+     * Accessible name for the tile. The app hard-coded this one in English while
+     * translating its sibling tooltip, so screen-reader users got the untranslated
+     * string; it is a label here like every other user-visible string.
+     */
+    colorTileAriaLabel: (color: string) => string;
+}
+export declare const DEFAULT_COLOR_TILE_NODE_VIEW_LABELS: ColorTileNodeViewLabels;
+export type ColorTileNodeViewProps = ReactNodeViewProps & {
+    labels?: Partial<ColorTileNodeViewLabels>;
+};
+export declare function ColorTileNodeView({ node, labels }: ColorTileNodeViewProps): import("react").JSX.Element;

package/dist/components/editor/node-views/color-tile-node-view.js

@@ -0,0 +1,66 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { Box as t } from "../../layout/box.js";
+import { Text as n } from "../../typography/text.js";
+import { Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "../../overlays/tooltip.js";
+import { BOARD_COLORS as s, getBoardColor as c, isValidBoardColor as l } from "../../../lib/board-colors.js";
+import { useNodeViewInjection as u } from "./node-view-context.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { NodeViewWrapper as p } from "@tiptap/react";
+//#region src/components/editor/node-views/color-tile-node-view.tsx
+var m = {
+	colorTileTooltip: (e, t) => `${e} tile (code ${t}) - drag to move, backspace to delete`,
+	colorTileAriaLabel: (e) => `${e} color tile`
+};
+function h({ node: h, labels: g }) {
+	let _ = u(), v = {
+		...m,
+		..._.labels,
+		...g
+	}, { color: y, code: b } = h.attrs, x = l(y) ? c(y) : s.red;
+	return /* @__PURE__ */ d(a, { children: /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(o, {
+		asChild: !0,
+		children: /* @__PURE__ */ f(p, {
+			as: "span",
+			className: e("relative rounded-[3px] cursor-grab", "transition-all duration-control", "hover:scale-105", "active:cursor-grabbing active:scale-100"),
+			"data-drag-handle": !0,
+			style: {
+				backgroundColor: x,
+				width: "1.5ch",
+				height: "1rem",
+				maxHeight: "1rem",
+				minHeight: "1rem",
+				boxShadow: "\n    0 2px 4px rgba(0,0,0,0.3),\n    inset 0 1px 1px rgba(255,255,255,0.15),\n    inset 0 -1px 1px rgba(0,0,0,0.25),\n    inset 1px 0 1px rgba(255,255,255,0.1),\n    inset -1px 0 1px rgba(0,0,0,0.2)\n  ",
+				display: "inline-block",
+				verticalAlign: "middle",
+				marginLeft: "1px",
+				marginRight: "1px",
+				whiteSpace: "nowrap"
+			},
+			children: [
+				/* @__PURE__ */ d(t, { className: "absolute top-1/2 left-0 right-0 h-[1px] bg-black/10" }),
+				/* @__PURE__ */ d(t, {
+					className: "absolute inset-0 pointer-events-none rounded-[3px]",
+					style: { background: "linear-gradient(180deg, rgba(255,255,255,0.15) 0%, transparent 50%, rgba(0,0,0,0.2) 100%)" }
+				}),
+				/* @__PURE__ */ d("span", {
+					"aria-label": v.colorTileAriaLabel(y),
+					style: {
+						position: "absolute",
+						inset: 0,
+						color: "transparent",
+						overflow: "hidden",
+						lineHeight: "1rem",
+						fontSize: "1rem",
+						pointerEvents: "none"
+					},
+					children: "█"
+				})
+			]
+		})
+	}), /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(n, { children: v.colorTileTooltip(y, b) }) })] }) });
+}
+//#endregion
+export { h as ColorTileNodeView, m as DEFAULT_COLOR_TILE_NODE_VIEW_LABELS };
+
+//# sourceMappingURL=color-tile-node-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-tile-node-view.js","names":[],"sources":["../../../../src/components/editor/node-views/color-tile-node-view.tsx"],"mappings":";;;;;;;;;;AAkCA,IAAa,IAA+D;CAC1E,mBAAmB,GAAO,MAAS,GAAG,EAAM,cAAc,EAAK;CAC/D,qBAAqB,MAAU,GAAG,EAAM;AAC1C;AAMA,SAAgB,EAAkB,EAAE,SAAM,aAAkC;CAC1E,IAAM,IAAW,EAAqB,GAChC,IAAI;EAAE,GAAG;EAAqC,GAAG,EAAS;EAAQ,GAAG;CAAO,GAC5E,EAAE,UAAO,YAAS,EAAK,OAavB,IAAU,EAAkB,CAAK,IAAI,EAAc,CAAK,IAAI,EAAa;CAW/E,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,SAAA;EACd,UAAA,kBAAC,GAAD;GACE,IAAG;GACH,WAAW,EACT,sCACA,mCACA,mBACA,yCACF;GACA,oBAAA;GACA,OAAO;IACL,iBAAiB;IACjB,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACX,WAAA;IACA,SAAS;IACT,eAAe;IACf,YAAY;IACZ,aAAa;IACb,YAAY;GACd;GArBF,UAAA;IAwBE,kBAAC,GAAD,EAAK,WAAU,sDAAuD,CAAA;IAGtE,kBAAC,GAAD;KACE,WAAU;KACV,OAAO,EACL,YAAY,4FACd;IACD,CAAA;IASD,kBAAC,QAAD;KACE,cAAY,EAAE,mBAAmB,CAAK;KACtC,OAAO;MACL,UAAU;MACV,OAAO;MACP,OAAO;MACP,UAAU;MACV,YAAY;MACZ,UAAU;MACV,eAAe;KACjB;KAEC,UAAA;IACG,CAAA;GACS;;CACH,CAAA,GAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAO,EAAE,iBAAiB,GAAO,CAAI,EAAQ,CAAA,EAC/B,CAAA,CACT,EAAA,CAAA,EACM,CAAA;AAErB"}

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

@@ -0,0 +1,16 @@
+/**
+ * React NodeView for FillSpace nodes
+ * Displays {{fill_space}} as an expandable ruler with estimated expansion
+ */
+import type { ReactNodeViewProps } from "@tiptap/react";
+export interface FillSpaceNodeViewLabels {
+    /** Tooltip for a plain `{{fill_space}}`. */
+    fillSpaceTooltip: string;
+    /** Tooltip for `{{fill_space_repeat:x}}`. `char` is the repeated character. */
+    fillSpaceRepeatTooltip: (char: string) => string;
+}
+export declare const DEFAULT_FILL_SPACE_NODE_VIEW_LABELS: FillSpaceNodeViewLabels;
+export type FillSpaceNodeViewProps = ReactNodeViewProps & {
+    labels?: Partial<FillSpaceNodeViewLabels>;
+};
+export declare function FillSpaceNodeView({ node, labels }: FillSpaceNodeViewProps): import("react").JSX.Element;