@sheetxl/studio-vanilla 0.8.0-beta.4 → 0.8.0-beta.5

package/cdn/assets/{BZpQlzDFTqlBTj8r.js → b2vK8MBPEiSThFFJ.js}

@@ -1,59 +1,16 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.5
 *
 * (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 "./7XkdeYBragcPQQS0.js";
-import { t } from "./TA52Zf5ZMCu6I721.js";
-import { t as n } from "./RnavifpmQlGK2gal.js";
-import { h as r, m as i, n as a, o, p as s } from "./CdP9qTlDd3C1oYJE.js";
-import { G as c, H as l, W as u, _t as d, ct as f, lt as p, ot as m, rt as h, tt as g, ut as _ } from "./C2-SeODnwo_GR5pz.js";
-var v = e(t(), 1), y = function() {};
-function b(e) {
-	var t = [...arguments].slice(1);
-	e && e.addEventListener && e.addEventListener.apply(e, t);
-}
-function x(e) {
-	var t = [...arguments].slice(1);
-	e && e.removeEventListener && e.removeEventListener.apply(e, t);
-}
-var S = typeof window < "u", C = S ? v.useLayoutEffect : v.useEffect, w = {
-	x: 0,
-	y: 0,
-	width: 0,
-	height: 0,
-	top: 0,
-	left: 0,
-	bottom: 0,
-	right: 0
-}, T = S && window.ResizeObserver !== void 0 ? function() {
-	var e = (0, v.useState)(null), t = e[0], n = e[1], r = (0, v.useState)(w), i = r[0], a = r[1], o = (0, v.useMemo)(function() {
-		return new window.ResizeObserver(function(e) {
-			if (e[0]) {
-				var t = e[0].contentRect, n = t.x, r = t.y, i = t.width, o = t.height, s = t.top, c = t.left, l = t.bottom, u = t.right;
-				a({
-					x: n,
-					y: r,
-					width: i,
-					height: o,
-					top: s,
-					left: c,
-					bottom: l,
-					right: u
-				});
-			}
-		});
-	}, []);
-	return C(function() {
-		if (t) return o.observe(t), function() {
-			o.disconnect();
-		};
-	}, [t]), [n, i];
-} : function() {
-	return [y, w];
-};
-function E(e) {
+import { r as e } from "./CYsJALdAfHsvSsfO.js";
+import { t } from "./CxYIPOzcP70mE8ty.js";
+import { t as n } from "./BtC1CaZjkCNKOB_x.js";
+import { h as r, m as i, n as a, o, p as s } from "./QZtjqpJrLQtNbNwq.js";
+import { G as c, H as l, W as u, _t as d, ct as f, lt as p, ot as ee, rt as m, tt as h, ut as g } from "./DJXeHGaPVXVYlPh4.js";
+var _ = e(t(), 1);
+function v(e) {
 	return i("MuiCollapse", e);
 }
 s("MuiCollapse", [
@@ -65,7 +22,7 @@ s("MuiCollapse", [
 	"wrapper",
 	"wrapperInner"
 ]);
-var D = n(), O = {}, ee = _("div", {
+var y = n(), b = {}, x = g("div", {
 	name: "MuiCollapse",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -109,7 +66,7 @@ var D = n(), O = {}, ee = _("div", {
 			style: { visibility: "hidden" }
 		}
 	]
-}))), te = _("div", {
+}))), S = g("div", {
 	name: "MuiCollapse",
 	slot: "Wrapper"
 })({
@@ -122,7 +79,7 @@ var D = n(), O = {}, ee = _("div", {
 			height: "100%"
 		}
 	}]
-}), k = _("div", {
+}), C = g("div", {
 	name: "MuiCollapse",
 	slot: "WrapperInner"
 })({
@@ -134,15 +91,15 @@ var D = n(), O = {}, ee = _("div", {
 			height: "100%"
 		}
 	}]
-}), A = v.forwardRef(function(e, t) {
+}), w = _.forwardRef(function(e, t) {
 	let n = f({
 		props: e,
 		name: "MuiCollapse"
-	}), { addEndListener: i, children: s, className: p, collapsedSize: _ = "0px", component: y, disablePrefersReducedMotion: b = !1, easing: x, in: S, onEnter: C, onEntered: w, onEntering: T, onExit: A, onExited: ne, onExiting: j, orientation: M = "vertical", slots: N = O, slotProps: P = O, style: F, timeout: I = o.standard, TransitionComponent: L = c, ...R } = n, z = {
+	}), { addEndListener: i, children: s, className: p, collapsedSize: g = "0px", component: w, disablePrefersReducedMotion: T = !1, easing: E, in: D, onEnter: O, onEntered: k, onEntering: A, onExit: j, onExited: M, onExiting: N, orientation: P = "vertical", slots: F = b, slotProps: te = b, style: I, timeout: L = o.standard, TransitionComponent: R = c, ...z } = n, B = {
 		...n,
-		orientation: M,
-		collapsedSize: _
-	}, B = ((e) => {
+		orientation: P,
+		collapsedSize: g
+	}, V = ((e) => {
 		let { orientation: t, classes: n } = e;
 		return d({
 			root: ["root", t],
@@ -150,106 +107,106 @@ var D = n(), O = {}, ee = _("div", {
 			hidden: ["hidden"],
 			wrapper: ["wrapper", t],
 			wrapperInner: ["wrapperInner", t]
-		}, E, n);
-	})(z), V = a(), H = v.useRef(null), U = v.useRef(null), W = typeof _ == "number" ? `${_}px` : _, G = M === "horizontal", K = G ? "width" : "height", q = u(V.motion.reducedMotion, b), J = v.useRef(null), Y = m(t, J), X = () => H.current ? H.current[G ? "clientWidth" : "clientHeight"] : 0, re = h(J, (e, t) => {
-		H.current && G && (H.current.style.position = "absolute"), e.style[K] = W, C && C(e, t);
-	}), Z = h(J, (e, t) => {
-		let n = X();
-		H.current && G && (H.current.style.position = "");
-		let { duration: r, easing: i } = g({
-			style: F,
-			timeout: I,
-			easing: x
+		}, v, n);
+	})(B), H = a(), U = _.useRef(null), W = _.useRef(null), G = typeof g == "number" ? `${g}px` : g, K = P === "horizontal", q = K ? "width" : "height", J = u(H.motion.reducedMotion, T), Y = _.useRef(null), X = ee(t, Y), Z = () => U.current ? U.current[K ? "clientWidth" : "clientHeight"] : 0, ne = m(Y, (e, t) => {
+		U.current && K && (U.current.style.position = "absolute"), e.style[q] = G, O && O(e, t);
+	}), re = m(Y, (e, t) => {
+		let n = Z();
+		U.current && K && (U.current.style.position = "");
+		let { duration: r, easing: i } = h({
+			style: I,
+			timeout: L,
+			easing: E
 		}, { mode: "enter" });
-		if (I !== "auto" || q.shouldReduceMotion) U.current = null;
+		if (L !== "auto" || J.shouldReduceMotion) W.current = null;
 		else {
-			let e = V.transitions.getAutoHeightDuration(n);
-			U.current = e;
+			let e = H.transitions.getAutoHeightDuration(n);
+			W.current = e;
 		}
-		let a = q.getTransitionTiming({
-			duration: U.current ?? r,
+		let a = J.getTransitionTiming({
+			duration: W.current ?? r,
 			delay: void 0
 		});
-		e.style.transitionDuration = typeof a.duration == "string" ? a.duration : `${a.duration}ms`, e.style[K] = `${n}px`, e.style.transitionTimingFunction = i, T && T(e, t);
-	}), ie = h(J, (e, t) => {
-		e.style[K] = "auto", w && w(e, t);
-	}), ae = h(J, (e) => {
-		e.style[K] = `${X()}px`, A && A(e);
-	}), oe = h(J, ne), se = h(J, (e) => {
-		let t = X(), { duration: n, easing: r } = g({
-			style: F,
-			timeout: I,
-			easing: x
+		e.style.transitionDuration = typeof a.duration == "string" ? a.duration : `${a.duration}ms`, e.style[q] = `${n}px`, e.style.transitionTimingFunction = i, A && A(e, t);
+	}), ie = m(Y, (e, t) => {
+		e.style[q] = "auto", k && k(e, t);
+	}), ae = m(Y, (e) => {
+		e.style[q] = `${Z()}px`, j && j(e);
+	}), oe = m(Y, M), se = m(Y, (e) => {
+		let t = Z(), { duration: n, easing: r } = h({
+			style: I,
+			timeout: L,
+			easing: E
 		}, { mode: "exit" });
-		if (I !== "auto" || q.shouldReduceMotion) U.current = null;
+		if (L !== "auto" || J.shouldReduceMotion) W.current = null;
 		else {
-			let e = V.transitions.getAutoHeightDuration(t);
-			U.current = e;
+			let e = H.transitions.getAutoHeightDuration(t);
+			W.current = e;
 		}
-		let i = q.getTransitionTiming({
-			duration: U.current ?? n,
+		let i = J.getTransitionTiming({
+			duration: W.current ?? n,
 			delay: void 0
 		});
-		e.style.transitionDuration = typeof i.duration == "string" ? i.duration : `${i.duration}ms`, e.style[K] = W, e.style.transitionTimingFunction = r, j && j(e);
+		e.style.transitionDuration = typeof i.duration == "string" ? i.duration : `${i.duration}ms`, e.style[q] = G, e.style.transitionTimingFunction = r, N && N(e);
 	}), ce = i ? (e) => {
-		i(J.current, e);
+		i(Y.current, e);
 	} : void 0, Q = {
-		slots: N,
-		slotProps: P,
-		component: y
+		slots: F,
+		slotProps: te,
+		component: w
 	}, [le, $] = l("root", {
-		ref: Y,
-		className: r(B.root, p),
-		elementType: ee,
+		ref: X,
+		className: r(V.root, p),
+		elementType: x,
 		externalForwardedProps: Q,
-		ownerState: z,
+		ownerState: B,
 		additionalProps: { style: {
-			[G ? "minWidth" : "minHeight"]: W,
-			...F
+			[K ? "minWidth" : "minHeight"]: G,
+			...I
 		} }
 	}), [ue, de] = l("wrapper", {
-		ref: H,
-		className: B.wrapper,
-		elementType: te,
+		ref: U,
+		className: V.wrapper,
+		elementType: S,
 		externalForwardedProps: Q,
-		ownerState: z
+		ownerState: B
 	}), [fe, pe] = l("wrapperInner", {
-		className: B.wrapperInner,
-		elementType: k,
+		className: V.wrapperInner,
+		elementType: C,
 		externalForwardedProps: Q,
-		ownerState: z
+		ownerState: B
 	});
-	return (0, D.jsx)(L, {
-		in: S,
-		onEnter: re,
+	return (0, y.jsx)(R, {
+		in: D,
+		onEnter: ne,
 		onEntered: ie,
-		onEntering: Z,
+		onEntering: re,
 		onExit: ae,
 		onExited: oe,
 		onExiting: se,
 		addEndListener: ce,
-		getAutoTimeout: I === "auto" ? () => U.current : void 0,
-		reduceMotion: q.shouldReduceMotion,
-		nodeRef: J,
-		timeout: I === "auto" ? null : I,
-		...R,
+		getAutoTimeout: L === "auto" ? () => W.current : void 0,
+		reduceMotion: J.shouldReduceMotion,
+		nodeRef: Y,
+		timeout: L === "auto" ? null : L,
+		...z,
 		children: (e, { ownerState: t, ...n }) => {
 			let i = {
-				...z,
+				...B,
 				state: e
 			};
-			return (0, D.jsx)(le, {
+			return (0, y.jsx)(le, {
 				...$,
 				className: r($.className, {
-					entered: B.entered,
-					exited: !S && W === "0px" && B.hidden
+					entered: V.entered,
+					exited: !D && G === "0px" && V.hidden
 				}[e]),
 				ownerState: i,
 				...n,
-				children: (0, D.jsx)(ue, {
+				children: (0, y.jsx)(ue, {
 					...de,
 					ownerState: i,
-					children: (0, D.jsx)(fe, {
+					children: (0, y.jsx)(fe, {
 						...pe,
 						ownerState: i,
 						children: s
@@ -259,5 +216,49 @@ var D = n(), O = {}, ee = _("div", {
 		}
 	});
 });
-A && (A.muiSupportAuto = !0);
-export { T as a, S as i, b as n, x as r, A as t };
+w && (w.muiSupportAuto = !0);
+var T = function() {};
+function E(e) {
+	var t = [...arguments].slice(1);
+	e && e.addEventListener && e.addEventListener.apply(e, t);
+}
+function D(e) {
+	var t = [...arguments].slice(1);
+	e && e.removeEventListener && e.removeEventListener.apply(e, t);
+}
+var O = typeof window < "u", k = O ? _.useLayoutEffect : _.useEffect, A = {
+	x: 0,
+	y: 0,
+	width: 0,
+	height: 0,
+	top: 0,
+	left: 0,
+	bottom: 0,
+	right: 0
+}, j = O && window.ResizeObserver !== void 0 ? function() {
+	var e = (0, _.useState)(null), t = e[0], n = e[1], r = (0, _.useState)(A), i = r[0], a = r[1], o = (0, _.useMemo)(function() {
+		return new window.ResizeObserver(function(e) {
+			if (e[0]) {
+				var t = e[0].contentRect, n = t.x, r = t.y, i = t.width, o = t.height, s = t.top, c = t.left, l = t.bottom, u = t.right;
+				a({
+					x: n,
+					y: r,
+					width: i,
+					height: o,
+					top: s,
+					left: c,
+					bottom: l,
+					right: u
+				});
+			}
+		});
+	}, []);
+	return k(function() {
+		if (t) return o.observe(t), function() {
+			o.disconnect();
+		};
+	}, [t]), [n, i];
+} : function() {
+	return [T, A];
+};
+export { w as a, j as i, D as n, O as r, E as t };