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

package/browser/esm/fJ1McMt7xzRA_lUX.mjs

@@ -1,383 +0,0 @@
-/**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
-*
-* (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.mjs";
-import { i as t, r as n } from "./BjTf3XA9Swj0ngpH.mjs";
-import { h as r, m as i, p as a } from "./DFdU1DsC1lXOrejZ.mjs";
-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 "./Bl6bX86tSq8hfyb2.mjs";
-import { C as v, _ as y, w as b } from "./DzDwSOBdJh_lx_NM.mjs";
-var x = e(t(), 1), S = e(n(), 1);
-function C(e) {
-	return i("MuiCheckbox", e);
-}
-var w = a("MuiCheckbox", [
-	"root",
-	"checked",
-	"disabled",
-	"indeterminate",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall",
-	"sizeMedium"
-]);
-function T(e) {
-	return i("MuiFormControlLabel", e);
-}
-var E = a("MuiFormControlLabel", [
-	"root",
-	"labelPlacementStart",
-	"labelPlacementTop",
-	"labelPlacementBottom",
-	"disabled",
-	"label",
-	"error",
-	"required",
-	"asterisk"
-]);
-function D(e) {
-	return i("PrivateSwitchBase", e);
-}
-a("PrivateSwitchBase", [
-	"root",
-	"checked",
-	"disabled",
-	"input",
-	"edgeStart",
-	"edgeEnd"
-]);
-var O = _(l, { name: "MuiSwitchBase" })({
-	padding: 9,
-	borderRadius: "50%",
-	variants: [
-		{
-			props: {
-				edge: "start",
-				size: "small"
-			},
-			style: { marginLeft: -3 }
-		},
-		{
-			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
-			style: { marginLeft: -12 }
-		},
-		{
-			props: {
-				edge: "end",
-				size: "small"
-			},
-			style: { marginRight: -3 }
-		},
-		{
-			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
-			style: { marginRight: -12 }
-		}
-	]
-}), k = _("input", {
-	name: "MuiSwitchBase",
-	shouldForwardProp: m
-})({
-	cursor: "inherit",
-	position: "absolute",
-	opacity: 0,
-	width: "100%",
-	height: "100%",
-	top: 0,
-	left: 0,
-	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({
-		controlled: r,
-		default: !!a,
-		name: "SwitchBase",
-		state: "checked"
-	}), I = v(), L = s;
-	I && L === void 0 && (L = I.disabled);
-	let R = w === "checkbox" || w === "radio", z = {
-		...e,
-		checked: P,
-		disabled: L,
-		disableFocusRipple: l,
-		edge: u
-	}, B = ((e) => {
-		let { classes: t, checked: n, disabled: r, edge: i } = e;
-		return f({
-			root: [
-				"root",
-				n && "checked",
-				r && "disabled",
-				i && `edge${g(i)}`
-			],
-			input: ["input"]
-		}, D, t);
-	})(z), V = {
-		slots: E,
-		slotProps: A
-	}, [H, U] = o("root", {
-		ref: t,
-		elementType: O,
-		className: B.root,
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: {
-			...V,
-			component: "span",
-			...N
-		},
-		getSlotProps: (e) => ({
-			...e,
-			onFocus: (t) => {
-				e.onFocus?.(t), ((e) => {
-					y && y(e), I && I.onFocus && I.onFocus(e);
-				})(t);
-			},
-			onBlur: (t) => {
-				e.onBlur?.(t), ((e) => {
-					h && h(e), I && I.onBlur && I.onBlur(e);
-				})(t);
-			}
-		}),
-		ownerState: z,
-		additionalProps: {
-			centerRipple: !0,
-			focusRipple: !l,
-			role: void 0,
-			tabIndex: null
-		}
-	}), [W, G] = o("input", {
-		elementType: k,
-		className: B.input,
-		externalForwardedProps: V,
-		getSlotProps: (e) => ({
-			...e,
-			onChange: (t) => {
-				e.onChange?.(t), ((e) => {
-					if (e.nativeEvent.defaultPrevented || b) return;
-					let t = e.target.checked;
-					F(t), _ && _(e, t);
-				})(t);
-			}
-		}),
-		ownerState: z,
-		additionalProps: {
-			autoFocus: n,
-			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 }
-		}
-	});
-	return (0, S.jsxs)(H, {
-		...U,
-		children: [(0, S.jsx)(W, { ...G }), P ? i : d]
-	});
-}), 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",
-	name: "MuiCheckbox",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.indeterminate && t.indeterminate,
-			t[`size${g(n.size)}`],
-			n.color !== "default" && t[`color${g(n.color)}`]
-		];
-	}
-})(h(({ theme: e }) => ({
-	color: (e.vars || e).palette.text.secondary,
-	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(s()).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]) => ({
-			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" } } }
-		}
-	]
-}))), F = (0, S.jsx)(M, {}), I = (0, S.jsx)(j, {}), L = (0, S.jsx)(N, {}), R = x.forwardRef(function(e, t) {
-	let n = p({
-		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 = {
-		...n,
-		disableRipple: d,
-		color: a,
-		indeterminate: c,
-		size: u
-	}, E = ((e) => {
-		let { classes: t, indeterminate: n, color: r, size: i } = e, a = f({ root: [
-			"root",
-			n && "indeterminate",
-			`color${g(r)}`,
-			`size${g(i)}`
-		] }, C, t);
-		return {
-			...t,
-			...a
-		};
-	})(T), D = _.input, [O, k] = o("root", {
-		ref: t,
-		elementType: P,
-		className: r(E.root, m),
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: {
-			slots: h,
-			slotProps: _,
-			...v
-		},
-		ownerState: T,
-		additionalProps: {
-			type: "checkbox",
-			icon: x.cloneElement(b, { fontSize: b.props.fontSize ?? u }),
-			checkedIcon: x.cloneElement(w, { fontSize: w.props.fontSize ?? u }),
-			disableRipple: d,
-			slots: h,
-			slotProps: { input: y(typeof D == "function" ? D(T) : D, {
-				"data-indeterminate": c,
-				"aria-checked": c ? "mixed" : void 0
-			}) }
-		}
-	});
-	return (0, S.jsx)(O, {
-		...k,
-		classes: E
-	});
-}), z = _("label", {
-	name: "MuiFormControlLabel",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			{ [`& .${E.label}`]: t.label },
-			t.root,
-			t[`labelPlacement${g(n.labelPlacement)}`]
-		];
-	}
-})(h(({ theme: e }) => ({
-	display: "inline-flex",
-	alignItems: "center",
-	cursor: "pointer",
-	verticalAlign: "middle",
-	WebkitTapHighlightColor: "transparent",
-	marginLeft: -11,
-	marginRight: 16,
-	[`&.${E.disabled}`]: { cursor: "default" },
-	[`& .${E.label}`]: { [`&.${E.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
-	variants: [
-		{
-			props: { labelPlacement: "start" },
-			style: {
-				flexDirection: "row-reverse",
-				marginRight: -11
-			}
-		},
-		{
-			props: { labelPlacement: "top" },
-			style: { flexDirection: "column-reverse" }
-		},
-		{
-			props: { labelPlacement: "bottom" },
-			style: { flexDirection: "column" }
-		},
-		{
-			props: ({ labelPlacement: e }) => e === "start" || e === "top" || e === "bottom",
-			style: { marginLeft: 16 }
-		}
-	]
-}))), B = _("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({
-		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({
-		props: n,
-		states: ["error"]
-	}), A = c ?? s.props.disabled ?? k?.disabled, j = y ?? s.props.required, M = {
-		disabled: A,
-		required: j
-	};
-	[
-		"checked",
-		"name",
-		"onChange",
-		"value",
-		"inputRef"
-	].forEach((e) => {
-		s.props[e] === void 0 && n[e] !== void 0 && (M[e] = n[e]);
-	});
-	let N = {
-		...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({
-			root: [
-				"root",
-				n && "disabled",
-				`labelPlacement${g(r)}`,
-				i && "error",
-				a && "required"
-			],
-			label: ["label", n && "disabled"],
-			asterisk: ["asterisk", i && "error"]
-		}, T, t);
-	})(N), [F, I] = o("typography", {
-		elementType: u,
-		externalForwardedProps: {
-			slots: C,
-			slotProps: w
-		},
-		ownerState: N
-	}), L = m;
-	return L == null || L.type === u || l || (L = (0, S.jsx)(F, {
-		component: "span",
-		...I,
-		className: r(P.label, I?.className),
-		children: L
-	})), (0, S.jsxs)(z, {
-		className: r(P.root, a),
-		ownerState: N,
-		ref: t,
-		...D,
-		children: [x.cloneElement(s, M), j ? (0, S.jsxs)("div", { children: [L, (0, S.jsxs)(B, {
-			ownerState: N,
-			"aria-hidden": !0,
-			className: P.asterisk,
-			children: [" ", "*"]
-		})] }) : L]
-	});
-});
-export { R as n, V as t };

package/browser/esm/nguMxPB9LKexKBRX.mjs

@@ -1,219 +0,0 @@
-/**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
-*
-* (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.mjs";
-import { i as t, r as n } from "./BjTf3XA9Swj0ngpH.mjs";
-import { r } from "./9_bymSfTn_rR_v6W.mjs";
-import { Xt as ee, t as i } from "./DFdU1DsC1lXOrejZ.mjs";
-import { h as a } from "./DzDwSOBdJh_lx_NM.mjs";
-import { t as te } from "./CZWIS7FuqNjbheSw.mjs";
-import { Gt as o, dt as ne, st as s } from "./-vgNEEXiEad4bltZ.mjs";
-import { t as c } from "./B1NoGosH2YQh01g7.mjs";
-import { t as l } from "./D3G3tI3DVCUF3Gdk.mjs";
-var u = e(t(), 1), d = e(n(), 1), f = typeof window < "u" && window.HTMLElement !== void 0 && typeof document < "u";
-u.createContext(null).displayName = "HookFormControlContext", f ? u.useLayoutEffect : u.useEffect;
-var p = u.createContext(null);
-p.displayName = "HookFormContext";
-var m = () => u.useContext(p), h = (e) => {
-	e.button === 0 && e.preventDefault();
-}, g = "20px", _ = "4px", v = `calc(${g} + ${_})`, y = (0, u.memo)((0, u.forwardRef)((e, t) => {
-	let { grammar: n = "formula", formName: f, formOptions: p, disabled: v, className: y, sx: b, onKeyDown: x, onFocus: S, value: C, onChangeInput: w, onChangeText: re, onDone: T, changeOn: ie, apiRef: ae, workbook: E, home: D, equals: oe, pickAs: se, allowMulti: ce, allowCrossSheet: O, label: k, labelPlacement: A = "floating", placeholder: j, helperText: M, showError: N = !0, onChangeError: P, hideAdornment: F, classNameInput: I, id: L, ...R } = e, z = ee(), B = A === "above", V = (0, u.useId)(), H = L ?? V, U = n === "formula", W = k === void 0 ? z(U ? "formulaInput.label" : "rangeInput.label") : k, le = j ?? z(U ? "formulaInput.placeholder" : "rangeInput.placeholder"), G = m(), K = f && G ? G.register(f, p) : null, q = ne({
-		value: C,
-		onChange: w,
-		onChangeText: re,
-		onDone: T,
-		changeOn: ie,
-		workbook: E,
-		home: D,
-		equals: oe,
-		pickAs: se,
-		allowMulti: ce,
-		allowCrossSheet: O,
-		disabled: v
-	}, n);
-	(0, u.useImperativeHandle)(ae, () => q, [q]);
-	let J = s({
-		api: q,
-		grammar: n,
-		disabled: v,
-		workbook: E,
-		home: D
-	}), Y = !!q.error && !J.inputExpected, ue = N && Y ? z(q.error) : M === void 0 ? " " : M, X = (0, u.useRef)(G);
-	X.current = G;
-	let Z = (0, u.useRef)(P);
-	Z.current = P;
-	let Q = (0, u.useRef)(null);
-	(0, u.useEffect)(() => {
-		if (q.error === Q.current || (Q.current = q.error, Z.current?.(q.error), !f)) return;
-		let e = X.current;
-		e && (q.error ? e.setError(f, { message: q.error }) : e.clearErrors(f));
-	}, [q.error, f]);
-	let $ = !!T, de = (0, u.useMemo)(() => F ? void 0 : (0, d.jsx)(c, {
-		tabIndex: -1,
-		onMouseDown: h,
-		sx: {
-			display: "flex",
-			position: "relative",
-			flex: "0"
-		},
-		position: "end",
-		children: q.engaged && $ ? (0, d.jsxs)(d.Fragment, { children: [(0, d.jsx)(o, {
-			dense: !0,
-			outlined: !1,
-			color: "primary",
-			"aria-label": "commit-reference",
-			icon: (0, d.jsx)(r, { iconKey: "CheckSuccess" }),
-			propsTooltip: {
-				label: z("referenceInput.commit"),
-				simple: !0
-			},
-			disabled: !!q.error,
-			tabIndex: -1,
-			onMouseDown: h,
-			onClick: () => {
-				q.commit();
-			}
-		}), (0, d.jsx)(o, {
-			dense: !0,
-			outlined: !1,
-			color: "warning",
-			"aria-label": "cancel-reference",
-			icon: (0, d.jsx)(r, { iconKey: "CloseError" }),
-			propsTooltip: {
-				label: z("referenceInput.cancel"),
-				simple: !0
-			},
-			tabIndex: -1,
-			onMouseDown: h,
-			onClick: () => {
-				q.cancel();
-			}
-		})] }) : (0, d.jsx)(o, {
-			dense: !0,
-			outlined: !1,
-			disabled: v || !q.canSelectCurrent,
-			sx: { "&.Mui-disabled": { opacity: .35 } },
-			"aria-label": "select-current-range",
-			icon: (0, d.jsx)(r, { iconKey: "SelectRangeMode" }),
-			propsTooltip: {
-				label: z("referenceInput.selectCurrent"),
-				simple: !0
-			},
-			tabIndex: -1,
-			onMouseDown: h,
-			onClick: () => {
-				q.engaged || q.togglePoint(), q.selectCurrent();
-			}
-		})
-	}), [
-		F,
-		v,
-		$,
-		q.engaged,
-		q.canSelectCurrent,
-		q.togglePoint,
-		q.selectCurrent,
-		q.commit,
-		q.cancel,
-		!!q.error
-	]);
-	return (0, d.jsxs)(a, {
-		sx: {
-			minWidth: 135,
-			width: "100%",
-			...b
-		},
-		size: "small",
-		ref: (e) => {
-			J.containerRef.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
-		},
-		className: l("sxl-formula-field", y),
-		"data-grammar": n,
-		...R,
-		children: [
-			B ? (0, d.jsx)(i, {
-				component: "label",
-				htmlFor: H,
-				sx: {
-					lineHeight: g,
-					marginBottom: _,
-					paddingLeft: "14px",
-					display: "flex",
-					alignItems: "center",
-					gap: "4px",
-					overflow: "hidden",
-					whiteSpace: "nowrap",
-					fontSize: "0.8rem",
-					color: v ? "text.disabled" : "text.primary"
-				},
-				children: W
-			}) : null,
-			(0, d.jsx)(te, {
-				id: H,
-				label: B ? void 0 : W,
-				placeholder: le,
-				disabled: v,
-				error: Y,
-				helperText: ue,
-				sx: { "& .MuiFormHelperText-root": {
-					marginTop: _,
-					...B ? { lineHeight: g } : null
-				} },
-				slotProps: {
-					input: { endAdornment: de },
-					inputLabel: { shrink: !0 },
-					htmlInput: {
-						className: I,
-						spellCheck: !1,
-						autoComplete: "off",
-						readOnly: v || q.inputProps.readOnly,
-						name: f,
-						sx: {
-							paddingTop: (e) => e.spacing(B || W == null ? 1 : 1.25),
-							paddingBottom: (e) => e.spacing(B || W == null ? 1 : .75),
-							...J.overlayActive ? {
-								color: "transparent",
-								caretColor: (e) => e.palette.text.primary
-							} : null
-						},
-						onSelect: (e) => {
-							q.inputProps.onSelect(e), J.inputHandlers.onSelect(e);
-						},
-						onScroll: J.inputHandlers.onScroll,
-						onMouseMove: J.inputHandlers.onMouseMove,
-						onMouseLeave: J.inputHandlers.onMouseLeave
-					}
-				},
-				value: q.inputProps.value,
-				inputRef: (e) => {
-					J.inputElRef.current = e, q.inputProps.ref(e), K?.ref && K.ref(e);
-				},
-				onChange: (e) => {
-					q.inputProps.onChange(e), J.inputHandlers.onSelect(e), K?.onChange(e);
-				},
-				onKeyDown: (e) => {
-					J.handleKeyDown(e) || (q.inputProps.onKeyDown(e), e.defaultPrevented || x?.(e));
-				},
-				onPointerDown: J.inputHandlers.onPointerDown,
-				onMouseDown: q.inputProps.onMouseDown,
-				onFocus: (e) => {
-					q.inputProps.onFocus(e), S?.(e);
-				},
-				onBlur: (e) => {
-					q.inputProps.onBlur(e), K?.onBlur(e);
-				},
-				onContextMenu: (e) => {
-					e.stopPropagation();
-				}
-			}),
-			J.overlayElement,
-			J.tipElement,
-			J.hintElement
-		]
-	});
-}));
-y.displayName = "FormulaField";
-export { v as n, y as r, m as t };