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

package/cdn/assets/Bqlj5Zz-vJpMDs6i.js

@@ -0,0 +1,311 @@
+/**
+* @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, v as a } from "./DxI14nqCsNi-yexx.js";
+import { Ct as o, F as s, I as c, P as l, bt as u, ct as d, gt as f, lt as p, ot as m, st as h } from "./CGklNVK7pkjOQ6XF.js";
+import { c as g, d as _, l as v, u as y } from "./Y0Uf_lVRToNYi395.js";
+var b = e(t(), 1);
+function x(e) {
+	return r("MuiToggleButton", e);
+}
+var S = i("MuiToggleButton", [
+	"root",
+	"disabled",
+	"selected",
+	"standard",
+	"primary",
+	"secondary",
+	"sizeSmall",
+	"sizeMedium",
+	"sizeLarge",
+	"fullWidth"
+]), C = b.createContext({}), w = b.createContext(void 0);
+function T(e, t) {
+	return t !== void 0 && e !== void 0 && (Array.isArray(t) ? t.includes(e) : e === t);
+}
+function E(e, t) {
+	let { children: n, disabled: r = !1, selected: i = !1, value: a } = e, o = _(), s = g({
+		id: a,
+		ref: t,
+		disabled: r,
+		selected: i
+	}), c = o.getItemMap().size === 0 && i ? 0 : s.tabIndex;
+	return b.cloneElement(b.Children.only(n), {
+		...s,
+		tabIndex: n.props.tabIndex ?? c
+	});
+}
+var D = b.forwardRef(E), O = n(), k = p(s, {
+	name: "MuiToggleButton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, t[`size${m(n.size)}`]];
+	}
+})(d(({ theme: e }) => ({
+	...e.typography.button,
+	borderRadius: (e.vars || e).shape.borderRadius,
+	padding: 11,
+	border: `1px solid ${(e.vars || e).palette.divider}`,
+	color: (e.vars || e).palette.action.active,
+	[`&.${S.disabled}`]: {
+		color: (e.vars || e).palette.action.disabled,
+		border: `1px solid ${(e.vars || e).palette.action.disabledBackground}`
+	},
+	"&:hover": {
+		textDecoration: "none",
+		backgroundColor: e.alpha((e.vars || e).palette.text.primary, (e.vars || e).palette.action.hoverOpacity),
+		"@media (hover: none)": { backgroundColor: "transparent" }
+	},
+	variants: [
+		{
+			props: { color: "standard" },
+			style: { [`&.${S.selected}`]: {
+				color: (e.vars || e).palette.text.primary,
+				backgroundColor: e.alpha((e.vars || e).palette.text.primary, (e.vars || e).palette.action.selectedOpacity),
+				"&:hover": {
+					backgroundColor: e.alpha((e.vars || e).palette.text.primary, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
+					"@media (hover: none)": { backgroundColor: e.alpha((e.vars || e).palette.text.primary, (e.vars || e).palette.action.selectedOpacity) }
+				}
+			} }
+		},
+		...Object.entries(e.palette).filter(l()).map(([t]) => ({
+			props: { color: t },
+			style: { [`&.${S.selected}`]: {
+				color: (e.vars || e).palette[t].main,
+				backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.selectedOpacity),
+				"&:hover": {
+					backgroundColor: e.alpha((e.vars || e).palette[t].main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
+					"@media (hover: none)": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.selectedOpacity) }
+				}
+			} }
+		})),
+		{
+			props: { fullWidth: !0 },
+			style: { width: "100%" }
+		},
+		{
+			props: { size: "small" },
+			style: {
+				padding: 7,
+				fontSize: e.typography.pxToRem(13)
+			}
+		},
+		{
+			props: { size: "large" },
+			style: {
+				padding: 15,
+				fontSize: e.typography.pxToRem(15)
+			}
+		}
+	]
+}))), A = b.forwardRef(function(e, t) {
+	let { value: n, isRovingTabIndex: r, ...i } = b.useContext(C), s = b.useContext(w), c = o({
+		...i,
+		selected: T(e.value, n)
+	}, e), l = h({
+		props: c,
+		name: "MuiToggleButton"
+	}), { children: u, className: d, color: p = "standard", disabled: g = !1, disableFocusRipple: _ = !1, fullWidth: v = !1, onChange: y, onClick: S, selected: E, size: A = "medium", value: j, ...M } = l, N = {
+		...l,
+		color: p,
+		disabled: g,
+		disableFocusRipple: _,
+		fullWidth: v,
+		size: A
+	}, P = ((e) => {
+		let { classes: t, fullWidth: n, selected: r, disabled: i, size: a, color: o } = e, s = { root: [
+			"root",
+			r && "selected",
+			i && "disabled",
+			n && "fullWidth",
+			`size${m(a)}`,
+			o
+		] };
+		return f(s, x, t);
+	})(N), F = s || "", I = (0, O.jsx)(k, {
+		className: a(i.className, P.root, d, F),
+		internalNativeButton: !0,
+		disabled: g,
+		focusRipple: !_,
+		ref: r ? void 0 : t,
+		onClick: (e) => {
+			S && (S(e, j), e.defaultPrevented) || y && y(e, j);
+		},
+		onChange: y,
+		value: j,
+		ownerState: N,
+		"aria-pressed": E,
+		...M,
+		children: u
+	});
+	return r ? (0, O.jsx)(D, {
+		disabled: g,
+		selected: E,
+		ref: t,
+		value: j,
+		children: I
+	}) : I;
+});
+function j(e) {
+	return r("MuiToggleButtonGroup", e);
+}
+var M = i("MuiToggleButtonGroup", [
+	"root",
+	"selected",
+	"horizontal",
+	"vertical",
+	"disabled",
+	"grouped",
+	"fullWidth",
+	"firstButton",
+	"lastButton",
+	"middleButton"
+]), N = p("div", {
+	name: "MuiToggleButtonGroup",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${M.grouped}`]: t.grouped },
+			{ [`& .${M.firstButton}`]: t.firstButton },
+			{ [`& .${M.lastButton}`]: t.lastButton },
+			{ [`& .${M.middleButton}`]: t.middleButton },
+			t.root,
+			n.orientation === "vertical" && t.vertical,
+			n.fullWidth && t.fullWidth
+		];
+	}
+})(d(({ theme: e }) => ({
+	display: "inline-flex",
+	borderRadius: (e.vars || e).shape.borderRadius,
+	...e.focusVisible && { [`& .${M.grouped}.${c.focusVisible}`]: { zIndex: 1 } },
+	variants: [
+		{
+			props: { orientation: "vertical" },
+			style: {
+				flexDirection: "column",
+				[`& .${M.grouped}`]: { [`&.${M.selected} + .${M.grouped}.${M.selected}`]: {
+					borderTop: 0,
+					marginTop: 0
+				} },
+				[`& .${M.firstButton},& .${M.middleButton}`]: {
+					borderBottomLeftRadius: 0,
+					borderBottomRightRadius: 0
+				},
+				[`& .${M.lastButton},& .${M.middleButton}`]: {
+					marginTop: -1,
+					borderTop: "1px solid transparent",
+					borderTopLeftRadius: 0,
+					borderTopRightRadius: 0
+				},
+				[`& .${M.lastButton}.${S.disabled},& .${M.middleButton}.${S.disabled}`]: { borderTop: "1px solid transparent" }
+			}
+		},
+		{
+			props: { fullWidth: !0 },
+			style: { width: "100%" }
+		},
+		{
+			props: { orientation: "horizontal" },
+			style: {
+				[`& .${M.grouped}`]: { [`&.${M.selected} + .${M.grouped}.${M.selected}`]: {
+					borderLeft: 0,
+					marginLeft: 0
+				} },
+				[`& .${M.firstButton},& .${M.middleButton}`]: {
+					borderTopRightRadius: 0,
+					borderBottomRightRadius: 0
+				},
+				[`& .${M.lastButton},& .${M.middleButton}`]: {
+					marginLeft: -1,
+					borderLeft: "1px solid transparent",
+					borderTopLeftRadius: 0,
+					borderBottomLeftRadius: 0
+				},
+				[`& .${M.lastButton}.${S.disabled},& .${M.middleButton}.${S.disabled}`]: { borderLeft: "1px solid transparent" }
+			}
+		}
+	]
+}))), P = b.forwardRef(function(e, t) {
+	let n = h({
+		props: e,
+		name: "MuiToggleButtonGroup"
+	}), { children: r, className: i, color: o = "standard", disabled: s = !1, exclusive: c = !1, fullWidth: l = !1, onChange: d, orientation: p = "horizontal", size: m = "medium", value: g, ..._ } = n, x = {
+		...n,
+		disabled: s,
+		fullWidth: l,
+		orientation: p,
+		size: m
+	}, S = ((e) => {
+		let { classes: t, orientation: n, fullWidth: r, disabled: i } = e;
+		return f({
+			root: [
+				"root",
+				n,
+				r && "fullWidth"
+			],
+			grouped: ["grouped", i && "disabled"],
+			firstButton: ["firstButton"],
+			lastButton: ["lastButton"],
+			middleButton: ["middleButton"]
+		}, j, t);
+	})(x), T = u(), E = b.useCallback((e, t) => {
+		if (!d) return;
+		let n = g && g.indexOf(t), r;
+		g && n >= 0 ? (r = g.slice(), r.splice(n, 1)) : r = g ? g.concat(t) : [t], d(e, r);
+	}, [d, g]), D = b.useCallback((e, t) => {
+		d && d(e, g === t ? null : t);
+	}, [d, g]), k = b.useMemo(() => ({
+		className: S.grouped,
+		onChange: c ? D : E,
+		value: g,
+		size: m,
+		fullWidth: l,
+		color: o,
+		disabled: s,
+		isRovingTabIndex: !0
+	}), [
+		S.grouped,
+		c,
+		D,
+		E,
+		g,
+		m,
+		l,
+		o,
+		s
+	]), A = function(e) {
+		return b.Children.toArray(e).filter((e) => b.isValidElement(e));
+	}(r), M = A.length, P = (e) => {
+		let t = e === 0, n = e === M - 1;
+		return t && n ? "" : t ? S.firstButton : n ? S.lastButton : S.middleButton;
+	}, F = v({
+		orientation: p,
+		isRtl: T
+	}), I = F.getContainerProps(t, _.onFocus, _.onKeyDown);
+	return (0, O.jsx)(N, {
+		role: "group",
+		className: a(S.root, i),
+		ownerState: x,
+		..._,
+		...I,
+		children: (0, O.jsx)(y.Provider, {
+			value: F,
+			children: (0, O.jsx)(C.Provider, {
+				value: k,
+				children: A.map((e, t) => (0, O.jsx)(w.Provider, {
+					value: P(t),
+					children: e
+				}, t))
+			})
+		})
+	});
+});
+export { A as n, P as t };

package/cdn/assets/{BlPn_DXaEXOPxMxC.js → Br1Vf_O1YcX7sOJE.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.