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

package/cdn/assets/DKr4Z7Jlm9q1oByS.js

@@ -0,0 +1,311 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (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 "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { _ as r, g as i, v as a } from "./DWcAYH0eBaOj-dU4.js";
+import { F as o, I as s, L as c, _t as l, ct as u, lt as d, st as f, ut as p, wt as m, xt as h } from "./DX-iRDnwn8uZZIqp.js";
+import { c as g, d as _, l as v, u as y } from "./BqM-W_oFdjeyu8N4.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${f(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(o()).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), o = b.useContext(w), s = m({
+		...i,
+		selected: T(e.value, n)
+	}, e), c = u({
+		props: s,
+		name: "MuiToggleButton"
+	}), { children: d, className: p, color: h = "standard", disabled: g = !1, disableFocusRipple: _ = !1, fullWidth: v = !1, onChange: y, onClick: S, selected: E, size: A = "medium", value: j, ...M } = c, N = {
+		...c,
+		color: h,
+		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${f(a)}`,
+			o
+		] };
+		return l(s, x, t);
+	})(N), F = o || "", I = (0, O.jsx)(k, {
+		className: a(i.className, P.root, p, 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: d
+	});
+	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 = u({
+		props: e,
+		name: "MuiToggleButtonGroup"
+	}), { children: r, className: i, color: o = "standard", disabled: s = !1, exclusive: c = !1, fullWidth: d = !1, onChange: f, orientation: p = "horizontal", size: m = "medium", value: g, ..._ } = n, x = {
+		...n,
+		disabled: s,
+		fullWidth: d,
+		orientation: p,
+		size: m
+	}, S = ((e) => {
+		let { classes: t, orientation: n, fullWidth: r, disabled: i } = e;
+		return l({
+			root: [
+				"root",
+				n,
+				r && "fullWidth"
+			],
+			grouped: ["grouped", i && "disabled"],
+			firstButton: ["firstButton"],
+			lastButton: ["lastButton"],
+			middleButton: ["middleButton"]
+		}, j, t);
+	})(x), T = h(), E = b.useCallback((e, t) => {
+		if (!f) return;
+		let n = g && g.indexOf(t), r;
+		g && n >= 0 ? (r = g.slice(), r.splice(n, 1)) : r = g ? g.concat(t) : [t], f(e, r);
+	}, [f, g]), D = b.useCallback((e, t) => {
+		f && f(e, g === t ? null : t);
+	}, [f, g]), k = b.useMemo(() => ({
+		className: S.grouped,
+		onChange: c ? D : E,
+		value: g,
+		size: m,
+		fullWidth: d,
+		color: o,
+		disabled: s,
+		isRovingTabIndex: !0
+	}), [
+		S.grouped,
+		c,
+		D,
+		E,
+		g,
+		m,
+		d,
+		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/DLGHrXPNZh3ZMjhS.js

@@ -0,0 +1,196 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (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 "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { v as r } from "./DWcAYH0eBaOj-dU4.js";
+import { _t as i, ct as a, lt as o, ut as s } from "./DX-iRDnwn8uZZIqp.js";
+import { i as c } from "./RaTCqgWoqpOqPZQk.js";
+var l = e(t(), 1), u = n(), d = s("div", {
+	name: "MuiDivider",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.absolute && t.absolute,
+			t[n.variant],
+			n.orientation === "vertical" && t.vertical,
+			n.flexItem && t.flexItem,
+			n.children && t.withChildren,
+			n.textAlign === "right" && n.orientation !== "vertical" && t.textAlignRight,
+			n.textAlign === "left" && n.orientation !== "vertical" && t.textAlignLeft
+		];
+	}
+})(o(({ theme: e }) => ({
+	margin: 0,
+	flexShrink: 0,
+	borderWidth: 0,
+	borderStyle: "solid",
+	borderColor: (e.vars || e).palette.divider,
+	borderBottomWidth: "thin",
+	variants: [
+		{
+			props: { absolute: !0 },
+			style: {
+				position: "absolute",
+				bottom: 0,
+				left: 0,
+				width: "100%"
+			}
+		},
+		{
+			props: { variant: "inset" },
+			style: { marginLeft: 72 }
+		},
+		{
+			props: {
+				variant: "middle",
+				orientation: "horizontal"
+			},
+			style: {
+				marginLeft: e.spacing(2),
+				marginRight: e.spacing(2)
+			}
+		},
+		{
+			props: {
+				variant: "middle",
+				orientation: "vertical"
+			},
+			style: {
+				marginTop: e.spacing(1),
+				marginBottom: e.spacing(1)
+			}
+		},
+		{
+			props: { orientation: "vertical" },
+			style: {
+				height: "100%",
+				borderBottomWidth: 0,
+				borderRightWidth: "thin"
+			}
+		},
+		{
+			props: { flexItem: !0 },
+			style: {
+				alignSelf: "stretch",
+				height: "auto"
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !!e.children,
+			style: {
+				display: "flex",
+				textAlign: "center",
+				border: 0,
+				borderTopStyle: "solid",
+				borderLeftStyle: "solid",
+				"&::before, &::after": {
+					content: "\"\"",
+					alignSelf: "center"
+				}
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.children && e.orientation !== "vertical",
+			style: { "&::before, &::after": {
+				width: "100%",
+				borderTop: `thin solid ${(e.vars || e).palette.divider}`,
+				borderTopStyle: "inherit"
+			} }
+		},
+		{
+			props: ({ ownerState: e }) => e.orientation === "vertical" && e.children,
+			style: {
+				flexDirection: "column",
+				"&::before, &::after": {
+					height: "100%",
+					borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
+					borderLeftStyle: "inherit"
+				}
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.textAlign === "right" && e.orientation !== "vertical",
+			style: {
+				"&::before": { width: "90%" },
+				"&::after": { width: "10%" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.textAlign === "left" && e.orientation !== "vertical",
+			style: {
+				"&::before": { width: "10%" },
+				"&::after": { width: "90%" }
+			}
+		}
+	]
+}))), f = s("span", {
+	name: "MuiDivider",
+	slot: "Wrapper",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.wrapper, n.orientation === "vertical" && t.wrapperVertical];
+	}
+})(o(({ theme: e }) => ({
+	display: "inline-block",
+	paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+	paddingRight: `calc(${e.spacing(1)} * 1.2)`,
+	whiteSpace: "nowrap",
+	variants: [{
+		props: { orientation: "vertical" },
+		style: {
+			paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+			paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+		}
+	}]
+}))), p = l.forwardRef(function(e, t) {
+	let n = a({
+		props: e,
+		name: "MuiDivider"
+	}), { absolute: o = !1, children: s, className: l, orientation: p = "horizontal", component: m = s || p === "vertical" ? "div" : "hr", flexItem: h = !1, role: g = m === "hr" ? void 0 : "separator", textAlign: _ = "center", variant: v = "fullWidth", ...y } = n, b = {
+		...n,
+		absolute: o,
+		component: m,
+		flexItem: h,
+		orientation: p,
+		role: g,
+		textAlign: _,
+		variant: v
+	}, x = ((e) => {
+		let { absolute: t, children: n, classes: r, flexItem: a, orientation: o, textAlign: s, variant: l } = e;
+		return i({
+			root: [
+				"root",
+				t && "absolute",
+				l,
+				o === "vertical" && "vertical",
+				a && "flexItem",
+				n && "withChildren",
+				s === "right" && o !== "vertical" && "textAlignRight",
+				s === "left" && o !== "vertical" && "textAlignLeft"
+			],
+			wrapper: ["wrapper", o === "vertical" && "wrapperVertical"]
+		}, c, r);
+	})(b);
+	return (0, u.jsx)(d, {
+		as: m,
+		className: r(x.root, l),
+		role: g,
+		ref: t,
+		ownerState: b,
+		"aria-orientation": g !== "separator" || m === "hr" && p !== "vertical" ? void 0 : p,
+		...y,
+		children: s ? (0, u.jsx)(f, {
+			className: x.wrapper,
+			ownerState: b,
+			children: s
+		}) : null
+	});
+});
+export { p as t };