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

package/cdn/assets/{c6VvwMHfXubjjtyj.js → CRXSrbGNABtzf532.js}

@@ -1,20 +1,20 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (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 "./D9-wpGVbTS9rRpxx.js";
-import { t } from "./DnzDlqizzNkbhJP7.js";
-import { t as n } from "./CBuvbUg67ah_3BOZ.js";
-import { h as r, m as i, p as a } from "./BNybEGR813e3aNIv.js";
-import { H as o, I as s, J as c, L as l, N as u, Q as d, _t as f, ct as p, dt as m, lt as h, st as g, ut as _ } from "./iXWgTu3qpYZHcx1J.js";
-import { C as v, _ as y, w as b } from "./DKeLjEJPO9nT3bpr.js";
-var x = e(t(), 1), S = n();
-function C(e) {
-	return i("MuiCheckbox", e);
+import { t as e } from "./CIyaijfp6itgRpFM.js";
+import { t } from "./BeQ95CzwR65il0CK.js";
+import { _ as n, g as r, u as i, v as a } from "./mK8HcIZyXkOTvL6E.js";
+import { F as o, I as s, P as c, V as l, Z as u, at as d, ct as f, gt as p, j as m, lt as h, ot as g, q as _, st as v, ut as y } from "./CbTN0q6XnYGJqyEp.js";
+import { i as b, n as x, r as S, t as C } from "./DHH_uKVzQ_kRYO2N.js";
+import { r as w } from "./DCnWyVXikb_8Dat3.js";
+var T = w(e(), 1), E = t();
+function D(e) {
+	return n("MuiCheckbox", e);
 }
-var w = a("MuiCheckbox", [
+var O = r("MuiCheckbox", [
 	"root",
 	"checked",
 	"disabled",
@@ -24,12 +24,13 @@ var w = a("MuiCheckbox", [
 	"sizeSmall",
 	"sizeMedium"
 ]);
-function T(e) {
-	return i("MuiFormControlLabel", e);
+function k(e) {
+	return n("MuiFormControlLabel", e);
 }
-var E = a("MuiFormControlLabel", [
+var A = r("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
+	"labelPlacementEnd",
 	"labelPlacementTop",
 	"labelPlacementBottom",
 	"disabled",
@@ -38,10 +39,10 @@ var E = a("MuiFormControlLabel", [
 	"required",
 	"asterisk"
 ]);
-function D(e) {
-	return i("PrivateSwitchBase", e);
+function j(e) {
+	return n("PrivateSwitchBase", e);
 }
-a("PrivateSwitchBase", [
+r("PrivateSwitchBase", [
 	"root",
 	"checked",
 	"disabled",
@@ -49,7 +50,7 @@ a("PrivateSwitchBase", [
 	"edgeStart",
 	"edgeEnd"
 ]);
-var O = _(l, { name: "MuiSwitchBase" })({
+var M = h(o, { name: "MuiSwitchBase" })({
 	padding: 9,
 	borderRadius: "50%",
 	variants: [
@@ -76,9 +77,9 @@ var O = _(l, { name: "MuiSwitchBase" })({
 			style: { marginRight: -12 }
 		}
 	]
-}), k = _("input", {
+}), N = h("input", {
 	name: "MuiSwitchBase",
-	shouldForwardProp: m
+	shouldForwardProp: y
 })({
 	cursor: "inherit",
 	position: "absolute",
@@ -90,23 +91,22 @@ var O = _(l, { name: "MuiSwitchBase" })({
 	margin: 0,
 	padding: 0,
 	zIndex: 1
-}), A = x.forwardRef(function(e, t) {
-	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: s, disableFocusRipple: l = !1, edge: u = !1, icon: d, id: p, name: m, onBlur: h, onChange: _, onFocus: y, readOnly: b, required: x = !1, tabIndex: C, type: w, value: T, slots: E = {}, slotProps: A = {}, ...j } = e, { nativeButton: M, ...N } = j, [P, F] = c({
+}), P = T.forwardRef(function(e, t) {
+	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: c = !1, icon: u, id: d, name: f, onBlur: m, onChange: h, onFocus: v, readOnly: y, required: b = !1, tabIndex: x, type: C, value: w, slots: T = {}, slotProps: D = {}, ...O } = e, { nativeButton: k, ...A } = O, [P, F] = _({
 		controlled: r,
 		default: !!a,
 		name: "SwitchBase",
 		state: "checked"
-	}), I = v(), L = s;
+	}), I = S(), L = o;
 	I && L === void 0 && (L = I.disabled);
-	let R = w === "checkbox" || w === "radio", z = {
+	let R = C === "checkbox" || C === "radio", z = {
 		...e,
 		checked: P,
 		disabled: L,
-		disableFocusRipple: l,
-		edge: u
+		disableFocusRipple: s,
+		edge: c
 	}, B = ((e) => {
-		let { classes: t, checked: n, disabled: r, edge: i } = e;
-		return f({
+		let { classes: t, checked: n, disabled: r, edge: i } = e, a = {
 			root: [
 				"root",
 				n && "checked",
@@ -114,51 +114,53 @@ var O = _(l, { name: "MuiSwitchBase" })({
 				i && `edge${g(i)}`
 			],
 			input: ["input"]
-		}, D, t);
+		};
+		return p(a, j, t);
 	})(z), V = {
-		slots: E,
-		slotProps: A
-	}, [H, U] = o("root", {
+		slots: T,
+		slotProps: D
+	}, [H, U] = l("root", {
 		ref: t,
-		elementType: O,
+		elementType: M,
 		className: B.root,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
 			...V,
 			component: "span",
-			...N
+			...A
 		},
 		getSlotProps: (e) => ({
 			...e,
 			onFocus: (t) => {
 				e.onFocus?.(t), ((e) => {
-					y && y(e), I && I.onFocus && I.onFocus(e);
+					v && v(e), I && I.onFocus && I.onFocus(e);
 				})(t);
 			},
 			onBlur: (t) => {
 				e.onBlur?.(t), ((e) => {
-					h && h(e), I && I.onBlur && I.onBlur(e);
+					m && m(e), I && I.onBlur && I.onBlur(e);
 				})(t);
 			}
 		}),
 		ownerState: z,
 		additionalProps: {
 			centerRipple: !0,
-			focusRipple: !l,
+			focusRipple: !s,
 			role: void 0,
-			tabIndex: null
+			tabIndex: null,
+			internalDisabledThemeFocusVisible: !0
 		}
-	}), [W, G] = o("input", {
-		elementType: k,
+	}), [W, G] = l("input", {
+		elementType: N,
 		className: B.input,
 		externalForwardedProps: V,
 		getSlotProps: (e) => ({
 			...e,
 			onChange: (t) => {
 				e.onChange?.(t), ((e) => {
-					if (e.nativeEvent.defaultPrevented || b) return;
+					if (e.nativeEvent.defaultPrevented || y) return;
 					let t = e.target.checked;
-					F(t), _ && _(e, t);
+					F(t), h && h(e, t);
 				})(t);
 			}
 		}),
@@ -168,21 +170,21 @@ var O = _(l, { name: "MuiSwitchBase" })({
 			checked: r,
 			defaultChecked: a,
 			disabled: L,
-			id: R ? p : void 0,
-			name: m,
-			readOnly: b,
-			required: x,
-			tabIndex: C,
-			type: w,
-			...w === "checkbox" && T === void 0 ? {} : { value: T }
+			id: R ? d : void 0,
+			name: f,
+			readOnly: y,
+			required: b,
+			tabIndex: x,
+			type: C,
+			...C === "checkbox" && w === void 0 ? {} : { value: w }
 		}
 	});
-	return (0, S.jsxs)(H, {
+	return (0, E.jsxs)(H, {
 		...U,
-		children: [(0, S.jsx)(W, { ...G }), P ? i : d]
+		children: [(0, E.jsx)(W, { ...G }), P ? i : u]
 	});
-}), j = d((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"), M = d((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"), N = d((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"), P = _(A, {
-	shouldForwardProp: (e) => m(e) || e === "classes",
+}), F = u((0, E.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"), I = u((0, E.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"), L = u((0, E.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"), R = h(P, {
+	shouldForwardProp: (e) => y(e) || e === "classes",
 	name: "MuiCheckbox",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -194,8 +196,13 @@ var O = _(l, { name: "MuiSwitchBase" })({
 			n.color !== "default" && t[`color${g(n.color)}`]
 		];
 	}
-})(h(({ theme: e }) => ({
+})(f(({ theme: e }) => ({
 	color: (e.vars || e).palette.text.secondary,
+	...e.focusVisible && { [`&.${s.focusVisible} svg:first-of-type`]: {
+		...i,
+		borderRadius: (e.vars || e).shape.borderRadius,
+		...e.focusVisible
+	} },
 	variants: [
 		{
 			props: {
@@ -204,18 +211,18 @@ var O = _(l, { name: "MuiSwitchBase" })({
 			},
 			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
 		},
-		...Object.entries(e.palette).filter(s()).map(([t]) => ({
+		...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(s()).map(([t]) => ({
+		...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 }
+				[`&.${O.checked}, &.${O.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${O.disabled}`]: { color: (e.vars || e).palette.action.disabled }
 			}
 		})),
 		{
@@ -223,66 +230,75 @@ var O = _(l, { name: "MuiSwitchBase" })({
 			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
 		}
 	]
-}))), F = (0, S.jsx)(M, {}), I = (0, S.jsx)(j, {}), L = (0, S.jsx)(N, {}), R = x.forwardRef(function(e, t) {
-	let n = p({
+}))), z = (0, E.jsx)(I, {}), B = (0, E.jsx)(F, {}), V = (0, E.jsx)(L, {}), H = T.forwardRef(function(e, t) {
+	let n = v({
 		props: e,
 		name: "MuiCheckbox"
-	}), { checkedIcon: i = F, color: a = "primary", icon: s = I, indeterminate: c = !1, indeterminateIcon: l = L, size: u = "medium", disableRipple: d = !1, className: m, slots: h = {}, slotProps: _ = {}, ...v } = n, b = c ? l : s, w = c ? l : i, T = {
+	}), { checkedIcon: r = z, color: i = "primary", icon: o = B, indeterminate: s = !1, indeterminateIcon: c = V, size: u = "medium", disableRipple: f = !1, className: m, slots: h = {}, slotProps: _ = {}, ...y } = n, b = s ? c : o, S = s ? c : r, w = {
 		...n,
-		disableRipple: d,
-		color: a,
-		indeterminate: c,
+		disableRipple: f,
+		color: i,
+		indeterminate: s,
 		size: u
-	}, E = ((e) => {
-		let { classes: t, indeterminate: n, color: r, size: i } = e, a = f({ root: [
+	}, O = ((e) => {
+		let { classes: t, indeterminate: n, color: r, size: i } = e, a = { root: [
 			"root",
 			n && "indeterminate",
 			`color${g(r)}`,
 			`size${g(i)}`
-		] }, C, t);
+		] }, o = p(a, D, t);
 		return {
 			...t,
-			...a
+			...o
 		};
-	})(T), D = _.input, [O, k] = o("root", {
+	})(w), k = typeof _.input == "function" ? _.input(w) : _.input, A = T.useRef(null), j = d(A, k?.ref);
+	x(() => {
+		A.current && (A.current.indeterminate = s);
+	});
+	let [M, N] = l("root", {
 		ref: t,
-		elementType: P,
-		className: r(E.root, m),
+		elementType: R,
+		className: a(O.root, m),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
 			slots: h,
 			slotProps: _,
-			...v
+			...y
 		},
-		ownerState: T,
+		ownerState: w,
 		additionalProps: {
 			type: "checkbox",
-			icon: x.cloneElement(b, { fontSize: b.props.fontSize ?? u }),
-			checkedIcon: x.cloneElement(w, { fontSize: w.props.fontSize ?? u }),
-			disableRipple: d,
+			icon: T.cloneElement(b, { fontSize: b.props.fontSize ?? u }),
+			checkedIcon: T.cloneElement(S, { fontSize: S.props.fontSize ?? u }),
+			disableRipple: n.disableRipple,
 			slots: h,
-			slotProps: { input: y(typeof D == "function" ? D(T) : D, {
-				"data-indeterminate": c,
-				"aria-checked": c ? "mixed" : void 0
-			}) }
+			slotProps: { input: {
+				...C(k, {
+					"data-indeterminate": s,
+					onChange: (e) => {
+						e.target.indeterminate = s;
+					}
+				}),
+				ref: j
+			} }
 		}
 	});
-	return (0, S.jsx)(O, {
-		...k,
-		classes: E
+	return (0, E.jsx)(M, {
+		...N,
+		classes: O
 	});
-}), z = _("label", {
+}), U = h("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
-			{ [`& .${E.label}`]: t.label },
+			{ [`& .${A.label}`]: t.label },
 			t.root,
 			t[`labelPlacement${g(n.labelPlacement)}`]
 		];
 	}
-})(h(({ theme: e }) => ({
+})(f(({ theme: e }) => ({
 	display: "inline-flex",
 	alignItems: "center",
 	cursor: "pointer",
@@ -290,8 +306,8 @@ var O = _(l, { name: "MuiSwitchBase" })({
 	WebkitTapHighlightColor: "transparent",
 	marginLeft: -11,
 	marginRight: 16,
-	[`&.${E.disabled}`]: { cursor: "default" },
-	[`& .${E.label}`]: { [`&.${E.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
+	[`&.${A.disabled}`]: { cursor: "default" },
+	[`& .${A.label}`]: { [`&.${A.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
 	variants: [
 		{
 			props: { labelPlacement: "start" },
@@ -313,38 +329,36 @@ var O = _(l, { name: "MuiSwitchBase" })({
 			style: { marginLeft: 16 }
 		}
 	]
-}))), B = _("span", {
+}))), W = h("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(h(({ theme: e }) => ({ [`&.${E.error}`]: { color: (e.vars || e).palette.error.main } }))), V = x.forwardRef(function(e, t) {
-	let n = p({
+})(f(({ theme: e }) => ({ [`&.${A.error}`]: { color: (e.vars || e).palette.error.main } }))), G = T.forwardRef(function(e, t) {
+	let n = v({
 		props: e,
 		name: "MuiFormControlLabel"
-	}), { checked: i, className: a, control: s, disabled: c, disableTypography: l, inputRef: d, label: m, labelPlacement: h = "end", name: _, onChange: v, required: y, slots: C = {}, slotProps: w = {}, value: E, ...D } = n, [O, k] = b({
+	}), { checked: r, className: i, control: o, disabled: s, disableTypography: c, label: u, labelPlacement: d = "end", name: f, onChange: h, required: _, slots: y = {}, slotProps: x = {}, value: S, ...C } = n, [w, D] = b({
 		props: n,
 		states: ["error"]
-	}), A = c ?? s.props.disabled ?? k?.disabled, j = y ?? s.props.required, M = {
-		disabled: A,
-		required: j
+	}), O = s ?? o.props.disabled ?? D?.disabled, A = _ ?? o.props.required, j = {
+		disabled: O,
+		required: A
 	};
 	[
 		"checked",
 		"name",
 		"onChange",
-		"value",
-		"inputRef"
+		"value"
 	].forEach((e) => {
-		s.props[e] === void 0 && n[e] !== void 0 && (M[e] = n[e]);
+		o.props[e] === void 0 && n[e] !== void 0 && (j[e] = n[e]);
 	});
-	let N = {
+	let M = {
 		...n,
-		disabled: A,
-		labelPlacement: h,
-		required: j,
-		error: O.error
-	}, P = ((e) => {
-		let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
-		return f({
+		disabled: O,
+		labelPlacement: d,
+		required: A,
+		error: w.error
+	}, N = ((e) => {
+		let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e, o = {
 			root: [
 				"root",
 				n && "disabled",
@@ -354,31 +368,32 @@ var O = _(l, { name: "MuiSwitchBase" })({
 			],
 			label: ["label", n && "disabled"],
 			asterisk: ["asterisk", i && "error"]
-		}, T, t);
-	})(N), [F, I] = o("typography", {
-		elementType: u,
+		};
+		return p(o, k, t);
+	})(M), [P, F] = l("typography", {
+		elementType: m,
 		externalForwardedProps: {
-			slots: C,
-			slotProps: w
+			slots: y,
+			slotProps: x
 		},
-		ownerState: N
-	}), L = m;
-	return L == null || L.type === u || l || (L = (0, S.jsx)(F, {
+		ownerState: M
+	}), I = u;
+	return I == null || I.type === m || c || (I = (0, E.jsx)(P, {
 		component: "span",
-		...I,
-		className: r(P.label, I?.className),
-		children: L
-	})), (0, S.jsxs)(z, {
-		className: r(P.root, a),
-		ownerState: N,
+		...F,
+		className: a(N.label, F?.className),
+		children: I
+	})), (0, E.jsxs)(U, {
+		className: a(N.root, i),
+		ownerState: M,
 		ref: t,
-		...D,
-		children: [x.cloneElement(s, M), j ? (0, S.jsxs)("div", { children: [L, (0, S.jsxs)(B, {
-			ownerState: N,
+		...C,
+		children: [T.cloneElement(o, j), A ? (0, E.jsxs)("div", { children: [I, (0, E.jsxs)(W, {
+			ownerState: M,
 			"aria-hidden": !0,
-			className: P.asterisk,
+			className: N.asterisk,
 			children: [" ", "*"]
-		})] }) : L]
+		})] }) : I]
 	});
 });
-export { R as n, V as t };
+export { H as n, P as r, G as t };

package/{browser/esm/hFSDx-LnUOObv-6h2.mjs → cdn/assets/CSEMxasVyGCekxKf.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -9,13 +9,12 @@ var e = { GROUPBY: {
 	p: {
 		rowFields: { d: "The range or array containing the row fields." },
 		values: { d: "The range or array containing the values to aggregate." },
-		fn: { d: "The function used to do the aggregations." },
+		fn: { d: "The function used to do the aggregations: a LAMBDA, a function name such as SUM, or an array of them." },
 		fieldHeaders: { d: "A number between 0 and 3 that specifies whether the field data has headers and whether field headers should be returned in the results." },
-		totalDepth: { d: "Show totals for the row fields. 0 for none, 1 for grand totals, 2 for grand total and first level subtotals, etc." },
+		totalDepth: { d: "Show totals for the row fields. 0 for none, 1 for grand totals, 2 for grand total and first level subtotals, etc. A negative number shows them at the top." },
 		sortOrder: { d: "The column index to sort the row fields on. A negative index will sort in reverse order." },
-		filterArray: { d: "param-534 paramName-535." },
-		fieldRelationship: { d: "The relationship of fields when multiple columns are supplied to the rowFields argument." }
-	},
-	h: "Unimplemented TODO"
+		filterArray: { d: "An array of boolean where TRUE represents a row to retain." },
+		fieldRelationship: { d: "The relationship of fields when multiple columns are supplied to the rowFields argument. 0 for hierarchy, 1 for table." }
+	}
 } };
 export { e as default };