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

package/cdn/assets/{DNaPo7BQu6hr1fWq.js → ypqwC2WOP09mA_DM.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/index.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
@@ -13,7 +13,7 @@ var e, t = /* @__PURE__ */ new Map(), n = (e, n = {}) => {
 	if (r(e), o) d = o;
 	else {
 		d = document.createElement("div"), d.className = c ? `sheetxl-panel ${c}` : "sheetxl-panel";
-		let e = Object.entries(l).map(([e, t]) => `--sheetxl-panel-${e}: ${t};`).join(" "), t = document.createElement("style");
+		let e = Object.entries(l).map(([e, t]) => `--sheetxl-panel-${e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`)}: ${t};`).join(" "), t = document.createElement("style");
 		if (t.textContent = "\n        @keyframes sheetxl-spin {\n          from { transform: rotate(0deg); }\n          to { transform: rotate(360deg); }\n        }\n        .sheetxl-panel {\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          backdrop-filter: blur(4px);\n          border-radius: 4px;\n          z-index: 9999;\n          gap: 16px;\n\n          /* CSS variables with fallbacks */\n          color: var(--sheetxl-panel-color, #333);\n        }\n\n        .sheetxl-panel.dark {\n          color: var(--sheetxl-panel-color, #e0e0e0);\n        }\n\n        .sheetxl-icon {\n          width: 24px;\n          height: 24px;\n          color: var(--sheetxl-panel-icon-color, #1976d2);\n        }\n\n        .sheetxl-panel.loading {\n          /* Loading panel defaults */\n          color: var(--sheetxl-panel-color, #333);\n        }\n\n        .sheetxl-panel.loading.dark {\n          color: var(--sheetxl-panel-color, #e0e0e0);\n        }\n\n        .sheetxl-panel.error {\n          /* Error panel defaults */\n          color: var(--sheetxl-panel-color, #d32f2f);\n        }\n\n        .sheetxl-panel.error.dark {\n          color: var(--sheetxl-panel-color, #f44336);\n        }\n\n        .sheetxl-panel.error .sheetxl-icon {\n          color: var(--sheetxl-panel-icon-color, #d32f2f);\n        }\n\n        .sheetxl-panel.error.dark .sheetxl-icon {\n          color: var(--sheetxl-panel-icon-color, #f44336);\n        }\n\n        .sheetxl-message {\n          font-size: 1.1em;\n          font-weight: 500;\n          letter-spacing: 0.1px;\n          text-align: center;\n          margin: 0;\n        }\n      ", d.appendChild(t), a) {
 			let e = document.createElement("div");
 			e.className = "sheetxl-icon", typeof a == "string" ? e.innerHTML = a : a instanceof HTMLElement && e.appendChild(a), d.appendChild(e);
@@ -43,20 +43,30 @@ var e, t = /* @__PURE__ */ new Map(), n = (e, n = {}) => {
 	});
 }, o = /* @__PURE__ */ new Map(), s = async (t) => {
 	if (e) return e;
-	let { resolveDependencies: n } = await import("./assets/DCnWyVXikb_8Dat3.js");
-	return e = await (async (e, t) => {
-		typeof t == "string" && (t = { selector: t });
-		try {
-			if (t?.selector && i(t?.selector, t?.loading), !e) throw Error("No runtime provided");
-			t?.licenseKey && await e.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && r(t?.selector);
-		} catch (e) {
-			throw t?.selector && (r(t.selector), a(t.selector, {
-				message: `Failed to initialize: ${e instanceof Error ? e.message : String(e)}`,
-				...t?.error
-			})), console.error("Failed to initialize:", e), e;
-		}
-		return e;
-	})(await n(typeof t == "object" ? t?.dependencies : void 0), t), e;
+	let n = typeof t == "string" ? { selector: t } : t;
+	n?.selector && i(n.selector, n.loading);
+	try {
+		let { resolveDependencies: t } = await import("./assets/C0gMuR6xw09uB9Y1.js");
+		e = await (async (e, t) => {
+			typeof t == "string" && (t = { selector: t });
+			try {
+				if (t?.selector && i(t?.selector, t?.loading), !e) throw Error("No runtime provided");
+				t?.licenseKey && await e.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && r(t?.selector);
+			} catch (e) {
+				throw t?.selector && (r(t.selector), a(t.selector, {
+					message: `Failed to initialize: ${e instanceof Error ? e.message : String(e)}`,
+					...t?.error
+				})), console.error("Failed to initialize:", e), e;
+			}
+			return e;
+		})(await t(n?.dependencies), n);
+	} catch (e) {
+		throw n?.selector && (r(n.selector), a(n.selector, {
+			message: `Failed to load: ${e instanceof Error ? e.message : String(e)}`,
+			...n.error
+		})), e;
+	}
+	return e;
 }, c = {
 	attachStudio: async (t, n) => (e ||= await s(t), (async (e, t, n, s) => {
 		if (!t) throw Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
@@ -111,4 +121,4 @@ if (l) {
 	});
 }
 var u = c;
-export { u as SheetXL };
+export { u as SheetXL, u as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/studio-vanilla",
   "description": "SheetXL Studio - Vanilla entry point for integrating SheetXL UI.",
-  "version": "0.8.0-beta.10",
+  "version": "0.8.0-beta.12",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "main": "./browser/esm/index.mjs",
@@ -51,8 +51,8 @@
     "@mui/styled-engine": "^9.5.0",
     "@mui/system": "^9.5.0",
     "@mui/utils": "^9.5.0",
-    "@sheetxl/sdk": "^0.8.0-beta.10",
-    "@sheetxl/studio-mui": "^0.8.0-beta.10",
+    "@sheetxl/sdk": "^0.8.0-beta.12",
+    "@sheetxl/studio-mui": "^0.8.0-beta.12",
     "csstype": "^3.2.3",
     "http-server": "^14.1.1",
     "react": "^19.3.0",

package/types/src/sheetxl.d.ts

@@ -1,4 +1,5 @@
 import { ISheetXL } from './Types';
 declare const SheetXL: ISheetXL;
 export { SheetXL };
+export default SheetXL;
 //# sourceMappingURL=sheetxl.d.ts.map