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

package/browser/esm/Cgff_mU98dEc-kSv.mjs

@@ -0,0 +1,1723 @@
+/**
+* @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 { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as t, r as n } from "./CFPaTEuxUxH48Dnc.mjs";
+import { p as r } from "./PD_ckP5IyZurtALu.mjs";
+import { r as i } from "./Q4gowihHveaVg346.mjs";
+import { St as a, mt as o, nt as s } from "./DsHzYBPSadCXZi-n.mjs";
+import { Jn as c } from "./BRXV-NrDDC3ZrpMt.mjs";
+import { n as l, t as u } from "./4JJNcz4YU6jhtSoO.mjs";
+import { c as d } from "./BiLb98_m7AwaRkX6.mjs";
+import { _ as f, c as p, g as m, t as h, u as g, v as _ } from "./Cdg4TpupUeYIiz2B.mjs";
+import { B as v, F as y, I as b, N as x, P as S, T as C, V as w, Z as T, ct as E, gt as D, j as O, lt as k, ot as A, q as j, st as M, tt as N } from "./KG-A3VX4kcf2uLJI.mjs";
+import { t as P } from "./DFFX8FaN8Xyq2YvS.mjs";
+import { t as F } from "./nmaneEnoRhUuMliV.mjs";
+import { n as ee, t as I } from "./TEqlVdpb4Wjm-WJR.mjs";
+import { t as te } from "./bFtJ6ds2ojy78Wre.mjs";
+import { t as ne } from "./DwhGTfGva3F7vuwp.mjs";
+import { a as re, o as ie } from "./Bi8dy2A1euGZeE4C.mjs";
+import { i as ae } from "./CIoNg-5VkB5Nf7xb.mjs";
+import { t as L } from "./B90jZwl6n7fpLoRK.mjs";
+import { n as oe, t as se } from "./Df4WRA6refKZ9x9I.mjs";
+function ce(e) {
+	return f("MuiAccordionSummary", e);
+}
+var R = m("MuiAccordionSummary", [
+	"root",
+	"expanded",
+	"focusVisible",
+	"disabled",
+	"gutters",
+	"content",
+	"expandIconWrapper"
+]), z = e(t(), 1), B = z.createContext({});
+function le(e) {
+	return f("MuiAccordion", e);
+}
+var V = m("MuiAccordion", [
+	"root",
+	"heading",
+	"rounded",
+	"expanded",
+	"disabled",
+	"gutters",
+	"region"
+]), H = e(n(), 1), ue = k(v, {
+	name: "MuiAccordion",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${V.region}`]: t.region },
+			t.root,
+			!n.square && t.rounded,
+			!n.disableGutters && t.gutters
+		];
+	}
+})(E(({ theme: e }) => {
+	let t = { duration: e.transitions.duration.shortest };
+	return {
+		position: "relative",
+		...N(e, ["margin"], t),
+		overflowAnchor: "none",
+		"&::before": {
+			position: "absolute",
+			left: 0,
+			top: -1,
+			right: 0,
+			height: 1,
+			content: "\"\"",
+			opacity: 1,
+			backgroundColor: (e.vars || e).palette.divider,
+			...N(e, ["opacity", "background-color"], t)
+		},
+		"&:first-of-type": { "&::before": { display: "none" } },
+		[`&.${V.expanded}`]: {
+			"&::before": { opacity: 0 },
+			"&:first-of-type": { marginTop: 0 },
+			"&:last-of-type": { marginBottom: 0 },
+			"& + &": { "&::before": { display: "none" } }
+		},
+		[`&.${V.disabled}`]: { backgroundColor: (e.vars || e).palette.action.disabledBackground }
+	};
+}), E(({ theme: e }) => ({ variants: [{
+	props: (e) => !e.square,
+	style: {
+		borderRadius: 0,
+		"&:first-of-type": {
+			borderTopLeftRadius: (e.vars || e).shape.borderRadius,
+			borderTopRightRadius: (e.vars || e).shape.borderRadius
+		},
+		"&:last-of-type": {
+			borderBottomLeftRadius: (e.vars || e).shape.borderRadius,
+			borderBottomRightRadius: (e.vars || e).shape.borderRadius,
+			"@supports (-ms-ime-align: auto)": {
+				borderBottomLeftRadius: 0,
+				borderBottomRightRadius: 0
+			}
+		}
+	}
+}, {
+	props: (e) => !e.disableGutters,
+	style: { [`&.${V.expanded}`]: { margin: "16px 0" } }
+}] }))), de = k("h3", {
+	name: "MuiAccordion",
+	slot: "Heading"
+})({ all: "unset" }), fe = k("div", {
+	name: "MuiAccordion",
+	slot: "Region"
+})({}), pe = z.forwardRef(function(e, t) {
+	let n = M({
+		props: e,
+		name: "MuiAccordion"
+	}), { children: r, className: i, defaultExpanded: a = !1, disabled: o = !1, disableGutters: s = !1, expanded: c, onChange: l, slots: u = {}, slotProps: d = {}, ...f } = n, [p, m] = j({
+		controlled: c,
+		default: a,
+		name: "Accordion",
+		state: "expanded"
+	}), h = z.useCallback((e) => {
+		m(!p), l && l(e, !p);
+	}, [
+		p,
+		l,
+		m
+	]), [g, ...v] = z.Children.toArray(r), y = z.useMemo(() => ({
+		expanded: p,
+		disabled: o,
+		disableGutters: s,
+		toggle: h
+	}), [
+		p,
+		o,
+		s,
+		h
+	]), b = {
+		...n,
+		disabled: o,
+		disableGutters: s,
+		expanded: p
+	}, x = ((e) => {
+		let { classes: t, square: n, expanded: r, disabled: i, disableGutters: a } = e;
+		return D({
+			root: [
+				"root",
+				!n && "rounded",
+				r && "expanded",
+				i && "disabled",
+				!a && "gutters"
+			],
+			heading: ["heading"],
+			region: ["region"]
+		}, le, t);
+	})(b), S = {
+		slots: u,
+		slotProps: d
+	}, [C, T] = w("root", {
+		elementType: ue,
+		externalForwardedProps: {
+			...S,
+			...f
+		},
+		className: _(x.root, i),
+		shouldForwardComponentProp: !0,
+		ownerState: b,
+		ref: t
+	}), [E, O] = w("heading", {
+		elementType: de,
+		externalForwardedProps: S,
+		className: x.heading,
+		ownerState: b
+	}), [k, A] = w("transition", {
+		elementType: ne,
+		externalForwardedProps: S,
+		ownerState: b
+	}), [N, P] = w("region", {
+		elementType: fe,
+		externalForwardedProps: S,
+		ownerState: b,
+		className: x.region,
+		additionalProps: {
+			"aria-labelledby": g.props.id,
+			id: g.props["aria-controls"],
+			role: "region"
+		}
+	});
+	return (0, H.jsxs)(C, {
+		...T,
+		children: [(0, H.jsx)(E, {
+			...O,
+			children: (0, H.jsx)(B.Provider, {
+				value: y,
+				children: g
+			})
+		}), (0, H.jsx)(k, {
+			in: p,
+			timeout: "auto",
+			...A,
+			children: (0, H.jsx)(N, {
+				...P,
+				children: v
+			})
+		})]
+	});
+});
+function me(e) {
+	return f("MuiAccordionDetails", e);
+}
+m("MuiAccordionDetails", ["root"]);
+var he = k("div", {
+	name: "MuiAccordionDetails",
+	slot: "Root"
+})(E(({ theme: e }) => ({ padding: e.spacing(1, 2, 2) }))), ge = z.forwardRef(function(e, t) {
+	let n = M({
+		props: e,
+		name: "MuiAccordionDetails"
+	}), { className: r, ...i } = n, a = n, o = ((e) => {
+		let { classes: t } = e;
+		return D({ root: ["root"] }, me, t);
+	})(a);
+	return (0, H.jsx)(he, {
+		className: _(o.root, r),
+		ref: t,
+		ownerState: a,
+		...i
+	});
+}), _e = k(y, {
+	name: "MuiAccordionSummary",
+	slot: "Root"
+})(E(({ theme: e }) => ({
+	display: "flex",
+	width: "100%",
+	minHeight: 48,
+	padding: e.spacing(0, 2),
+	...N(e, ["min-height", "background-color"], { duration: e.transitions.duration.shortest }),
+	...!e.focusVisible && { [`&.${R.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus } },
+	[`&.${R.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
+	[`&:hover:not(.${R.disabled})`]: { cursor: "pointer" },
+	variants: [{
+		props: (e) => !e.disableGutters,
+		style: { [`&.${R.expanded}`]: { minHeight: 64 } }
+	}]
+}))), ve = k("span", {
+	name: "MuiAccordionSummary",
+	slot: "Content"
+})(E(({ theme: e }) => ({
+	display: "flex",
+	textAlign: "start",
+	flexGrow: 1,
+	margin: "12px 0",
+	variants: [{
+		props: (e) => !e.disableGutters,
+		style: {
+			...N(e, ["margin"], { duration: e.transitions.duration.shortest }),
+			[`&.${R.expanded}`]: { margin: "20px 0" }
+		}
+	}]
+}))), ye = k("span", {
+	name: "MuiAccordionSummary",
+	slot: "ExpandIconWrapper"
+})(E(({ theme: e }) => ({
+	display: "flex",
+	color: (e.vars || e).palette.action.active,
+	transform: "rotate(0deg)",
+	...N(e, "transform", { duration: e.transitions.duration.shortest }),
+	[`&.${R.expanded}`]: { transform: "rotate(180deg)" }
+}))), be = z.forwardRef(function(e, t) {
+	let n = M({
+		props: e,
+		name: "MuiAccordionSummary"
+	}), { children: r, className: i, expandIcon: a, focusVisibleClassName: o, onClick: s, slots: c, slotProps: l, ...u } = n, { disabled: d = !1, disableGutters: f, expanded: p, toggle: m } = z.useContext(B), h = {
+		...n,
+		expanded: p,
+		disabled: d,
+		disableGutters: f
+	}, g = ((e) => {
+		let { classes: t, expanded: n, disabled: r, disableGutters: i } = e;
+		return D({
+			root: [
+				"root",
+				n && "expanded",
+				r && "disabled",
+				!i && "gutters"
+			],
+			focusVisible: ["focusVisible"],
+			content: ["content", n && "expanded"],
+			expandIconWrapper: ["expandIconWrapper", n && "expanded"]
+		}, ce, t);
+	})(h), v = {
+		slots: c,
+		slotProps: l
+	}, [y, b] = w("root", {
+		ref: t,
+		shouldForwardComponentProp: !0,
+		className: _(g.root, i),
+		elementType: _e,
+		externalForwardedProps: {
+			...v,
+			...u
+		},
+		ownerState: h,
+		additionalProps: {
+			focusRipple: !1,
+			disableRipple: !0,
+			internalNativeButton: !0,
+			disabled: d,
+			"aria-expanded": p,
+			focusVisibleClassName: _(g.focusVisible, o)
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onClick: (t) => {
+				e.onClick?.(t), ((e) => {
+					m && m(e), s && s(e);
+				})(t);
+			}
+		})
+	}), [x, S] = w("content", {
+		className: g.content,
+		elementType: ve,
+		externalForwardedProps: v,
+		ownerState: h
+	}), [C, T] = w("expandIconWrapper", {
+		className: g.expandIconWrapper,
+		elementType: ye,
+		externalForwardedProps: v,
+		ownerState: h
+	});
+	return (0, H.jsxs)(y, {
+		...b,
+		children: [(0, H.jsx)(x, {
+			...S,
+			children: r
+		}), a && (0, H.jsx)(C, {
+			...T,
+			children: a
+		})]
+	});
+});
+function xe(e) {
+	return f("MuiAlert", e);
+}
+var U = m("MuiAlert", [
+	"root",
+	"action",
+	"icon",
+	"message",
+	"filled",
+	"colorSuccess",
+	"colorInfo",
+	"colorWarning",
+	"colorError",
+	"outlined",
+	"standard"
+]), Se = T((0, H.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" }), "SuccessOutlined"), Ce = T((0, H.jsx)("path", { d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" }), "ReportProblemOutlined"), we = T((0, H.jsx)("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "ErrorOutline"), Te = T((0, H.jsx)("path", { d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z" }), "InfoOutlined"), Ee = T((0, H.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "Close"), De = k(v, {
+	name: "MuiAlert",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, t[n.variant]];
+	}
+})(E(({ theme: e }) => {
+	let t = e.palette.mode === "light" ? e.darken : e.lighten, n = e.palette.mode === "light" ? e.lighten : e.darken;
+	return {
+		...e.typography.body2,
+		backgroundColor: "transparent",
+		display: "flex",
+		padding: "6px 16px",
+		variants: [
+			...Object.entries(e.palette).filter(S(["light"])).map(([r]) => ({
+				props: {
+					colorSeverity: r,
+					variant: "standard"
+				},
+				style: {
+					color: e.vars ? e.vars.palette.Alert[`${r}Color`] : t(e.palette[r].light, .6),
+					backgroundColor: e.vars ? e.vars.palette.Alert[`${r}StandardBg`] : n(e.palette[r].light, .9),
+					[`& .${U.icon}`]: e.vars ? { color: e.vars.palette.Alert[`${r}IconColor`] } : { color: e.palette[r].main }
+				}
+			})),
+			...Object.entries(e.palette).filter(S(["light"])).map(([n]) => ({
+				props: {
+					colorSeverity: n,
+					variant: "outlined"
+				},
+				style: {
+					color: e.vars ? e.vars.palette.Alert[`${n}Color`] : t(e.palette[n].light, .6),
+					border: `1px solid ${(e.vars || e).palette[n].light}`,
+					[`& .${U.icon}`]: e.vars ? { color: e.vars.palette.Alert[`${n}IconColor`] } : { color: e.palette[n].main }
+				}
+			})),
+			...Object.entries(e.palette).filter(S(["dark"])).map(([t]) => ({
+				props: {
+					colorSeverity: t,
+					variant: "filled"
+				},
+				style: {
+					...e.focusVisible && p(`0 0 0 4px ${(e.vars || e).palette.background.default}`),
+					fontWeight: e.typography.fontWeightMedium,
+					...e.vars ? {
+						color: e.vars.palette.Alert[`${t}FilledColor`],
+						backgroundColor: e.vars.palette.Alert[`${t}FilledBg`]
+					} : {
+						backgroundColor: e.palette.mode === "dark" ? e.palette[t].dark : e.palette[t].main,
+						color: e.palette.getContrastText(e.palette[t].main)
+					}
+				}
+			}))
+		]
+	};
+})), Oe = k("div", {
+	name: "MuiAlert",
+	slot: "Icon"
+})({
+	marginRight: 12,
+	padding: "7px 0",
+	display: "flex",
+	fontSize: 22,
+	opacity: .9
+}), ke = k("div", {
+	name: "MuiAlert",
+	slot: "Message"
+})({
+	padding: "8px 0",
+	minWidth: 0,
+	overflow: "auto"
+}), Ae = k("div", {
+	name: "MuiAlert",
+	slot: "Action"
+})({
+	display: "flex",
+	alignItems: "flex-start",
+	padding: "4px 0 0 16px",
+	marginLeft: "auto",
+	marginRight: -8
+}), W = {
+	success: (0, H.jsx)(Se, { fontSize: "inherit" }),
+	warning: (0, H.jsx)(Ce, { fontSize: "inherit" }),
+	error: (0, H.jsx)(we, { fontSize: "inherit" }),
+	info: (0, H.jsx)(Te, { fontSize: "inherit" })
+}, je = z.forwardRef(function(e, t) {
+	let n = M({
+		props: e,
+		name: "MuiAlert"
+	}), { action: r, children: i, className: a, closeText: o = "Close", color: s, icon: c, iconMapping: l = W, onClose: u, role: d = "alert", severity: f = "success", slotProps: p = {}, slots: m = {}, variant: h = "standard", ...g } = n, v = {
+		...n,
+		color: s,
+		severity: f,
+		variant: h,
+		colorSeverity: s || f
+	}, y = ((e) => {
+		let { variant: t, color: n, severity: r, classes: i } = e, a = {
+			root: [
+				"root",
+				`color${A(n || r)}`,
+				`${t}`
+			],
+			icon: ["icon"],
+			message: ["message"],
+			action: ["action"]
+		};
+		return D(a, xe, i);
+	})(v), b = {
+		slots: m,
+		slotProps: p
+	}, [S, C] = w("root", {
+		ref: t,
+		shouldForwardComponentProp: !0,
+		className: _(y.root, a),
+		elementType: De,
+		externalForwardedProps: {
+			...b,
+			...g
+		},
+		ownerState: v,
+		additionalProps: {
+			role: d,
+			elevation: 0
+		}
+	}), [T, E] = w("icon", {
+		className: y.icon,
+		elementType: Oe,
+		externalForwardedProps: b,
+		ownerState: v
+	}), [O, k] = w("message", {
+		className: y.message,
+		elementType: ke,
+		externalForwardedProps: b,
+		ownerState: v
+	}), [j, N] = w("action", {
+		className: y.action,
+		elementType: Ae,
+		externalForwardedProps: b,
+		ownerState: v
+	}), [P, F] = w("closeButton", {
+		elementType: x,
+		externalForwardedProps: b,
+		ownerState: v
+	}), [ee, I] = w("closeIcon", {
+		elementType: Ee,
+		externalForwardedProps: b,
+		ownerState: v
+	});
+	return (0, H.jsxs)(S, {
+		...C,
+		children: [
+			!1 === c ? null : (0, H.jsx)(T, {
+				...E,
+				children: c || l[f] || W[f]
+			}),
+			(0, H.jsx)(O, {
+				...k,
+				children: i
+			}),
+			r == null ? null : (0, H.jsx)(j, {
+				...N,
+				children: r
+			}),
+			r == null && u ? (0, H.jsx)(j, {
+				...N,
+				children: (0, H.jsx)(P, {
+					size: "small",
+					"aria-label": o,
+					title: o,
+					color: "inherit",
+					onClick: u,
+					...F,
+					children: (0, H.jsx)(ee, {
+						fontSize: "small",
+						...I
+					})
+				})
+			}) : null
+		]
+	});
+});
+function Me(e) {
+	return f("MuiSwitch", e);
+}
+var G = m("MuiSwitch", [
+	"root",
+	"edgeStart",
+	"edgeEnd",
+	"switchBase",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium",
+	"checked",
+	"disabled",
+	"input",
+	"thumb",
+	"track"
+]), Ne = k("span", {
+	name: "MuiSwitch",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.edge && t[`edge${A(n.edge)}`],
+			t[`size${A(n.size)}`]
+		];
+	}
+})({
+	display: "inline-flex",
+	width: 58,
+	height: 38,
+	overflow: "hidden",
+	padding: 12,
+	boxSizing: "border-box",
+	position: "relative",
+	flexShrink: 0,
+	zIndex: 0,
+	verticalAlign: "middle",
+	"@media print": { colorAdjust: "exact" },
+	variants: [
+		{
+			props: { edge: "start" },
+			style: { marginLeft: -8 }
+		},
+		{
+			props: { edge: "end" },
+			style: { marginRight: -8 }
+		},
+		{
+			props: { size: "small" },
+			style: {
+				width: 40,
+				height: 24,
+				padding: 7,
+				[`& .${G.thumb}`]: {
+					width: 16,
+					height: 16
+				},
+				[`& .${G.switchBase}`]: {
+					padding: 4,
+					[`&.${G.checked}`]: { transform: "translateX(16px)" }
+				}
+			}
+		}
+	]
+}), Pe = k(ee, {
+	name: "MuiSwitch",
+	slot: "SwitchBase",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.switchBase,
+			{ [`& .${G.input}`]: t.input },
+			n.color !== "default" && t[`color${A(n.color)}`]
+		];
+	}
+})(E(({ theme: e }) => ({
+	position: "absolute",
+	top: 0,
+	left: 0,
+	zIndex: 1,
+	color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
+	...N(e, ["left", "transform"], { duration: e.transitions.duration.shortest }),
+	[`&.${G.checked}`]: { transform: "translateX(20px)" },
+	[`&.${G.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	...e.focusVisible ? {
+		[`&.${b.focusVisible} ~ .${G.track}`]: {
+			...g,
+			...e.focusVisible
+		},
+		[`&.${G.checked} + .${G.track}`]: { backgroundColor: e.alpha(e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`, .5) },
+		[`&.${G.disabled} + .${G.track}`]: { backgroundColor: e.alpha(e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`, e.vars ? e.vars.opacity.switchTrackDisabled : "" + (e.palette.mode === "light" ? .12 : .2)) }
+	} : {
+		[`&.${G.checked} + .${G.track}`]: { opacity: .5 },
+		[`&.${G.disabled} + .${G.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : "" + (e.palette.mode === "light" ? .12 : .2) }
+	},
+	[`& .${G.input}`]: {
+		left: "-100%",
+		width: "300%"
+	}
+})), E(({ theme: e }) => ({
+	"&:hover": {
+		backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
+		"@media (hover: none)": { backgroundColor: "transparent" }
+	},
+	variants: [...Object.entries(e.palette).filter(S(["light"])).map(([t]) => ({
+		props: { color: t },
+		style: {
+			[`&.${G.checked}`]: {
+				color: (e.vars || e).palette[t].main,
+				"&:hover": {
+					backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity),
+					"@media (hover: none)": { backgroundColor: "transparent" }
+				},
+				[`&.${G.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
+			},
+			[`&.${G.checked} + .${G.track}`]: { backgroundColor: (e.vars || e).palette[t].main },
+			...e.focusVisible && {
+				[`&.${G.checked} + .${G.track}`]: { backgroundColor: e.alpha((e.vars || e).palette[t].main, .5) },
+				[`&.${G.disabled} + .${G.track}`]: { backgroundColor: e.alpha(e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`, e.vars ? e.vars.opacity.switchTrackDisabled : "" + (e.palette.mode === "light" ? .12 : .2)) },
+				[`&.${G.checked}.${G.disabled} + .${G.track}`]: { backgroundColor: e.alpha((e.vars || e).palette[t].main, e.vars ? e.vars.opacity.switchTrackDisabled : "" + (e.palette.mode === "light" ? .12 : .2)) }
+			}
+		}
+	}))]
+}))), Fe = k("span", {
+	name: "MuiSwitch",
+	slot: "Track"
+})(E(({ theme: e }) => ({
+	height: "100%",
+	width: "100%",
+	borderRadius: 7,
+	zIndex: -1,
+	...N(e, ["opacity", "background-color"], { duration: e.transitions.duration.shortest }),
+	"@media (forced-colors: active)": {
+		boxSizing: "border-box",
+		border: "1px solid ButtonBorder"
+	},
+	...e.focusVisible ? { backgroundColor: e.alpha(e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`, e.vars ? e.vars.opacity.switchTrack : "" + (e.palette.mode === "light" ? .38 : .3)) } : {
+		backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
+		opacity: e.vars ? e.vars.opacity.switchTrack : "" + (e.palette.mode === "light" ? .38 : .3)
+	}
+}))), Ie = k("span", {
+	name: "MuiSwitch",
+	slot: "Thumb"
+})(E(({ theme: e }) => ({
+	boxShadow: (e.vars || e).shadows[1],
+	backgroundColor: "currentColor",
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	width: 20,
+	height: 20,
+	borderRadius: "50%"
+}))), K = z.forwardRef(function(e, t) {
+	let n = M({
+		props: e,
+		name: "MuiSwitch"
+	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: s, slots: c = {}, slotProps: l = {}, ...u } = n, d = {
+		...n,
+		color: i,
+		edge: a,
+		size: o
+	}, f = ((e) => {
+		let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = {
+			root: [
+				"root",
+				n && `edge${A(n)}`,
+				`size${A(r)}`
+			],
+			switchBase: [
+				"switchBase",
+				`color${A(i)}`,
+				a && "checked",
+				o && "disabled"
+			],
+			thumb: ["thumb"],
+			track: ["track"],
+			input: ["input"]
+		}, c = D(s, Me, t);
+		return {
+			...t,
+			...c
+		};
+	})(d), p = l.input, m = {
+		slots: c,
+		slotProps: l
+	}, [h, g] = w("root", {
+		className: _(f.root, r),
+		elementType: Ne,
+		externalForwardedProps: m,
+		ownerState: d,
+		additionalProps: { sx: s }
+	}), [v, y] = w("thumb", {
+		className: f.thumb,
+		elementType: Ie,
+		externalForwardedProps: m,
+		ownerState: d
+	}), b = (0, H.jsx)(v, { ...y }), [x, S] = w("track", {
+		className: f.track,
+		elementType: Fe,
+		externalForwardedProps: m,
+		ownerState: d
+	});
+	return (0, H.jsxs)(h, {
+		...g,
+		children: [(0, H.jsx)(Pe, {
+			type: "checkbox",
+			icon: b,
+			checkedIcon: b,
+			ref: t,
+			ownerState: d,
+			...u,
+			classes: {
+				...f,
+				root: f.switchBase
+			},
+			slots: {
+				...c.switchBase && { root: c.switchBase },
+				...c.input && { input: c.input }
+			},
+			slotProps: {
+				...l.switchBase && { root: typeof l.switchBase == "function" ? l.switchBase(d) : l.switchBase },
+				input: F(typeof p == "function" ? p(d) : p, { role: "switch" })
+			}
+		}), (0, H.jsx)(x, { ...S })]
+	});
+}), q = /* @__PURE__ */ new WeakMap(), J = (0, z.memo)((e) => {
+	let { protectedRange: t } = e, n = o();
+	u(t, "onAnyChange");
+	let r = t.isProtected(), [i, a] = (0, z.useState)(() => t.getName()), [s] = (0, z.useState)(() => t.getName()), [c, l] = (0, z.useState)(null), [d, f] = (0, z.useState)(() => t.hasPassword()), p = (() => {
+		try {
+			let e = t.getRanges();
+			return e.isInvalid() ? null : e.getWorksheet().getProtectedRanges();
+		} catch {
+			return null;
+		}
+	})(), m = () => {
+		let e = i.trim();
+		if (!e) return void l(n("protectedRange.nameRequired"));
+		let r = p?.getItems({ name: e })[0];
+		if (r && r.getName().toLocaleLowerCase() !== s.toLocaleLowerCase()) l(n("protectedRange.nameTaken", { name: e }));
+		else if (e !== t.getName()) try {
+			t.setName(e), l(null);
+		} catch (e) {
+			l(e?.message ?? n("protectedRange.nameRequired"));
+		}
+		else l(null);
+	};
+	return (0, H.jsx)(v, {
+		tabIndex: 0,
+		className: ae["editor-panel"],
+		sx: {
+			gap: (e) => e.spacing(1),
+			paddingTop: (e) => e.spacing(1.25),
+			paddingBottom: (e) => e.spacing(2),
+			paddingLeft: (e) => e.spacing(1.5),
+			paddingRight: (e) => e.spacing(1.5),
+			border: (e) => `1px solid ${e.palette.divider}`,
+			borderRadius: (e) => e.spacing(1.25),
+			overflow: "auto"
+		},
+		children: (0, H.jsxs)(h, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: (e) => e.spacing(2),
+				margin: (e) => e.spacing(1.25)
+			},
+			children: [
+				(0, H.jsx)(te, {
+					label: n("protectedRange.name"),
+					size: "small",
+					fullWidth: !0,
+					disabled: r,
+					value: i,
+					error: c !== null,
+					helperText: c ?? void 0,
+					onChange: (e) => {
+						a(e.target.value), l(null);
+					},
+					onBlur: m,
+					onKeyDown: (e) => {
+						e.key === "Enter" && m();
+					}
+				}),
+				(0, H.jsx)(se, {
+					item: t,
+					label: n("protectedRange.applyTo")
+				}),
+				(0, H.jsx)(L, {
+					label: n("protectedRange.password"),
+					description: n("protectedRange.passwordHelp"),
+					hasPassword: d,
+					disabled: r,
+					onSet: (e) => {
+						f(!0), q.set(t, e);
+					},
+					onClear: () => {
+						f(!1), q.set(t, null);
+					}
+				}),
+				t.getSecurityDescriptor() ? (0, H.jsx)(O, {
+					variant: "caption",
+					sx: {
+						color: "text.secondary",
+						fontStyle: "italic"
+					},
+					children: n("protectedRange.hasPermissions")
+				}) : null
+			]
+		})
+	});
+});
+J.displayName = "ProtectedRangeEditorPanel";
+var Y = {
+	color: (e) => e.palette.text.secondary,
+	fontStyle: "italic",
+	minWidth: 0
+}, Le = {
+	key: "protected-range",
+	messageKeys: {
+		none: r("protectedRange.none"),
+		addPrompt: r("protectedRange.addPrompt"),
+		insert: r("protectedRange.insert"),
+		new: r("protectedRange.new"),
+		edit: r("protectedRange.edit"),
+		duplicate: r("protectedRange.duplicate"),
+		delete: r("protectedRange.delete"),
+		cancel: r("protectedRange.cancel"),
+		save: r("protectedRange.save")
+	},
+	getCollection: (e) => e.getProtectedRanges(),
+	changeEvents: ["onProtectedRangesChange"],
+	isReadOnly: (e) => e.getProtection().isLocked(),
+	reorderable: !1,
+	beforeSave: (e) => (async (e) => {
+		if (!q.has(e)) return;
+		let t = q.get(e);
+		q.delete(e), await e.setPassword(t);
+	})(e),
+	applyUpdate: (e, t) => {
+		e.update(t);
+	},
+	getCardTitle: (e, t) => e.getName() || t("protectedRange.unnamed"),
+	CardMedia: () => (0, H.jsx)(i, {
+		iconKey: "LockRange",
+		size: 24,
+		ariaHidden: !0
+	}),
+	CardBody: ({ item: e }) => {
+		let t = o(), n = s(), r = e.getRanges(), i = r.isInvalid() ? null : r.getWorksheet();
+		if (u(e, ["onUnlockChange"]), u(i, ["onProtectionChange"]), !e.hasPassword()) return null;
+		if (!i?.getProtection().isLocked()) return (0, H.jsx)(O, {
+			variant: "caption",
+			sx: Y,
+			children: t("protectedRange.passwordRequired")
+		});
+		let a = e.isUnlocked();
+		return (0, H.jsxs)(h, {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: "minmax(0, 1fr) auto",
+				alignItems: "center",
+				columnGap: (e) => e.spacing(1)
+			},
+			children: [(0, H.jsx)(O, {
+				variant: "caption",
+				sx: Y,
+				children: t(a ? "protectedRange.unlocked" : "protectedRange.passwordRequired")
+			}), (0, H.jsx)(C, {
+				size: "small",
+				color: a ? "inherit" : "primary",
+				sx: { textTransform: "none" },
+				onClick: () => {
+					a ? e.relock() : d(n, [e]);
+				},
+				children: t(a ? "protectedRange.lock" : "protectedRange.unlock")
+			})]
+		});
+	},
+	EditorBody: ({ item: e }) => (0, H.jsx)(J, { protectedRange: e })
+}, X = (0, z.memo)((0, z.forwardRef)((e, t) => {
+	let { workbook: n, args: r, ...i } = e;
+	return (0, H.jsx)(oe, {
+		ref: t,
+		workbook: n,
+		descriptor: Le,
+		args: r,
+		...i
+	});
+}));
+X.displayName = "ProtectedRangeDetailsPanel";
+var Re = Object.freeze([
+	{
+		key: "selectLockedCells",
+		messageKey: r("sheetProtection.option.selectLockedCells"),
+		defaultValue: !0
+	},
+	{
+		key: "selectUnlockedCells",
+		messageKey: r("sheetProtection.option.selectUnlockedCells"),
+		defaultValue: !0
+	},
+	{
+		key: "formatCells",
+		messageKey: r("sheetProtection.option.formatCells")
+	},
+	{
+		key: "formatColumns",
+		messageKey: r("sheetProtection.option.formatColumns")
+	},
+	{
+		key: "formatRows",
+		messageKey: r("sheetProtection.option.formatRows")
+	},
+	{
+		key: "insertColumns",
+		messageKey: r("sheetProtection.option.insertColumns")
+	},
+	{
+		key: "insertRows",
+		messageKey: r("sheetProtection.option.insertRows")
+	},
+	{
+		key: "insertHyperlinks",
+		messageKey: r("sheetProtection.option.insertHyperlinks")
+	},
+	{
+		key: "deleteColumns",
+		messageKey: r("sheetProtection.option.deleteColumns")
+	},
+	{
+		key: "deleteRows",
+		messageKey: r("sheetProtection.option.deleteRows")
+	},
+	{
+		key: "sort",
+		messageKey: r("sheetProtection.option.sort")
+	},
+	{
+		key: "autoTable",
+		messageKey: r("sheetProtection.option.autoFilter")
+	},
+	{
+		key: "pivotTables",
+		messageKey: r("sheetProtection.option.pivotTables")
+	},
+	{
+		key: "objects",
+		messageKey: r("sheetProtection.option.objects")
+	},
+	{
+		key: "scenarios",
+		messageKey: r("sheetProtection.option.scenarios")
+	},
+	{
+		key: "showFormulas",
+		messageKey: r("sheetProtection.option.showFormulas"),
+		defaultValue: !0
+	}
+]), ze = (e) => {
+	let t = e.getProperties() ?? {}, n = {};
+	for (let e of Re) n[e.key] = !0 === (t[e.key] ?? e.defaultValue ?? !1);
+	return n;
+}, Z = (0, z.memo)((0, z.forwardRef)((e, t) => {
+	let { sheet: n, ...r } = e, c = o(), l = s(), d = n.getProtection(), f = n.getView();
+	u(n, ["onProtectionChange"]), u(f, ["onAnyChange"]);
+	let p = d.isPaused(), m = d.isLocked() || p, g = d.hasPassword(), [_, v] = (0, z.useState)(null), [y, b] = (0, z.useState)(!1), x = ze(d), S = d.isLocked(), w = (0, z.useCallback)((e) => {
+		l.showMessage?.(e?.message ?? String(e), { type: a.Error });
+	}, [l]), T = (0, z.useCallback)(async (e) => {
+		let t = await l.showInput({
+			title: c("dialog.password.title"),
+			description: e,
+			options: ["Ok", "Cancel"],
+			defaultOption: "Ok",
+			cancelOption: "Cancel",
+			inputType: "password"
+		});
+		return t?.option === "Ok" ? t.input ?? "" : null;
+	}, [l, c]), E = (0, z.useCallback)((e, t) => {
+		d.setProperties({
+			...ze(d),
+			[e]: t
+		}).catch(w);
+	}, [d, w]), D = (0, z.useCallback)(async (e) => {
+		try {
+			if (!e) {
+				let e;
+				if (d.hasPassword()) {
+					let t = await T(c("dialog.password.description"));
+					if (t === null) return;
+					e = t || void 0;
+				}
+				await d.unlock(e), v(null);
+				return;
+			}
+			await d.lock(void 0, _ || void 0), v(null);
+		} catch (e) {
+			w(e);
+		}
+	}, [
+		d,
+		T,
+		c,
+		_,
+		w
+	]), k = (0, z.useCallback)(async () => {
+		try {
+			if (d.isPaused()) return void d.resume();
+			let e;
+			if (d.hasPassword()) {
+				let t = await T(c("dialog.password.pauseDescription"));
+				if (t === null) return;
+				e = t || void 0;
+			}
+			await d.pause(e);
+		} catch (e) {
+			w(e);
+		}
+	}, [
+		d,
+		T,
+		c,
+		w
+	]), A = (0, z.useCallback)((e) => {
+		v(e);
+	}, []), j = (0, z.useCallback)(() => {
+		v(null);
+	}, []);
+	return (0, H.jsxs)(h, {
+		ref: t,
+		...r,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			minWidth: 0,
+			flex: "1 1 auto",
+			minHeight: 0,
+			overflowX: "hidden",
+			overflowY: "auto",
+			boxSizing: "border-box",
+			gap: (e) => e.spacing(2),
+			paddingTop: (e) => e.spacing(1.5),
+			paddingBottom: (e) => e.spacing(1.5),
+			paddingLeft: (e) => e.spacing(2),
+			paddingRight: (e) => e.spacing(2)
+		},
+		children: [
+			(0, H.jsxs)(h, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					minWidth: 0
+				},
+				children: [
+					(0, H.jsx)(I, {
+						control: (0, H.jsx)(K, {
+							checked: m,
+							onChange: (e) => {
+								D(e.target.checked);
+							}
+						}),
+						label: c("sheetProtection.protect")
+					}),
+					(0, H.jsx)(h, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							minHeight: "38px"
+						},
+						children: (0, H.jsx)(C, {
+							size: "small",
+							variant: "outlined",
+							color: "inherit",
+							disabled: !m,
+							startIcon: (0, H.jsx)(i, {
+								iconKey: p ? "Lock" : "LockOpen",
+								size: 18,
+								ariaHidden: !0
+							}),
+							onClick: () => {
+								k();
+							},
+							sx: { textTransform: "none" },
+							children: c(p ? "sheetProtection.resume" : "sheetProtection.pause")
+						})
+					}),
+					p ? (0, H.jsx)(je, {
+						severity: "warning",
+						sx: {
+							marginTop: (e) => e.spacing(.5),
+							marginBottom: (e) => e.spacing(1)
+						},
+						children: c("sheetProtection.pausedBanner")
+					}) : null,
+					(0, H.jsx)(I, {
+						control: (0, H.jsx)(K, {
+							checked: f.isShowLockedShading(),
+							onChange: (e) => {
+								f.setShowLockedShading(e.target.checked);
+							}
+						}),
+						label: c("sheetProtection.highlightLocked")
+					})
+				]
+			}),
+			(0, H.jsx)(L, {
+				label: c("sheetProtection.passwordHeading"),
+				description: c("sheetProtection.passwordDescription"),
+				hasPassword: m ? g : _ !== null,
+				note: m || _ === null ? void 0 : c("sheetProtection.passwordPending"),
+				disabled: m,
+				onSet: A,
+				onClear: j
+			}),
+			(0, H.jsxs)(pe, {
+				expanded: y,
+				onChange: (e, t) => b(t),
+				disableGutters: !0,
+				elevation: 0,
+				sx: {
+					backgroundColor: "action.hover",
+					border: 1,
+					borderColor: "divider",
+					borderRadius: 1,
+					"&:before": { display: "none" },
+					"&.Mui-expanded": { margin: 0 },
+					...y ? {
+						flex: "1 1 auto",
+						minHeight: 0,
+						display: "flex",
+						flexDirection: "column",
+						"& .MuiCollapse-root": {
+							flex: "1 1 auto",
+							minHeight: 0,
+							display: "flex"
+						},
+						"& .MuiCollapse-wrapper": {
+							flex: "1 1 auto",
+							minHeight: 0,
+							display: "flex"
+						},
+						"& .MuiCollapse-wrapperInner": {
+							flex: "1 1 auto",
+							minHeight: 0,
+							display: "flex"
+						},
+						"& .MuiAccordion-region": {
+							flex: "1 1 auto",
+							minHeight: 0,
+							display: "flex",
+							flexDirection: "column"
+						},
+						"& .MuiAccordionDetails-root": {
+							flex: "1 1 auto",
+							minHeight: 0,
+							display: "flex",
+							flexDirection: "column"
+						}
+					} : { flex: "0 0 auto" }
+				},
+				children: [(0, H.jsx)(be, {
+					expandIcon: (0, H.jsx)(i, { iconKey: "ExpandMore" }),
+					sx: {
+						px: 2,
+						"& .MuiAccordionSummary-content": { my: 0 },
+						"&.Mui-expanded .MuiAccordionSummary-content": { my: 0 }
+					},
+					children: (0, H.jsx)(O, {
+						variant: "subtitle2",
+						sx: { alignSelf: "center" },
+						children: c("sheetProtection.optionsHeading")
+					})
+				}), (0, H.jsxs)(ge, {
+					sx: {
+						px: 2,
+						pt: 0,
+						pb: 2,
+						display: "flex",
+						flexDirection: "column"
+					},
+					children: [S ? (0, H.jsx)(O, {
+						variant: "caption",
+						sx: {
+							color: "text.secondary",
+							pb: 1
+						},
+						children: c("sheetProtection.optionsLocked")
+					}) : null, (0, H.jsx)(h, {
+						sx: {
+							display: "flex",
+							flexDirection: "column",
+							flex: "1 1 auto",
+							minHeight: 0,
+							overflowY: "auto"
+						},
+						children: Re.map((e) => (0, H.jsx)(I, {
+							control: (0, H.jsx)(P, {
+								size: "small",
+								sx: {
+									paddingTop: .5,
+									paddingBottom: .5
+								},
+								disabled: S,
+								checked: !0 === x[e.key],
+								onChange: (t) => E(e.key, t.target.checked)
+							}),
+							label: (0, H.jsx)(O, {
+								variant: "body2",
+								children: c(e.messageKey)
+							})
+						}, e.key))
+					})]
+				})]
+			})
+		]
+	});
+}));
+Z.displayName = "WorksheetProtectionPanel";
+var Be = (e, t) => e === void 0 || e === t ? t : null, Ve = (e) => (e.rowEnd - e.rowStart + 1) * (e.colEnd - e.colStart + 1), He = (0, z.memo)((0, z.forwardRef)((e, t) => {
+	let { sheet: n, ...r } = e, i = o(), u = s(), [, d] = (0, z.useReducer)((e) => e + 1, 0);
+	l(n, {
+		onSelectionChange: () => d(),
+		onStyleChange: () => d(),
+		onProtectionChange: () => d()
+	});
+	let f = n.getProtection().isLocked(), { alwaysUnlocked: p, showFormulas: m } = ((e) => {
+		let t, n, r = (e) => {
+			t = Be(t, e.isAlwaysUnlocked()), n = Be(n, e.isShowFormulas());
+		};
+		for (let t of e.getSelectedRanges().getCoords()) {
+			let n = 0;
+			for (let i of e.getRange(t).getRegions(c.Feature.Protection)) n += Ve(i.getCoords()), r(i.getCell().getProtection());
+			n < Ve(t) && r(e.getStyles().getNormal().getProtection());
+		}
+		return {
+			alwaysUnlocked: t ?? null,
+			showFormulas: n ?? null
+		};
+	})(n), g = (0, z.useCallback)((e) => {
+		try {
+			e(n.getSelectedRanges().getStyle().getProtection());
+		} catch (e) {
+			u.showMessage?.(e?.message ?? String(e), { type: a.Error });
+		}
+	}, [n, u]);
+	return (0, H.jsxs)(h, {
+		ref: t,
+		...r,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			minWidth: 0,
+			flex: "1 1 auto",
+			minHeight: 0,
+			overflowX: "hidden",
+			overflowY: "auto",
+			boxSizing: "border-box",
+			gap: (e) => e.spacing(1),
+			paddingTop: (e) => e.spacing(1.5),
+			paddingBottom: (e) => e.spacing(1.5),
+			paddingLeft: (e) => e.spacing(2),
+			paddingRight: (e) => e.spacing(2)
+		},
+		children: [
+			(0, H.jsx)(O, {
+				variant: "body2",
+				sx: { color: "text.secondary" },
+				children: i("sheetProtection.cells.description")
+			}),
+			f ? (0, H.jsx)(O, {
+				variant: "caption",
+				sx: { color: "text.secondary" },
+				children: i("sheetProtection.cells.locked")
+			}) : null,
+			(0, H.jsxs)(h, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					minWidth: 0
+				},
+				children: [(0, H.jsx)(I, {
+					control: (0, H.jsx)(P, {
+						size: "small",
+						sx: {
+							paddingTop: .5,
+							paddingBottom: .5
+						},
+						disabled: f,
+						checked: !0 === p,
+						indeterminate: p === null,
+						onChange: () => g((e) => e.setAlwaysUnlocked(!0 !== p))
+					}),
+					label: (0, H.jsx)(O, {
+						variant: "body2",
+						children: i("sheetProtection.cells.alwaysUnlocked")
+					})
+				}), (0, H.jsx)(I, {
+					control: (0, H.jsx)(P, {
+						size: "small",
+						sx: {
+							paddingTop: .5,
+							paddingBottom: .5
+						},
+						disabled: f,
+						checked: !0 === m,
+						indeterminate: m === null,
+						onChange: () => g((e) => e.setShowFormulas(!0 !== m))
+					}),
+					label: (0, H.jsx)(O, {
+						variant: "body2",
+						children: i("sheetProtection.cells.showFormulas")
+					})
+				})]
+			})
+		]
+	});
+}));
+He.displayName = "ProtectedCellsPanel";
+var Ue = (0, z.memo)((0, z.forwardRef)((e, t) => {
+	let { value: n, onEncryptPassword: r, onEncryptPasswordClear: i, onStructureChange: a, onStructurePassword: s, onStructurePasswordClear: c, onLocksChange: l, sx: u } = e, d = o();
+	return (0, H.jsxs)(h, {
+		ref: t,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			minWidth: 0,
+			gap: (e) => e.spacing(2.5),
+			...u
+		},
+		children: [(0, H.jsxs)(h, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				minWidth: 0,
+				gap: (e) => e.spacing(1)
+			},
+			children: [
+				(0, H.jsx)(I, {
+					control: (0, H.jsx)(P, {
+						checked: n.structure,
+						onChange: (e) => a(e.target.checked)
+					}),
+					label: d("protection.structure.label")
+				}),
+				(0, H.jsx)(h, {
+					sx: {
+						paddingLeft: 4,
+						minWidth: 0
+					},
+					children: (0, H.jsx)(L, {
+						hasPassword: n.hasStructurePassword,
+						description: d("protection.structure.passwordDescription"),
+						disabled: !n.structure,
+						requireCurrent: !0,
+						onSet: s,
+						onClear: c
+					})
+				}),
+				(0, H.jsxs)(h, {
+					sx: {
+						display: "flex",
+						flexWrap: "wrap",
+						columnGap: (e) => e.spacing(2),
+						paddingLeft: 4,
+						minWidth: 0
+					},
+					children: [(0, H.jsx)(I, {
+						control: (0, H.jsx)(P, {
+							size: "small",
+							sx: {
+								paddingTop: .5,
+								paddingBottom: .5
+							},
+							disabled: !n.locksEditable,
+							checked: n.lockStructure,
+							onChange: (e) => l({
+								lockStructure: e.target.checked,
+								lockWindows: n.lockWindows
+							})
+						}),
+						label: d("protection.structure.lockStructure")
+					}), (0, H.jsx)(I, {
+						control: (0, H.jsx)(P, {
+							size: "small",
+							sx: {
+								paddingTop: .5,
+								paddingBottom: .5
+							},
+							disabled: !n.locksEditable,
+							checked: n.lockWindows,
+							onChange: (e) => l({
+								lockStructure: n.lockStructure,
+								lockWindows: e.target.checked
+							})
+						}),
+						label: d("protection.structure.lockWindows")
+					})]
+				}),
+				(0, H.jsx)(O, {
+					variant: "caption",
+					sx: {
+						minWidth: 0,
+						color: "text.secondary"
+					},
+					children: n.locksEditable ? d("protection.structure.note") : d("protection.structure.locksLocked")
+				})
+			]
+		}), (0, H.jsxs)(h, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				minWidth: 0,
+				gap: (e) => e.spacing(1)
+			},
+			children: [
+				(0, H.jsx)(O, {
+					variant: "body1",
+					sx: { minWidth: 0 },
+					children: d("protection.encrypt.label")
+				}),
+				(0, H.jsx)(L, {
+					hasPassword: n.hasEncryptPassword,
+					description: d("protection.encrypt.passwordDescription"),
+					onSet: r,
+					onClear: i
+				}),
+				(0, H.jsx)(O, {
+					variant: "caption",
+					sx: {
+						minWidth: 0,
+						color: "warning.main"
+					},
+					children: d("protection.encrypt.warning")
+				})
+			]
+		})]
+	});
+})), Q = (e) => ({
+	structure: !e.lockStructure,
+	windows: !e.lockWindows
+}), We = (0, z.memo)((0, z.forwardRef)((e, t) => {
+	let { workbook: n, ...r } = e, i = o(), c = s();
+	u(n, ["onProtectionChange", "onOriginChange"]);
+	let l = ((e) => {
+		let t = e.getOrigin(), n = e.getProtection(), r = n.isLocked(), i = r ? null : n.getProperties();
+		return {
+			hasEncryptPassword: t.isEncrypted(),
+			structure: r,
+			hasStructurePassword: n.hasPassword(),
+			lockStructure: r ? !n.isStructureAllowed() : !i || !0 !== i.structure,
+			lockWindows: r ? !n.isWindowsAllowed() : !!i && !0 !== i.windows,
+			locksEditable: !r
+		};
+	})(n), { lockStructure: d, lockWindows: f } = l, p = (0, z.useCallback)((e) => {
+		c.showMessage?.(e?.message ?? String(e), { type: a.Error });
+	}, [c]), m = (0, z.useCallback)(async () => {
+		if (!n.getProtection().hasPassword()) return;
+		let e = await c.showInput({
+			title: i("dialog.password.title"),
+			description: i("protection.structure.passwordPrompt"),
+			options: ["Ok", "Cancel"],
+			defaultOption: "Ok",
+			cancelOption: "Cancel",
+			inputType: "password"
+		});
+		return e?.option === "Ok" ? e.input || void 0 : null;
+	}, [
+		n,
+		c,
+		i
+	]), [, g] = (0, z.useReducer)((e) => e + 1, 0), _ = (0, z.useCallback)((e) => {
+		n.getOrigin().setPassword(e), g();
+	}, [n]), v = (0, z.useCallback)(() => {
+		n.getOrigin().setPassword(null), g();
+	}, [n]), y = (0, z.useCallback)(async (e) => {
+		let t = n.getProtection();
+		try {
+			if (!e) {
+				let e = await m();
+				if (e === null) return;
+				await t.unlock(e);
+				return;
+			}
+			await t.lock(Q({
+				lockStructure: d,
+				lockWindows: f
+			}));
+		} catch (e) {
+			p(e);
+		}
+	}, [
+		n,
+		m,
+		d,
+		f,
+		p
+	]), b = (0, z.useCallback)(async (e) => {
+		try {
+			await n.getProtection().setProperties(Q(e));
+		} catch (e) {
+			p(e);
+		}
+	}, [n, p]), x = (0, z.useCallback)(async (e, t) => {
+		let r = n.getProtection();
+		try {
+			r.isLocked() && await r.unlock(t), await r.lock(Q({
+				lockStructure: d,
+				lockWindows: f
+			}), e);
+		} catch (e) {
+			p(e);
+		}
+	}, [
+		n,
+		d,
+		f,
+		p
+	]), S = (0, z.useCallback)(async () => {
+		let e = n.getProtection();
+		try {
+			let t = await m();
+			if (t === null) return;
+			await e.unlock(t), await e.lock(Q({
+				lockStructure: d,
+				lockWindows: f
+			}));
+		} catch (e) {
+			p(e);
+		}
+	}, [
+		n,
+		m,
+		d,
+		f,
+		p
+	]);
+	return (0, H.jsx)(h, {
+		ref: t,
+		...r,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			minWidth: 0,
+			flex: "1 1 auto",
+			minHeight: 0,
+			overflowX: "hidden",
+			overflowY: "auto",
+			boxSizing: "border-box",
+			gap: (e) => e.spacing(2),
+			paddingTop: (e) => e.spacing(1.5),
+			paddingBottom: (e) => e.spacing(1.5),
+			paddingLeft: (e) => e.spacing(2),
+			paddingRight: (e) => e.spacing(2)
+		},
+		children: (0, H.jsx)(Ue, {
+			value: l,
+			onEncryptPassword: _,
+			onEncryptPasswordClear: v,
+			onStructureChange: (e) => {
+				y(e);
+			},
+			onStructurePassword: (e, t) => {
+				x(e, t);
+			},
+			onStructurePasswordClear: () => {
+				S();
+			},
+			onLocksChange: (e) => {
+				b(e);
+			}
+		})
+	});
+}));
+We.displayName = "WorkbookProtectionTab";
+var Ge = {
+	sheet: r("protection.tab.sheet"),
+	ranges: r("protection.tab.ranges"),
+	cells: r("protection.tab.cells"),
+	workbook: r("protection.tab.workbook")
+}, Ke = Object.keys(Ge), qe = (e) => Ke.includes(e) ? e : null, $ = (0, z.memo)((e) => {
+	let { model: t, args: n, defaultTab: r = "sheet", entryKey: i, frame: a, ref: s, ...c } = e, l = o(), [d, f] = (0, z.useState)(() => qe(n?.tab) ?? r), [p, m] = (0, z.useState)(n);
+	if (n !== p) {
+		m(n);
+		let e = qe(n?.tab);
+		e && f(e);
+	}
+	u(t, ["onSelectedSheetChange"]);
+	let g = t?.getSelectedWorksheet() ?? null;
+	return t ? (0, H.jsxs)(h, {
+		ref: s,
+		...c,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			minWidth: 0,
+			flex: "1 1 auto",
+			height: "100%",
+			minHeight: 0,
+			overflowX: "hidden"
+		},
+		children: [(0, H.jsx)(re, {
+			value: d,
+			onChange: (e, t) => f(t),
+			variant: "fullWidth",
+			sx: {
+				width: "100%",
+				flex: "0 0 auto",
+				minHeight: "36px",
+				borderBottom: 1,
+				borderColor: "divider",
+				"& .MuiTab-root": {
+					minHeight: "36px",
+					textTransform: "none",
+					pt: .5,
+					pb: .5,
+					px: .5,
+					minWidth: 0
+				}
+			},
+			children: Ke.map((e) => (0, H.jsx)(ie, {
+				value: e,
+				label: l(Ge[e])
+			}, e))
+		}), (0, H.jsxs)(h, {
+			sx: {
+				flex: "1 1 auto",
+				minHeight: 0,
+				minWidth: 0,
+				width: "100%",
+				display: "flex",
+				flexDirection: "column"
+			},
+			children: [
+				d === "sheet" && g ? (0, H.jsx)(Z, {
+					sheet: g,
+					style: {
+						flex: "1 1 auto",
+						minHeight: 0,
+						minWidth: 0,
+						width: "100%"
+					}
+				}, g.getId()) : null,
+				d === "cells" && g ? (0, H.jsx)(He, {
+					sheet: g,
+					style: {
+						flex: "1 1 auto",
+						minHeight: 0,
+						minWidth: 0,
+						width: "100%"
+					}
+				}, g.getId()) : null,
+				d === "ranges" ? (0, H.jsx)(X, {
+					workbook: t,
+					args: n?.items,
+					style: {
+						flex: "1 1 auto",
+						minHeight: 0,
+						minWidth: 0,
+						width: "100%"
+					}
+				}) : null,
+				d === "workbook" ? (0, H.jsx)(We, {
+					workbook: t,
+					style: {
+						flex: "1 1 auto",
+						minHeight: 0,
+						minWidth: 0,
+						width: "100%"
+					}
+				}) : null
+			]
+		})]
+	}) : null;
+});
+$.displayName = "ManageProtectionTaskPane";
+var Je = (e) => (0, H.jsx)($, {
+	...e,
+	defaultTab: "ranges"
+});
+export { $ as ManageProtectionTaskPane, $ as default, Je as ProtectedRangeDetailsTaskPane };