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

package/cdn/assets/CZ0iN5i3edmVHcRK.js

@@ -0,0 +1,323 @@
+/**
+* @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 { U as i, t as a, x as o } from "./u8iMUyjw60ayROFo.js";
+import { mt as s, t as c, z as l } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as u } from "./DbewMnLKZoGLGFNh.js";
+import { t as d } from "./DxI14nqCsNi-yexx.js";
+import { j as f } from "./CGklNVK7pkjOQ6XF.js";
+import { m as p, t as ee, y as te } from "./Y0Uf_lVRToNYi395.js";
+import { t as m } from "./CzG0p4x8L99XEdym.js";
+import { d as h, s as g } from "./DtO07D35O2tAh7f4.js";
+import { h as _, m as ne, p as v, r as y, t as b, u as x } from "./ZaFy1hzL6cnNlROy.js";
+var S = e(t(), 1), C = n(), w = (e, t, n) => () => {
+	t === e && n();
+}, T = (0, S.memo)((e) => {
+	let { label: t, value: n, min: r, max: i, step: a = 1, decimals: o = !1, width: s, disabled: c, onChange: l } = e, u = (0, S.useRef)(null), d = (e) => Math.max(r, Math.min(i, e)), f = (e) => {
+		let t = o ? parseFloat(e) : parseInt(e, 10);
+		return Number.isNaN(t) ? null : d(t);
+	};
+	return (0, C.jsx)(v, {
+		label: t,
+		value: String(n),
+		disabled: c,
+		hideAdornment: !0,
+		helperText: null,
+		propsInput: {
+			type: "number",
+			min: r,
+			max: i,
+			step: a
+		},
+		sx: {
+			width: s,
+			minWidth: 0,
+			"& input": { textAlign: "right" }
+		},
+		onChangeInput: (e) => {
+			let t = f(e);
+			t !== null && (u.current = t, l(t));
+		},
+		onDone: (e) => {
+			let t = f(e) ?? d(0), n = u.current;
+			u.current = null, n !== t && l(t);
+		}
+	});
+});
+T.displayName = "FormatNumberField";
+var E = {
+	display: "flex",
+	flexDirection: "column",
+	gap: 1.5,
+	minWidth: 0
+}, D = (0, S.memo)((e) => {
+	let { label: t, children: n, sx: r, ...i } = e;
+	return (0, C.jsxs)(d, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .75,
+			minWidth: 0,
+			...r
+		},
+		...i,
+		children: [t ? (0, C.jsx)(f, {
+			variant: "caption",
+			component: "div",
+			sx: {
+				color: "text.secondary",
+				lineHeight: 1.4
+			},
+			children: t
+		}) : null, n]
+	});
+});
+D.displayName = "FormatSection";
+var O = (0, S.memo)((e) => {
+	let { children: t, sx: n, ...r } = e;
+	return (0, C.jsx)(d, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: 1,
+			minWidth: 0,
+			...n
+		},
+		...r,
+		children: t
+	});
+});
+O.displayName = "FormatRow";
+var k = (0, S.memo)((e) => {
+	let { children: t, sx: n, ...r } = e;
+	return (0, C.jsx)(d, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .25,
+			flexWrap: "wrap",
+			minWidth: 0,
+			...n
+		},
+		...r,
+		children: t
+	});
+});
+k.displayName = "FormatButtonGroup";
+var A = i.BuiltInSheetPattern.Gray125, j = new a(o.Named.Transparent), M = (e) => ({
+	fill: e.style.getFill(),
+	styles: e.styles,
+	schemeLookup: e.schemeLookup,
+	darkMode: e.darkMode,
+	disabled: e.disabled,
+	createCell: e.createCell,
+	applyFill: (t, n) => e.applyStyle({ fill: t }, n)
+}), N = (0, S.memo)((e) => {
+	let { selection: t, disabled: n, maxGradientStops: f, className: v, ...T } = e, k = s(), { fill: M, applyFill: N, createCell: P, schemeLookup: F, styles: I, darkMode: L } = t, R = n || t.disabled, z = l((e, t) => {
+		N(e.fill, t);
+	}, [N]), B = M.getType(), V = B === i.Type.None ? i.Type.Solid : B, H = B === i.Type.Pattern ? M : null, U = H?.getPatternType() ?? A, W = H ? x(U, H.getForeground(), H.getBackground()) : null, G = (0, S.useMemo)(() => new a(o.Scheme.Tx1, F), [F]), K = W?.foreground ?? G, q = W?.background ?? new a(o.Named.Transparent, F), re = B === i.Type.Solid ? M.getColor() : null, J = l(() => I.recentColors(), [I]), [ie] = c(["formatFillColor"]), Y = ie?.getContext(), X = Y?.quickColor ?? null, ae = l((e, t) => {
+		e && t && I.addRecentColor(e), Y?.onColorSelect?.(e), e ? z({ fill: {
+			type: i.Type.Solid,
+			color: e.toString()
+		} }, r("op.setFillColor")) : z({ fill: { type: i.Type.None } }, r("op.setFillNone"));
+	}, [
+		z,
+		I,
+		Y
+	]), Z = l((e) => {
+		let t = e.patternType ?? U, n = x(t, e.foreground ?? K.toString(), e.background ?? q.toString());
+		z({ fill: {
+			type: i.Type.Pattern,
+			patternType: t,
+			foreground: n.foreground,
+			background: n.background
+		} }, r("op.setFillPattern"));
+	}, [
+		z,
+		U,
+		K,
+		q
+	]), Q = l((e) => {
+		z({ fill: {
+			type: i.Type.Gradient,
+			gradientType: e.gradientType,
+			angle: e.angle,
+			stops: e.stops.map((e) => ({
+				offset: e.offset,
+				color: e.color
+			}))
+		} }, r("op.setFillGradient"));
+	}, [z]), oe = l((e) => {
+		if (e !== V) switch (e) {
+			case i.Type.Solid:
+				z({ fill: {
+					type: i.Type.Solid,
+					color: (X ?? M.getColor())?.toString() ?? "ffffff"
+				} }, r("op.setFillSolid"));
+				break;
+			case i.Type.Pattern:
+				Z({});
+				break;
+			case i.Type.Gradient: Q(b);
+		}
+	}, [
+		V,
+		M,
+		X,
+		z,
+		Z,
+		Q
+	]), $ = l(() => {
+		switch (B) {
+			case i.Type.Pattern:
+				Z({});
+				break;
+			case i.Type.Gradient:
+				Q(y(M));
+				break;
+			case i.Type.Solid:
+				z({ fill: {
+					type: i.Type.Solid,
+					color: M.getColor().toString()
+				} }, r("op.setFillColor"));
+				break;
+			default: z({ fill: { type: i.Type.None } }, r("op.setFillNone"));
+		}
+	}, [
+		B,
+		M,
+		z,
+		Z,
+		Q
+	]);
+	return (0, C.jsxs)(d, {
+		className: u("sxl-format-fill-panel", v),
+		sx: E,
+		...T,
+		children: [
+			(0, C.jsx)(D, { children: (0, C.jsxs)(te, {
+				size: "small",
+				fullWidth: !0,
+				children: [(0, C.jsx)(p, {
+					shrink: !0,
+					children: k("fill.type")
+				}), (0, C.jsxs)(ee, {
+					label: k("fill.type"),
+					notched: !0,
+					disabled: R,
+					value: V,
+					onChange: (e) => oe(e.target.value),
+					children: [
+						(0, C.jsx)(m, {
+							value: i.Type.Solid,
+							onClick: w(V, i.Type.Solid, $),
+							children: k("fill.typeSolid")
+						}),
+						(0, C.jsx)(m, {
+							value: i.Type.Pattern,
+							onClick: w(V, i.Type.Pattern, $),
+							children: k("fill.typePattern")
+						}),
+						(0, C.jsx)(m, {
+							value: i.Type.Gradient,
+							onClick: w(V, i.Type.Gradient, $),
+							children: k("fill.typeGradient")
+						}),
+						B === i.Type.Image ? (0, C.jsx)(m, {
+							value: i.Type.Image,
+							disabled: !0,
+							children: k("fill.typeImage")
+						}) : null
+					]
+				})]
+			}) }),
+			V === i.Type.Solid ? (0, C.jsx)(D, {
+				label: k("fill.backgroundColor"),
+				children: (0, C.jsx)(O, { children: (0, C.jsx)(h, {
+					icon: "fill.colored",
+					disabled: R,
+					darkMode: L,
+					compareRGB: !0,
+					selectedColor: re,
+					onSelectColor: ae,
+					propsPanel: {
+						disableAlpha: !0,
+						autoColor: j,
+						autoColorLabelKey: r("color.noFill"),
+						autoColorPosition: g.End,
+						schemeLookup: F,
+						recentColors: J
+					}
+				}) })
+			}) : null,
+			B === i.Type.Pattern ? (0, C.jsxs)(C.Fragment, { children: [
+				(0, C.jsx)(D, {
+					label: k("fill.patternStyle"),
+					children: (0, C.jsx)(O, { children: (0, C.jsx)(ne, {
+						disabled: R,
+						darkMode: L,
+						selectedPattern: U,
+						foreground: K.toString(),
+						background: q.toString(),
+						createCell: P,
+						onSelectPattern: (e) => Z({ patternType: e })
+					}) })
+				}),
+				(0, C.jsx)(D, {
+					label: k("fill.patternForeground"),
+					children: (0, C.jsx)(O, { children: (0, C.jsx)(h, {
+						disabled: R,
+						darkMode: L,
+						selectedColor: K,
+						onSelectColor: (e) => {
+							Z({ foreground: (e ?? G).toString() });
+						},
+						propsPanel: {
+							disableAlpha: !0,
+							autoColor: G,
+							schemeLookup: F,
+							recentColors: J
+						}
+					}) })
+				}),
+				(0, C.jsx)(D, {
+					label: k("fill.patternBackground"),
+					children: (0, C.jsx)(O, { children: (0, C.jsx)(h, {
+						disabled: R,
+						darkMode: L,
+						selectedColor: q,
+						onSelectColor: (e) => {
+							Z({ background: (e ?? j).toString() });
+						},
+						propsPanel: {
+							disableAlpha: !0,
+							autoColor: j,
+							autoColorLabelKey: r("color.noFill"),
+							schemeLookup: F,
+							recentColors: J
+						}
+					}) })
+				})
+			] }) : null,
+			B === i.Type.Gradient ? (0, C.jsx)(D, { children: (0, C.jsx)(_, {
+				disabled: R,
+				maxStops: f,
+				darkMode: L,
+				schemeLookup: F,
+				recentColors: J,
+				value: y(M),
+				onChange: Q
+			}) }) : null
+		]
+	});
+});
+N.displayName = "FillPanel";
+export { T as a, w as c, O as i, E as n, M as o, N as r, k as s, D as t };

package/cdn/assets/{B3NWCYKXucbHhOix.js → C_Q71OCVP6nPyP4U.js}

@@ -1,29 +1,29 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @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 { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { v as n } from "./mK8HcIZyXkOTvL6E.js";
-import { ct as r, gt as i, j as a, lt as o, ot as s, st as c } from "./CbTN0q6XnYGJqyEp.js";
-import { g as l, h as u } from "./VCiu_neIjCTg2NUa.js";
-import { a as d, r as f } from "./DHH_uKVzQ_kRYO2N.js";
-import { r as p } from "./DCnWyVXikb_8Dat3.js";
-var m, h = p(e(), 1), g = t(), _ = o("div", {
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { v as r } from "./DxI14nqCsNi-yexx.js";
+import { ct as i, gt as a, j as o, lt as s, ot as c, st as l } from "./CGklNVK7pkjOQ6XF.js";
+import { g as u, h as d } from "./Y0Uf_lVRToNYi395.js";
+import { a as f, r as p } from "./B71MtA2mmixmeooi.js";
+var m, h = e(t(), 1), g = n(), _ = s("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			t[`position${s(n.position)}`],
+			t[`position${c(n.position)}`],
 			!0 === n.disablePointerEvents && t.disablePointerEvents,
 			t[n.variant]
 		];
 	}
-})(r(({ theme: e }) => ({
+})(i(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
 	alignItems: "center",
@@ -32,7 +32,7 @@ var m, h = p(e(), 1), g = t(), _ = o("div", {
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${l.positionStart}&:not(.${l.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${u.positionStart}&:not(.${u.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -48,44 +48,44 @@ var m, h = p(e(), 1), g = t(), _ = o("div", {
 		}
 	]
 }))), v = h.forwardRef(function(e, t) {
-	let r = c({
+	let n = l({
 		props: e,
 		name: "MuiInputAdornment"
-	}), { children: o, className: l, component: p = "div", disablePointerEvents: v = !1, disableTypography: y = !1, position: b, variant: x, ...S } = r, C = f() || {}, w = x;
+	}), { children: i, className: s, component: u = "div", disablePointerEvents: v = !1, disableTypography: y = !1, position: b, variant: x, ...S } = n, C = p() || {}, w = x;
 	x && C.variant, C && !w && (w = C.variant);
 	let T = {
-		...r,
+		...n,
 		hiddenLabel: C.hiddenLabel,
 		size: C.size,
 		disablePointerEvents: v,
 		position: b,
 		variant: w
 	}, E = ((e) => {
-		let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: a, size: o, variant: c } = e, l = { root: [
+		let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: o, variant: s } = e, l = { root: [
 			"root",
 			n && "disablePointerEvents",
-			a && `position${s(a)}`,
-			c,
+			i && `position${c(i)}`,
+			s,
 			r && "hiddenLabel",
-			o && `size${s(o)}`
+			o && `size${c(o)}`
 		] };
-		return i(l, u, t);
+		return a(l, d, t);
 	})(T);
-	return (0, g.jsx)(d.Provider, {
+	return (0, g.jsx)(f.Provider, {
 		value: null,
 		children: (0, g.jsx)(_, {
-			as: p,
+			as: u,
 			ownerState: T,
-			className: n(E.root, l),
+			className: r(E.root, s),
 			ref: t,
 			...S,
-			children: typeof o != "string" || y ? (0, g.jsxs)(h.Fragment, { children: [b === "start" ? m ||= (0, g.jsx)("span", {
+			children: typeof i != "string" || y ? (0, g.jsxs)(h.Fragment, { children: [b === "start" ? m ||= (0, g.jsx)("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
-			}) : null, o] }) : (0, g.jsx)(a, {
+			}) : null, i] }) : (0, g.jsx)(o, {
 				color: "textSecondary",
-				children: o
+				children: i
 			})
 		})
 	});

package/cdn/assets/{BBjgqNlHm-ssbSAG.js → C_lz-BVnapcDsXH0.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @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.

package/cdn/assets/CbKXmBz5CY-IwYsS.js

@@ -0,0 +1,132 @@
+/**
+* @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 { _ as r, g as i, u as a, v as o } from "./DxI14nqCsNi-yexx.js";
+import { I as s, P as c, V as l, Z as u, at as d, ct as f, gt as p, lt as m, ot as h, st as g, ut as _ } from "./CGklNVK7pkjOQ6XF.js";
+import { n as v, t as y } from "./B71MtA2mmixmeooi.js";
+import { n as b } from "./FjjP2q5AOiFod5IL.js";
+var x = e(t(), 1), S = n();
+function C(e) {
+	return r("MuiCheckbox", e);
+}
+var w = i("MuiCheckbox", [
+	"root",
+	"checked",
+	"disabled",
+	"indeterminate",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium"
+]), T = u((0, S.jsx)("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), E = u((0, S.jsx)("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), D = u((0, S.jsx)("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox"), O = m(b, {
+	shouldForwardProp: (e) => _(e) || e === "classes",
+	name: "MuiCheckbox",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.indeterminate && t.indeterminate,
+			t[`size${h(n.size)}`],
+			n.color !== "default" && t[`color${h(n.color)}`]
+		];
+	}
+})(f(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	...e.focusVisible && { [`&.${s.focusVisible} svg:first-of-type`]: {
+		...a,
+		borderRadius: (e.vars || e).shape.borderRadius,
+		...e.focusVisible
+	} },
+	variants: [
+		{
+			props: {
+				color: "default",
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
+		},
+		...Object.entries(e.palette).filter(c()).map(([t]) => ({
+			props: {
+				color: t,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
+		})),
+		...Object.entries(e.palette).filter(c()).map(([t]) => ({
+			props: { color: t },
+			style: {
+				[`&.${w.checked}, &.${w.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${w.disabled}`]: { color: (e.vars || e).palette.action.disabled }
+			}
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+}))), k = (0, S.jsx)(E, {}), A = (0, S.jsx)(T, {}), j = (0, S.jsx)(D, {}), M = x.forwardRef(function(e, t) {
+	let n = g({
+		props: e,
+		name: "MuiCheckbox"
+	}), { checkedIcon: r = k, color: i = "primary", icon: a = A, indeterminate: s = !1, indeterminateIcon: c = j, size: u = "medium", disableRipple: f = !1, className: m, slots: _ = {}, slotProps: b = {}, ...w } = n, T = s ? c : a, E = s ? c : r, D = {
+		...n,
+		disableRipple: f,
+		color: i,
+		indeterminate: s,
+		size: u
+	}, M = ((e) => {
+		let { classes: t, indeterminate: n, color: r, size: i } = e, a = { root: [
+			"root",
+			n && "indeterminate",
+			`color${h(r)}`,
+			`size${h(i)}`
+		] }, o = p(a, C, t);
+		return {
+			...t,
+			...o
+		};
+	})(D), N = typeof b.input == "function" ? b.input(D) : b.input, P = x.useRef(null), F = d(P, N?.ref);
+	v(() => {
+		P.current && (P.current.indeterminate = s);
+	});
+	let [I, L] = l("root", {
+		ref: t,
+		elementType: O,
+		className: o(M.root, m),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: _,
+			slotProps: b,
+			...w
+		},
+		ownerState: D,
+		additionalProps: {
+			type: "checkbox",
+			icon: x.cloneElement(T, { fontSize: T.props.fontSize ?? u }),
+			checkedIcon: x.cloneElement(E, { fontSize: E.props.fontSize ?? u }),
+			disableRipple: n.disableRipple,
+			slots: _,
+			slotProps: { input: {
+				...y(N, {
+					"data-indeterminate": s,
+					onChange: (e) => {
+						e.target.indeterminate = s;
+					}
+				}),
+				ref: F
+			} }
+		}
+	});
+	return (0, S.jsx)(I, {
+		...L,
+		classes: M
+	});
+});
+export { M as t };