@fiestaboard/ui 5.9.0 → 5.10.0

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

@@ -1,23 +1,23 @@
 "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 { Text as n } from "../../typography/text.js";
+import { Box as r } from "../../layout/box.js";
+import { Flex as i } from "../../layout/flex.js";
+import { Tabs as a, TabsContent as o, TabsList as s, TabsTrigger as c } from "../../containment/tabs.js";
+import { Skeleton as l } from "../../feedback/skeleton.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";
+import { Fragment as ue, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { history as de, historyKeymap as fe, indentWithTab as pe } from "@codemirror/commands";
+import { HighlightStyle as C, StreamLanguage as w, syntaxHighlighting as me } from "@codemirror/language";
+import { EditorState as he } from "@codemirror/state";
+import { EditorView as T, keymap as ge } from "@codemirror/view";
+import { tags as E } from "@lezer/highlight";
 //#region src/components/editor/formula/formula-editor-panel.tsx
-function O(e) {
+function D(e) {
 	let t = "", n = 0, r = !1, i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -33,50 +33,50 @@ function O(e) {
 	}
 	return t.trim();
 }
-function k(e) {
+function O(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({
+var _e = w.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
+		string: E.string,
+		number: E.number,
+		variable: E.variableName,
+		function: E.keyword,
+		operator: E.operator,
+		punctuation: E.punctuation
 	}
-}), _e = w.define([
+}), ve = C.define([
 	{
-		tag: D.keyword,
+		tag: E.keyword,
 		color: "var(--fiesta-formula-function)",
 		fontWeight: "600"
 	},
 	{
-		tag: D.string,
+		tag: E.string,
 		color: "var(--fiesta-formula-string)"
 	},
 	{
-		tag: D.number,
+		tag: E.number,
 		color: "var(--fiesta-formula-number)"
 	},
 	{
-		tag: D.variableName,
+		tag: E.variableName,
 		color: "var(--fiesta-formula-variable)"
 	},
 	{
-		tag: D.operator,
+		tag: E.operator,
 		color: "var(--muted-foreground)"
 	},
 	{
-		tag: D.punctuation,
+		tag: E.punctuation,
 		color: "var(--muted-foreground)"
 	}
-]), ve = E.theme({
+]), ye = T.theme({
 	"&": {
 		fontSize: "0.75rem",
 		fontFamily: "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)",
@@ -107,13 +107,13 @@ var ge = T.define({
 	"&.cm-focused .cm-selectionBackground": { background: "var(--accent) !important" },
 	".cm-gutters": { display: "none" },
 	".cm-placeholder": { color: "var(--muted-foreground)" }
-}), A = [
+}), k = [
 	"logic",
 	"math",
 	"text",
 	"convert",
 	"color"
-], ye = {
+], be = {
 	logic: {
 		icon: f,
 		text: "text-violet-400",
@@ -140,10 +140,10 @@ var ge = T.define({
 		border: "border-l-pink-400/60"
 	}
 };
-function j(e, t) {
+function A(e, t) {
 	return Object.hasOwn(e, t) ? e[t] : void 0;
 }
-var M = {
+var j = {
 	functionsTab: "Functions",
 	variablesTab: "Variables",
 	loading: "Loading…",
@@ -158,117 +158,117 @@ var M = {
 	categoryConversion: "Conversion",
 	categoryColor: "Color"
 };
-function be({ render: e, onInsert: t }) {
-	return /* @__PURE__ */ S(x, { children: e({ onInsert: t }) });
+function xe({ render: e, onInsert: t }) {
+	return /* @__PURE__ */ x(ue, { children: e({ onInsert: t }) });
 }
-function N(e, t, n, r) {
+function M(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);
+function N({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFunctions: h, isLoadingFunctions: ue = !1, validateExpression: C, renderVariablePicker: w, labels: E, className: N }) {
+	let P = {
+		...j,
+		...E
+	}, Se = {
+		logic: P.categoryLogic,
+		math: P.categoryMath,
+		text: P.categoryText,
+		convert: P.categoryConversion,
+		color: P.categoryColor
+	}, F = C !== void 0, I = le(), [L, R] = b(d), [z, B] = b(d && F ? "validating" : "idle"), [V, H] = b(null), [Ce, we] = b(/* @__PURE__ */ new Set()), U = y(null), W = y(null), G = y(null), K = y(L);
 	v(() => {
-		q.current = R;
-	}, [R]);
-	let J = y(null), [we, Y] = b(null), Te = y({
-		expr: R,
-		validationState: B,
-		hasValidator: I,
+		K.current = L;
+	}, [L]);
+	let q = y(null), [J, Y] = b(null), Te = y({
+		expr: L,
+		validationState: z,
+		hasValidator: F,
 		onConfirm: p
 	});
 	v(() => {
 		Te.current = {
-			expr: R,
-			validationState: B,
-			hasValidator: I,
+			expr: L,
+			validationState: z,
+			hasValidator: F,
 			onConfirm: p
 		};
 	}, [
-		R,
-		B,
-		I,
+		L,
+		z,
+		F,
 		p
 	]);
-	let Ee = y(w);
+	let X = y(C);
 	v(() => {
-		Ee.current = w;
-	}, [w]);
-	let X = _((e) => {
-		K.current && clearTimeout(K.current);
+		X.current = C;
+	}, [C]);
+	let Z = _((e) => {
+		G.current && clearTimeout(G.current);
 		let t = e.trim();
-		t && (K.current = setTimeout(async () => {
-			let e = Ee.current;
-			if (e && q.current.trim() === t) try {
+		t && (G.current = setTimeout(async () => {
+			let e = X.current;
+			if (e && K.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));
+				if (K.current.trim() !== t) return;
+				n.valid ? (q.current = t, Y(t), B("valid"), H(null)) : (q.current = null, Y(null), B("invalid"), H(n.error ? n.error.replace(/^Formula\s+/, "") : null));
 			} catch {
-				V("idle"), U(null);
+				B("idle"), H(null);
 			}
 		}, 300));
-	}, []), Z = _((e) => {
-		if (!e.trim() || !I) {
-			K.current && clearTimeout(K.current), J.current = null, Y(null), V("idle"), U(null);
+	}, []), Q = _((e) => {
+		if (!e.trim() || !F) {
+			G.current && clearTimeout(G.current), q.current = null, Y(null), B("idle"), H(null);
 			return;
 		}
-		V("validating"), X(e);
-	}, [I, X]), Q = y(Z);
+		B("validating"), Z(e);
+	}, [F, Z]), Ee = y(Q);
 	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),
+		Ee.current = Q;
+	}, [Q]), v(() => (Z(d), () => {
+		G.current && clearTimeout(G.current);
+	}), [d, Z]), v(() => {
+		if (!U.current) return;
+		let e = new T({
+			state: he.create({
+				doc: D(d),
 				extensions: [
-					ge,
-					pe(_e),
-					ve,
-					ue(),
-					E.lineWrapping,
-					E.contentAttributes.of({ "aria-labelledby": L }),
-					he.of([
-						...de,
-						fe,
+					_e,
+					me(ve),
+					ye,
+					de(),
+					T.lineWrapping,
+					T.contentAttributes.of({ "aria-labelledby": I }),
+					ge.of([
+						...fe,
+						pe,
 						{
 							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;
+								return M(e, t, n, q.current) ? (r(e.trim()), !0) : !1;
 							}
 						}
 					]),
-					E.updateListener.of((e) => {
+					T.updateListener.of((e) => {
 						if (!e.docChanged) return;
-						let t = k(e.state.doc.toString());
-						z(t), Q.current(t);
+						let t = O(e.state.doc.toString());
+						R(t), Ee.current(t);
 					}),
-					E.domEventHandlers({ mousedown: (e) => e.stopPropagation() })
+					T.domEventHandlers({ mousedown: (e) => e.stopPropagation() })
 				]
 			}),
-			parent: W.current
+			parent: U.current
 		});
-		return G.current = e, e.focus(), f === "edit" && d && e.dispatch({ selection: {
+		return W.current = e, e.focus(), f === "edit" && d && e.dispatch({ selection: {
 			anchor: 0,
 			head: e.state.doc.length
 		} }), () => {
-			e.destroy(), G.current = null;
+			e.destroy(), W.current = null;
 		};
 	}, []), v(() => {
-		let e = G.current;
-		if (!e || k(e.state.doc.toString()) === R) return;
-		let t = O(R);
+		let e = W.current;
+		if (!e || O(e.state.doc.toString()) === L) return;
+		let t = D(L);
 		e.dispatch({
 			changes: {
 				from: 0,
@@ -277,13 +277,13 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 			},
 			selection: { anchor: t.length }
 		});
-	}, [R]);
+	}, [L]);
 	let De = () => {
-		N(R, B, I, we) && p(R.trim());
+		M(L, z, F, J) && p(L.trim());
 	}, Oe = (e) => {
-		let t = `${e}()`, n = G.current;
+		let t = `${e}()`, n = W.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;
+		let r = D(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,
@@ -291,9 +291,9 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 				insert: r
 			},
 			selection: { anchor: o }
-		}), n.focus(), z(t);
+		}), n.focus(), R(t);
 	}, ke = (e) => {
-		let t = e.replace(/^\{\{/, "").replace(/\}\}$/, ""), n = G.current;
+		let t = e.replace(/^\{\{/, "").replace(/\}\}$/, ""), n = W.current;
 		if (!n) return;
 		let r = n.state.selection.main.head;
 		n.dispatch({
@@ -304,107 +304,107 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 			},
 			selection: { anchor: r + t.length }
 		}), n.focus();
-		let i = k(n.state.doc.toString());
-		z(i);
+		let i = O(n.state.doc.toString());
+		R(i);
 	}, Ae = (e) => {
-		Ce((t) => {
+		we((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();
+	}, je = !M(L, z, F, J), $ = /* @__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, {
+	let Me = [...k.filter((e) => $.get(e)?.length), ...[...$.keys()].filter((e) => !k.includes(e)).sort((e, t) => e.localeCompare(t))];
+	return /* @__PURE__ */ x(ne, { children: /* @__PURE__ */ S(i, {
 		"data-slot": "formula-editor-panel",
 		direction: "col",
-		className: e("sm:flex-row w-full sm:h-[560px]", P),
-		children: [/* @__PURE__ */ S(n, {
+		className: e("sm:flex-row w-full sm:h-[560px]", N),
+		children: [/* @__PURE__ */ x(r, {
 			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, {
+			children: /* @__PURE__ */ S(a, {
 				defaultValue: "functions",
 				children: [
-					T && /* @__PURE__ */ S(n, {
+					w && /* @__PURE__ */ x(r, {
 						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, {
+						children: /* @__PURE__ */ S(s, {
 							className: "h-8 w-full bg-muted p-0.5",
-							children: [/* @__PURE__ */ S(s, {
+							children: [/* @__PURE__ */ x(c, {
 								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, {
+								children: P.functionsTab
+							}), /* @__PURE__ */ x(c, {
 								value: "variables",
 								className: "flex-1 h-full text-xs px-2 data-[active]:bg-background data-[active]:shadow-sm",
-								children: F.variablesTab
+								children: P.variablesTab
 							})]
 						})
 					}),
-					/* @__PURE__ */ C(a, {
+					/* @__PURE__ */ S(o, {
 						value: "functions",
 						className: "mt-0",
-						children: [x && /* @__PURE__ */ C(u, {
+						children: [ue && /* @__PURE__ */ S(u, {
 							gap: "1.5",
 							className: "px-3 py-2",
 							role: "status",
-							"aria-label": F.loading,
+							"aria-label": P.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__ */ x(l, { className: "h-3 w-2/3" }),
+								/* @__PURE__ */ x(l, { className: "h-3 w-1/2" }),
+								/* @__PURE__ */ x(l, { className: "h-3 w-3/4" })
 							]
-						}), /* @__PURE__ */ S(u, {
+						}), /* @__PURE__ */ x(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", {
+								let i = Ce.has(t), a = $.get(t) ?? [], o = A(be, t), s = o?.icon, c = `${I}-cat-${t}`;
+								return /* @__PURE__ */ S(r, {
+									className: e("overflow-hidden border-l-2", o?.border ?? "border-border/0"),
+									children: [/* @__PURE__ */ S("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", "focus-ring", a?.text ?? "text-muted-foreground"),
-										children: [/* @__PURE__ */ C(l, {
+										"aria-expanded": !i,
+										"aria-controls": c,
+										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", "focus-ring", o?.text ?? "text-muted-foreground"),
+										children: [/* @__PURE__ */ S(n, {
 											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: e("flex items-center gap-1.5 text-[11px]", o?.text ?? "text-muted-foreground"),
+											children: [s && /* @__PURE__ */ x(s, { className: "w-3 h-3" }), A(Se, t) ?? t]
+										}), x(i ? oe : ae, { className: "w-3 h-3 text-muted-foreground" })]
+									}), !i && /* @__PURE__ */ x(r, {
+										id: c,
 										className: "py-0.5",
-										children: i.map((e) => /* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(re, {
+										children: a.map((e) => /* @__PURE__ */ S(ee, { children: [/* @__PURE__ */ x(re, {
 											asChild: !0,
-											children: /* @__PURE__ */ C("button", {
+											children: /* @__PURE__ */ S("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 focus-ring",
-												children: [/* @__PURE__ */ S(l, {
+												children: [/* @__PURE__ */ x(n, {
 													as: "span",
 													size: "xs",
 													weight: "semibold",
 													className: "font-mono flex-shrink-0 group-hover:text-accent-foreground",
 													children: e.name
-												}), /* @__PURE__ */ S(l, {
+												}), /* @__PURE__ */ x(n, {
 													as: "span",
 													tone: "muted",
 													className: "font-mono text-[10px] truncate group-hover:text-accent-foreground/70",
 													children: e.signature
 												})]
 											})
-										}), /* @__PURE__ */ C(te, {
+										}), /* @__PURE__ */ S(te, {
 											side: "right",
 											className: "max-w-[220px]",
-											children: [/* @__PURE__ */ S(l, {
+											children: [/* @__PURE__ */ x(n, {
 												size: "xs",
 												weight: "semibold",
 												className: "font-mono",
 												children: e.signature
-											}), /* @__PURE__ */ S(l, {
+											}), /* @__PURE__ */ x(n, {
 												size: "xs",
 												tone: "muted",
 												className: "mt-0.5",
@@ -416,65 +416,65 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 							})
 						})]
 					}),
-					T && /* @__PURE__ */ S(a, {
+					w && /* @__PURE__ */ x(o, {
 						value: "variables",
 						className: "mt-0",
-						children: /* @__PURE__ */ S(ce, {
-							fallback: /* @__PURE__ */ C(n, {
+						children: /* @__PURE__ */ x(ce, {
+							fallback: /* @__PURE__ */ S(r, {
 								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" })
+									/* @__PURE__ */ x(l, { className: "h-4 w-full mb-2" }),
+									/* @__PURE__ */ x(l, { className: "h-4 w-3/4 mb-2" }),
+									/* @__PURE__ */ x(l, { className: "h-4 w-1/2" })
 								]
 							}),
-							children: /* @__PURE__ */ S(be, {
-								render: T,
+							children: /* @__PURE__ */ x(xe, {
+								render: w,
 								onInsert: ke
 							})
 						})
 					})
 				]
 			})
-		}), /* @__PURE__ */ C(r, {
+		}), /* @__PURE__ */ S(i, {
 			direction: "col",
 			className: "order-1 sm:order-2 flex-1 min-w-0 sm:overflow-hidden",
-			children: [/* @__PURE__ */ C(u, {
+			children: [/* @__PURE__ */ S(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, {
+					/* @__PURE__ */ x(n, {
 						as: "span",
-						id: L,
+						id: I,
 						tone: "muted",
 						weight: "semibold",
 						className: "text-[10px] uppercase tracking-widest",
-						children: F.formulaExpression
+						children: P.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"),
+					/* @__PURE__ */ S(r, {
+						className: e("rounded-md border overflow-hidden sm:flex-1 sm:flex sm:flex-col sm:min-h-0", z === "invalid" && "border-destructive", z === "valid" && "border-success", z !== "invalid" && z !== "valid" && "border-border"),
 						children: [
-							/* @__PURE__ */ C(r, {
+							/* @__PURE__ */ S(i, {
 								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, {
+								className: e("px-2.5 py-1 border-b sm:flex-shrink-0", "bg-muted/20 select-none", z === "invalid" && "border-destructive/40", z === "valid" && "border-success/40", z !== "invalid" && z !== "valid" && "border-border"),
+								children: [/* @__PURE__ */ x(n, {
 									as: "span",
 									className: "text-[10px] text-muted-foreground/50 font-mono",
 									children: "{{="
-								}), /* @__PURE__ */ S(l, {
+								}), /* @__PURE__ */ x(n, {
 									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
+									children: z === "valid" && L.trim() ? /* @__PURE__ */ x(ie, { className: "w-3.5 h-3.5 text-success" }) : z === "invalid" ? /* @__PURE__ */ x(g, { className: "w-3.5 h-3.5 text-destructive" }) : z === "validating" ? /* @__PURE__ */ x(se, { className: "w-3.5 h-3.5 text-muted-foreground/50 animate-spin motion-reduce:animate-none" }) : null
 								})]
 							}),
-							/* @__PURE__ */ S(n, {
-								ref: W,
+							/* @__PURE__ */ x(r, {
+								ref: U,
 								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, {
+							/* @__PURE__ */ x(r, {
+								className: e("px-2.5 py-1 border-t bg-muted/20 select-none sm:flex-shrink-0", z === "invalid" && "border-destructive/40", z === "valid" && "border-success/40", z !== "invalid" && z !== "valid" && "border-border"),
+								children: /* @__PURE__ */ x(n, {
 									as: "span",
 									className: "text-[10px] text-muted-foreground/50 font-mono",
 									children: "}}"
@@ -482,37 +482,37 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 							})
 						]
 					}),
-					B === "invalid" && H && /* @__PURE__ */ C(r, {
+					z === "invalid" && V && /* @__PURE__ */ S(i, {
 						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, {
+						children: [/* @__PURE__ */ x(g, { className: "w-3 h-3 flex-shrink-0 mt-0.5" }), /* @__PURE__ */ x(n, {
 							as: "span",
 							tone: "destructive",
 							className: "text-[10px]",
-							children: H
+							children: V
 						})]
 					})
 				]
-			}), /* @__PURE__ */ C(r, {
+			}), /* @__PURE__ */ S(i, {
 				justify: "end",
 				gap: "2",
 				className: "flex-shrink-0 border-t border-border px-3 py-2",
-				children: [f === "edit" && m && /* @__PURE__ */ S(t, {
+				children: [f === "edit" && m && /* @__PURE__ */ x(t, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: m,
 					className: "text-xs",
-					children: d ? F.close : F.cancel
-				}), /* @__PURE__ */ C(t, {
+					children: d ? P.close : P.cancel
+				}), /* @__PURE__ */ S(t, {
 					type: "button",
 					size: "sm",
 					onClick: De,
 					disabled: je,
 					className: "text-xs",
-					children: [f === "create" ? F.insert : F.done, /* @__PURE__ */ S("kbd", {
+					children: [f === "create" ? P.insert : P.done, /* @__PURE__ */ x("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: "⌘↵"
 					})]
@@ -522,6 +522,6 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 	}) });
 }
 //#endregion
-export { M as DEFAULT_FORMULA_EDITOR_LABELS, P as FormulaEditorPanel };
+export { j as DEFAULT_FORMULA_EDITOR_LABELS, N as FormulaEditorPanel };
 
 //# sourceMappingURL=formula-editor-panel.js.map