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

package/browser/esm/CEIE_OT8nrKGkqjg.mjs

@@ -0,0 +1,1390 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { r as e } from "./Cf_c9xyOrFxlsKq6.mjs";
+import { i as t, r as n } from "./D29bSsh1Lz8891Rs.mjs";
+import { m as r } from "./Cif0315haNLmyMj-.mjs";
+import { r as i } from "./BoYTs2k2yWAKW5LM.mjs";
+import { dt as a, t as o, x as s, z as c } from "./B1mhVM8eRIyuL-VB.mjs";
+import { Lt as l, bt as u } from "./Dac2pa3EUXg26xcV.mjs";
+import { l as d } from "./B8-nLKLPjZ7pIJdE.mjs";
+import { n as f, t as p } from "./CuuWjNFFRxXfbQnD.mjs";
+import { r as m } from "./Ow0yLNSbuT3WBj7H.mjs";
+import { d as h, u as g } from "./COPR5sXYEAeM73Ep.mjs";
+import { d as _, t as v } from "./DAOjpr33PSwrKpc0.mjs";
+import { M as y, V as b } from "./DJpfJorMrLhI9gOT.mjs";
+import { f as x, m as S, t as C, y as w } from "./CW9UkULY0jchroYa.mjs";
+import { At as T, Ft as E, It as D, Nt as O, Pt as k, jt as A } from "./Cjb4nzJvvuN1770o.mjs";
+import { t as ee } from "./BIX8xNwuEM4TocmY.mjs";
+import { t as te } from "./Bs9KvD8n3018Rkew.mjs";
+import { t as j } from "./IHk5INXMVCzM8mcG.mjs";
+import { E as ne, H as M, L as re, O as ie, R as ae, T as oe, t as N, y as se } from "./_9nyq5XWoIo-JhAp.mjs";
+import { t as P } from "./CrIHwDDOUDcx5WSM.mjs";
+import { t as ce } from "./D8hdsSDxM_AQvffB.mjs";
+import { a as F, o as I } from "./n3-ex6JlSC4JH_g3.mjs";
+import { d as L, o as le, p as R } from "./CX1VWdQjKSXDMfs9.mjs";
+import { t as z } from "./CImdnjQtd2Yn7uXl.mjs";
+import { a as B, c as ue, i as V, n as H, o as de, r as U, s as W, t as G } from "./CEvmiZ2C2QopD1yx.mjs";
+var K = e(t(), 1), q = e(n(), 1), fe = {
+	autoFocus: !1,
+	scrollIntoView: !1
+}, J = (0, K.memo)((e) => {
+	let { selection: t, height: n = 46, maxWidth: r = 260, ...i } = e, o = a(), { cell: s, createCell: c, disabled: l } = t, u = (0, K.useMemo)(() => typeof s.getValue() == "number" ? s : c({
+		value: 1234.56,
+		style: s.getStyle()
+	}), [s, c]);
+	return (0, q.jsxs)(v, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .5
+		},
+		...i,
+		children: [(0, q.jsx)(y, {
+			variant: "caption",
+			component: "div",
+			children: o("format.preview")
+		}), (0, q.jsx)(h, {
+			cell: u,
+			disabled: l,
+			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 } = l, 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 || "" : l.getEngine().format(e, t, {}).text ?? "";
+	} catch {
+		return "";
+	}
+}
+var _e = (0, K.memo)((0, K.forwardRef)((e, t) => {
+	let { value: n, onChange: r, context: i, onCommit: o, hideSample: s = !1, showQuickFormats: u = !1, disabled: d = !1, className: f, onKeyDown: p, ...m } = e, h = a(), [g, _] = (0, K.useState)(() => Y.parse(n));
+	(0, K.useEffect)(() => {
+		Y.build(g) !== n && _(Y.parse(n));
+	}, [n]);
+	let b, D = i?.() ?? null, O = c((e) => {
+		_(e), r(Y.build(e));
+	}, [r]), A = c((e) => {
+		O({
+			...g,
+			...e
+		});
+	}, [g, O]), ne = c(() => {
+		r(n);
+	}, [r, n]), oe = c((e) => {
+		if (e === g.category) return;
+		let t = Y.defaultCodeForCategory(e), n = Y.isParametricCategory(e) ? Y.parse(t) : {
+			category: e,
+			code: t
+		};
+		O(n);
+	}, [g.category, O]), N = c((e) => {
+		if (p?.(e), e.key === "Enter") {
+			if (e.target.closest("[role=\"combobox\"], [role=\"menuitem\"]")) return;
+			e.preventDefault(), e.stopPropagation(), o?.();
+		}
+	}, [p, o]), F = (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();
+	}, I = g.category, L = ge(I, D, h("numberFormat.sampleText")), le = X(n, L, D), R = (0, q.jsx)(B, {
+		label: h("numberFormat.decimalPlaces"),
+		disabled: d,
+		value: g.decimalPlaces ?? 0,
+		min: 0,
+		max: 30,
+		width: 140,
+		onChange: (e) => A({ decimalPlaces: e })
+	}), V = g.currencySymbol ?? "$", H = (0, q.jsxs)(w, {
+		size: "small",
+		sx: { width: 140 },
+		children: [(0, q.jsx)(S, {
+			shrink: !0,
+			children: h("numberFormat.symbol")
+		}), (0, q.jsx)(C, {
+			label: h("numberFormat.symbol"),
+			notched: !0,
+			disabled: d,
+			value: V,
+			onChange: (e) => A({ currencySymbol: e.target.value }),
+			children: Y.CURRENCY_SYMBOLS.map((e) => (0, q.jsx)(P, {
+				value: e,
+				onClick: ue(V, e, ne),
+				children: e
+			}, e))
+		})]
+	}), de = (0, q.jsx)(te, {
+		sx: { alignSelf: "center" },
+		control: (0, q.jsx)(ee, {
+			size: "small",
+			disabled: d,
+			checked: !!g.useSeparator,
+			onChange: (e) => A({ useSeparator: e.target.checked })
+		}),
+		label: h("numberFormat.useSeparator")
+	}), U = (0, q.jsxs)(v, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			minHeight: 0,
+			flex: "1 1 auto"
+		},
+		children: [(0, q.jsx)(y, {
+			variant: "caption",
+			component: "div",
+			sx: { mb: .5 },
+			children: h("numberFormat.negativeNumbers")
+		}), (0, q.jsx)(x, {
+			dense: !0,
+			disablePadding: !0,
+			sx: {
+				...me,
+				flex: "1 1 auto"
+			},
+			onKeyDown: F(Y.NEGATIVE_STYLES.length, g.negativeStyle ?? 0, (e) => A({ negativeStyle: e })),
+			children: Y.NEGATIVE_STYLES.map((e, t) => {
+				let n = X(Y.build({
+					...g,
+					negativeStyle: t
+				}), -function(e) {
+					return typeof e == "number" ? Math.abs(e) : 1234.56;
+				}(L), D);
+				return (0, q.jsx)(M, {
+					disabled: d,
+					selected: (g.negativeStyle ?? 0) === t,
+					onClick: () => A({ negativeStyle: t }),
+					sx: pe,
+					children: (0, q.jsx)(ce, {
+						primary: n || he(h, 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)(x, {
+		dense: !0,
+		disablePadding: !0,
+		sx: {
+			...me,
+			flex: "1 1 auto"
+		},
+		onKeyDown: F(e.length, e.indexOf(n), (t) => O({
+			category: I,
+			code: e[t]
+		})),
+		children: e.map((e) => (0, q.jsx)(M, {
+			disabled: d,
+			selected: n === e,
+			onClick: () => O({
+				category: I,
+				code: e
+			}),
+			sx: pe,
+			children: (0, q.jsx)(ce, {
+				primary: t?.[e] ?? X(e, L, D) ?? e,
+				secondary: t ? e : void 0,
+				slotProps: {
+					primary: { noWrap: !0 },
+					secondary: { noWrap: !0 }
+				}
+			})
+		}, e))
+	}), fe = (0, q.jsx)(j, {
+		label: h("numberFormat.typeCode"),
+		size: "small",
+		fullWidth: !0,
+		disabled: d,
+		value: n,
+		error: !!n && !l.Parser.isValidFormat(n),
+		helperText: n && !l.Parser.isValidFormat(n) ? h("numberFormat.invalidCode") : " ",
+		onChange: (e) => O({
+			category: "Custom",
+			code: e.target.value
+		}),
+		slotProps: {
+			inputLabel: { shrink: !0 },
+			htmlInput: {
+				spellCheck: !1,
+				autoComplete: "off"
+			}
+		}
+	}), J = (e) => (0, q.jsx)(v, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 1.5,
+			alignItems: "flex-start"
+		},
+		children: e
+	});
+	switch (I) {
+		case "General":
+			b = (0, q.jsx)(y, {
+				variant: "body2",
+				children: h("numberFormat.generalInfo")
+			});
+			break;
+		case "Number":
+			b = (0, q.jsxs)(q.Fragment, { children: [J((0, q.jsxs)(q.Fragment, { children: [R, de] })), U] });
+			break;
+		case "Currency":
+			b = (0, q.jsxs)(q.Fragment, { children: [J((0, q.jsxs)(q.Fragment, { children: [R, H] })), U] });
+			break;
+		case "Accounting":
+			b = (0, q.jsxs)(q.Fragment, { children: [J((0, q.jsxs)(q.Fragment, { children: [R, H] })), (0, q.jsx)(y, {
+				variant: "caption",
+				color: "text.secondary",
+				children: h("numberFormat.accountingInfo")
+			})] });
+			break;
+		case "Percentage":
+		case "Scientific":
+			b = R;
+			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")
+			}))(h));
+			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")
+			}))(h));
+			break;
+		case "Text":
+			b = (0, q.jsx)(y, {
+				variant: "body2",
+				children: h("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)(v, {
+		ref: t,
+		className: z("sxl-number-format-panel", f),
+		onKeyDown: N,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1.25
+		},
+		...m,
+		children: [
+			s ? null : (0, q.jsxs)(v, { children: [(0, q.jsx)(y, {
+				variant: "caption",
+				component: "div",
+				sx: { pl: .5 },
+				children: h("numberFormat.sample")
+			}), (0, q.jsx)(y, {
+				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: le || " "
+			})] }),
+			u ? (0, q.jsx)(E, {
+				disabled: d,
+				sx: {
+					justifyContent: "flex-start",
+					paddingBottom: 1
+				}
+			}) : null,
+			(0, q.jsx)(G, {
+				label: h("numberFormat.category"),
+				sx: { marginBottom: .5 },
+				children: (0, q.jsx)(se, {
+					outlined: !0,
+					disabled: d,
+					sx: { width: "100%" },
+					renderPopupPanel: (e) => {
+						let { closeFloatAll: t } = e, r = Y.CATEGORIES.map((e) => {
+							let r = e === I, i = () => {
+								((e) => {
+									e === I ? ne() : oe(e);
+								})(e), t?.();
+							};
+							return (0, q.jsx)(ie, {
+								selected: r,
+								icon: (0, q.jsx)(ae, {
+									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)(T, {
+									label: k(h, e),
+									sample: (a = e, a === "Custom" && a !== I ? "" : X(a === I ? n : Y.defaultCodeForCategory(a), ge(a, D, h("numberFormat.sampleText")), D))
+								})
+							}, e);
+							var a;
+						});
+						return re({
+							...e,
+							children: (0, q.jsx)(v, {
+								sx: {
+									overflow: "auto",
+									flex: "1 1 100%"
+								},
+								children: r
+							})
+						});
+					},
+					icon: (0, q.jsx)(v, {
+						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)(v, {
+							sx: {
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "pre"
+							},
+							children: k(h, I)
+						})
+					})
+				})
+			}),
+			(0, q.jsx)(v, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 1.25,
+					flex: "1 1 auto",
+					minWidth: 0,
+					minHeight: 0
+				},
+				children: b
+			})
+		]
+	});
+}));
+_e.displayName = "NumberFormatPanel";
+var ve = {
+	axes: d.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, ...o } = e, s = a(), { style: l, applyStyle: u } = t, d = n || t.disabled, f = l.getAlignment(), p = f.getIndent(), m = f.getStacked(), h = m ? 0 : f.getRotation(), g = c((e) => {
+		u({ alignment: { indent: e } }, r("op.setAlignment"), ve);
+	}, [u]), _ = c((e) => {
+		u({ alignment: { rotation: be(e) } }, r("op.setAlignment"));
+	}, [u]);
+	return (0, q.jsxs)(v, {
+		className: z("sxl-format-alignment-panel", i),
+		sx: H,
+		...o,
+		children: [
+			(0, q.jsx)(G, {
+				label: s("format.horizontalAlignment"),
+				children: (0, q.jsx)(V, { children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignLeftToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignCenterToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignRightToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignJustifyToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignDistributedHorizontalToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignCenterContinuousToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignFillToggle",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					})
+				] }) })
+			}),
+			(0, q.jsx)(G, {
+				label: s("format.indent"),
+				children: (0, q.jsxs)(V, { children: [
+					(0, q.jsx)(N, {
+						commandKey: "formatIndentDecrease",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatIndentIncrease",
+						groupKey: "horizontalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(B, {
+						label: s("format.indentUnit"),
+						disabled: d,
+						value: p,
+						min: 0,
+						max: 250,
+						width: 104,
+						onChange: g
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: s("format.verticalAlignment"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignTopToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignMiddleToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignBottomToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignJustifyVerticalToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatAlignDistributedVerticalToggle",
+						groupKey: "verticalAlignOptions",
+						disabled: d
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: s("format.overflow"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(N, {
+						commandKey: "formatTextOverflowWrapToggle",
+						groupKey: "textOverflowOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextOverflowShrinkToggle",
+						groupKey: "textOverflowOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextOverflowClipToggle",
+						groupKey: "textOverflowOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextOverflowVisibleToggle",
+						groupKey: "textOverflowOptions",
+						disabled: d
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: s("format.merge"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(N, {
+						commandKey: "mergeToggle",
+						groupKey: "mergeOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "mergeHorizontal",
+						groupKey: "mergeOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "mergeVertical",
+						groupKey: "mergeOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "unmerge",
+						groupKey: "mergeOptions",
+						disabled: d
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: s("format.orientation"),
+				children: (0, q.jsxs)(V, { children: [(0, q.jsxs)(W, { children: [
+					(0, q.jsx)(N, {
+						commandKey: "formatTextRotate0",
+						groupKey: "textRotateOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextRotate45",
+						groupKey: "textRotateOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextRotate315",
+						groupKey: "textRotateOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextRotate90",
+						groupKey: "textRotateOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextRotateVertical",
+						groupKey: "textRotateOptions",
+						disabled: d
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatTextRotate270",
+						groupKey: "textRotateOptions",
+						disabled: d
+					})
+				] }), (0, q.jsx)(B, {
+					label: s("format.degrees"),
+					disabled: d || m,
+					value: ye(h),
+					min: -90,
+					max: 90,
+					step: 5,
+					width: 104,
+					onChange: _
+				})] })
+			})
+		]
+	});
+});
+xe.displayName = "AlignmentPanel";
+var Se = (0, K.memo)((e) => {
+	let { selection: t, disabled: n, className: r, ...i } = e, o = a(), s = n || t.disabled;
+	return (0, q.jsxs)(v, {
+		className: z("sxl-format-font-panel", r),
+		sx: H,
+		...i,
+		children: [
+			(0, q.jsx)(G, {
+				label: o("format.fontFamily"),
+				children: (0, q.jsx)(A, {
+					commandKey: "formatFontFamily",
+					disabled: s,
+					sx: { width: "100%" }
+				})
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.fontSize"),
+				children: (0, q.jsxs)(V, { children: [
+					(0, q.jsx)(O, {
+						commandKey: "formatFontSize",
+						disabled: s,
+						sx: { width: 96 }
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatFontSizeIncrease",
+						disabled: s
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatFontSizeDecrease",
+						disabled: s
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.color"),
+				children: (0, q.jsx)(V, { children: (0, q.jsx)(D, {
+					commandKey: "formatFontColor",
+					disabled: s
+				}) })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.effects"),
+				children: (0, q.jsxs)(W, { children: [
+					(0, q.jsx)(N, {
+						commandKey: "formatBoldToggle",
+						disabled: s
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatItalicToggle",
+						disabled: s
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatUnderlinedToggle",
+						groupKey: "underlineOptions",
+						disabled: s
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatUnderlinedDoubleToggle",
+						groupKey: "underlineOptions",
+						disabled: s
+					}),
+					(0, q.jsx)(v, { sx: { width: "8px" } }),
+					(0, q.jsx)(N, {
+						commandKey: "formatStrikeThroughToggle",
+						disabled: s
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatSuperscriptToggle",
+						disabled: s
+					}),
+					(0, q.jsx)(N, {
+						commandKey: "formatSubscriptToggle",
+						disabled: s
+					})
+				] })
+			}),
+			(0, q.jsx)(G, {
+				label: o("format.accountingUnderline"),
+				children: (0, q.jsxs)(W, { children: [(0, q.jsx)(N, {
+					commandKey: "formatUnderlinedAccountingToggle",
+					groupKey: "underlineOptions",
+					disabled: s
+				}), (0, q.jsx)(N, {
+					commandKey: "formatUnderlinedAccountingDoubleToggle",
+					groupKey: "underlineOptions",
+					disabled: s
+				})] })
+			})
+		]
+	});
+});
+Se.displayName = "FontPanel";
+var Ce = Object.freeze([
+	u.Edge.Top,
+	u.Edge.Bottom,
+	u.Edge.Left,
+	u.Edge.Right,
+	u.Edge.Horizontal,
+	u.Edge.Vertical
+]), Z = Object.freeze([]), we = Object.freeze([u.Edge.Horizontal, u.Edge.Vertical]), Te = new Map([
+	...Ce,
+	u.Edge.DiagonalUp,
+	u.Edge.DiagonalDown
+].map((e) => [e, Object.freeze([e])])), Ee = (e) => e === u.Edge.DiagonalUp || e === u.Edge.DiagonalDown;
+function De(e, t) {
+	switch (t) {
+		case u.Edge.Top: return e("border.top");
+		case u.Edge.Left: return e("border.left");
+		case u.Edge.Right: return e("border.right");
+		case u.Edge.Bottom: return e("border.bottom");
+		case u.Edge.Horizontal: return e("border.insideHorizontal");
+		case u.Edge.Vertical: return e("border.insideVertical");
+		case u.Edge.DiagonalUp: return e("border.diagonalUp");
+		case u.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 === u.Edge.Left || e === u.Edge.Vertical || e === u.Edge.Right, je = (e) => {
+	switch (e) {
+		case u.Edge.Top:
+		case u.Edge.Left: return 0;
+		case u.Edge.Horizontal:
+		case u.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 = a(), f = (0, K.useRef)(null), [p, m] = (0, K.useState)(Z), h = (0, K.useCallback)((e) => !i?.includes(e), [i]), y = (0, K.useCallback)((e) => !o && h(e), [o, h]), b = h(u.Edge.Horizontal) ? 2 : 1, x = h(u.Edge.Vertical) ? 2 : 1, S = (0, K.useCallback)((e) => n({
+		top: e.rowIndex === 0 ? t.top : t.horizontal,
+		bottom: e.rowIndex === b - 1 ? t.bottom : t.horizontal,
+		left: e.colIndex === 0 ? t.left : t.vertical,
+		right: e.colIndex === x - 1 ? t.right : t.vertical,
+		diagonalUp: t.diagonalUp,
+		diagonalDown: t.diagonalDown
+	}), [
+		t,
+		n,
+		b,
+		x
+	]), C = (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 a = Math.min(10, n / 5, r / 5);
+			if (we.every(i) && Math.abs(e - n / 2) <= a && Math.abs(t - r / 2) <= a) return we;
+			let o = Math.abs(e) <= a, s = Math.abs(e - n) <= a, c = Math.abs(t) <= a, l = Math.abs(t - r) <= a;
+			if ((o || s) && (c || l)) {
+				let e = o === c ? u.Edge.DiagonalDown : u.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 <= a ? Te.get(d) : Z;
+		}(e.clientX - n.left, e.clientY - n.top, n.width, n.height, y);
+	}, [y]);
+	return (0, q.jsx)(v, {
+		className: z("sxl-border-preview", c),
+		...l,
+		onPointerMove: (e) => m(C(e)),
+		onPointerLeave: () => m(Z),
+		onClick: (e) => {
+			let t = C(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)(v, {
+			ref: f,
+			sx: {
+				position: "relative",
+				width: "100%",
+				height: "100%"
+			},
+			children: [
+				(0, q.jsx)(v, {
+					"aria-hidden": "true",
+					sx: {
+						position: "absolute",
+						inset: 0,
+						display: "grid",
+						gridTemplateColumns: `repeat(${x}, 1fr)`,
+						gridTemplateRows: `repeat(${b}, 1fr)`,
+						gap: "2px",
+						pointerEvents: "none",
+						"& > div": { backgroundColor: (e) => _(e.palette.text.primary, .05) }
+					},
+					children: Array.from({ length: b * x }, (e, t) => (0, q.jsx)("div", {}, t))
+				}),
+				(0, q.jsx)(v, {
+					"aria-hidden": "true",
+					sx: {
+						position: "absolute",
+						inset: 0,
+						pointerEvents: "none",
+						"& > div": {
+							position: "absolute",
+							backgroundColor: (e) => e.palette.text.secondary
+						}
+					},
+					children: ke(b, x).map((e, t) => (0, q.jsx)("div", { style: e }, t))
+				}),
+				p.length > 0 ? (0, q.jsxs)(v, {
+					"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 a = 0; a < n; a++) {
+								let o = a / n * 100, s = (a + 1) / n * 100, c = i / t * 100, l = (i + 1) / t * 100, d = e === u.Edge.DiagonalDown;
+								r.push((0, q.jsx)("line", {
+									x1: o,
+									y1: d ? c : l,
+									x2: s,
+									y2: d ? l : c,
+									strokeWidth: 6,
+									strokeLinecap: "round",
+									vectorEffect: "non-scaling-stroke"
+								}, `${e}:${i}:${a}`));
+							}
+							return r;
+						}(e, b, x))
+					}) : null]
+				}) : null,
+				(0, q.jsx)(g, {
+					getBorderAt: S,
+					rowCount: b,
+					columnCount: x,
+					style: {
+						position: "absolute",
+						inset: 0,
+						height: "100%",
+						width: "100%"
+					}
+				}),
+				Ce.filter(h).map((e) => (0, q.jsx)(v, {
+					component: "button",
+					type: "button",
+					"aria-label": De(d, e),
+					"aria-pressed": !!t[e],
+					title: De(d, e),
+					disabled: !y(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 = u.StrokeStyle.Thin, Fe = Object.freeze([
+	u.Edge.Left,
+	u.Edge.Top,
+	u.Edge.Right,
+	u.Edge.Bottom
+]), Ie = Object.freeze([u.Edge.Horizontal, u.Edge.Vertical]), Q = Object.freeze([...Fe, ...Ie]), Le = Object.freeze([u.Edge.DiagonalUp, u.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: o, ...s } = e, l = a(), { getEdgeStroke: d, createBorder: f, applyStyle: p, styles: m, schemeLookup: h, autoColor: g, darkMode: _, hasInnerHorizontal: b, hasInnerVertical: x } = t, S = n || t.disabled, C = c((e) => e === u.Edge.Horizontal ? !b : e === u.Edge.Vertical && !x, [b, x]), [w, T] = (0, K.useState)(() => {
+		let e = d(u.Edge.Bottom)?.getStyle();
+		return e && e !== u.StrokeStyle.None ? e : Pe;
+	}), [E, D] = (0, K.useState)(() => {
+		let e = d(u.Edge.Bottom);
+		return !e || e.isNone() ? null : e.getProperties().color ? e.getColor() : null;
+	}), O = c(() => m.recentColors(), [m]), k = c((e) => {
+		p({ borders: e }, r("op.setBorders"));
+	}, [p]), A = c((e) => {
+		e.length !== 0 && p([{ borders: Be(e) }, { borders: ze(e, w, E) }], r("op.setBorders"));
+	}, [
+		p,
+		w,
+		E
+	]), ee = c((e) => {
+		e.length !== 0 && k(ze(e, u.StrokeStyle.None, null));
+	}, [k]), te = c((e) => {
+		A(e.filter((e) => !C(e)));
+	}, [A, C]), j = {};
+	for (let e of Re) {
+		let t = d(e);
+		t && !t.isNone() && (j[e] = t.getProperties());
+	}
+	let M = c((e) => {
+		let t = j[e];
+		return (t?.style ?? u.StrokeStyle.None) === w && Ve(t?.color) === Ve(E);
+	}, [
+		j,
+		w,
+		E
+	]), re = (e) => {
+		let t = e.filter((e) => !C(e));
+		return t.length > 0 && t.every(M);
+	}, ie = c((e) => {
+		let t = e.filter((e) => !C(e));
+		w === u.StrokeStyle.None || t.every(M) ? ee(t) : A(t);
+	}, [
+		ee,
+		A,
+		M,
+		C,
+		w
+	]), ae = (e) => ze(e, w, E), N = (e, t, n) => (0, q.jsx)(oe, {
+		disabled: S,
+		icon: (0, q.jsx)(le, {
+			border: e.length > 0 ? ae(e) : null,
+			createBorder: f
+		}),
+		propsTooltip: {
+			label: t,
+			simple: !0
+		},
+		onClick: n
+	}), se = (e, t) => {
+		let n = S || e.every(C);
+		return (0, q.jsx)(oe, {
+			disabled: n,
+			selected: !n && w !== u.StrokeStyle.None && re(e),
+			icon: (0, q.jsx)(le, {
+				border: ae(e),
+				createBorder: f
+			}),
+			propsTooltip: {
+				label: t,
+				simple: !0
+			},
+			onClick: () => ie(e)
+		});
+	}, P = (e) => se([e], De(l, e));
+	return (0, q.jsxs)(v, {
+		className: z("sxl-format-border-panel", o),
+		sx: H,
+		...s,
+		children: [
+			(0, q.jsxs)(V, { children: [(0, q.jsx)(L, {
+				disabled: S || w === u.StrokeStyle.None,
+				darkMode: _,
+				icon: (0, q.jsx)(i, { iconKey: "stroke.colored" }),
+				tooltip: l("border.colorTooltip"),
+				selectedColor: E,
+				onSelectColor: (e) => D(e),
+				propsPanel: {
+					disableAlpha: !0,
+					schemeLookup: h,
+					recentColors: O,
+					autoColor: g
+				}
+			}), (0, q.jsx)(R, {
+				disabled: S,
+				darkMode: _,
+				selectedStyle: w,
+				styleColor: E,
+				variant: ne.Toolbar,
+				onSelectStyle: (e) => T(e ?? u.StrokeStyle.None)
+			})] }),
+			(0, q.jsxs)(W, {
+				sx: { justifyContent: "center" },
+				children: [
+					N(Q, l("border.all"), () => te(Q)),
+					N(Fe, l("border.outside"), () => te(Fe)),
+					N([], l("border.none"), () => k(null))
+				]
+			}),
+			(0, q.jsxs)(G, {
+				sx: { px: 1.5 },
+				children: [(0, q.jsxs)(v, {
+					sx: {
+						display: "grid",
+						gridTemplateColumns: "auto minmax(0, 156px) auto",
+						justifyContent: "center",
+						columnGap: .5,
+						rowGap: .25,
+						minWidth: 0
+					},
+					children: [
+						(0, q.jsxs)(v, {
+							sx: {
+								display: "flex",
+								flexDirection: "column",
+								justifyContent: "space-between",
+								height: "104px"
+							},
+							children: [
+								P(u.Edge.Top),
+								P(u.Edge.Horizontal),
+								P(u.Edge.Bottom)
+							]
+						}),
+						(0, q.jsx)(Me, {
+							edges: j,
+							createBorder: f,
+							disabled: S,
+							height: 104,
+							omittedEdges: Q.filter(C),
+							onToggleEdges: ie
+						}),
+						(0, q.jsx)(v, {
+							sx: {
+								display: "flex",
+								alignItems: "center"
+							},
+							children: se(Ie, l("border.inner"))
+						}),
+						P(u.Edge.DiagonalUp),
+						(0, q.jsxs)(v, {
+							sx: {
+								display: "flex",
+								justifyContent: "space-between",
+								minWidth: 0
+							},
+							children: [
+								P(u.Edge.Left),
+								P(u.Edge.Vertical),
+								P(u.Edge.Right)
+							]
+						}),
+						P(u.Edge.DiagonalDown)
+					]
+				}), (0, q.jsx)(y, {
+					variant: "caption",
+					component: "div",
+					sx: {
+						color: "text.secondary",
+						lineHeight: 1.4,
+						textAlign: "center"
+					},
+					children: l("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 = a();
+	p(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: i, entryKey: d, frame: p, ref: h, ...g } = e, _ = a(), y = ((e) => {
+		let [, t] = (0, K.useReducer)((e) => e + 1, 0);
+		f(e, {
+			onSelectionChange: () => t(),
+			onStyleChange: () => t()
+		});
+		let [n] = o(["formatBoldToggle"]), i = m(), a = e.getSelectedCell(), s = e.getStyles(), l = e.getSelectedRanges(), d = c((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]), p = c((t) => e.createCell(t), [e]), h = c((e) => s.getNormal().createStyle({ borders: e }).getBorders(), [s]), g = l.getCoords()[0], _ = c((t) => {
+			if (!g) return null;
+			let n = (t, n) => e.getCell({
+				rowIndex: t,
+				colIndex: n
+			}).getStyle(!0).getBorders();
+			switch (t) {
+				case u.Edge.Top: return n(g.rowStart, g.colStart).getTop();
+				case u.Edge.Left: return n(g.rowStart, g.colStart).getLeft();
+				case u.Edge.Bottom: return n(g.rowEnd, g.colEnd).getBottom();
+				case u.Edge.Right: return n(g.rowEnd, g.colEnd).getRight();
+				case u.Edge.Horizontal: return g.rowEnd <= g.rowStart ? null : n(g.rowStart + 1, g.colStart).getTop();
+				case u.Edge.Vertical: return g.colEnd <= g.colStart ? null : n(g.rowStart, g.colStart + 1).getLeft();
+				case u.Edge.DiagonalUp: return n(g.rowStart, g.colStart).getDiagonalUp();
+				case u.Edge.DiagonalDown: return n(g.rowStart, g.colStart).getDiagonalDown();
+				default: return null;
+			}
+		}, [e, g]);
+		return {
+			sheet: e,
+			cell: a,
+			style: a.getStyle(),
+			styles: s,
+			schemeLookup: s.schemeLookup(),
+			autoColor: s.getNormal().getFont().getColor(),
+			darkMode: i === "dark",
+			disabled: n?.disabled() ?? !1,
+			applyStyle: d,
+			createCell: p,
+			createBorder: h,
+			getEdgeStroke: _,
+			hasInnerHorizontal: l.getRowCount() > 1,
+			hasInnerVertical: l.getColumnCount() > 1
+		};
+	})(n), [x, S] = s(Ue, $.Number), C = We.includes(x) ? x : $.Number;
+	(0, K.useEffect)(() => {
+		let e = i?.tab;
+		e && S(e);
+	}, [i]);
+	let w = y.style.getNumberFormat(), T = typeof w == "number" ? l.resolve(w) : w ?? "General";
+	return (0, q.jsxs)(b, {
+		square: !0,
+		ref: h,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			flex: "1 1 auto",
+			width: "100%",
+			height: "100%",
+			minHeight: 0,
+			overflow: "hidden"
+		},
+		...g,
+		children: [
+			(0, q.jsx)(v, {
+				sx: {
+					flexShrink: 0,
+					padding: (e) => e.spacing(1.5, 2)
+				},
+				children: (0, q.jsx)(J, { selection: y })
+			}),
+			(0, q.jsx)(F, {
+				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)(I, {
+					value: e,
+					label: qe(_, e)
+				}, e))
+			}),
+			(0, q.jsxs)(v, {
+				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: y.disabled,
+						context: () => y.cell,
+						onChange: (e) => {
+							y.applyStyle({ numberFormat: e }, r("op.setNumberFormat"));
+						}
+					}) : null,
+					C === $.Alignment ? (0, q.jsx)(xe, { selection: y }) : null,
+					C === $.Font ? (0, q.jsx)(Se, { selection: y }) : null,
+					C === $.Fill ? (0, q.jsx)(U, { selection: de(y) }) : null,
+					C === $.Border ? (0, q.jsx)(He, { selection: y }) : 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 };