@fiestaboard/ui 3.0.1 → 3.2.0

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>;

package/dist/components/editor/extensions/trailing-newline.js

@@ -0,0 +1,27 @@
+import "../constants.js";
+import { Plugin as e, PluginKey as t } from "@tiptap/pm/state";
+import { Extension as n } from "@tiptap/core";
+//#region src/components/editor/extensions/trailing-newline.ts
+var r = n.create({
+	name: "trailingNewline",
+	addProseMirrorPlugins() {
+		return [new e({
+			key: new t("trailingNewline"),
+			appendTransaction(e, t, n) {
+				let { doc: r, tr: i } = n, a = !1;
+				return r.descendants((e, t) => {
+					if (e.type.name !== "paragraph") return;
+					let n = e.lastChild;
+					if (n && n.type.name === "hardBreak") {
+						let n = t + e.nodeSize - 1;
+						i.insertText("​", n), a = !0;
+					}
+				}), a ? i : null;
+			}
+		})];
+	}
+});
+//#endregion
+export { r as TrailingNewline };
+
+//# sourceMappingURL=trailing-newline.js.map

package/dist/components/editor/extensions/trailing-newline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trailing-newline.js","names":[],"sources":["../../../../src/components/editor/extensions/trailing-newline.ts"],"mappings":";;;;AAgBA,IAAa,IAAkB,EAAU,OAAO;CAC9C,MAAM;CAEN,wBAAwB;EACtB,OAAO,CACL,IAAI,EAAO;GACT,KAAK,IAAI,EAAU,iBAAiB;GAEpC,kBAAkB,GAAe,GAAW,GAAU;IACpD,IAAM,EAAE,QAAK,UAAO,GAEhB,IAAW;IAef,OAbA,EAAI,aAAa,GAAM,MAAQ;KAC7B,IAAI,EAAK,KAAK,SAAS,aAAa;KAEpC,IAAM,IAAY,EAAK;KAClB,SAED,EAAU,KAAK,SAAS,aAAa;MACvC,IAAM,IAAY,IAAM,EAAK,WAAW;MAExC,AADA,EAAG,WAAA,KAA0B,CAAS,GACtC,IAAW;KACb;IACF,CAAC,GAEM,IAAW,IAAK;GACzB;EACF,CAAC,CACH;CACF;AACF,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * VariableNode - Inline node for {{plugin.field}} variables
+ * Supports filters like |pad:3, |wrap, etc.
+ */
+import { Node } from "@tiptap/core";
+export interface VariableAttrs {
+    pluginId: string;
+    field: string;
+    filters: Array<{
+        name: string;
+        arg?: string;
+    }>;
+    maxLength?: number;
+}
+export declare const VariableNode: Node<any, any>;

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

@@ -0,0 +1,56 @@
+"use client";
+import { VariableNodeView as e } from "../node-views/variable-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/variable-node.ts
+var i = n.create({
+	name: "variable",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	selectable: !1,
+	draggable: !0,
+	addAttributes() {
+		return {
+			pluginId: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-plugin-id"),
+				renderHTML: (e) => ({ "data-plugin-id": e.pluginId })
+			},
+			field: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-field"),
+				renderHTML: (e) => ({ "data-field": e.field })
+			},
+			filters: {
+				default: [],
+				parseHTML: (e) => {
+					let t = e.getAttribute("data-filters");
+					return t ? JSON.parse(t) : [];
+				},
+				renderHTML: (e) => ({ "data-filters": JSON.stringify(e.filters || []) })
+			},
+			maxLength: {
+				default: 10,
+				parseHTML: (e) => {
+					let t = e.getAttribute("data-max-length");
+					return t ? parseInt(t, 10) : 10;
+				},
+				renderHTML: (e) => ({ "data-max-length": e.maxLength?.toString() || "10" })
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-type=\"variable\"]" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return ["span", r({ "data-type": "variable" }, e)];
+	},
+	addNodeView() {
+		return t(e);
+	}
+});
+//#endregion
+export { i as VariableNode };
+
+//# sourceMappingURL=variable-node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variable-node.js","names":[],"sources":["../../../../src/components/editor/extensions/variable-node.ts"],"mappings":";;;;;AAkBA,IAAa,IAAe,EAAK,OAAO;CACtC,MAAM;CAEN,OAAO;CAEP,QAAQ;CAER,MAAM;CAEN,YAAY;CAEZ,WAAW;CAEX,gBAAgB;EACd,OAAO;GACL,UAAU;IACR,SAAS;IACT,YAAY,MAAY,EAAQ,aAAa,gBAAgB;IAC7D,aAAa,OAAgB,EAC3B,kBAAkB,EAAW,SAC/B;GACF;GACA,OAAO;IACL,SAAS;IACT,YAAY,MAAY,EAAQ,aAAa,YAAY;IACzD,aAAa,OAAgB,EAC3B,cAAc,EAAW,MAC3B;GACF;GACA,SAAS;IACP,SAAS,CAAC;IACV,YAAY,MAAY;KACtB,IAAM,IAAa,EAAQ,aAAa,cAAc;KACtD,OAAO,IAAa,KAAK,MAAM,CAAU,IAAI,CAAC;IAChD;IACA,aAAa,OAAgB,EAC3B,gBAAgB,KAAK,UAAU,EAAW,WAAW,CAAC,CAAC,EACzD;GACF;GACA,WAAW;IACT,SAAS;IACT,YAAY,MAAY;KACtB,IAAM,IAAS,EAAQ,aAAa,iBAAiB;KACrD,OAAO,IAAS,SAAS,GAAQ,EAAE,IAAI;IACzC;IACA,aAAa,OAAgB,EAC3B,mBAAmB,EAAW,WAAW,SAAS,KAAK,KACzD;GACF;EACF;CACF;CAEA,YAAY;EACV,OAAO,CACL,EACE,KAAK,+BACP,CACF;CACF;CAEA,WAAW,EAAE,qBAAkB;EAC7B,OAAO,CAAC,QAAQ,EAAgB,EAAE,aAAa,WAAW,GAAG,CAAc,CAAC;CAC9E;CAEA,cAAc;EACZ,OAAO,EAAsB,CAAgB;CAC/C;AACF,CAAC"}

package/dist/components/editor/extensions/wrapped-text-node.d.ts

@@ -0,0 +1,9 @@
+/**
+ * WrappedTextNode - Inline node for text that will be wrapped
+ * Created when user selects text and applies wrap filter
+ */
+import { Node } from "@tiptap/core";
+export interface WrappedTextAttrs {
+    text: string;
+}
+export declare const WrappedTextNode: Node<any, any>;

package/dist/components/editor/extensions/wrapped-text-node.js

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

package/dist/components/editor/extensions/wrapped-text-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapped-text-node.js","names":[],"sources":["../../../../src/components/editor/extensions/wrapped-text-node.ts"],"mappings":";;;;;AAeA,IAAa,IAAkB,EAAK,OAAO;CACzC,MAAM;CAEN,OAAO;CAEP,QAAQ;CAER,MAAM;CAEN,gBAAgB;EACd,OAAO,EACL,MAAM;GACJ,SAAS;GACT,YAAY,MAAY,EAAQ,aAAa,WAAW,KAAK,EAAQ,eAAe;GACpF,aAAa,OAAgB,EAC3B,aAAa,EAAW,KAC1B;EACF,EACF;CACF;CAEA,YAAY;EACV,OAAO,CACL,EACE,KAAK,mCACP,CACF;CACF;CAEA,WAAW,EAAE,qBAAkB;EAC7B,OAAO,CAAC,QAAQ,EAAgB,EAAE,aAAa,eAAe,GAAG,CAAc,CAAC;CAClF;CAEA,cAAc;EACZ,OAAO,EAAsB,CAAe;CAC9C;AACF,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { Editor } from "@tiptap/react";
+export interface FilterPickerLabels {
+    noFiltersAvailable: string;
+    selectVariableFirst: string;
+    filterDescWrap: string;
+    filterDescPad: string;
+    filterDescTruncate: string;
+    wrapInstruction: string;
+    /** The template snippet is syntax — it stays verbatim in every locale. */
+    exampleLabel: (example: string) => string;
+}
+export declare const DEFAULT_FILTER_PICKER_LABELS: FilterPickerLabels;
+export interface FilterPickerContentProps {
+    /** Filter names as declared by the template engine, e.g. `["wrap", "pad:3"]`. */
+    filters: string[];
+    /**
+     * The live TipTap editor, so a picked filter can be applied to the variable
+     * under the caret. `null` degrades to plain text insertion via `onInsert`.
+     */
+    editor: Editor | null;
+    onInsert?: (filter: string) => void;
+    labels?: Partial<FilterPickerLabels>;
+}
+export declare function FilterPickerContent({ filters, editor, onInsert, labels }: FilterPickerContentProps): import("react").JSX.Element;

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

@@ -0,0 +1,146 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../feedback/badge.js";
+import { Box as n } from "../layout/box.js";
+import { Flex as r } from "../layout/flex.js";
+import { Code as i } from "../typography/code.js";
+import { Text as a } from "../typography/text.js";
+import { Stack as o } from "../layout/stack.js";
+import { AlertCircle as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/editor/filter-picker-content.tsx
+var u = {
+	noFiltersAvailable: "No filters available",
+	selectVariableFirst: "Select a variable first to apply a filter, or click to insert filter text.",
+	filterDescWrap: "Wraps long text across multiple lines",
+	filterDescPad: "Pads text to specified width",
+	filterDescTruncate: "Truncates text to specified length",
+	wrapInstruction: "Wraps long text. Leave empty lines below for text to flow into.",
+	exampleLabel: (e) => `Example: ${e}`
+};
+function d(e) {
+	let { state: t } = e, { selection: n } = t, { $from: r } = n;
+	for (let e = r.depth; e > 0; e--) {
+		let t = r.node(e);
+		if (t.type.name === "variable") return {
+			node: t,
+			pos: r.before(e)
+		};
+	}
+	let i = null;
+	return t.doc.nodesBetween(n.from, n.to, (e, t) => {
+		if (i) return !1;
+		if (e.type.name === "variable") return i = {
+			node: e,
+			pos: t
+		}, !1;
+	}), i;
+}
+function f(e, t) {
+	let { $from: n } = e.state.selection;
+	for (let e = n.depth; e > 0; e--) if (n.node(e).type.name === t) return !0;
+	return !1;
+}
+function p({ filters: p, editor: m, onInsert: h, labels: g }) {
+	let _ = {
+		...u,
+		...g
+	};
+	if (p.length === 0) return /* @__PURE__ */ c(a, {
+		tone: "muted",
+		className: "p-3",
+		children: _.noFiltersAvailable
+	});
+	let v = m !== null && d(m) !== null, y = (e) => {
+		if (!m) {
+			h?.(`|${e}`);
+			return;
+		}
+		let { state: t } = m, { selection: n } = t, r = d(m);
+		if (r) {
+			let n = r.node.attrs.filters || [], i = e.split(":")[0];
+			if (!n.some((e) => e.name === i)) {
+				let i = e.split(":"), a = {
+					name: i[0],
+					arg: i[1] || void 0
+				}, o = [...n, a], s = t.tr;
+				s.setNodeMarkup(r.pos, void 0, {
+					...r.node.attrs,
+					filters: o
+				}), m.view.dispatch(s), m.chain().focus().run();
+			}
+		} else if (e === "wrap" && n.from !== n.to) {
+			let r = t.doc.textBetween(n.from, n.to);
+			r.trim().length > 0 ? f(m, "wrappedText") || m.chain().focus().deleteSelection().insertContent({
+				type: "wrappedText",
+				attrs: { text: r }
+			}).run() : h?.(`|${e}`);
+		} else h?.(`|${e}`);
+	};
+	return /* @__PURE__ */ l(n, {
+		className: "p-2 min-w-[250px]",
+		children: [
+			!v && m && /* @__PURE__ */ l(r, {
+				align: "start",
+				gap: "2",
+				className: "mb-2 p-2 bg-muted/50 rounded-md text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ c(s, { className: "w-3.5 h-3.5 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ c(a, {
+					as: "span",
+					size: "xs",
+					tone: "muted",
+					children: _.selectVariableFirst
+				})]
+			}),
+			/* @__PURE__ */ c(o, {
+				gap: "2",
+				children: p.map((n) => {
+					let r = n.split(":")[0];
+					return /* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: () => y(n),
+						className: e("w-full text-left px-3 py-2 rounded-md text-sm", "hover:bg-accent hover:text-accent-foreground transition-colors", "flex items-center gap-2"),
+						children: [/* @__PURE__ */ l(t, {
+							variant: "secondary",
+							className: "font-mono text-xs",
+							children: ["|", n]
+						}), /* @__PURE__ */ l(a, {
+							as: "span",
+							size: "xs",
+							tone: "muted",
+							children: [
+								r === "wrap" && _.filterDescWrap,
+								r === "pad" && _.filterDescPad,
+								r === "truncate" && _.filterDescTruncate
+							]
+						})]
+					}, n);
+				})
+			}),
+			/* @__PURE__ */ l(o, {
+				gap: "1",
+				className: "mt-3 pt-3 border-t text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ c(a, {
+					size: "xs",
+					tone: "muted",
+					children: _.exampleLabel("{{weather.temperature|pad:3}}")
+				}), /* @__PURE__ */ l(a, {
+					tone: "muted",
+					className: "text-[10px]",
+					children: [
+						/* @__PURE__ */ c(i, {
+							className: "bg-transparent px-0 py-0 text-[10px] font-semibold text-muted-foreground",
+							children: "|wrap"
+						}),
+						":",
+						" ",
+						_.wrapInstruction
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { u as DEFAULT_FILTER_PICKER_LABELS, p as FilterPickerContent };
+
+//# sourceMappingURL=filter-picker-content.js.map

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

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

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { type BoardColorName } from "../../lib/board-colors";
+export interface FormattingPickerLabels {
+    noFormattingAvailable: string;
+    back: string;
+    selectColor: string;
+    orCustomPattern: string;
+    use: string;
+    /** Placeholder for the custom repeat-pattern field. Punctuation, but still on screen. */
+    customPatternPlaceholder: string;
+    /** Display name per board color, shown on and announced for each swatch. */
+    colorNames: Record<BoardColorName, string>;
+    /** Accessible name for one swatch, given its display name. */
+    colorOptionLabel: (colorName: string) => string;
+}
+export declare const DEFAULT_FORMATTING_PICKER_LABELS: FormattingPickerLabels;
+export interface FormattingPickerContentProps {
+    /**
+     * Formatting options keyed by name, as declared by the template engine.
+     * Optional because the app's call site passes a possibly-absent
+     * `templateVars?.formatting`; an empty map renders the "none available" copy.
+     */
+    formatting?: Record<string, {
+        syntax: string;
+        description?: string;
+    }>;
+    onInsert: (syntax: string) => void;
+    labels?: Partial<FormattingPickerLabels>;
+}
+export declare function FormattingPickerContent({ formatting, onInsert, labels }: FormattingPickerContentProps): React.JSX.Element;