@sheetxl/studio-vanilla 0.7.5 → 0.7.6

package/cdn/assets/{ryvwL5F0lm91Z45H.js → BtXsNo8KL5XLE7xA.js}

@@ -1,8 +1,8 @@
-import { a as z } from "./BbpQ1Ci6AYjWQxnE.js";
-import { r as H, m as k } from "./-C5nZ__wNloSiQBU.js";
-import { g as Ju, h as Zu, O as Qu, B as ts, Z as xu, i as es, k as _t } from "./YNhHFwthgm8SLyHw.js";
+import { a as z } from "./5dKHsl0r2V-JmyNP.js";
+import { r as H, m as k } from "./BXHEwZhPbMaOdb_Z.js";
+import { x as Ju, u as Qu, c as Zu, d as ts, Y as xu, e as es, C as _t } from "./Bqca9Nkofzm6UFZ1.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.5
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -25,11 +25,11 @@ function j(e, r) {
     if (Vt[c]) c = Vt[c], d = !0;
     else if (c == "transparent") return { r: 0, g: 0, b: 0, a: 0, format: "name" };
     return (s = I.rgb.exec(c)) ? { r: s[1], g: s[2], b: s[3] } : (s = I.rgba.exec(c)) ? { r: s[1], g: s[2], b: s[3], a: s[4] } : (s = I.hsl.exec(c)) ? { h: s[1], s: s[2], l: s[3] } : (s = I.hsla.exec(c)) ? { h: s[1], s: s[2], l: s[3], a: s[4] } : (s = I.hsv.exec(c)) ? { h: s[1], s: s[2], v: s[3] } : (s = I.hsva.exec(c)) ? { h: s[1], s: s[2], v: s[3], a: s[4] } : (s = I.hex8.exec(c)) ? { r: N(s[1]), g: N(s[2]), b: N(s[3]), a: ve(s[4]), format: d ? "name" : "hex8" } : (s = I.hex6.exec(c)) ? { r: N(s[1]), g: N(s[2]), b: N(s[3]), format: d ? "name" : "hex" } : (s = I.hex4.exec(c)) ? { r: N(s[1] + "" + s[1]), g: N(s[2] + "" + s[2]), b: N(s[3] + "" + s[3]), a: ve(s[4] + "" + s[4]), format: d ? "name" : "hex8" } : !!(s = I.hex3.exec(c)) && { r: N(s[1] + "" + s[1]), g: N(s[2] + "" + s[2]), b: N(s[3] + "" + s[3]), format: d ? "name" : "hex" };
-  })(t)), qt(t) == "object" && (Z(t.r) && Z(t.g) && Z(t.b) ? (n = t.r, o = t.g, f = t.b, i = { r: 255 * D(n, 255), g: 255 * D(o, 255), b: 255 * D(f, 255) }, b = !0, p = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : Z(t.h) && Z(t.s) && Z(t.v) ? (a = vt(t.s), l = vt(t.v), i = (function(c, s, d) {
+  })(t)), qt(t) == "object" && (Q(t.r) && Q(t.g) && Q(t.b) ? (n = t.r, o = t.g, f = t.b, i = { r: 255 * D(n, 255), g: 255 * D(o, 255), b: 255 * D(f, 255) }, b = !0, p = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : Q(t.h) && Q(t.s) && Q(t.v) ? (a = vt(t.s), l = vt(t.v), i = (function(c, s, d) {
     c = 6 * D(c, 360), s = D(s, 100), d = D(d, 100);
     var v = Math.floor(c), y = c - v, _ = d * (1 - s), m = d * (1 - y * s), w = d * (1 - (1 - y) * s), C = v % 6;
     return { r: 255 * [d, m, _, _, w, d][C], g: 255 * [w, d, d, m, _, _][C], b: 255 * [_, _, w, d, d, m][C] };
-  })(t.h, a, l), b = !0, p = "hsv") : Z(t.h) && Z(t.s) && Z(t.l) && (a = vt(t.s), h = vt(t.l), i = (function(c, s, d) {
+  })(t.h, a, l), b = !0, p = "hsv") : Q(t.h) && Q(t.s) && Q(t.l) && (a = vt(t.s), h = vt(t.l), i = (function(c, s, d) {
     var v, y, _;
     function m(A, P, O) {
       return O < 0 && (O += 1), O > 1 && (O -= 1), O < 1 / 6 ? A + 6 * (P - A) * O : O < 0.5 ? P : O < 2 / 3 ? A + (P - A) * (2 / 3 - O) * 6 : A;
@@ -314,7 +314,7 @@ function ve(e) {
   return N(e) / 255;
 }
 var et, xt, jt, I = (xt = "[\\s|\\(]+(" + (et = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)") + ")[,|\\s]+(" + et + ")[,|\\s]+(" + et + ")\\s*\\)?", jt = "[\\s|\\(]+(" + et + ")[,|\\s]+(" + et + ")[,|\\s]+(" + et + ")[,|\\s]+(" + et + ")\\s*\\)?", { CSS_UNIT: new RegExp(et), rgb: new RegExp("rgb" + xt), rgba: new RegExp("rgba" + jt), hsl: new RegExp("hsl" + xt), hsla: new RegExp("hsla" + jt), hsv: new RegExp("hsv" + xt), hsva: new RegExp("hsva" + jt), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ });
-function Z(e) {
+function Q(e) {
   return !!I.CSS_UNIT.exec(e);
 }
 var ge, ye, me, _e, we, xe, je, Oe, Me, Se, ke, Ae, Ce, Ee, Re, Pe, Te, Le, Ue, Fe, De, Be, ze, He, We, $e, Ne, Ie, $ = {}, ut = {};
@@ -371,7 +371,7 @@ function X() {
   var e = Array.isArray;
   return Ce = e;
 }
-function Q() {
+function Z() {
   return Pe ? Re : (Pe = 1, Re = function(e) {
     return e != null && typeof e == "object";
   });
@@ -382,18 +382,18 @@ function Su() {
   var e = (function() {
     if ($e) return We;
     $e = 1;
-    var i = nt(), u = Q();
+    var i = nt(), u = Z();
     return We = function(a) {
       return u(a) && i(a) == "[object Arguments]";
     };
-  })(), r = Q(), t = Object.prototype, n = t.hasOwnProperty, o = t.propertyIsEnumerable, f = e(/* @__PURE__ */ (function() {
+  })(), r = Z(), t = Object.prototype, n = t.hasOwnProperty, o = t.propertyIsEnumerable, f = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(i) {
     return r(i) && n.call(i, "callee") && !o.call(i, "callee");
   };
   return Ne = f;
 }
-var Ve, Xe, Ye, qe, Ke, Ge, Je, Ze, Qe, tr, er, Ut = { exports: {} };
+var Ve, Xe, Ye, qe, Ke, Ge, Je, Qe, Ze, tr, er, Ut = { exports: {} };
 function Kt() {
   return Ye || (Ye = 1, e = Ut, r = Ut.exports, t = K(), n = Xe ? Ve : (Xe = 1, Ve = function() {
     return !1;
@@ -421,7 +421,7 @@ function Xt() {
     };
   });
 }
-var rr, nr, or, ar, ir, ur, sr, cr, fr, lr, hr, pr, dr, br, vr, gr, yr, mr, _r, wr, xr, jr, Or, Mr, Sr, kr, Ar, Cr, Er, Rr, Pr, Tr, Lr, Ur, Fr, Dr, Br, zr, Hr, Wr, $r, Nr, Ir, Vr, Xr, Yr, qr, Kr, Gr, Jr, Zr, Qr, tn, en, rn, nn, on, an, un, sn, cn, fn, ln, hn, pn, dn, bn, vn, gn, yn, mn, _n, wn, xn, jn, On, Mn, Sn, kn, An, Cn, En, Rn, Pn, Tn, Ln, Un, Fn, Dn, Bn, zn, Hn, Wn, $n, Nn, In, Vn, Xn, Yn, qn, Kn, Gn, Jn, Zn, Qn, to, eo, ro, no, oo, ao, io, uo, so, co, fo, lo, ho, po, bo, vo, go, yo, mo, _o, wo, xo, jo, Oo, Mo, So, ko, Ao, Co, Eo, Ro, Po, To, Lo, Uo, Fo, Do, Bo, zo, Ho, Wo, $o, No, Io, Vo, Xo, Yo, qo, Ko, Go, Jo, Zo, Qo, ta, ea, ra, na, oa, aa, ia, ua, sa, ca, fa, la, ha, pa, da, ba, va, ga, ya, ma, _a, wa, xa, ja, Oa, Ma, Sa, ka, Aa, Ca, Ea, Ra, Pa, Ta, La, Ua, Fa, Da, Ba, za, Ha, Wa, $a, Na, Ia, Va, Xa, Ya, qa, Ka, Ga, Ja, Za, Qa, Ft = { exports: {} };
+var rr, nr, or, ar, ir, ur, sr, cr, fr, lr, hr, pr, dr, br, vr, gr, yr, mr, _r, wr, xr, jr, Or, Mr, Sr, kr, Ar, Cr, Er, Rr, Pr, Tr, Lr, Ur, Fr, Dr, Br, zr, Hr, Wr, $r, Nr, Ir, Vr, Xr, Yr, qr, Kr, Gr, Jr, Qr, Zr, tn, en, rn, nn, on, an, un, sn, cn, fn, ln, hn, pn, dn, bn, vn, gn, yn, mn, _n, wn, xn, jn, On, Mn, Sn, kn, An, Cn, En, Rn, Pn, Tn, Ln, Un, Fn, Dn, Bn, zn, Hn, Wn, $n, Nn, In, Vn, Xn, Yn, qn, Kn, Gn, Jn, Qn, Zn, to, eo, ro, no, oo, ao, io, uo, so, co, fo, lo, ho, po, bo, vo, go, yo, mo, _o, wo, xo, jo, Oo, Mo, So, ko, Ao, Co, Eo, Ro, Po, To, Lo, Uo, Fo, Do, Bo, zo, Ho, Wo, $o, No, Io, Vo, Xo, Yo, qo, Ko, Go, Jo, Qo, Zo, ta, ea, ra, na, oa, aa, ia, ua, sa, ca, fa, la, ha, pa, da, ba, va, ga, ya, ma, _a, wa, xa, ja, Oa, Ma, Sa, ka, Aa, Ca, Ea, Ra, Pa, Ta, La, Ua, Fa, Da, Ba, za, Ha, Wa, $a, Na, Ia, Va, Xa, Ya, qa, Ka, Ga, Ja, Qa, Za, Ft = { exports: {} };
 function Yt() {
   return rr || (rr = 1, e = Ft, r = Ft.exports, t = Mu(), n = r && !r.nodeType && r, o = n && e && !e.nodeType && e, f = o && o.exports === n && t.process, i = (function() {
     try {
@@ -435,10 +435,10 @@ function Au() {
   if (or) return nr;
   or = 1;
   var e = (function() {
-    if (Qe) return Ze;
-    Qe = 1;
-    var f = nt(), i = Gt(), u = Q(), a = {};
-    return a["[object Float32Array]"] = a["[object Float64Array]"] = a["[object Int8Array]"] = a["[object Int16Array]"] = a["[object Int32Array]"] = a["[object Uint8Array]"] = a["[object Uint8ClampedArray]"] = a["[object Uint16Array]"] = a["[object Uint32Array]"] = !0, a["[object Arguments]"] = a["[object Array]"] = a["[object ArrayBuffer]"] = a["[object Boolean]"] = a["[object DataView]"] = a["[object Date]"] = a["[object Error]"] = a["[object Function]"] = a["[object Map]"] = a["[object Number]"] = a["[object Object]"] = a["[object RegExp]"] = a["[object Set]"] = a["[object String]"] = a["[object WeakMap]"] = !1, Ze = function(l) {
+    if (Ze) return Qe;
+    Ze = 1;
+    var f = nt(), i = Gt(), u = Z(), a = {};
+    return a["[object Float32Array]"] = a["[object Float64Array]"] = a["[object Int8Array]"] = a["[object Int16Array]"] = a["[object Int32Array]"] = a["[object Uint8Array]"] = a["[object Uint8ClampedArray]"] = a["[object Uint16Array]"] = a["[object Uint32Array]"] = !0, a["[object Arguments]"] = a["[object Array]"] = a["[object ArrayBuffer]"] = a["[object Boolean]"] = a["[object DataView]"] = a["[object Date]"] = a["[object Error]"] = a["[object Function]"] = a["[object Map]"] = a["[object Number]"] = a["[object Object]"] = a["[object RegExp]"] = a["[object Set]"] = a["[object String]"] = a["[object WeakMap]"] = !1, Qe = function(l) {
       return u(l) && i(l.length) && !!a[f(l)];
     };
   })(), r = Xt(), t = Yt(), n = t && t.isTypedArray, o = n ? r(n) : e;
@@ -561,7 +561,7 @@ function Dt() {
     return t && e(t, r(n));
   };
 }
-function Zt() {
+function Qt() {
   if (Pr) return Rr;
   Pr = 1;
   var e = Eu()(Object.getPrototypeOf, Object);
@@ -573,7 +573,7 @@ function Lu() {
     return o;
   });
 }
-function Qt() {
+function Zt() {
   return Hr ? zr : (Hr = 1, zr = function(e, r) {
     return e === r || e != e && r != r;
   });
@@ -581,15 +581,15 @@ function Qt() {
 function Ot() {
   if ($r) return Wr;
   $r = 1;
-  var e = Qt();
+  var e = Zt();
   return Wr = function(r, t) {
     for (var n = r.length; n--; ) if (e(r[n][0], t)) return n;
     return -1;
   };
 }
 function At() {
-  if (Zr) return Jr;
-  Zr = 1;
+  if (Qr) return Jr;
+  Qr = 1;
   var e = Br ? Dr : (Br = 1, Dr = function() {
     this.__data__ = [], this.size = 0;
   }), r = (function() {
@@ -809,10 +809,10 @@ function re() {
   if (eo) return to;
   eo = 1;
   var e = At(), r = (function() {
-    if (tn) return Qr;
+    if (tn) return Zr;
     tn = 1;
     var u = At();
-    return Qr = function() {
+    return Zr = function() {
       this.__data__ = new u(), this.size = 0;
     };
   })(), t = rn ? en : (rn = 1, en = function(u) {
@@ -823,10 +823,10 @@ function re() {
   }), o = un ? an : (un = 1, an = function(u) {
     return this.__data__.has(u);
   }), f = (function() {
-    if (Qn) return Zn;
-    Qn = 1;
+    if (Zn) return Qn;
+    Zn = 1;
     var u = At(), a = te(), l = ee();
-    return Zn = function(h, b) {
+    return Qn = function(h, b) {
       var p = this.__data__;
       if (p instanceof u) {
         var g = p.__data__;
@@ -990,7 +990,7 @@ function vs() {
   var e = re(), r = ti(), t = (function() {
     if (xo) return wo;
     xo = 1;
-    var p = gt(), g = Fu(), c = Qt(), s = ti(), d = yo ? go : (yo = 1, go = function(m) {
+    var p = gt(), g = Fu(), c = Zt(), s = ti(), d = yo ? go : (yo = 1, go = function(m) {
       var w = -1, C = Array(m.size);
       return m.forEach(function(A, P) {
         C[++w] = [P, A];
@@ -1083,16 +1083,16 @@ function vs() {
 function Wu() {
   if (Go) return Ko;
   Go = 1;
-  var e = vs(), r = Q();
+  var e = vs(), r = Z();
   return Ko = function t(n, o, f, i, u) {
     return n === o || (n == null || o == null || !r(n) && !r(o) ? n != n && o != o : e(n, o, f, i, t, u));
   };
 }
 function $u() {
-  if (ta) return Qo;
+  if (ta) return Zo;
   ta = 1;
   var e = ht();
-  return Qo = function(r) {
+  return Zo = function(r) {
     return r == r && !e(r);
   };
 }
@@ -1106,7 +1106,7 @@ function Nu() {
 function oe() {
   if (sa) return ua;
   sa = 1;
-  var e = nt(), r = Q();
+  var e = nt(), r = Z();
   return ua = function(t) {
     return typeof t == "symbol" || r(t) && e(t) == "[object Symbol]";
   };
@@ -1242,8 +1242,8 @@ function gs() {
   };
 }
 function ys() {
-  if (Za) return Ja;
-  Za = 1;
+  if (Qa) return Ja;
+  Qa = 1;
   var e = Lu(), r = (function() {
     if (Ia) return Na;
     Ia = 1;
@@ -1251,8 +1251,8 @@ function ys() {
       if (ia) return aa;
       ia = 1;
       var l = (function() {
-        if (Zo) return Jo;
-        Zo = 1;
+        if (Qo) return Jo;
+        Qo = 1;
         var p = re(), g = Wu();
         return Jo = function(c, s, d, v) {
           var y = d.length, _ = y, m = !v;
@@ -1370,7 +1370,7 @@ function Xu() {
 function Yu() {
   if (si) return ui;
   si = 1;
-  var e = Xu(), r = Qt(), t = Object.prototype.hasOwnProperty;
+  var e = Xu(), r = Zt(), t = Object.prototype.hasOwnProperty;
   return ui = function(n, o, f) {
     var i = n[o];
     t.call(n, o) && r(i, f) && (f !== void 0 || o in n) || e(n, o, f);
@@ -1412,11 +1412,11 @@ function Bt() {
     return t(n) ? e(n, !0) : r(n);
   };
 }
-var wi, xi, ji, Oi, Mi, Si, ki, Ai, Ci, Ei, Ri, Pi, Ti, Li, Ui, Fi, Di, Bi, zi, Hi, Wi, $i, Ni, Ii, Vi, Xi, Yi, qi, Ki, Gi, Ji, Zi, Qi, tu, eu, ru, nu, zt, ou, au, iu, uu, Ht = { exports: {} };
+var wi, xi, ji, Oi, Mi, Si, ki, Ai, Ci, Ei, Ri, Pi, Ti, Li, Ui, Fi, Di, Bi, zi, Hi, Wi, $i, Ni, Ii, Vi, Xi, Yi, qi, Ki, Gi, Ji, Qi, Zi, tu, eu, ru, nu, zt, ou, au, iu, uu, Ht = { exports: {} };
 function su() {
   if (ki) return Si;
   ki = 1;
-  var e = Du(), r = Zt(), t = ne(), n = zu(), o = Object.getOwnPropertySymbols;
+  var e = Du(), r = Qt(), t = ne(), n = zu(), o = Object.getOwnPropertySymbols;
   return Si = o ? function(f) {
     for (var i = []; f; ) e(i, t(f)), f = r(f);
     return i;
@@ -1573,29 +1573,29 @@ function ms() {
           return U.prototype = void 0, T;
         };
       })();
-    })(), x = Zt(), M = Jt();
+    })(), x = Qt(), M = Jt();
     return qi = function(S) {
       return typeof S.constructor != "function" || M(S) ? {} : E(x(S));
     };
   })(), C = X(), A = Kt(), P = (function() {
-    if (Qi) return Zi;
-    Qi = 1;
+    if (Zi) return Qi;
+    Zi = 1;
     var E = (function() {
       if (Ji) return Gi;
       Ji = 1;
-      var U = Ct(), R = Q();
+      var U = Ct(), R = Z();
       return Gi = function(T) {
         return R(T) && U(T) == "[object Map]";
       };
     })(), x = Xt(), M = Yt(), S = M && M.isMap, q = S ? x(S) : E;
-    return Zi = q;
+    return Qi = q;
   })(), O = ht(), F = (function() {
     if (nu) return ru;
     nu = 1;
     var E = (function() {
       if (eu) return tu;
       eu = 1;
-      var U = Ct(), R = Q();
+      var U = Ct(), R = Z();
       return tu = function(T) {
         return R(T) && U(T) == "[object Set]";
       };
@@ -1638,19 +1638,19 @@ const ot = xu((function() {
   if (pu) return $;
   pu = 1, Object.defineProperty($, "__esModule", { value: !0 }), $.ReactCSS = $.loop = $.handleActive = $.handleHover = $.hover = void 0;
   var e = u((function() {
-    if (Qa) return ut;
-    Qa = 1, Object.defineProperty(ut, "__esModule", { value: !0 }), ut.flattenNames = void 0;
+    if (Za) return ut;
+    Za = 1, Object.defineProperty(ut, "__esModule", { value: !0 }), ut.flattenNames = void 0;
     var l = g((function() {
       if (Le) return Te;
       Le = 1;
-      var s = nt(), d = X(), v = Q();
+      var s = nt(), d = X(), v = Z();
       return Te = function(y) {
         return typeof y == "string" || !d(y) && v(y) && s(y) == "[object String]";
       };
     })()), h = g(Dt()), b = g((function() {
       if (Lr) return Tr;
       Lr = 1;
-      var s = nt(), d = Zt(), v = Q(), y = Function.prototype, _ = Object.prototype, m = y.toString, w = _.hasOwnProperty, C = m.call(Object);
+      var s = nt(), d = Qt(), v = Z(), y = Function.prototype, _ = Object.prototype, m = y.toString, w = _.hasOwnProperty, C = m.call(Object);
       return Tr = function(A) {
         if (!v(A) || s(A) != "[object Object]") return !1;
         var P = d(A);
@@ -2326,7 +2326,7 @@ const wu = (e, r = null) => {
   const t = e.hex ? j(e.hex) : j(e || "transparent"), n = t.toHsl(), o = t.toHsv(), f = t.toRgb(), i = t.toHex();
   return n.s === 0 && (n.h = r ?? 0, o.h = r ?? 0), { hsl: n, hex: "#" + i, rgb: f, hsv: o, source: e.source };
 }, Gs = H.memo((e) => {
-  const { selectedColor: r, onColorChange: t, renderers: n, disableAlpha: o = !1, style: f = Ju.EmptyCssProperties, ...i } = e, u = Zu(), [a, l] = H.useState(() => wu(r)), [h, b] = H.useState(a.hsl.h ?? 0), p = H.useCallback((s) => {
+  const { selectedColor: r, onColorChange: t, renderers: n, disableAlpha: o = !1, style: f = Ju.EmptyCssProperties, ...i } = e, u = Qu(), [a, l] = H.useState(() => wu(r)), [h, b] = H.useState(a.hsl.h ?? 0), p = H.useCallback((s) => {
     let d = wu(s, h);
     return b(d.hsl.h ?? 0), l(d), d;
   }, [h]), g = H.useCallback((s) => {
@@ -2337,7 +2337,7 @@ const wu = (e, r = null) => {
     p(r);
   }, [r, p]);
   const c = z.jsx("div", { style: { position: "relative", minHeight: "10px", maxHeight: "10px", width: "100%" }, children: z.jsx(js, { style: { radius: "2px", shadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" }, rgb: a.rgb, hsl: a.hsl, renderers: n, onChange: g }) });
-  return z.jsxs("div", { style: { display: "flex", flexDirection: "column", ...f }, ...i, children: [z.jsx("div", { style: { width: "100%", flex: "1 1 100%", position: "relative", overflow: "hidden" }, children: z.jsx(Xs, { style: { borderRadius: "3px", boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" }, hsl: a.hsl, hsv: a.hsv, onChange: g }) }), z.jsxs("div", { style: { marginTop: "4px", display: "flex", gap: "4px" }, children: [z.jsxs("div", { style: { flex: "1", display: "flex", flexDirection: o ? "row" : "column", justifyContent: "space-between", alignItems: "center" }, children: [z.jsx("div", { style: { position: "relative", minHeight: "10px", maxHeight: "10px", width: "100%" }, children: z.jsx(As, { style: { radius: "2px", shadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" }, hsl: a.hsl, onChange: g }) }), o ? null : c] }), z.jsxs("div", { style: { minWidth: "24px", maxWidth: "24px", minHeight: "24px", maxHeight: "24px", position: "relative", borderRadius: "1px", overflow: "hidden" }, children: [z.jsx(Qu, { grey: u.palette.text.icon ?? u.palette.action.active }), z.jsx("div", { style: { position: "absolute", height: "100%", width: "100%", background: `rgba(${a.rgb.r},${a.rgb.g},${a.rgb.b},${o ? 1 : a.rgb.a})`, boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" } })] })] }), z.jsx(ts, { sx: { marginBottom: "4px", "& label": { fontFamily: (s) => `${s.typography.fontFamily} !important`, color: (s) => `${s.palette.text.secondary} !important` }, "& *": { fontFamily: (s) => `${s.typography.fontFamily} !important`, userSelect: "none" }, "& input": { paddingLeft: (s) => `${s.spacing(0.5)} !important`, paddingRight: (s) => `${s.spacing(0.5)} !important`, outline: "none", boxSizing: "border-box", width: "100% !important", textAlign: "center" } }, children: z.jsx(Vs, { rgb: a.rgb, hsl: a.hsl, hex: a.hex, disableAlpha: o, onChange: g }) })] });
+  return z.jsxs("div", { style: { display: "flex", flexDirection: "column", ...f }, ...i, children: [z.jsx("div", { style: { width: "100%", flex: "1 1 100%", position: "relative", overflow: "hidden" }, children: z.jsx(Xs, { style: { borderRadius: "3px", boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" }, hsl: a.hsl, hsv: a.hsv, onChange: g }) }), z.jsxs("div", { style: { marginTop: "4px", display: "flex", gap: "4px" }, children: [z.jsxs("div", { style: { flex: "1", display: "flex", flexDirection: o ? "row" : "column", justifyContent: "space-between", alignItems: "center" }, children: [z.jsx("div", { style: { position: "relative", minHeight: "10px", maxHeight: "10px", width: "100%" }, children: z.jsx(As, { style: { radius: "2px", shadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" }, hsl: a.hsl, onChange: g }) }), o ? null : c] }), z.jsxs("div", { style: { minWidth: "24px", maxWidth: "24px", minHeight: "24px", maxHeight: "24px", position: "relative", borderRadius: "1px", overflow: "hidden" }, children: [z.jsx(Zu, { grey: u.palette.text.icon ?? u.palette.action.active }), z.jsx("div", { style: { position: "absolute", height: "100%", width: "100%", background: `rgba(${a.rgb.r},${a.rgb.g},${a.rgb.b},${o ? 1 : a.rgb.a})`, boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" } })] })] }), z.jsx(ts, { sx: { marginBottom: "4px", "& label": { fontFamily: (s) => `${s.typography.fontFamily} !important`, color: (s) => `${s.palette.text.secondary} !important` }, "& *": { fontFamily: (s) => `${s.typography.fontFamily} !important`, userSelect: "none" }, "& input": { paddingLeft: (s) => `${s.spacing(0.5)} !important`, paddingRight: (s) => `${s.spacing(0.5)} !important`, outline: "none", boxSizing: "border-box", width: "100% !important", textAlign: "center" } }, children: z.jsx(Vs, { rgb: a.rgb, hsl: a.hsl, hex: a.hex, disableAlpha: o, onChange: g }) })] });
 });
 export {
   Gs as CustomColorPanel,

package/cdn/assets/{D7levSDmgvF1R_cy.js → ByTOIrEYNeA_wpXy.js}

@@ -1,6 +1,6 @@
-import { o as Nt, M as Mt, ax as Se, ay as Ce, az as Ft, aA as wt, t as re, aB as ke, aC as Ae, aw as De, aD as Ee, H as ne, w as Pe, aE as Oe, n as Ie } from "./YNhHFwthgm8SLyHw.js";
+import { D as Nt, M as Mt, ao as Se, ap as Ce, aq as Ft, ar as wt, t as re, as as ke, at as Ae, an as De, au as Ee, H as ne, w as Pe, av as Oe, n as Ie } from "./Bqca9Nkofzm6UFZ1.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.5
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.6
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -1063,14 +1063,14 @@ const Ye = (i, t, s) => {
   await Promise.resolve(p);
   const k = c?.onProgress;
   let y = 0;
-  const S = import("./swe5uQxGiNoljwcZ.js"), C = import("./CA-iEdjENXePF7HK.js");
+  const S = import("./D8xKI9bNALrDO0EI.js"), C = import("./F9FRh_1TEIanjKfd.js");
   let b = null;
   try {
     b = new DOMParser();
   } catch {
   }
   let O = null;
-  b || (O = import("./BXeU9MWWLu7OeigM.js").then((l) => l.i));
+  b || (O = import("./pOUm75Y0UEeP9DxX.js").then((l) => l.i));
   let I = null, x = null, f = null;
   try {
     const l = await Promise.all([S, C, O]);
@@ -1316,7 +1316,7 @@ const Ye = (i, t, s) => {
           }, 0, vt), J = fe(g, z), dt = await (async (M, _ = 8388608) => {
             await (async () => {
               if (typeof ReadableStream > "u") if (typeof window > "u") {
-                const { ReadableStream: st } = await import("./C2IXaoRd-J1b0n7I.js");
+                const { ReadableStream: st } = await import("./CQ7RZs6ggMhy9TKv.js");
                 globalThis.ReadableStream = st;
               } else console.warn("Browser does not support ReadableStream; consider loading a polyfill.");
             })();
@@ -1422,7 +1422,7 @@ const Ye = (i, t, s) => {
     throw l instanceof Oe && (w = "Unable to open XLSX. There are too many rows or columns."), new Error(w, { cause: l });
   }
 }, toBufferXLSX: async (i, t) => {
-  const s = await import("./swe5uQxGiNoljwcZ.js"), o = await i.toJSON(!0), a = s.utils.book_new();
+  const s = await import("./D8xKI9bNALrDO0EI.js"), o = await i.toJSON(!0), a = s.utils.book_new();
   for (let n = 0; n < o.sheets.length; n++) {
     const c = o.sheets[n], p = s.utils.json_to_sheet([{}]);
     s.utils.book_append_sheet(a, p, c.name);