@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.11

package/cdn/assets/DYbOfw0BRA2hWOCP.js

@@ -0,0 +1,1390 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { p as r } from "./PD_ckP5IyZurtALu.js";
+import { Lt as i, bt as a } from "./u8iMUyjw60ayROFo.js";
+import { l as o } from "./Cl1bVTUk0rQUQT9p.js";
+import { n as s, t as c } from "./CqmrD2Xs8MKJTO4v.js";
+import { r as l } from "./BmWMHgdcbZuZUGtm.js";
+import { mt as u, p as d, t as f, z as p } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as m } from "./DbewMnLKZoGLGFNh.js";
+import { _ as h, xt as g, zt as _ } from "./DliTwLXIImeC0eub.js";
+import { d as v, t as y } from "./DxI14nqCsNi-yexx.js";
+import { B as b, j as x } from "./CGklNVK7pkjOQ6XF.js";
+import { f as S, m as C, t as w, y as T } from "./Y0Uf_lVRToNYi395.js";
+import { _t as ee, ft as E, gt as D, ht as O, pt as k, vt as A } from "./B4zK-38sPk49SiBE.js";
+import { t as te } from "./CbKXmBz5CY-IwYsS.js";
+import { t as ne } from "./FjjP2q5AOiFod5IL.js";
+import { t as j } from "./9zx-c-XsXQJu3H6F.js";
+import { H as M, R as N, S as re, a as ie, f as P, k as F, t as ae, w as I } from "./DG4PyKuuGu6RkAEv.js";
+import { t as L } from "./CzG0p4x8L99XEdym.js";
+import { t as oe } from "./BjAnEBtnBD5O0-sc.js";
+import { a as se, o as R } from "./BzZTldYRBXUqOINX.js";
+import { d as z, o as ce, p as B } from "./DtO07D35O2tAh7f4.js";
+import { a as le, c as ue, i as V, n as H, o as de, r as U, s as W, t as G } from "./CZ0iN5i3edmVHcRK.js";
+var K = e(t(), 1), q = n(), fe = {
+	autoFocus: !1,
+	scrollIntoView: !1
+}, J = (0, K.memo)((e) => {
+	let { selection: t, height: n = 46, maxWidth: r = 260, ...i } = e, a = u(), { cell: o, createCell: s, disabled: c } = t, l = (0, K.useMemo)(() => typeof o.getValue() == "number" ? o : s({
+		value: 1234.56,
+		style: o.getStyle()
+	}), [o, s]);
+	return (0, q.jsxs)(y, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .5
+		},
+		...i,
+		children: [(0, q.jsx)(x, {
+			variant: "caption",
+			component: "div",
+			children: a("format.preview")
+		}), (0, q.jsx)(_, {
+			cell: l,
+			disabled: c,
+			style: {
+				width: "100%",
+				maxWidth: `${r}px`,
+				height: `${n}px`,
+				flex: "0 0 auto",
+				border: "1px solid var(--sxl-color-base-300, rgb(224, 224, 224))"
+			},
+			propsBorder: { style: {
+				height: "100%",
+				width: "100%"
+			} }
+		})]
+	});
+});
+J.displayName = "FormatCellPreview";
+var { Builder: Y } = i, pe = {
+	py: "2px",
+	px: 1,
+	minHeight: 0,
+	"& .MuiListItemText-root": { my: 0 },
+	"& .MuiListItemText-primary": {
+		fontSize: "0.8125rem",
+		lineHeight: 1.5
+	},
+	"& .MuiListItemText-secondary": {
+		fontSize: "0.7rem",
+		lineHeight: 1.3
+	}
+}, me = {
+	border: (e) => `1px solid ${e.palette.divider}`,
+	borderRadius: (e) => `${e.shape.borderRadius}px`,
+	overflow: "auto",
+	maxHeight: 260
+};
+function he(e, t, n) {
+	switch (t) {
+		case "minus": return e("numberFormat.negMinus");
+		case "red": return e("numberFormat.negRed");
+		case "parens": return e("numberFormat.negParens");
+		case "redParens": return e("numberFormat.negRedParens");
+		default: return n;
+	}
+}
+function ge(e, t, n) {
+	let r = t?.getValue();
+	return e === "Text" ? typeof r == "string" ? r : n : e === "Date" || e === "Time" ? typeof r == "number" ? r : 45658.625 : typeof r == "number" ? r : 1234.56;
+}
+function X(e, t, n) {
+	try {
+		return n ? n.createCell({
+			value: t,
+			style: { numberFormat: e }
+		}).getNumberFormat().displayText || "" : i.getEngine().format(e, t, {}).text ?? "";
+	} catch {
+		return "";
+	}
+}
+var _e = (0, K.memo)((0, K.forwardRef)((e, t) => {
+	let { value: n, onChange: r, context: a, onCommit: o, hideSample: s = !1, showQuickFormats: c = !1, disabled: l = !1, className: d, onKeyDown: f, ...h } = e, g = u(), [_, v] = (0, K.useState)(() => Y.parse(n));
+	(0, K.useEffect)(() => {
+		Y.build(_) !== n && v(Y.parse(n));
+	}, [n]);
+	let b, O = a?.() ?? null, k = p((e) => {
+		v(e), r(Y.build(e));
+	}, [r]), A = p((e) => {
+		k({
+			..._,
+			...e
+		});
+	}, [_, k]), N = p(() => {
+		r(n);
+	}, [r, n]), P = p((e) => {
+		if (e === _.category) return;
+		let t = Y.defaultCodeForCategory(e), n = Y.isParametricCategory(e) ? Y.parse(t) : {
+			category: e,
+			code: t
+		};
+		k(n);
+	}, [_.category, k]), ae = p((e) => {
+		if (f?.(e), e.key === "Enter") {
+			if (e.target.closest("[role=\"combobox\"], [role=\"menuitem\"]")) return;
+			e.preventDefault(), e.stopPropagation(), o?.();
+		}
+	}, [f, o]), se = (e, t, n) => (r) => {
+		let i = t;
+		switch (r.key) {
+			case "ArrowDown":
+				i = Math.min(e - 1, t + 1);
+				break;
+			case "ArrowUp":
+				i = Math.max(0, t - 1);
+				break;
+			case "Home":
+				i = 0;
+				break;
+			case "End":
+				i = e - 1;
+				break;
+			default: return;
+		}
+		r.preventDefault(), i !== t && i >= 0 && n(i), r.currentTarget.querySelectorAll(".MuiListItemButton-root")[i]?.focus();
+	}, R = _.category, z = ge(R, O, g("numberFormat.sampleText")), ce = X(n, z, O), B = (0, q.jsx)(le, {
+		label: g("numberFormat.decimalPlaces"),
+		disabled: l,
+		value: _.decimalPlaces ?? 0,
+		min: 0,
+		max: 30,
+		width: 140,
+		onChange: (e) => A({ decimalPlaces: e })
+	}), V = _.currencySymbol ?? "$", H = (0, q.jsxs)(T, {
+		size: "small",
+		sx: { width: 140 },
+		children: [(0, q.jsx)(C, {
+			shrink: !0,
+			children: g("numberFormat.symbol")
+		}), (0, q.jsx)(w, {
+			label: g("numberFormat.symbol"),
+			notched: !0,
+			disabled: l,
+			value: V,
+			onChange: (e) => A({ currencySymbol: e.target.value }),
+			children: Y.CURRENCY_SYMBOLS.map((e) => (0, q.jsx)(L, {
+				value: e,
+				onClick: ue(V, e, N),
+				children: e
+			}, e))
+		})]
+	}), de = (0, q.jsx)(ne, {
+		sx: { alignSelf: "center" },
+		control: (0, q.jsx)(te, {
+			size: "small",
+			disabled: l,
+			checked: !!_.useSeparator,
+			onChange: (e) => A({ useSeparator: e.target.checked })
+		}),
+		label: g("numberFormat.useSeparator")
+	}), U = (0, q.jsxs)(y, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			minHeight: 0,
+			flex: "1 1 auto"
+		},
+		children: [(0, q.jsx)(x, {
+			variant: "caption",
+			component: "div",
+			sx: { mb: .5 },
+			children: g("numberFormat.negativeNumbers")
+		}), (0, q.jsx)(S, {
+			dense: !0,
+			disablePadding: !0,
+			sx: {
+				...me,
+				flex: "1 1 auto"
+			},
+			onKeyDown: se(Y.NEGATIVE_STYLES.length, _.negativeStyle ?? 0, (e) => A({ negativeStyle: e })),
+			children: Y.NEGATIVE_STYLES.map((e, t) => {
+				let n = X(Y.build({
+					..._,
+					negativeStyle: t
+				}), -function(e) {
+					return typeof e == "number" ? Math.abs(e) : 1234.56;
+				}(z), O);
+				return (0, q.jsx)(M, {
+					disabled: l,
+					selected: (_.negativeStyle ?? 0) === t,
+					onClick: () => A({ negativeStyle: t }),
+					sx: pe,
+					children: (0, q.jsx)(oe, {
+						primary: n || he(g, e.key, e.label),
+						slotProps: { primary: {
+							noWrap: !0,
+							sx: {
+								color: e.red ? "error.main" : void 0,
+								fontVariantNumeric: "tabular-nums"
+							}
+						} }
+					})
+				}, e.key);
+			})
+		})]
+	}), W = (e, t) => (0, q.jsx)(S, {
+		dense: !0,
+		disablePadding: !0,
+		sx: {
+			...me,
+			flex: "1 1 auto"
+		},
+		onKeyDown: se(e.length, e.indexOf(n), (t) => k({
+			category: R,
+			code: e[t]
+		})),
+		children: e.map((e) => (0, q.jsx)(M, {
+			disabled: l,
+			selected: n === e,
+			onClick: () => k({
+				category: R,
+				code: e
+			}),
+			sx: pe,
+			children: (0, q.jsx)(oe, {
+				primary: t?.[e] ?? X(e, z, O) ?? e,
+				secondary: t ? e : void 0,
+				slotProps: {
+					primary: { noWrap: !0 },
+					secondary: { noWrap: !0 }
+				}
+			})
+		}, e))
+	}), fe = (0, q.jsx)(j, {
+		label: g("numberFormat.typeCode"),
+		size: "small",
+		fullWidth: !0,
+		disabled: l,
+		value: n,
+		error: !!n && !i.Parser.isValidFormat(n),
+		helperText: n && !i.Parser.isValidFormat(n) ? g("numberFormat.invalidCode") : " ",
+		onChange: (e) => k({
+			category: "Custom",
+			code: e.target.value
+		}),
+		slotProps: {
+			inputLabel: { shrink: !0 },
+			htmlInput: {
+				spellCheck: !1,
+				autoComplete: "off"
+			}
+		}
+	}), J = (e) => (0, q.jsx)(y, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 1.5,
+			alignItems: "flex-start"
+		},
+		children: e
+	});
+	switch (R) {
+		case "General":
+			b = (0, q.jsx)(x, {
+				variant: "body2",
+				children: g("numberFormat.generalInfo")
+			});
+			break;
+		case "Number":
+			b = (0, q.jsxs)(q.Fragment, { children: [J((0, q.jsxs)(q.Fragment, { children: [B, de] })), U] });
+			break;
+		case "Currency":
+			b = (0, q.jsxs)(q.Fragment, { children: [J((0, q.jsxs)(q.Fragment, { children: [B, H] })), U] });
+			break;
+		case "Accounting":
+			b = (0, q.jsxs)(q.Fragment, { children: [J((0, q.jsxs)(q.Fragment, { children: [B, H] })), (0, q.jsx)(x, {
+				variant: "caption",
+				color: "text.secondary",
+				children: g("numberFormat.accountingInfo")
+			})] });
+			break;
+		case "Percentage":
+		case "Scientific":
+			b = B;
+			break;
+		case "Date":
+			b = W(Y.DATE_PRESETS);
+			break;
+		case "Time":
+			b = W(Y.TIME_PRESETS);
+			break;
+		case "Fraction":
+			b = W(Y.FRACTION_PRESETS, ((e) => ({
+				"# ?/?": e("numberFormat.fractionOneDigit"),
+				"# ??/??": e("numberFormat.fractionTwoDigits"),
+				"# ???/???": e("numberFormat.fractionThreeDigits"),
+				"# ?/2": e("numberFormat.fractionHalves"),
+				"# ?/4": e("numberFormat.fractionQuarters"),
+				"# ?/8": e("numberFormat.fractionEighths"),
+				"# ??/16": e("numberFormat.fractionSixteenths"),
+				"# ?/10": e("numberFormat.fractionTenths"),
+				"# ??/100": e("numberFormat.fractionHundredths")
+			}))(g));
+			break;
+		case "Special":
+			b = W(Y.SPECIAL_PRESETS, ((e) => ({
+				"00000": e("numberFormat.specialZip"),
+				"00000-0000": e("numberFormat.specialZip4"),
+				"[<=9999999]###-####;(###) ###-####": e("numberFormat.specialPhone"),
+				"000-00-0000": e("numberFormat.specialSsn")
+			}))(g));
+			break;
+		case "Text":
+			b = (0, q.jsx)(x, {
+				variant: "body2",
+				children: g("numberFormat.textInfo")
+			});
+			break;
+		case "Custom":
+			b = (0, q.jsxs)(q.Fragment, { children: [fe, W(Y.DATE_PRESETS.concat(Y.TIME_PRESETS))] });
+			break;
+		default: b = null;
+	}
+	return (0, q.jsxs)(y, {
+		ref: t,
+		className: m("sxl-number-format-panel", d),
+		onKeyDown: ae,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1.25
+		},
+		...h,
+		children: [
+			s ? null : (0, q.jsxs)(y, { children: [(0, q.jsx)(x, {
+				variant: "caption",
+				component: "div",
+				sx: { pl: .5 },
+				children: g("numberFormat.sample")
+			}), (0, q.jsx)(x, {
+				variant: "body1",
+				component: "div",
+				sx: {
+					borderRadius: (e) => `${e.shape.borderRadius}px`,
+					padding: (e) => e.spacing(1),
+					border: (e) => `1px solid ${e.palette.divider}`,
+					minHeight: "1.6em",
+					fontVariantNumeric: "tabular-nums",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: ce || " "
+			})] }),
+			c ? (0, q.jsx)(ee, {
+				disabled: l,
+				sx: {
+					justifyContent: "flex-start",
+					paddingBottom: 1
+				}
+			}) : null,
+			(0, q.jsx)(G, {
+				label: g("numberFormat.category"),
+				sx: { marginBottom: .5 },
+				children: (0, q.jsx)(I, {
+					outlined: !0,
+					disabled: l,
+					sx: { width: "100%" },
+					createPopupPanel: (e) => {
+						let { closeFloatAll: t } = e, r = Y.CATEGORIES.map((e) => {
+							let r = e === R, i = () => {
+								((e) => {
+									e === R ? N() : P(e);
+								})(e), t?.();
+							};
+							return (0, q.jsx)(F, {
+								selected: r,
+								icon: (0, q.jsx)(ie, {
+									selected: r,
+									children: r ? void 0 : null
+								}),
+								sx: { display: "flex" },
+								onMouseDown: (e) => {
+									e.button === 0 && e.preventDefault();
+								},
+								onMouseUp: (e) => {
+									e.button === 0 && i();
+								},
+								onKeyDown: (e) => {
+									e.key !== "Enter" && e.key !== " " || i();
+								},
+								children: (0, q.jsx)(E, {
+									label: D(g, e),
+									sample: (a = e, a === "Custom" && a !== R ? "" : X(a === R ? n : Y.defaultCodeForCategory(a), ge(a, O, g("numberFormat.sampleText")), O))
+								})
+							}, e);
+							var a;
+						});
+						return re({
+							...e,
+							children: (0, q.jsx)(y, {
+								sx: {
+									overflow: "auto",
+									flex: "1 1 100%"
+								},
+								children: r
+							})
+						});
+					},
+					icon: (0, q.jsx)(y, {
+						sx: {
+							display: "flex",
+							flex: "1 1 100%",
+							minWidth: 0,
+							paddingLeft: "4px",
+							paddingRight: "4px",
+							fontSize: (e) => `${Math.round(e.typography.fontSize)}px`,
+							lineHeight: 1.2,
+							fontFamily: (e) => e.typography.fontFamily,
+							color: (e) => e.palette.text.secondary
+						},
+						children: (0, q.jsx)(y, {
+							sx: {
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "pre"
+							},
+							children: D(g, R)
+						})
+					})
+				})
+			}),
+			(0, q.jsx)(y, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 1.25,
+					flex: "1 1 auto",
+					minWidth: 0,
+					minHeight: 0
+				},
+				children: b
+			})
+		]
+	});
+}));
+_e.displayName = "NumberFormatPanel";
+var ve = {
+	axes: o.AxisSelection.Column,
+	expandOnly: !0,
+	skipCustomSize: !0
+}, ye = (e) => e > 180 ? e - 360 : e, be = (e) => {
+	let t = Math.max(-90, Math.min(90, Math.round(e)));
+	return t < 0 ? t + 360 : t;
+}, xe = (0, K.memo)((e) => {
+	let { selection: t, disabled: n, className: i, ...a } = e, o = u(), { style: s, applyStyle: c } = t, l = n || t.disabled, d = s.getAlignment(), f = d.getIndent(), h = d.getStacked(), g = h ? 0 : d.getRotation(), _ = p((e) => {
+		c({ alignment: { indent: e } }, r("op.setAlignment"), ve);
+	}, [c]), v = p((e) => {
+		c({ alignment: { rotation: be(e) } }, r("op.setAlignment"));
+	}, [c]);
+	return (0, q.jsxs)(y, {
+		className: m("sxl-format-alignment-panel", i),
+		sx: H,
+		...a,
+		children: [
+			(0, q.jsx)(G, {
+				label: o("format.horizontalAlignment"),
+				children: (0, q.jsx)(V, { children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignLeftToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignCenterToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignRightToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignJustifyToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignDistributedHorizontalToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignCenterContinuousToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignFillToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					})
+				] }) })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.indent"),
+				children: (0, q.jsxs)(V, { children: [
+					(0, q.jsx)(P, {
+						commandKey: "formatIndentDecrease",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatIndentIncrease",
+						groupKey: "horizontalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(le, {
+						label: o("format.indentUnit"),
+						disabled: l,
+						value: f,
+						min: 0,
+						max: 250,
+						width: 104,
+						onChange: _
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.verticalAlignment"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignTopToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignMiddleToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignBottomToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignJustifyVerticalToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatAlignDistributedVerticalToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: l
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.overflow"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(P, {
+						commandKey: "formatTextOverflowWrapToggle",
+						groupKey: "textOverflowOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextOverflowShrinkToggle",
+						groupKey: "textOverflowOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextOverflowClipToggle",
+						groupKey: "textOverflowOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextOverflowVisibleToggle",
+						groupKey: "textOverflowOptions",
+						disabled: l
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.merge"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(P, {
+						commandKey: "mergeToggle",
+						groupKey: "mergeOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "mergeHorizontal",
+						groupKey: "mergeOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "mergeVertical",
+						groupKey: "mergeOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "unmerge",
+						groupKey: "mergeOptions",
+						disabled: l
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.orientation"),
+				children: (0, q.jsxs)(V, { children: [(0, q.jsxs)(W, { children: [
+					(0, q.jsx)(P, {
+						commandKey: "formatTextRotate0",
+						groupKey: "textRotateOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextRotate45",
+						groupKey: "textRotateOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextRotate315",
+						groupKey: "textRotateOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextRotate90",
+						groupKey: "textRotateOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextRotateVertical",
+						groupKey: "textRotateOptions",
+						disabled: l
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatTextRotate270",
+						groupKey: "textRotateOptions",
+						disabled: l
+					})
+				] }), (0, q.jsx)(le, {
+					label: o("format.degrees"),
+					disabled: l || h,
+					value: ye(g),
+					min: -90,
+					max: 90,
+					step: 5,
+					width: 104,
+					onChange: v
+				})] })
+			})
+		]
+	});
+});
+xe.displayName = "AlignmentPanel";
+var Se = (0, K.memo)((e) => {
+	let { selection: t, disabled: n, className: r, ...i } = e, a = u(), o = n || t.disabled;
+	return (0, q.jsxs)(y, {
+		className: m("sxl-format-font-panel", r),
+		sx: H,
+		...i,
+		children: [
+			(0, q.jsx)(G, {
+				label: a("format.fontFamily"),
+				children: (0, q.jsx)(k, {
+					commandKey: "formatFontFamily",
+					disabled: o,
+					sx: { width: "100%" }
+				})
+			}),
+			(0, q.jsx)(G, {
+				label: a("format.fontSize"),
+				children: (0, q.jsxs)(V, { children: [
+					(0, q.jsx)(O, {
+						commandKey: "formatFontSize",
+						disabled: o,
+						sx: { width: 96 }
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatFontSizeIncrease",
+						disabled: o
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatFontSizeDecrease",
+						disabled: o
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: a("format.color"),
+				children: (0, q.jsx)(V, { children: (0, q.jsx)(A, {
+					commandKey: "formatFontColor",
+					disabled: o
+				}) })
+			}),
+			(0, q.jsx)(G, {
+				label: a("format.effects"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(P, {
+						commandKey: "formatBoldToggle",
+						disabled: o
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatItalicToggle",
+						disabled: o
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatUnderlinedToggle",
+						groupKey: "underlineOptions",
+						disabled: o
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatUnderlinedDoubleToggle",
+						groupKey: "underlineOptions",
+						disabled: o
+					}),
+					(0, q.jsx)(y, { sx: { width: "8px" } }),
+					(0, q.jsx)(P, {
+						commandKey: "formatStrikeThroughToggle",
+						disabled: o
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatSuperscriptToggle",
+						disabled: o
+					}),
+					(0, q.jsx)(P, {
+						commandKey: "formatSubscriptToggle",
+						disabled: o
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: a("format.accountingUnderline"),
+				children: (0, q.jsxs)(W, { children: [(0, q.jsx)(P, {
+					commandKey: "formatUnderlinedAccountingToggle",
+					groupKey: "underlineOptions",
+					disabled: o
+				}), (0, q.jsx)(P, {
+					commandKey: "formatUnderlinedAccountingDoubleToggle",
+					groupKey: "underlineOptions",
+					disabled: o
+				})] })
+			})
+		]
+	});
+});
+Se.displayName = "FontPanel";
+var Ce = Object.freeze([
+	a.Edge.Top,
+	a.Edge.Bottom,
+	a.Edge.Left,
+	a.Edge.Right,
+	a.Edge.Horizontal,
+	a.Edge.Vertical
+]), Z = Object.freeze([]), we = Object.freeze([a.Edge.Horizontal, a.Edge.Vertical]), Te = new Map([
+	...Ce,
+	a.Edge.DiagonalUp,
+	a.Edge.DiagonalDown
+].map((e) => [e, Object.freeze([e])])), Ee = (e) => e === a.Edge.DiagonalUp || e === a.Edge.DiagonalDown;
+function De(e, t) {
+	switch (t) {
+		case a.Edge.Top: return e("border.top");
+		case a.Edge.Left: return e("border.left");
+		case a.Edge.Right: return e("border.right");
+		case a.Edge.Bottom: return e("border.bottom");
+		case a.Edge.Horizontal: return e("border.insideHorizontal");
+		case a.Edge.Vertical: return e("border.insideVertical");
+		case a.Edge.DiagonalUp: return e("border.diagonalUp");
+		case a.Edge.DiagonalDown: return e("border.diagonalDown");
+		default: return t;
+	}
+}
+var Oe = (e) => e === 0 ? "0px" : e === 1 ? "calc(100% - 1px)" : `calc(${100 * e}% - 0.5px)`, ke = (e, t) => {
+	let n = "-7px", r = [];
+	for (let e = 0; e <= t; e++) {
+		let i = Oe(e / t);
+		r.push({
+			left: i,
+			top: n,
+			width: "1px",
+			height: "5px"
+		}), r.push({
+			left: i,
+			bottom: n,
+			width: "1px",
+			height: "5px"
+		});
+	}
+	for (let t = 0; t <= e; t++) {
+		let i = Oe(t / e);
+		r.push({
+			top: i,
+			left: n,
+			height: "1px",
+			width: "5px"
+		}), r.push({
+			top: i,
+			right: n,
+			height: "1px",
+			width: "5px"
+		});
+	}
+	return r;
+}, Ae = (e) => e === a.Edge.Left || e === a.Edge.Vertical || e === a.Edge.Right, je = (e) => {
+	switch (e) {
+		case a.Edge.Top:
+		case a.Edge.Left: return 0;
+		case a.Edge.Horizontal:
+		case a.Edge.Vertical: return .5;
+		default: return 1;
+	}
+}, Me = (e) => {
+	let { edges: t, createBorder: n, onToggleEdges: r, omittedEdges: i, disabled: o = !1, height: s = 104, className: c, ...l } = e, d = u(), f = (0, K.useRef)(null), [p, g] = (0, K.useState)(Z), _ = (0, K.useCallback)((e) => !i?.includes(e), [i]), b = (0, K.useCallback)((e) => !o && _(e), [o, _]), x = _(a.Edge.Horizontal) ? 2 : 1, S = _(a.Edge.Vertical) ? 2 : 1, C = (0, K.useCallback)((e) => n({
+		top: e.rowIndex === 0 ? t.top : t.horizontal,
+		bottom: e.rowIndex === x - 1 ? t.bottom : t.horizontal,
+		left: e.colIndex === 0 ? t.left : t.vertical,
+		right: e.colIndex === S - 1 ? t.right : t.vertical,
+		diagonalUp: t.diagonalUp,
+		diagonalDown: t.diagonalDown
+	}), [
+		t,
+		n,
+		x,
+		S
+	]), w = (0, K.useCallback)((e) => {
+		let t = f.current;
+		if (!t) return Z;
+		let n = t.getBoundingClientRect();
+		return function(e, t, n, r, i) {
+			if (n <= 0 || r <= 0) return Z;
+			let o = Math.min(10, n / 5, r / 5);
+			if (we.every(i) && Math.abs(e - n / 2) <= o && Math.abs(t - r / 2) <= o) return we;
+			let s = Math.abs(e) <= o, c = Math.abs(e - n) <= o, l = Math.abs(t) <= o, u = Math.abs(t - r) <= o;
+			if ((s || c) && (l || u)) {
+				let e = s === l ? a.Edge.DiagonalDown : a.Edge.DiagonalUp;
+				if (i(e)) return Te.get(e);
+			}
+			let d = null, f = 1 / 0;
+			for (let a of Ce) {
+				if (!i(a)) continue;
+				let o = Ae(a), s = o ? r : n, c = o ? t : e, l = Math.max(0, -c, c - s), u = (o ? e : t) - je(a) * (o ? n : r), p = Math.hypot(l, u);
+				p < f && (f = p, d = a);
+			}
+			return d && f <= o ? Te.get(d) : Z;
+		}(e.clientX - n.left, e.clientY - n.top, n.width, n.height, b);
+	}, [b]);
+	return (0, q.jsx)(y, {
+		className: m("sxl-border-preview", c),
+		...l,
+		onPointerMove: (e) => g(w(e)),
+		onPointerLeave: () => g(Z),
+		onClick: (e) => {
+			let t = w(e);
+			t.length > 0 && r(t);
+		},
+		sx: {
+			position: "relative",
+			boxSizing: "border-box",
+			height: `${s}px`,
+			width: "100%",
+			padding: "10px",
+			cursor: p.length > 0 ? "pointer" : "default",
+			borderRadius: (e) => `${e.shape.borderRadius}px`,
+			border: (e) => `1px solid ${e.palette.divider}`,
+			opacity: o ? .6 : 1
+		},
+		children: (0, q.jsxs)(y, {
+			ref: f,
+			sx: {
+				position: "relative",
+				width: "100%",
+				height: "100%"
+			},
+			children: [
+				(0, q.jsx)(y, {
+					"aria-hidden": "true",
+					sx: {
+						position: "absolute",
+						inset: 0,
+						display: "grid",
+						gridTemplateColumns: `repeat(${S}, 1fr)`,
+						gridTemplateRows: `repeat(${x}, 1fr)`,
+						gap: "2px",
+						pointerEvents: "none",
+						"& > div": { backgroundColor: (e) => v(e.palette.text.primary, .05) }
+					},
+					children: Array.from({ length: x * S }, (e, t) => (0, q.jsx)("div", {}, t))
+				}),
+				(0, q.jsx)(y, {
+					"aria-hidden": "true",
+					sx: {
+						position: "absolute",
+						inset: 0,
+						pointerEvents: "none",
+						"& > div": {
+							position: "absolute",
+							backgroundColor: (e) => e.palette.text.secondary
+						}
+					},
+					children: ke(x, S).map((e, t) => (0, q.jsx)("div", { style: e }, t))
+				}),
+				p.length > 0 ? (0, q.jsxs)(y, {
+					"aria-hidden": "true",
+					sx: {
+						position: "absolute",
+						inset: 0,
+						pointerEvents: "none",
+						opacity: .22,
+						"& > div": {
+							position: "absolute",
+							borderRadius: "3px",
+							backgroundColor: (e) => e.palette.text.primary
+						},
+						"& line": { stroke: (e) => e.palette.text.primary }
+					},
+					children: [p.filter((e) => !Ee(e)).map((e) => (0, q.jsx)("div", { style: Ne(e) }, e)), p.some(Ee) ? (0, q.jsx)("svg", {
+						viewBox: "0 0 100 100",
+						preserveAspectRatio: "none",
+						style: {
+							position: "absolute",
+							inset: 0,
+							width: "100%",
+							height: "100%",
+							overflow: "visible"
+						},
+						children: p.filter(Ee).flatMap((e) => function(e, t, n) {
+							let r = [];
+							for (let i = 0; i < t; i++) for (let o = 0; o < n; o++) {
+								let s = o / n * 100, c = (o + 1) / n * 100, l = i / t * 100, u = (i + 1) / t * 100, d = e === a.Edge.DiagonalDown;
+								r.push((0, q.jsx)("line", {
+									x1: s,
+									y1: d ? l : u,
+									x2: c,
+									y2: d ? u : l,
+									strokeWidth: 6,
+									strokeLinecap: "round",
+									vectorEffect: "non-scaling-stroke"
+								}, `${e}:${i}:${o}`));
+							}
+							return r;
+						}(e, x, S))
+					}) : null]
+				}) : null,
+				(0, q.jsx)(h, {
+					getBorderAt: C,
+					rowCount: x,
+					columnCount: S,
+					style: {
+						position: "absolute",
+						inset: 0,
+						height: "100%",
+						width: "100%"
+					}
+				}),
+				Ce.filter(_).map((e) => (0, q.jsx)(y, {
+					component: "button",
+					type: "button",
+					"aria-label": De(d, e),
+					"aria-pressed": !!t[e],
+					title: De(d, e),
+					disabled: !b(e),
+					onClick: (t) => {
+						t.stopPropagation(), r(Te.get(e));
+					},
+					sx: {
+						position: "absolute",
+						appearance: "none",
+						background: "transparent",
+						border: "none",
+						padding: 0,
+						pointerEvents: "none",
+						borderRadius: "3px",
+						"&:focus-visible": { outline: (e) => `2px solid ${e.palette.primary.main}` },
+						...Ne(e)
+					}
+				}, e))
+			]
+		})
+	});
+};
+function Ne(e) {
+	let t = `calc(${100 * je(e)}% - 3px)`;
+	return Ae(e) ? {
+		top: 0,
+		bottom: 0,
+		left: t,
+		width: "6px"
+	} : {
+		left: 0,
+		right: 0,
+		top: t,
+		height: "6px"
+	};
+}
+Me.displayName = "BorderPreview";
+var Pe = a.StrokeStyle.Thin, Fe = Object.freeze([
+	a.Edge.Left,
+	a.Edge.Top,
+	a.Edge.Right,
+	a.Edge.Bottom
+]), Ie = Object.freeze([a.Edge.Horizontal, a.Edge.Vertical]), Q = Object.freeze([...Fe, ...Ie]), Le = Object.freeze([a.Edge.DiagonalUp, a.Edge.DiagonalDown]), Re = Object.freeze([...Q, ...Le]), ze = (e, t, n) => {
+	let r = {
+		style: t,
+		color: n?.toString()
+	}, i = {};
+	for (let t of e) i[t] = r;
+	return i;
+}, Be = (e) => {
+	let t = {};
+	for (let n of e) t[n] = null;
+	return t;
+}, Ve = (e) => e ? e.toString() : null, He = (0, K.memo)((e) => {
+	let { selection: t, disabled: n, className: i, ...o } = e, s = u(), { getEdgeStroke: c, createBorder: d, applyStyle: f, styles: h, schemeLookup: g, autoColor: _, darkMode: v, hasInnerHorizontal: b, hasInnerVertical: S } = t, C = n || t.disabled, w = p((e) => e === a.Edge.Horizontal ? !b : e === a.Edge.Vertical && !S, [b, S]), [T, ee] = (0, K.useState)(() => {
+		let e = c(a.Edge.Bottom)?.getStyle();
+		return e && e !== a.StrokeStyle.None ? e : Pe;
+	}), [E, D] = (0, K.useState)(() => {
+		let e = c(a.Edge.Bottom);
+		return !e || e.isNone() ? null : e.getProperties().color ? e.getColor() : null;
+	}), O = p(() => h.recentColors(), [h]), k = p((e) => {
+		f({ borders: e }, r("op.setBorders"));
+	}, [f]), A = p((e) => {
+		e.length !== 0 && f([{ borders: Be(e) }, { borders: ze(e, T, E) }], r("op.setBorders"));
+	}, [
+		f,
+		T,
+		E
+	]), te = p((e) => {
+		e.length !== 0 && k(ze(e, a.StrokeStyle.None, null));
+	}, [k]), ne = p((e) => {
+		A(e.filter((e) => !w(e)));
+	}, [A, w]), j = {};
+	for (let e of Re) {
+		let t = c(e);
+		t && !t.isNone() && (j[e] = t.getProperties());
+	}
+	let M = p((e) => {
+		let t = j[e];
+		return (t?.style ?? a.StrokeStyle.None) === T && Ve(t?.color) === Ve(E);
+	}, [
+		j,
+		T,
+		E
+	]), re = (e) => {
+		let t = e.filter((e) => !w(e));
+		return t.length > 0 && t.every(M);
+	}, ie = p((e) => {
+		let t = e.filter((e) => !w(e));
+		T === a.StrokeStyle.None || t.every(M) ? te(t) : A(t);
+	}, [
+		te,
+		A,
+		M,
+		w,
+		T
+	]), P = (e) => ze(e, T, E), F = (e, t, n) => (0, q.jsx)(N, {
+		disabled: C,
+		icon: (0, q.jsx)(ce, {
+			border: e.length > 0 ? P(e) : null,
+			createBorder: d
+		}),
+		propsTooltip: {
+			label: t,
+			simple: !0
+		},
+		onClick: n
+	}), I = (e, t) => {
+		let n = C || e.every(w);
+		return (0, q.jsx)(N, {
+			disabled: n,
+			selected: !n && T !== a.StrokeStyle.None && re(e),
+			icon: (0, q.jsx)(ce, {
+				border: P(e),
+				createBorder: d
+			}),
+			propsTooltip: {
+				label: t,
+				simple: !0
+			},
+			onClick: () => ie(e)
+		});
+	}, L = (e) => I([e], De(s, e));
+	return (0, q.jsxs)(y, {
+		className: m("sxl-format-border-panel", i),
+		sx: H,
+		...o,
+		children: [
+			(0, q.jsxs)(V, { children: [(0, q.jsx)(z, {
+				disabled: C || T === a.StrokeStyle.None,
+				darkMode: v,
+				icon: (0, q.jsx)(l, { iconKey: "stroke.colored" }),
+				tooltip: s("border.colorTooltip"),
+				selectedColor: E,
+				onSelectColor: (e) => D(e),
+				propsPanel: {
+					disableAlpha: !0,
+					schemeLookup: g,
+					recentColors: O,
+					autoColor: _
+				}
+			}), (0, q.jsx)(B, {
+				disabled: C,
+				darkMode: v,
+				selectedStyle: T,
+				styleColor: E,
+				variant: ae.Toolbar,
+				onSelectStyle: (e) => ee(e ?? a.StrokeStyle.None)
+			})] }),
+			(0, q.jsxs)(W, {
+				sx: { justifyContent: "center" },
+				children: [
+					F(Q, s("border.all"), () => ne(Q)),
+					F(Fe, s("border.outside"), () => ne(Fe)),
+					F([], s("border.none"), () => k(null))
+				]
+			}),
+			(0, q.jsxs)(G, {
+				sx: { px: 1.5 },
+				children: [(0, q.jsxs)(y, {
+					sx: {
+						display: "grid",
+						gridTemplateColumns: "auto minmax(0, 156px) auto",
+						justifyContent: "center",
+						columnGap: .5,
+						rowGap: .25,
+						minWidth: 0
+					},
+					children: [
+						(0, q.jsxs)(y, {
+							sx: {
+								display: "flex",
+								flexDirection: "column",
+								justifyContent: "space-between",
+								height: "104px"
+							},
+							children: [
+								L(a.Edge.Top),
+								L(a.Edge.Horizontal),
+								L(a.Edge.Bottom)
+							]
+						}),
+						(0, q.jsx)(Me, {
+							edges: j,
+							createBorder: d,
+							disabled: C,
+							height: 104,
+							omittedEdges: Q.filter(w),
+							onToggleEdges: ie
+						}),
+						(0, q.jsx)(y, {
+							sx: {
+								display: "flex",
+								alignItems: "center"
+							},
+							children: I(Ie, s("border.inner"))
+						}),
+						L(a.Edge.DiagonalUp),
+						(0, q.jsxs)(y, {
+							sx: {
+								display: "flex",
+								justifyContent: "space-between",
+								minWidth: 0
+							},
+							children: [
+								L(a.Edge.Left),
+								L(a.Edge.Vertical),
+								L(a.Edge.Right)
+							]
+						}),
+						L(a.Edge.DiagonalDown)
+					]
+				}), (0, q.jsx)(x, {
+					variant: "caption",
+					component: "div",
+					sx: {
+						color: "text.secondary",
+						lineHeight: 1.4,
+						textAlign: "center"
+					},
+					children: s("format.borderDiagram")
+				})]
+			})
+		]
+	});
+});
+He.displayName = "BorderPanel";
+var $ = {
+	Number: "number",
+	Alignment: "alignment",
+	Font: "font",
+	Border: "border",
+	Fill: "fill"
+}, Ue = "format.tab", We = Object.freeze([
+	$.Number,
+	$.Alignment,
+	$.Font,
+	$.Border,
+	$.Fill
+]), Ge = (0, K.memo)((e) => {
+	let t = e.model, n = u();
+	c(t, "onSelectedSheetChange");
+	let r = t.getSelectedWorksheet();
+	if (!r) {
+		let { model: t, args: r, entryKey: i, frame: a, ref: o, ...s } = e;
+		return (0, q.jsx)(b, {
+			square: !0,
+			ref: o,
+			sx: {
+				display: "flex",
+				flex: "1 1 auto",
+				padding: (e) => e.spacing(2, 2)
+			},
+			...s,
+			children: n("format.noWorksheet")
+		});
+	}
+	return (0, q.jsx)(Ke, {
+		...e,
+		sheet: r
+	});
+});
+Ge.displayName = "FormatTaskPane";
+var Ke = (0, K.memo)((e) => {
+	let { model: t, sheet: n, args: o, entryKey: c, frame: l, ref: m, ...h } = e, _ = u(), v = ((e) => {
+		let [, t] = (0, K.useReducer)((e) => e + 1, 0);
+		s(e, {
+			onSelectionChange: () => t(),
+			onStyleChange: () => t()
+		});
+		let [n] = f(["formatBoldToggle"]), i = g(), o = e.getSelectedCell(), c = e.getStyles(), l = e.getSelectedRanges(), u = p((t, n, i) => {
+			let a = Array.isArray(t) ? t : [t];
+			e.doBatch(() => {
+				for (let t of a) e.getSelectedRanges().getStyle().update(t, {
+					autoSelect: fe,
+					autoFit: i ?? !0
+				});
+			}, { description: n ?? r("op.updateStyle") });
+		}, [e]), d = p((t) => e.createCell(t), [e]), m = p((e) => c.getNormal().createStyle({ borders: e }).getBorders(), [c]), h = l.getCoords()[0], _ = p((t) => {
+			if (!h) return null;
+			let n = (t, n) => e.getCell({
+				rowIndex: t,
+				colIndex: n
+			}).getStyle(!0).getBorders();
+			switch (t) {
+				case a.Edge.Top: return n(h.rowStart, h.colStart).getTop();
+				case a.Edge.Left: return n(h.rowStart, h.colStart).getLeft();
+				case a.Edge.Bottom: return n(h.rowEnd, h.colEnd).getBottom();
+				case a.Edge.Right: return n(h.rowEnd, h.colEnd).getRight();
+				case a.Edge.Horizontal: return h.rowEnd <= h.rowStart ? null : n(h.rowStart + 1, h.colStart).getTop();
+				case a.Edge.Vertical: return h.colEnd <= h.colStart ? null : n(h.rowStart, h.colStart + 1).getLeft();
+				case a.Edge.DiagonalUp: return n(h.rowStart, h.colStart).getDiagonalUp();
+				case a.Edge.DiagonalDown: return n(h.rowStart, h.colStart).getDiagonalDown();
+				default: return null;
+			}
+		}, [e, h]);
+		return {
+			sheet: e,
+			cell: o,
+			style: o.getStyle(),
+			styles: c,
+			schemeLookup: c.schemeLookup(),
+			autoColor: c.getNormal().getFont().getColor(),
+			darkMode: i === "dark",
+			disabled: n?.disabled() ?? !1,
+			applyStyle: u,
+			createCell: d,
+			createBorder: m,
+			getEdgeStroke: _,
+			hasInnerHorizontal: l.getRowCount() > 1,
+			hasInnerVertical: l.getColumnCount() > 1
+		};
+	})(n), [x, S] = d(Ue, $.Number), C = We.includes(x) ? x : $.Number;
+	(0, K.useEffect)(() => {
+		let e = o?.tab;
+		e && S(e);
+	}, [o]);
+	let w = v.style.getNumberFormat(), T = typeof w == "number" ? i.resolve(w) : w ?? "General";
+	return (0, q.jsxs)(b, {
+		square: !0,
+		ref: m,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			flex: "1 1 auto",
+			width: "100%",
+			height: "100%",
+			minHeight: 0,
+			overflow: "hidden"
+		},
+		...h,
+		children: [
+			(0, q.jsx)(y, {
+				sx: {
+					flexShrink: 0,
+					padding: (e) => e.spacing(1.5, 2)
+				},
+				children: (0, q.jsx)(J, { selection: v })
+			}),
+			(0, q.jsx)(se, {
+				value: C,
+				onChange: (e, t) => S(t),
+				variant: "scrollable",
+				scrollButtons: "auto",
+				allowScrollButtonsMobile: !0,
+				sx: {
+					minHeight: 0,
+					flexShrink: 0,
+					borderBottom: (e) => `1px solid ${e.palette.divider}`,
+					"& .MuiTab-root": {
+						textTransform: "none",
+						whiteSpace: "nowrap",
+						minHeight: 0,
+						minWidth: 0,
+						flex: "1 0 auto",
+						padding: "8px 4px"
+					}
+				},
+				children: We.map((e) => (0, q.jsx)(R, {
+					value: e,
+					label: qe(_, e)
+				}, e))
+			}),
+			(0, q.jsxs)(y, {
+				sx: {
+					flex: "1 1 auto",
+					minHeight: 0,
+					overflow: "auto",
+					padding: (e) => e.spacing(2.5, 2)
+				},
+				children: [
+					C === $.Number ? (0, q.jsx)(_e, {
+						hideSample: !0,
+						showQuickFormats: !0,
+						value: T,
+						disabled: v.disabled,
+						context: () => v.cell,
+						onChange: (e) => {
+							v.applyStyle({ numberFormat: e }, r("op.setNumberFormat"));
+						}
+					}) : null,
+					C === $.Alignment ? (0, q.jsx)(xe, { selection: v }) : null,
+					C === $.Font ? (0, q.jsx)(Se, { selection: v }) : null,
+					C === $.Fill ? (0, q.jsx)(U, { selection: de(v) }) : null,
+					C === $.Border ? (0, q.jsx)(He, { selection: v }) : null
+				]
+			})
+		]
+	});
+});
+function qe(e, t) {
+	switch (t) {
+		case $.Number: return e("format.tabNumber");
+		case $.Alignment: return e("format.tabAlignment");
+		case $.Font: return e("format.tabFont");
+		case $.Fill: return e("format.tabFill");
+		case $.Border: return e("format.tabBorder");
+		default: return t;
+	}
+}
+Ke.displayName = "FormatTaskPaneBody";
+export { Ue as FORMAT_TAB_KEY, $ as FormatTab, Ge as FormatTaskPane, Ge as default };