@sheetxl/studio-vanilla 0.6.10 → 0.6.12

package/cdn/assets/{BP0eUPf033LQ95cu.js → ZeZqdFUNRHKncGhU.js}

@@ -1,8 +1,8 @@
-import { a as t } from "./BtkpXjQdEfwMz_hD.js";
-import { r as s } from "./ByVyOc_Wfxoli0qz.js";
-import { f as p, l as L, o as n, k as R, B as j, p as O, I as W, S as G, s as c, t as u, v as H, x as S, y as K } from "./zNBEI-gsChScg_XZ.js";
+import { a as t } from "./DQzcbKOoBbOJ0J0a.js";
+import { r as s } from "./DIey2xEJmI7O0YnZ.js";
+import { T as p, h as L, l as n, k as R, e as j, o as O, I as W, S as G, p as c, s as u, t as H, v as S, x as K } from "./BaNoD-xiJQh3ZPmb.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -25,10 +25,10 @@ const q = ["Ok", "Cancel"], U = s.memo((F) => {
   s.useEffect(() => {
     T(n.Styles.lookupStyle(a).formatType ?? n.Type.Custom);
   }, [a]);
-  const B = s.useMemo(() => {
+  const z = s.useMemo(() => {
     const e = n.Styles.lookupPrimary(), o = (l) => t.jsx(K, { value: l, children: l }, l), i = Object.keys(e).map((l) => o(e[l].formatType));
     return i.push(o(n.Type.Custom)), i;
-  }, []), z = s.useCallback((e) => {
+  }, []), B = s.useCallback((e) => {
     const o = e.target.value;
     T(o);
     const i = n.Styles.lookupDefault(o);
@@ -37,7 +37,7 @@ const q = ["Ok", "Cancel"], U = s.memo((F) => {
     const e = f();
     return e.createTemporaryCell({ value: e.getValue() ?? 12345, style: { numberFormat: a } });
   }, [k, a, f]);
-  return t.jsx(R, { title: "Number Format", options: b, onDone: m, onOption: (e) => y(e), onValidateOption: V, defaultOption: r, cancelOption: g, autoFocusSel: ".autoFocus", sx: { width: "580px", ...P }, ...D, children: t.jsxs(j, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [t.jsxs(O, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(W, { children: "Category" }), t.jsx(G, { value: k, label: "Category", onChange: z, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: B })] }), t.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(H, { label: "Code", onFocus: (e) => {
+  return t.jsx(R, { title: "Number Format", options: b, onDone: m, onOption: (e) => y(e), onValidateOption: V, defaultOption: r, cancelOption: g, autoFocusSel: ".autoFocus", sx: { width: "580px", ...P }, ...D, children: t.jsxs(j, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), display: "flex", flexDirection: "column" }, children: [t.jsxs(O, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(W, { children: "Category" }), t.jsx(G, { value: k, label: "Category", onChange: B, sx: { backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` }, children: z })] }), t.jsx(O, { sx: { paddingTop: (e) => e.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: t.jsx(H, { label: "Code", onFocus: (e) => {
     I || e.target?.select(), $(!0);
   }, sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75), backgroundImage: `linear-gradient(${c("#fff", u(5))}, ${c("#fff", u(5))})` } } }, value: a, onChange: N, onKeyDown: M, onContextMenu: (e) => {
     e.stopPropagation();

package/cdn/assets/{CNTwwce6w5XlOteZ.js → aYMVmCGUoMrWBWdJ.js}

@@ -1,7 +1,7 @@
-import { g as f } from "./BNuPA_oBg4srK1FJ.js";
-import { r as s } from "./Qx9HCXDhAbAlfMbO.js";
+import { g as f } from "./Dq3Hgc9Lmm-1ayqr.js";
+import { r as s } from "./OOEShXRM0SSzABgT.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{BphKYTtKKbBnFYN5.js → fJPZ_Jd-HQOXASB4.js}

@@ -1,18 +1,18 @@
-import { a } from "./BtkpXjQdEfwMz_hD.js";
-import { r as o } from "./ByVyOc_Wfxoli0qz.js";
-import { a4 as L, A as O, a5 as A, a6 as E, f as u, D as M, G as W, B as n, a7 as G, a8 as K, a3 as h, a9 as V, aa as k, ab as f, K as y, ac as b, ad as j } from "./zNBEI-gsChScg_XZ.js";
+import { a } from "./DQzcbKOoBbOJ0J0a.js";
+import { r as o } from "./DIey2xEJmI7O0YnZ.js";
+import { a4 as L, D as O, a5 as E, a6 as M, T as u, G as A, H as W, e as n, a7 as G, a8 as K, a3 as h, a9 as V, aa as k, ab as f, K as y, ac as b, ad as j } from "./BaNoD-xiJQh3ZPmb.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
 const Y = o.memo((w) => {
-  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...v } = w, [T, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [q, D] = o.useReducer((e) => e + 1, 0), [F, { width: J }] = O();
-  A(r);
-  const s = R ?? r.context(), t = s.table(), [B, H] = o.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = o.useMemo(() => t?.getName() ?? "", [t]);
-  E(s.table(), { onAnchorCoordsChange(e) {
-    H(s.getNames().getRanges(e.getRange()));
+  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...T } = w, [v, d] = o.useState(!1), [g, m] = o.useState(!1), x = o.useRef(null), [q, D] = o.useReducer((e) => e + 1, 0), [F, { width: J }] = O();
+  E(r);
+  const s = R ?? r.context(), t = s.table(), [H, B] = o.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = o.useMemo(() => t?.getName() ?? "", [t]);
+  M(s.table(), { onAnchorCoordsChange(e) {
+    B(s.getNames().getRanges(e.getRange()));
   }, onProtectedChange(e) {
     D();
   } });
@@ -22,13 +22,13 @@ const Y = o.memo((w) => {
     s?.table().resize(e.at(0));
   }, [s]);
   let p = null;
-  return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(M, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: N, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
+  return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(A, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: N, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
     x?.current?.contains(e.relatedTarget) || d(!1);
-  }, PaperProps: { elevation: T ? 3 : 1 }, ...v, children: a.jsxs(W, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(G, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
+  }, PaperProps: { elevation: v ? 3 : 1 }, ...T, children: a.jsxs(W, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(n, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(n, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(n, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(n, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(G, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
     t && t.getName().toLowerCase() === e.toLowerCase() || s?.getNames().validateName(e);
   }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
-  } }), a.jsx(K, { formName: "range", value: B, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+  } }), a.jsx(K, { formName: "range", value: H, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
     g || e.target?.select(), m(!0);
   } })] }) }) }), a.jsxs(n, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a.jsx(h, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(V, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
     t.updateStyleOptions(e);

package/{browser/esm/BV4eu5AbQ4QSvOtp.mjs → cdn/assets/pVzsXwLrd5e4m33L.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{DwgzdatO4N9YGlU7.js → qxg4jdD-zZv0PRCg.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-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.6.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -114,7 +114,7 @@ const S = /* @__PURE__ */ new Map(), k = (e, o = {}) => {
 let d;
 const C = async (e) => {
   if (d) return d;
-  const { resolveDependencies: o } = await import("./assets/BRqFILsvETmivBIb.js"), s = await o(typeof e == "object" ? e?.dependencies : void 0);
+  const { resolveDependencies: o } = await import("./assets/Cv8DhxU4CydNjgYf.js"), s = await o(typeof e == "object" ? e?.dependencies : void 0);
   return d = await (async (a, n) => {
     typeof n == "string" && (n = { selector: n });
     try {

package/cdn/loader.js

@@ -1,5 +1,5 @@
 (function(e){typeof define=="function"&&define.amd?define(e):e()})(function(){"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.6.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/studio-vanilla",
   "description": "SheetXL Studio - Vanilla entry point for integrating SheetXL UI.",
-  "version": "0.6.10",
+  "version": "0.6.12",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "main": "./browser/esm/index.mjs",
@@ -41,8 +41,8 @@
     "@mui/styled-engine": "^6.5.0",
     "@mui/system": "^6.5.0",
     "@mui/utils": "^6.4.9",
-    "@sheetxl/studio-mui": "^0.6.10",
-    "@sheetxl/sdk": "^0.6.10",
+    "@sheetxl/studio-mui": "^0.6.12",
+    "@sheetxl/sdk": "^0.6.12",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "csstype": "^3.1.3",