@pagehub/sdk 0.1.4 → 0.1.6

package/dist/chunks/AnchoredPopover-CckPTxXu.js

@@ -0,0 +1,2676 @@
+import { _ as St } from "./extends-hS2Bh-Yp.js";
+import h, { useState as de, useRef as pe, useEffect as ne, useMemo as ae, createContext as Kt, useContext as Yt, PureComponent as Ie, Component as De, isValidElement as qt, useId as Zt, useLayoutEffect as Jt, useCallback as Qt } from "react";
+import { useEditor as er } from "@craftjs/core";
+import { jsx as tr } from "react/jsx-runtime";
+import rr from "react-dom";
+import { a as nr } from "./FloatingPanel-DJP5Vhua.js";
+import { cR as ar, cS as ir, cT as sr, cU as or, cV as ur, ct as lr, cW as fr, cX as cr } from "./index-C66dAl3Q.js";
+function F(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var Et = typeof global == "object" && global && global.Object === Object && global, hr = typeof self == "object" && self && self.Object === Object && self, L = Et || hr || Function("return this")(), Se = function() {
+  return L.Date.now();
+}, dr = /\s/;
+function pr(e) {
+  for (var t = e.length; t-- && dr.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var gr = /^\s+/;
+function br(e) {
+  return e && e.slice(0, pr(e) + 1).replace(gr, "");
+}
+var J = L.Symbol, At = Object.prototype, vr = At.hasOwnProperty, mr = At.toString, Q = J ? J.toStringTag : void 0;
+function yr(e) {
+  var t = vr.call(e, Q), r = e[Q];
+  try {
+    e[Q] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var i = mr.call(e);
+  return n && (t ? e[Q] = r : delete e[Q]), i;
+}
+var _r = Object.prototype, xr = _r.toString;
+function wr(e) {
+  return xr.call(e);
+}
+var Sr = "[object Null]", Er = "[object Undefined]", We = J ? J.toStringTag : void 0;
+function X(e) {
+  return e == null ? e === void 0 ? Er : Sr : We && We in Object(e) ? yr(e) : wr(e);
+}
+function V(e) {
+  return e != null && typeof e == "object";
+}
+var Ar = "[object Symbol]";
+function Cr(e) {
+  return typeof e == "symbol" || V(e) && X(e) == Ar;
+}
+var Xe = NaN, Tr = /^[-+]0x[0-9a-f]+$/i, Mr = /^0b[01]+$/i, Or = /^0o[0-7]+$/i, $r = parseInt;
+function Ke(e) {
+  if (typeof e == "number")
+    return e;
+  if (Cr(e))
+    return Xe;
+  if (F(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = F(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = br(e);
+  var r = Mr.test(e);
+  return r || Or.test(e) ? $r(e.slice(2), r ? 2 : 8) : Tr.test(e) ? Xe : +e;
+}
+var Rr = "Expected a function", Pr = Math.max, Lr = Math.min;
+function Hr(e, t, r) {
+  var n, i, a, s, o, u, l = 0, c = !1, f = !1, g = !0;
+  if (typeof e != "function")
+    throw new TypeError(Rr);
+  t = Ke(t) || 0, F(r) && (c = !!r.leading, f = "maxWait" in r, a = f ? Pr(Ke(r.maxWait) || 0, t) : a, g = "trailing" in r ? !!r.trailing : g);
+  function p(y) {
+    var E = n, O = i;
+    return n = i = void 0, l = y, s = e.apply(O, E), s;
+  }
+  function b(y) {
+    return l = y, o = setTimeout(m, t), c ? p(y) : s;
+  }
+  function v(y) {
+    var E = y - u, O = y - l, M = t - E;
+    return f ? Lr(M, a - O) : M;
+  }
+  function S(y) {
+    var E = y - u, O = y - l;
+    return u === void 0 || E >= t || E < 0 || f && O >= a;
+  }
+  function m() {
+    var y = Se();
+    if (S(y))
+      return x(y);
+    o = setTimeout(m, v(y));
+  }
+  function x(y) {
+    return o = void 0, g && n ? p(y) : (n = i = void 0, s);
+  }
+  function T() {
+    o !== void 0 && clearTimeout(o), l = 0, n = u = i = o = void 0;
+  }
+  function H() {
+    return o === void 0 ? s : x(Se());
+  }
+  function A() {
+    var y = Se(), E = S(y);
+    if (n = arguments, i = this, u = y, E) {
+      if (o === void 0)
+        return b(u);
+      if (f)
+        return clearTimeout(o), o = setTimeout(m, t), p(u);
+    }
+    return o === void 0 && (o = setTimeout(m, t)), s;
+  }
+  return A.cancel = T, A.flush = H, A;
+}
+function Fr() {
+  this.__data__ = [], this.size = 0;
+}
+function ue(e, t) {
+  return e === t || e !== e && t !== t;
+}
+function _e(e, t) {
+  for (var r = e.length; r--; )
+    if (ue(e[r][0], t))
+      return r;
+  return -1;
+}
+var Ir = Array.prototype, Dr = Ir.splice;
+function jr(e) {
+  var t = this.__data__, r = _e(t, e);
+  if (r < 0)
+    return !1;
+  var n = t.length - 1;
+  return r == n ? t.pop() : Dr.call(t, r, 1), --this.size, !0;
+}
+function kr(e) {
+  var t = this.__data__, r = _e(t, e);
+  return r < 0 ? void 0 : t[r][1];
+}
+function Nr(e) {
+  return _e(this.__data__, e) > -1;
+}
+function Ur(e, t) {
+  var r = this.__data__, n = _e(r, e);
+  return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
+}
+function N(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+N.prototype.clear = Fr;
+N.prototype.delete = jr;
+N.prototype.get = kr;
+N.prototype.has = Nr;
+N.prototype.set = Ur;
+function Br() {
+  this.__data__ = new N(), this.size = 0;
+}
+function Vr(e) {
+  var t = this.__data__, r = t.delete(e);
+  return this.size = t.size, r;
+}
+function Gr(e) {
+  return this.__data__.get(e);
+}
+function zr(e) {
+  return this.__data__.has(e);
+}
+var Wr = "[object AsyncFunction]", Xr = "[object Function]", Kr = "[object GeneratorFunction]", Yr = "[object Proxy]";
+function je(e) {
+  if (!F(e))
+    return !1;
+  var t = X(e);
+  return t == Xr || t == Kr || t == Wr || t == Yr;
+}
+var Ee = L["__core-js_shared__"], Ye = (function() {
+  var e = /[^.]+$/.exec(Ee && Ee.keys && Ee.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+})();
+function qr(e) {
+  return !!Ye && Ye in e;
+}
+var Zr = Function.prototype, Jr = Zr.toString;
+function K(e) {
+  if (e != null) {
+    try {
+      return Jr.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var Qr = /[\\^$.*+?()[\]{}|]/g, en = /^\[object .+?Constructor\]$/, tn = Function.prototype, rn = Object.prototype, nn = tn.toString, an = rn.hasOwnProperty, sn = RegExp(
+  "^" + nn.call(an).replace(Qr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function on(e) {
+  if (!F(e) || qr(e))
+    return !1;
+  var t = je(e) ? sn : en;
+  return t.test(K(e));
+}
+function un(e, t) {
+  return e == null ? void 0 : e[t];
+}
+function Y(e, t) {
+  var r = un(e, t);
+  return on(r) ? r : void 0;
+}
+var ie = Y(L, "Map"), se = Y(Object, "create");
+function ln() {
+  this.__data__ = se ? se(null) : {}, this.size = 0;
+}
+function fn(e) {
+  var t = this.has(e) && delete this.__data__[e];
+  return this.size -= t ? 1 : 0, t;
+}
+var cn = "__lodash_hash_undefined__", hn = Object.prototype, dn = hn.hasOwnProperty;
+function pn(e) {
+  var t = this.__data__;
+  if (se) {
+    var r = t[e];
+    return r === cn ? void 0 : r;
+  }
+  return dn.call(t, e) ? t[e] : void 0;
+}
+var gn = Object.prototype, bn = gn.hasOwnProperty;
+function vn(e) {
+  var t = this.__data__;
+  return se ? t[e] !== void 0 : bn.call(t, e);
+}
+var mn = "__lodash_hash_undefined__";
+function yn(e, t) {
+  var r = this.__data__;
+  return this.size += this.has(e) ? 0 : 1, r[e] = se && t === void 0 ? mn : t, this;
+}
+function z(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+z.prototype.clear = ln;
+z.prototype.delete = fn;
+z.prototype.get = pn;
+z.prototype.has = vn;
+z.prototype.set = yn;
+function _n() {
+  this.size = 0, this.__data__ = {
+    hash: new z(),
+    map: new (ie || N)(),
+    string: new z()
+  };
+}
+function xn(e) {
+  var t = typeof e;
+  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+function xe(e, t) {
+  var r = e.__data__;
+  return xn(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map;
+}
+function wn(e) {
+  var t = xe(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
+}
+function Sn(e) {
+  return xe(this, e).get(e);
+}
+function En(e) {
+  return xe(this, e).has(e);
+}
+function An(e, t) {
+  var r = xe(this, e), n = r.size;
+  return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
+}
+function q(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+q.prototype.clear = _n;
+q.prototype.delete = wn;
+q.prototype.get = Sn;
+q.prototype.has = En;
+q.prototype.set = An;
+var Cn = 200;
+function Tn(e, t) {
+  var r = this.__data__;
+  if (r instanceof N) {
+    var n = r.__data__;
+    if (!ie || n.length < Cn - 1)
+      return n.push([e, t]), this.size = ++r.size, this;
+    r = this.__data__ = new q(n);
+  }
+  return r.set(e, t), this.size = r.size, this;
+}
+function k(e) {
+  var t = this.__data__ = new N(e);
+  this.size = t.size;
+}
+k.prototype.clear = Br;
+k.prototype.delete = Vr;
+k.prototype.get = Gr;
+k.prototype.has = zr;
+k.prototype.set = Tn;
+var Mn = "__lodash_hash_undefined__";
+function On(e) {
+  return this.__data__.set(e, Mn), this;
+}
+function $n(e) {
+  return this.__data__.has(e);
+}
+function ge(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.__data__ = new q(); ++t < r; )
+    this.add(e[t]);
+}
+ge.prototype.add = ge.prototype.push = On;
+ge.prototype.has = $n;
+function Rn(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length; ++r < n; )
+    if (t(e[r], r, e))
+      return !0;
+  return !1;
+}
+function Pn(e, t) {
+  return e.has(t);
+}
+var Ln = 1, Hn = 2;
+function Ct(e, t, r, n, i, a) {
+  var s = r & Ln, o = e.length, u = t.length;
+  if (o != u && !(s && u > o))
+    return !1;
+  var l = a.get(e), c = a.get(t);
+  if (l && c)
+    return l == t && c == e;
+  var f = -1, g = !0, p = r & Hn ? new ge() : void 0;
+  for (a.set(e, t), a.set(t, e); ++f < o; ) {
+    var b = e[f], v = t[f];
+    if (n)
+      var S = s ? n(v, b, f, t, e, a) : n(b, v, f, e, t, a);
+    if (S !== void 0) {
+      if (S)
+        continue;
+      g = !1;
+      break;
+    }
+    if (p) {
+      if (!Rn(t, function(m, x) {
+        if (!Pn(p, x) && (b === m || i(b, m, r, n, a)))
+          return p.push(x);
+      })) {
+        g = !1;
+        break;
+      }
+    } else if (!(b === v || i(b, v, r, n, a))) {
+      g = !1;
+      break;
+    }
+  }
+  return a.delete(e), a.delete(t), g;
+}
+var be = L.Uint8Array;
+function Fn(e) {
+  var t = -1, r = Array(e.size);
+  return e.forEach(function(n, i) {
+    r[++t] = [i, n];
+  }), r;
+}
+function In(e) {
+  var t = -1, r = Array(e.size);
+  return e.forEach(function(n) {
+    r[++t] = n;
+  }), r;
+}
+var Dn = 1, jn = 2, kn = "[object Boolean]", Nn = "[object Date]", Un = "[object Error]", Bn = "[object Map]", Vn = "[object Number]", Gn = "[object RegExp]", zn = "[object Set]", Wn = "[object String]", Xn = "[object Symbol]", Kn = "[object ArrayBuffer]", Yn = "[object DataView]", qe = J ? J.prototype : void 0, Ae = qe ? qe.valueOf : void 0;
+function qn(e, t, r, n, i, a, s) {
+  switch (r) {
+    case Yn:
+      if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
+        return !1;
+      e = e.buffer, t = t.buffer;
+    case Kn:
+      return !(e.byteLength != t.byteLength || !a(new be(e), new be(t)));
+    case kn:
+    case Nn:
+    case Vn:
+      return ue(+e, +t);
+    case Un:
+      return e.name == t.name && e.message == t.message;
+    case Gn:
+    case Wn:
+      return e == t + "";
+    case Bn:
+      var o = Fn;
+    case zn:
+      var u = n & Dn;
+      if (o || (o = In), e.size != t.size && !u)
+        return !1;
+      var l = s.get(e);
+      if (l)
+        return l == t;
+      n |= jn, s.set(e, t);
+      var c = Ct(o(e), o(t), n, i, a, s);
+      return s.delete(e), c;
+    case Xn:
+      if (Ae)
+        return Ae.call(e) == Ae.call(t);
+  }
+  return !1;
+}
+function Zn(e, t) {
+  for (var r = -1, n = t.length, i = e.length; ++r < n; )
+    e[i + r] = t[r];
+  return e;
+}
+var W = Array.isArray;
+function Jn(e, t, r) {
+  var n = t(e);
+  return W(e) ? n : Zn(n, r(e));
+}
+function Qn(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length, i = 0, a = []; ++r < n; ) {
+    var s = e[r];
+    t(s, r, e) && (a[i++] = s);
+  }
+  return a;
+}
+function ea() {
+  return [];
+}
+var ta = Object.prototype, ra = ta.propertyIsEnumerable, Ze = Object.getOwnPropertySymbols, na = Ze ? function(e) {
+  return e == null ? [] : (e = Object(e), Qn(Ze(e), function(t) {
+    return ra.call(e, t);
+  }));
+} : ea;
+function aa(e, t) {
+  for (var r = -1, n = Array(e); ++r < e; )
+    n[r] = t(r);
+  return n;
+}
+var ia = "[object Arguments]";
+function Je(e) {
+  return V(e) && X(e) == ia;
+}
+var Tt = Object.prototype, sa = Tt.hasOwnProperty, oa = Tt.propertyIsEnumerable, Me = Je(/* @__PURE__ */ (function() {
+  return arguments;
+})()) ? Je : function(e) {
+  return V(e) && sa.call(e, "callee") && !oa.call(e, "callee");
+};
+function ua() {
+  return !1;
+}
+var Mt = typeof exports == "object" && exports && !exports.nodeType && exports, Qe = Mt && typeof module == "object" && module && !module.nodeType && module, la = Qe && Qe.exports === Mt, et = la ? L.Buffer : void 0, fa = et ? et.isBuffer : void 0, ve = fa || ua, ca = 9007199254740991, ha = /^(?:0|[1-9]\d*)$/;
+function Ot(e, t) {
+  var r = typeof e;
+  return t = t ?? ca, !!t && (r == "number" || r != "symbol" && ha.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+var da = 9007199254740991;
+function $t(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= da;
+}
+var pa = "[object Arguments]", ga = "[object Array]", ba = "[object Boolean]", va = "[object Date]", ma = "[object Error]", ya = "[object Function]", _a = "[object Map]", xa = "[object Number]", wa = "[object Object]", Sa = "[object RegExp]", Ea = "[object Set]", Aa = "[object String]", Ca = "[object WeakMap]", Ta = "[object ArrayBuffer]", Ma = "[object DataView]", Oa = "[object Float32Array]", $a = "[object Float64Array]", Ra = "[object Int8Array]", Pa = "[object Int16Array]", La = "[object Int32Array]", Ha = "[object Uint8Array]", Fa = "[object Uint8ClampedArray]", Ia = "[object Uint16Array]", Da = "[object Uint32Array]", _ = {};
+_[Oa] = _[$a] = _[Ra] = _[Pa] = _[La] = _[Ha] = _[Fa] = _[Ia] = _[Da] = !0;
+_[pa] = _[ga] = _[Ta] = _[ba] = _[Ma] = _[va] = _[ma] = _[ya] = _[_a] = _[xa] = _[wa] = _[Sa] = _[Ea] = _[Aa] = _[Ca] = !1;
+function ja(e) {
+  return V(e) && $t(e.length) && !!_[X(e)];
+}
+function ka(e) {
+  return function(t) {
+    return e(t);
+  };
+}
+var Rt = typeof exports == "object" && exports && !exports.nodeType && exports, re = Rt && typeof module == "object" && module && !module.nodeType && module, Na = re && re.exports === Rt, Ce = Na && Et.process, tt = (function() {
+  try {
+    var e = re && re.require && re.require("util").types;
+    return e || Ce && Ce.binding && Ce.binding("util");
+  } catch {
+  }
+})(), rt = tt && tt.isTypedArray, ke = rt ? ka(rt) : ja, Ua = Object.prototype, Ba = Ua.hasOwnProperty;
+function Pt(e, t) {
+  var r = W(e), n = !r && Me(e), i = !r && !n && ve(e), a = !r && !n && !i && ke(e), s = r || n || i || a, o = s ? aa(e.length, String) : [], u = o.length;
+  for (var l in e)
+    (t || Ba.call(e, l)) && !(s && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (l == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    i && (l == "offset" || l == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    a && (l == "buffer" || l == "byteLength" || l == "byteOffset") || // Skip index properties.
+    Ot(l, u))) && o.push(l);
+  return o;
+}
+var Va = Object.prototype;
+function Ne(e) {
+  var t = e && e.constructor, r = typeof t == "function" && t.prototype || Va;
+  return e === r;
+}
+function Lt(e, t) {
+  return function(r) {
+    return e(t(r));
+  };
+}
+var Ga = Lt(Object.keys, Object), za = Object.prototype, Wa = za.hasOwnProperty;
+function Xa(e) {
+  if (!Ne(e))
+    return Ga(e);
+  var t = [];
+  for (var r in Object(e))
+    Wa.call(e, r) && r != "constructor" && t.push(r);
+  return t;
+}
+function le(e) {
+  return e != null && $t(e.length) && !je(e);
+}
+function Ht(e) {
+  return le(e) ? Pt(e) : Xa(e);
+}
+function nt(e) {
+  return Jn(e, Ht, na);
+}
+var Ka = 1, Ya = Object.prototype, qa = Ya.hasOwnProperty;
+function Za(e, t, r, n, i, a) {
+  var s = r & Ka, o = nt(e), u = o.length, l = nt(t), c = l.length;
+  if (u != c && !s)
+    return !1;
+  for (var f = u; f--; ) {
+    var g = o[f];
+    if (!(s ? g in t : qa.call(t, g)))
+      return !1;
+  }
+  var p = a.get(e), b = a.get(t);
+  if (p && b)
+    return p == t && b == e;
+  var v = !0;
+  a.set(e, t), a.set(t, e);
+  for (var S = s; ++f < u; ) {
+    g = o[f];
+    var m = e[g], x = t[g];
+    if (n)
+      var T = s ? n(x, m, g, t, e, a) : n(m, x, g, e, t, a);
+    if (!(T === void 0 ? m === x || i(m, x, r, n, a) : T)) {
+      v = !1;
+      break;
+    }
+    S || (S = g == "constructor");
+  }
+  if (v && !S) {
+    var H = e.constructor, A = t.constructor;
+    H != A && "constructor" in e && "constructor" in t && !(typeof H == "function" && H instanceof H && typeof A == "function" && A instanceof A) && (v = !1);
+  }
+  return a.delete(e), a.delete(t), v;
+}
+var Oe = Y(L, "DataView"), $e = Y(L, "Promise"), Re = Y(L, "Set"), Pe = Y(L, "WeakMap"), at = "[object Map]", Ja = "[object Object]", it = "[object Promise]", st = "[object Set]", ot = "[object WeakMap]", ut = "[object DataView]", Qa = K(Oe), ei = K(ie), ti = K($e), ri = K(Re), ni = K(Pe), B = X;
+(Oe && B(new Oe(new ArrayBuffer(1))) != ut || ie && B(new ie()) != at || $e && B($e.resolve()) != it || Re && B(new Re()) != st || Pe && B(new Pe()) != ot) && (B = function(e) {
+  var t = X(e), r = t == Ja ? e.constructor : void 0, n = r ? K(r) : "";
+  if (n)
+    switch (n) {
+      case Qa:
+        return ut;
+      case ei:
+        return at;
+      case ti:
+        return it;
+      case ri:
+        return st;
+      case ni:
+        return ot;
+    }
+  return t;
+});
+var ai = 1, lt = "[object Arguments]", ft = "[object Array]", ce = "[object Object]", ii = Object.prototype, ct = ii.hasOwnProperty;
+function si(e, t, r, n, i, a) {
+  var s = W(e), o = W(t), u = s ? ft : B(e), l = o ? ft : B(t);
+  u = u == lt ? ce : u, l = l == lt ? ce : l;
+  var c = u == ce, f = l == ce, g = u == l;
+  if (g && ve(e)) {
+    if (!ve(t))
+      return !1;
+    s = !0, c = !1;
+  }
+  if (g && !c)
+    return a || (a = new k()), s || ke(e) ? Ct(e, t, r, n, i, a) : qn(e, t, u, r, n, i, a);
+  if (!(r & ai)) {
+    var p = c && ct.call(e, "__wrapped__"), b = f && ct.call(t, "__wrapped__");
+    if (p || b) {
+      var v = p ? e.value() : e, S = b ? t.value() : t;
+      return a || (a = new k()), i(v, S, r, n, a);
+    }
+  }
+  return g ? (a || (a = new k()), Za(e, t, r, n, i, a)) : !1;
+}
+function Ft(e, t, r, n, i) {
+  return e === t ? !0 : e == null || t == null || !V(e) && !V(t) ? e !== e && t !== t : si(e, t, r, n, Ft, i);
+}
+function oi(e, t) {
+  return Ft(e, t);
+}
+function ui(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length; ++r < n && t(e[r], r, e) !== !1; )
+    ;
+  return e;
+}
+function li(e) {
+  return function(t, r, n) {
+    for (var i = -1, a = Object(t), s = n(t), o = s.length; o--; ) {
+      var u = s[++i];
+      if (r(a[u], u, a) === !1)
+        break;
+    }
+    return t;
+  };
+}
+var It = li();
+function fi(e, t) {
+  return e && It(e, t, Ht);
+}
+function ci(e, t) {
+  return function(r, n) {
+    if (r == null)
+      return r;
+    if (!le(r))
+      return e(r, n);
+    for (var i = r.length, a = -1, s = Object(r); ++a < i && n(s[a], a, s) !== !1; )
+      ;
+    return r;
+  };
+}
+var hi = ci(fi);
+function Ue(e) {
+  return e;
+}
+function di(e) {
+  return typeof e == "function" ? e : Ue;
+}
+function pi(e, t) {
+  var r = W(e) ? ui : hi;
+  return r(e, di(t));
+}
+function me(e) {
+  "@babel/helpers - typeof";
+  return me = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, me(e);
+}
+var gi = /^\s+/, bi = /\s+$/;
+function d(e, t) {
+  if (e = e || "", t = t || {}, e instanceof d)
+    return e;
+  if (!(this instanceof d))
+    return new d(e, t);
+  var r = vi(e);
+  this._originalInput = e, this._r = r.r, this._g = r.g, this._b = r.b, this._a = r.a, this._roundA = Math.round(100 * this._a) / 100, this._format = t.format || r.format, this._gradientType = t.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = r.ok;
+}
+d.prototype = {
+  isDark: function() {
+    return this.getBrightness() < 128;
+  },
+  isLight: function() {
+    return !this.isDark();
+  },
+  isValid: function() {
+    return this._ok;
+  },
+  getOriginalInput: function() {
+    return this._originalInput;
+  },
+  getFormat: function() {
+    return this._format;
+  },
+  getAlpha: function() {
+    return this._a;
+  },
+  getBrightness: function() {
+    var t = this.toRgb();
+    return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
+  },
+  getLuminance: function() {
+    var t = this.toRgb(), r, n, i, a, s, o;
+    return r = t.r / 255, n = t.g / 255, i = t.b / 255, r <= 0.03928 ? a = r / 12.92 : a = Math.pow((r + 0.055) / 1.055, 2.4), n <= 0.03928 ? s = n / 12.92 : s = Math.pow((n + 0.055) / 1.055, 2.4), i <= 0.03928 ? o = i / 12.92 : o = Math.pow((i + 0.055) / 1.055, 2.4), 0.2126 * a + 0.7152 * s + 0.0722 * o;
+  },
+  setAlpha: function(t) {
+    return this._a = Dt(t), this._roundA = Math.round(100 * this._a) / 100, this;
+  },
+  toHsv: function() {
+    var t = dt(this._r, this._g, this._b);
+    return {
+      h: t.h * 360,
+      s: t.s,
+      v: t.v,
+      a: this._a
+    };
+  },
+  toHsvString: function() {
+    var t = dt(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), i = Math.round(t.v * 100);
+    return this._a == 1 ? "hsv(" + r + ", " + n + "%, " + i + "%)" : "hsva(" + r + ", " + n + "%, " + i + "%, " + this._roundA + ")";
+  },
+  toHsl: function() {
+    var t = ht(this._r, this._g, this._b);
+    return {
+      h: t.h * 360,
+      s: t.s,
+      l: t.l,
+      a: this._a
+    };
+  },
+  toHslString: function() {
+    var t = ht(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), i = Math.round(t.l * 100);
+    return this._a == 1 ? "hsl(" + r + ", " + n + "%, " + i + "%)" : "hsla(" + r + ", " + n + "%, " + i + "%, " + this._roundA + ")";
+  },
+  toHex: function(t) {
+    return pt(this._r, this._g, this._b, t);
+  },
+  toHexString: function(t) {
+    return "#" + this.toHex(t);
+  },
+  toHex8: function(t) {
+    return xi(this._r, this._g, this._b, this._a, t);
+  },
+  toHex8String: function(t) {
+    return "#" + this.toHex8(t);
+  },
+  toRgb: function() {
+    return {
+      r: Math.round(this._r),
+      g: Math.round(this._g),
+      b: Math.round(this._b),
+      a: this._a
+    };
+  },
+  toRgbString: function() {
+    return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
+  },
+  toPercentageRgb: function() {
+    return {
+      r: Math.round(w(this._r, 255) * 100) + "%",
+      g: Math.round(w(this._g, 255) * 100) + "%",
+      b: Math.round(w(this._b, 255) * 100) + "%",
+      a: this._a
+    };
+  },
+  toPercentageRgbString: function() {
+    return this._a == 1 ? "rgb(" + Math.round(w(this._r, 255) * 100) + "%, " + Math.round(w(this._g, 255) * 100) + "%, " + Math.round(w(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(w(this._r, 255) * 100) + "%, " + Math.round(w(this._g, 255) * 100) + "%, " + Math.round(w(this._b, 255) * 100) + "%, " + this._roundA + ")";
+  },
+  toName: function() {
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Li[pt(this._r, this._g, this._b, !0)] || !1;
+  },
+  toFilter: function(t) {
+    var r = "#" + gt(this._r, this._g, this._b, this._a), n = r, i = this._gradientType ? "GradientType = 1, " : "";
+    if (t) {
+      var a = d(t);
+      n = "#" + gt(a._r, a._g, a._b, a._a);
+    }
+    return "progid:DXImageTransform.Microsoft.gradient(" + i + "startColorstr=" + r + ",endColorstr=" + n + ")";
+  },
+  toString: function(t) {
+    var r = !!t;
+    t = t || this._format;
+    var n = !1, i = this._a < 1 && this._a >= 0, a = !r && i && (t === "hex" || t === "hex6" || t === "hex3" || t === "hex4" || t === "hex8" || t === "name");
+    return a ? t === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (n = this.toRgbString()), t === "prgb" && (n = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (n = this.toHexString()), t === "hex3" && (n = this.toHexString(!0)), t === "hex4" && (n = this.toHex8String(!0)), t === "hex8" && (n = this.toHex8String()), t === "name" && (n = this.toName()), t === "hsl" && (n = this.toHslString()), t === "hsv" && (n = this.toHsvString()), n || this.toHexString());
+  },
+  clone: function() {
+    return d(this.toString());
+  },
+  _applyModification: function(t, r) {
+    var n = t.apply(null, [this].concat([].slice.call(r)));
+    return this._r = n._r, this._g = n._g, this._b = n._b, this.setAlpha(n._a), this;
+  },
+  lighten: function() {
+    return this._applyModification(Ai, arguments);
+  },
+  brighten: function() {
+    return this._applyModification(Ci, arguments);
+  },
+  darken: function() {
+    return this._applyModification(Ti, arguments);
+  },
+  desaturate: function() {
+    return this._applyModification(wi, arguments);
+  },
+  saturate: function() {
+    return this._applyModification(Si, arguments);
+  },
+  greyscale: function() {
+    return this._applyModification(Ei, arguments);
+  },
+  spin: function() {
+    return this._applyModification(Mi, arguments);
+  },
+  _applyCombination: function(t, r) {
+    return t.apply(null, [this].concat([].slice.call(r)));
+  },
+  analogous: function() {
+    return this._applyCombination(Ri, arguments);
+  },
+  complement: function() {
+    return this._applyCombination(Oi, arguments);
+  },
+  monochromatic: function() {
+    return this._applyCombination(Pi, arguments);
+  },
+  splitcomplement: function() {
+    return this._applyCombination($i, arguments);
+  },
+  // Disabled until https://github.com/bgrins/TinyColor/issues/254
+  // polyad: function (number) {
+  //   return this._applyCombination(polyad, [number]);
+  // },
+  triad: function() {
+    return this._applyCombination(bt, [3]);
+  },
+  tetrad: function() {
+    return this._applyCombination(bt, [4]);
+  }
+};
+d.fromRatio = function(e, t) {
+  if (me(e) == "object") {
+    var r = {};
+    for (var n in e)
+      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = te(e[n]));
+    e = r;
+  }
+  return d(e, t);
+};
+function vi(e) {
+  var t = {
+    r: 0,
+    g: 0,
+    b: 0
+  }, r = 1, n = null, i = null, a = null, s = !1, o = !1;
+  return typeof e == "string" && (e = Di(e)), me(e) == "object" && (j(e.r) && j(e.g) && j(e.b) ? (t = mi(e.r, e.g, e.b), s = !0, o = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : j(e.h) && j(e.s) && j(e.v) ? (n = te(e.s), i = te(e.v), t = _i(e.h, n, i), s = !0, o = "hsv") : j(e.h) && j(e.s) && j(e.l) && (n = te(e.s), a = te(e.l), t = yi(e.h, n, a), s = !0, o = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = Dt(r), {
+    ok: s,
+    format: e.format || o,
+    r: Math.min(255, Math.max(t.r, 0)),
+    g: Math.min(255, Math.max(t.g, 0)),
+    b: Math.min(255, Math.max(t.b, 0)),
+    a: r
+  };
+}
+function mi(e, t, r) {
+  return {
+    r: w(e, 255) * 255,
+    g: w(t, 255) * 255,
+    b: w(r, 255) * 255
+  };
+}
+function ht(e, t, r) {
+  e = w(e, 255), t = w(t, 255), r = w(r, 255);
+  var n = Math.max(e, t, r), i = Math.min(e, t, r), a, s, o = (n + i) / 2;
+  if (n == i)
+    a = s = 0;
+  else {
+    var u = n - i;
+    switch (s = o > 0.5 ? u / (2 - n - i) : u / (n + i), n) {
+      case e:
+        a = (t - r) / u + (t < r ? 6 : 0);
+        break;
+      case t:
+        a = (r - e) / u + 2;
+        break;
+      case r:
+        a = (e - t) / u + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return {
+    h: a,
+    s,
+    l: o
+  };
+}
+function yi(e, t, r) {
+  var n, i, a;
+  e = w(e, 360), t = w(t, 100), r = w(r, 100);
+  function s(l, c, f) {
+    return f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? l + (c - l) * 6 * f : f < 1 / 2 ? c : f < 2 / 3 ? l + (c - l) * (2 / 3 - f) * 6 : l;
+  }
+  if (t === 0)
+    n = i = a = r;
+  else {
+    var o = r < 0.5 ? r * (1 + t) : r + t - r * t, u = 2 * r - o;
+    n = s(u, o, e + 1 / 3), i = s(u, o, e), a = s(u, o, e - 1 / 3);
+  }
+  return {
+    r: n * 255,
+    g: i * 255,
+    b: a * 255
+  };
+}
+function dt(e, t, r) {
+  e = w(e, 255), t = w(t, 255), r = w(r, 255);
+  var n = Math.max(e, t, r), i = Math.min(e, t, r), a, s, o = n, u = n - i;
+  if (s = n === 0 ? 0 : u / n, n == i)
+    a = 0;
+  else {
+    switch (n) {
+      case e:
+        a = (t - r) / u + (t < r ? 6 : 0);
+        break;
+      case t:
+        a = (r - e) / u + 2;
+        break;
+      case r:
+        a = (e - t) / u + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return {
+    h: a,
+    s,
+    v: o
+  };
+}
+function _i(e, t, r) {
+  e = w(e, 360) * 6, t = w(t, 100), r = w(r, 100);
+  var n = Math.floor(e), i = e - n, a = r * (1 - t), s = r * (1 - i * t), o = r * (1 - (1 - i) * t), u = n % 6, l = [r, s, a, a, o, r][u], c = [o, r, r, s, a, a][u], f = [a, a, o, r, r, s][u];
+  return {
+    r: l * 255,
+    g: c * 255,
+    b: f * 255
+  };
+}
+function pt(e, t, r, n) {
+  var i = [P(Math.round(e).toString(16)), P(Math.round(t).toString(16)), P(Math.round(r).toString(16))];
+  return n && i[0].charAt(0) == i[0].charAt(1) && i[1].charAt(0) == i[1].charAt(1) && i[2].charAt(0) == i[2].charAt(1) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) : i.join("");
+}
+function xi(e, t, r, n, i) {
+  var a = [P(Math.round(e).toString(16)), P(Math.round(t).toString(16)), P(Math.round(r).toString(16)), P(jt(n))];
+  return i && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) && a[3].charAt(0) == a[3].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
+}
+function gt(e, t, r, n) {
+  var i = [P(jt(n)), P(Math.round(e).toString(16)), P(Math.round(t).toString(16)), P(Math.round(r).toString(16))];
+  return i.join("");
+}
+d.equals = function(e, t) {
+  return !e || !t ? !1 : d(e).toRgbString() == d(t).toRgbString();
+};
+d.random = function() {
+  return d.fromRatio({
+    r: Math.random(),
+    g: Math.random(),
+    b: Math.random()
+  });
+};
+function wi(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = d(e).toHsl();
+  return r.s -= t / 100, r.s = we(r.s), d(r);
+}
+function Si(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = d(e).toHsl();
+  return r.s += t / 100, r.s = we(r.s), d(r);
+}
+function Ei(e) {
+  return d(e).desaturate(100);
+}
+function Ai(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = d(e).toHsl();
+  return r.l += t / 100, r.l = we(r.l), d(r);
+}
+function Ci(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = d(e).toRgb();
+  return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), d(r);
+}
+function Ti(e, t) {
+  t = t === 0 ? 0 : t || 10;
+  var r = d(e).toHsl();
+  return r.l -= t / 100, r.l = we(r.l), d(r);
+}
+function Mi(e, t) {
+  var r = d(e).toHsl(), n = (r.h + t) % 360;
+  return r.h = n < 0 ? 360 + n : n, d(r);
+}
+function Oi(e) {
+  var t = d(e).toHsl();
+  return t.h = (t.h + 180) % 360, d(t);
+}
+function bt(e, t) {
+  if (isNaN(t) || t <= 0)
+    throw new Error("Argument to polyad must be a positive number");
+  for (var r = d(e).toHsl(), n = [d(e)], i = 360 / t, a = 1; a < t; a++)
+    n.push(d({
+      h: (r.h + a * i) % 360,
+      s: r.s,
+      l: r.l
+    }));
+  return n;
+}
+function $i(e) {
+  var t = d(e).toHsl(), r = t.h;
+  return [d(e), d({
+    h: (r + 72) % 360,
+    s: t.s,
+    l: t.l
+  }), d({
+    h: (r + 216) % 360,
+    s: t.s,
+    l: t.l
+  })];
+}
+function Ri(e, t, r) {
+  t = t || 6, r = r || 30;
+  var n = d(e).toHsl(), i = 360 / r, a = [d(e)];
+  for (n.h = (n.h - (i * t >> 1) + 720) % 360; --t; )
+    n.h = (n.h + i) % 360, a.push(d(n));
+  return a;
+}
+function Pi(e, t) {
+  t = t || 6;
+  for (var r = d(e).toHsv(), n = r.h, i = r.s, a = r.v, s = [], o = 1 / t; t--; )
+    s.push(d({
+      h: n,
+      s: i,
+      v: a
+    })), a = (a + o) % 1;
+  return s;
+}
+d.mix = function(e, t, r) {
+  r = r === 0 ? 0 : r || 50;
+  var n = d(e).toRgb(), i = d(t).toRgb(), a = r / 100, s = {
+    r: (i.r - n.r) * a + n.r,
+    g: (i.g - n.g) * a + n.g,
+    b: (i.b - n.b) * a + n.b,
+    a: (i.a - n.a) * a + n.a
+  };
+  return d(s);
+};
+d.readability = function(e, t) {
+  var r = d(e), n = d(t);
+  return (Math.max(r.getLuminance(), n.getLuminance()) + 0.05) / (Math.min(r.getLuminance(), n.getLuminance()) + 0.05);
+};
+d.isReadable = function(e, t, r) {
+  var n = d.readability(e, t), i, a;
+  switch (a = !1, i = ji(r), i.level + i.size) {
+    case "AAsmall":
+    case "AAAlarge":
+      a = n >= 4.5;
+      break;
+    case "AAlarge":
+      a = n >= 3;
+      break;
+    case "AAAsmall":
+      a = n >= 7;
+      break;
+  }
+  return a;
+};
+d.mostReadable = function(e, t, r) {
+  var n = null, i = 0, a, s, o, u;
+  r = r || {}, s = r.includeFallbackColors, o = r.level, u = r.size;
+  for (var l = 0; l < t.length; l++)
+    a = d.readability(e, t[l]), a > i && (i = a, n = d(t[l]));
+  return d.isReadable(e, n, {
+    level: o,
+    size: u
+  }) || !s ? n : (r.includeFallbackColors = !1, d.mostReadable(e, ["#fff", "#000"], r));
+};
+var Le = d.names = {
+  aliceblue: "f0f8ff",
+  antiquewhite: "faebd7",
+  aqua: "0ff",
+  aquamarine: "7fffd4",
+  azure: "f0ffff",
+  beige: "f5f5dc",
+  bisque: "ffe4c4",
+  black: "000",
+  blanchedalmond: "ffebcd",
+  blue: "00f",
+  blueviolet: "8a2be2",
+  brown: "a52a2a",
+  burlywood: "deb887",
+  burntsienna: "ea7e5d",
+  cadetblue: "5f9ea0",
+  chartreuse: "7fff00",
+  chocolate: "d2691e",
+  coral: "ff7f50",
+  cornflowerblue: "6495ed",
+  cornsilk: "fff8dc",
+  crimson: "dc143c",
+  cyan: "0ff",
+  darkblue: "00008b",
+  darkcyan: "008b8b",
+  darkgoldenrod: "b8860b",
+  darkgray: "a9a9a9",
+  darkgreen: "006400",
+  darkgrey: "a9a9a9",
+  darkkhaki: "bdb76b",
+  darkmagenta: "8b008b",
+  darkolivegreen: "556b2f",
+  darkorange: "ff8c00",
+  darkorchid: "9932cc",
+  darkred: "8b0000",
+  darksalmon: "e9967a",
+  darkseagreen: "8fbc8f",
+  darkslateblue: "483d8b",
+  darkslategray: "2f4f4f",
+  darkslategrey: "2f4f4f",
+  darkturquoise: "00ced1",
+  darkviolet: "9400d3",
+  deeppink: "ff1493",
+  deepskyblue: "00bfff",
+  dimgray: "696969",
+  dimgrey: "696969",
+  dodgerblue: "1e90ff",
+  firebrick: "b22222",
+  floralwhite: "fffaf0",
+  forestgreen: "228b22",
+  fuchsia: "f0f",
+  gainsboro: "dcdcdc",
+  ghostwhite: "f8f8ff",
+  gold: "ffd700",
+  goldenrod: "daa520",
+  gray: "808080",
+  green: "008000",
+  greenyellow: "adff2f",
+  grey: "808080",
+  honeydew: "f0fff0",
+  hotpink: "ff69b4",
+  indianred: "cd5c5c",
+  indigo: "4b0082",
+  ivory: "fffff0",
+  khaki: "f0e68c",
+  lavender: "e6e6fa",
+  lavenderblush: "fff0f5",
+  lawngreen: "7cfc00",
+  lemonchiffon: "fffacd",
+  lightblue: "add8e6",
+  lightcoral: "f08080",
+  lightcyan: "e0ffff",
+  lightgoldenrodyellow: "fafad2",
+  lightgray: "d3d3d3",
+  lightgreen: "90ee90",
+  lightgrey: "d3d3d3",
+  lightpink: "ffb6c1",
+  lightsalmon: "ffa07a",
+  lightseagreen: "20b2aa",
+  lightskyblue: "87cefa",
+  lightslategray: "789",
+  lightslategrey: "789",
+  lightsteelblue: "b0c4de",
+  lightyellow: "ffffe0",
+  lime: "0f0",
+  limegreen: "32cd32",
+  linen: "faf0e6",
+  magenta: "f0f",
+  maroon: "800000",
+  mediumaquamarine: "66cdaa",
+  mediumblue: "0000cd",
+  mediumorchid: "ba55d3",
+  mediumpurple: "9370db",
+  mediumseagreen: "3cb371",
+  mediumslateblue: "7b68ee",
+  mediumspringgreen: "00fa9a",
+  mediumturquoise: "48d1cc",
+  mediumvioletred: "c71585",
+  midnightblue: "191970",
+  mintcream: "f5fffa",
+  mistyrose: "ffe4e1",
+  moccasin: "ffe4b5",
+  navajowhite: "ffdead",
+  navy: "000080",
+  oldlace: "fdf5e6",
+  olive: "808000",
+  olivedrab: "6b8e23",
+  orange: "ffa500",
+  orangered: "ff4500",
+  orchid: "da70d6",
+  palegoldenrod: "eee8aa",
+  palegreen: "98fb98",
+  paleturquoise: "afeeee",
+  palevioletred: "db7093",
+  papayawhip: "ffefd5",
+  peachpuff: "ffdab9",
+  peru: "cd853f",
+  pink: "ffc0cb",
+  plum: "dda0dd",
+  powderblue: "b0e0e6",
+  purple: "800080",
+  rebeccapurple: "663399",
+  red: "f00",
+  rosybrown: "bc8f8f",
+  royalblue: "4169e1",
+  saddlebrown: "8b4513",
+  salmon: "fa8072",
+  sandybrown: "f4a460",
+  seagreen: "2e8b57",
+  seashell: "fff5ee",
+  sienna: "a0522d",
+  silver: "c0c0c0",
+  skyblue: "87ceeb",
+  slateblue: "6a5acd",
+  slategray: "708090",
+  slategrey: "708090",
+  snow: "fffafa",
+  springgreen: "00ff7f",
+  steelblue: "4682b4",
+  tan: "d2b48c",
+  teal: "008080",
+  thistle: "d8bfd8",
+  tomato: "ff6347",
+  turquoise: "40e0d0",
+  violet: "ee82ee",
+  wheat: "f5deb3",
+  white: "fff",
+  whitesmoke: "f5f5f5",
+  yellow: "ff0",
+  yellowgreen: "9acd32"
+}, Li = d.hexNames = Hi(Le);
+function Hi(e) {
+  var t = {};
+  for (var r in e)
+    e.hasOwnProperty(r) && (t[e[r]] = r);
+  return t;
+}
+function Dt(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function w(e, t) {
+  Fi(e) && (e = "100%");
+  var r = Ii(e);
+  return e = Math.min(t, Math.max(0, parseFloat(e))), r && (e = parseInt(e * t, 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : e % t / parseFloat(t);
+}
+function we(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function $(e) {
+  return parseInt(e, 16);
+}
+function Fi(e) {
+  return typeof e == "string" && e.indexOf(".") != -1 && parseFloat(e) === 1;
+}
+function Ii(e) {
+  return typeof e == "string" && e.indexOf("%") != -1;
+}
+function P(e) {
+  return e.length == 1 ? "0" + e : "" + e;
+}
+function te(e) {
+  return e <= 1 && (e = e * 100 + "%"), e;
+}
+function jt(e) {
+  return Math.round(parseFloat(e) * 255).toString(16);
+}
+function vt(e) {
+  return $(e) / 255;
+}
+var R = (function() {
+  var e = "[-\\+]?\\d+%?", t = "[-\\+]?\\d*\\.\\d+%?", r = "(?:" + t + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?", i = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?";
+  return {
+    CSS_UNIT: new RegExp(r),
+    rgb: new RegExp("rgb" + n),
+    rgba: new RegExp("rgba" + i),
+    hsl: new RegExp("hsl" + n),
+    hsla: new RegExp("hsla" + i),
+    hsv: new RegExp("hsv" + n),
+    hsva: new RegExp("hsva" + i),
+    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 j(e) {
+  return !!R.CSS_UNIT.exec(e);
+}
+function Di(e) {
+  e = e.replace(gi, "").replace(bi, "").toLowerCase();
+  var t = !1;
+  if (Le[e])
+    e = Le[e], t = !0;
+  else if (e == "transparent")
+    return {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 0,
+      format: "name"
+    };
+  var r;
+  return (r = R.rgb.exec(e)) ? {
+    r: r[1],
+    g: r[2],
+    b: r[3]
+  } : (r = R.rgba.exec(e)) ? {
+    r: r[1],
+    g: r[2],
+    b: r[3],
+    a: r[4]
+  } : (r = R.hsl.exec(e)) ? {
+    h: r[1],
+    s: r[2],
+    l: r[3]
+  } : (r = R.hsla.exec(e)) ? {
+    h: r[1],
+    s: r[2],
+    l: r[3],
+    a: r[4]
+  } : (r = R.hsv.exec(e)) ? {
+    h: r[1],
+    s: r[2],
+    v: r[3]
+  } : (r = R.hsva.exec(e)) ? {
+    h: r[1],
+    s: r[2],
+    v: r[3],
+    a: r[4]
+  } : (r = R.hex8.exec(e)) ? {
+    r: $(r[1]),
+    g: $(r[2]),
+    b: $(r[3]),
+    a: vt(r[4]),
+    format: t ? "name" : "hex8"
+  } : (r = R.hex6.exec(e)) ? {
+    r: $(r[1]),
+    g: $(r[2]),
+    b: $(r[3]),
+    format: t ? "name" : "hex"
+  } : (r = R.hex4.exec(e)) ? {
+    r: $(r[1] + "" + r[1]),
+    g: $(r[2] + "" + r[2]),
+    b: $(r[3] + "" + r[3]),
+    a: vt(r[4] + "" + r[4]),
+    format: t ? "name" : "hex8"
+  } : (r = R.hex3.exec(e)) ? {
+    r: $(r[1] + "" + r[1]),
+    g: $(r[2] + "" + r[2]),
+    b: $(r[3] + "" + r[3]),
+    format: t ? "name" : "hex"
+  } : !1;
+}
+function ji(e) {
+  var t, r;
+  return e = e || {
+    level: "AA",
+    size: "small"
+  }, t = (e.level || "AA").toUpperCase(), r = (e.size || "small").toLowerCase(), t !== "AA" && t !== "AAA" && (t = "AA"), r !== "small" && r !== "large" && (r = "small"), {
+    level: t,
+    size: r
+  };
+}
+function oe(e) {
+  "@babel/helpers - typeof";
+  return oe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, oe(e);
+}
+function ki(e, t) {
+  if (oe(e) != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (oe(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Ni(e) {
+  var t = ki(e, "string");
+  return oe(t) == "symbol" ? t : t + "";
+}
+function C(e, t, r) {
+  return (t = Ni(t)) in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+var ye = (function() {
+  try {
+    var e = Y(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+})();
+function Be(e, t, r) {
+  t == "__proto__" && ye ? ye(e, t, {
+    configurable: !0,
+    enumerable: !0,
+    value: r,
+    writable: !0
+  }) : e[t] = r;
+}
+function He(e, t, r) {
+  (r !== void 0 && !ue(e[t], r) || r === void 0 && !(t in e)) && Be(e, t, r);
+}
+var kt = typeof exports == "object" && exports && !exports.nodeType && exports, mt = kt && typeof module == "object" && module && !module.nodeType && module, Ui = mt && mt.exports === kt, yt = Ui ? L.Buffer : void 0;
+yt && yt.allocUnsafe;
+function Bi(e, t) {
+  return e.slice();
+}
+function Vi(e) {
+  var t = new e.constructor(e.byteLength);
+  return new be(t).set(new be(e)), t;
+}
+function Gi(e, t) {
+  var r = Vi(e.buffer);
+  return new e.constructor(r, e.byteOffset, e.length);
+}
+function zi(e, t) {
+  var r = -1, n = e.length;
+  for (t || (t = Array(n)); ++r < n; )
+    t[r] = e[r];
+  return t;
+}
+var _t = Object.create, Wi = /* @__PURE__ */ (function() {
+  function e() {
+  }
+  return function(t) {
+    if (!F(t))
+      return {};
+    if (_t)
+      return _t(t);
+    e.prototype = t;
+    var r = new e();
+    return e.prototype = void 0, r;
+  };
+})(), Nt = Lt(Object.getPrototypeOf, Object);
+function Xi(e) {
+  return typeof e.constructor == "function" && !Ne(e) ? Wi(Nt(e)) : {};
+}
+function Ki(e) {
+  return V(e) && le(e);
+}
+var Yi = "[object Object]", qi = Function.prototype, Zi = Object.prototype, Ut = qi.toString, Ji = Zi.hasOwnProperty, Qi = Ut.call(Object);
+function es(e) {
+  if (!V(e) || X(e) != Yi)
+    return !1;
+  var t = Nt(e);
+  if (t === null)
+    return !0;
+  var r = Ji.call(t, "constructor") && t.constructor;
+  return typeof r == "function" && r instanceof r && Ut.call(r) == Qi;
+}
+function Fe(e, t) {
+  if (!(t === "constructor" && typeof e[t] == "function") && t != "__proto__")
+    return e[t];
+}
+var ts = Object.prototype, rs = ts.hasOwnProperty;
+function ns(e, t, r) {
+  var n = e[t];
+  (!(rs.call(e, t) && ue(n, r)) || r === void 0 && !(t in e)) && Be(e, t, r);
+}
+function as(e, t, r, n) {
+  var i = !r;
+  r || (r = {});
+  for (var a = -1, s = t.length; ++a < s; ) {
+    var o = t[a], u = void 0;
+    u === void 0 && (u = e[o]), i ? Be(r, o, u) : ns(r, o, u);
+  }
+  return r;
+}
+function is(e) {
+  var t = [];
+  if (e != null)
+    for (var r in Object(e))
+      t.push(r);
+  return t;
+}
+var ss = Object.prototype, os = ss.hasOwnProperty;
+function us(e) {
+  if (!F(e))
+    return is(e);
+  var t = Ne(e), r = [];
+  for (var n in e)
+    n == "constructor" && (t || !os.call(e, n)) || r.push(n);
+  return r;
+}
+function Bt(e) {
+  return le(e) ? Pt(e, !0) : us(e);
+}
+function ls(e) {
+  return as(e, Bt(e));
+}
+function fs(e, t, r, n, i, a, s) {
+  var o = Fe(e, r), u = Fe(t, r), l = s.get(u);
+  if (l) {
+    He(e, r, l);
+    return;
+  }
+  var c = a ? a(o, u, r + "", e, t, s) : void 0, f = c === void 0;
+  if (f) {
+    var g = W(u), p = !g && ve(u), b = !g && !p && ke(u);
+    c = u, g || p || b ? W(o) ? c = o : Ki(o) ? c = zi(o) : p ? (f = !1, c = Bi(u)) : b ? (f = !1, c = Gi(u)) : c = [] : es(u) || Me(u) ? (c = o, Me(o) ? c = ls(o) : (!F(o) || je(o)) && (c = Xi(u))) : f = !1;
+  }
+  f && (s.set(u, c), i(c, u, n, a, s), s.delete(u)), He(e, r, c);
+}
+function Vt(e, t, r, n, i) {
+  e !== t && It(t, function(a, s) {
+    if (i || (i = new k()), F(a))
+      fs(e, t, s, r, Vt, n, i);
+    else {
+      var o = n ? n(Fe(e, s), a, s + "", e, t, i) : void 0;
+      o === void 0 && (o = a), He(e, s, o);
+    }
+  }, Bt);
+}
+function cs(e, t, r) {
+  switch (r.length) {
+    case 0:
+      return e.call(t);
+    case 1:
+      return e.call(t, r[0]);
+    case 2:
+      return e.call(t, r[0], r[1]);
+    case 3:
+      return e.call(t, r[0], r[1], r[2]);
+  }
+  return e.apply(t, r);
+}
+var xt = Math.max;
+function hs(e, t, r) {
+  return t = xt(t === void 0 ? e.length - 1 : t, 0), function() {
+    for (var n = arguments, i = -1, a = xt(n.length - t, 0), s = Array(a); ++i < a; )
+      s[i] = n[t + i];
+    i = -1;
+    for (var o = Array(t + 1); ++i < t; )
+      o[i] = n[i];
+    return o[t] = r(s), cs(e, this, o);
+  };
+}
+function ds(e) {
+  return function() {
+    return e;
+  };
+}
+var ps = ye ? function(e, t) {
+  return ye(e, "toString", {
+    configurable: !0,
+    enumerable: !1,
+    value: ds(t),
+    writable: !0
+  });
+} : Ue, gs = 800, bs = 16, vs = Date.now;
+function ms(e) {
+  var t = 0, r = 0;
+  return function() {
+    var n = vs(), i = bs - (n - r);
+    if (r = n, i > 0) {
+      if (++t >= gs)
+        return arguments[0];
+    } else
+      t = 0;
+    return e.apply(void 0, arguments);
+  };
+}
+var ys = ms(ps);
+function _s(e, t) {
+  return ys(hs(e, t, Ue), e + "");
+}
+function xs(e, t, r) {
+  if (!F(r))
+    return !1;
+  var n = typeof t;
+  return (n == "number" ? le(r) && Ot(t, r.length) : n == "string" && t in r) ? ue(r[t], e) : !1;
+}
+function ws(e) {
+  return _s(function(t, r) {
+    var n = -1, i = r.length, a = i > 1 ? r[i - 1] : void 0, s = i > 2 ? r[2] : void 0;
+    for (a = e.length > 3 && typeof a == "function" ? (i--, a) : void 0, s && xs(r[0], r[1], s) && (a = i < 3 ? void 0 : a, i = 1), t = Object(t); ++n < i; ) {
+      var o = r[n];
+      o && e(t, o, n, a);
+    }
+    return t;
+  });
+}
+var Ve = ws(function(e, t, r) {
+  Vt(e, t, r);
+});
+const wt = (e) => {
+  const t = ["r", "g", "b", "a", "h", "s", "l", "v"];
+  let r = 0, n = 0;
+  return pi(t, (i) => {
+    e[i] && (r += 1, isNaN(e[i]) || (n += 1), (i === "s" || i === "l") && /^\d+%$/.test(e[i]) && (n += 1));
+  }), r === n ? e : !1;
+}, he = (e, t) => {
+  const r = e.hex ? d(e.hex) : d(e), n = r.toHsl(), i = r.toHsv(), a = r.toRgb(), s = r.toHex();
+  n.s === 0 && (n.h = t || 0, i.h = t || 0);
+  const o = s === "000000" && a.a === 0;
+  return {
+    hsl: n,
+    hex: o ? "transparent" : `#${s}`,
+    rgb: a,
+    hsv: i,
+    oldHue: e.h || t || n.h,
+    source: e.source
+  };
+}, Ss = (e) => {
+  if (e === "transparent")
+    return !0;
+  const t = String(e).charAt(0) === "#" ? 1 : 0;
+  return e.length !== 4 + t && e.length < 7 + t && d(e).isValid();
+}, Gt = Kt(void 0);
+function Es(e) {
+  let {
+    children: t,
+    onChangeComplete: r,
+    onChange: n,
+    onSwatchHover: i,
+    color: a,
+    defaultColor: s = {
+      h: 250,
+      s: 0.5,
+      l: 0.2,
+      a: 1
+    }
+  } = e;
+  const [o, u] = de({
+    ...he(a ?? s, 0)
+  }), l = pe(a);
+  oi(l.current, a) || (l.current = a), ne(() => {
+    a && u({
+      ...he(a, 0)
+    });
+  }, [l.current]);
+  const c = (b, v, S) => b(v, S), f = ae(() => Hr(c, 100), []);
+  function g(b, v) {
+    if (wt(b)) {
+      const m = he(b, (typeof b != "string" && "h" in b ? b.h : void 0) || o.oldHue);
+      u(m), r && f(r, m, v), n && n(m, v);
+    }
+  }
+  function p(b, v) {
+    if (wt(b)) {
+      const m = he(b, (typeof b != "string" && "h" in b ? b.h : void 0) || o.oldHue);
+      i && i(m, v);
+    }
+  }
+  return h.createElement(Gt.Provider, {
+    value: {
+      colors: o,
+      changeColor: g,
+      onSwatchHover: i ? p : void 0
+    }
+  }, t);
+}
+const zt = () => Yt(Gt), As = (e) => (t) => h.createElement(Es, t, h.createElement(e, t)), Cs = (e, t, r, n, i) => {
+  const a = i.clientWidth, s = i.clientHeight, o = typeof e.pageX == "number" ? e.pageX : e.touches[0].pageX, u = typeof e.pageY == "number" ? e.pageY : e.touches[0].pageY, l = o - (i.getBoundingClientRect().left + window.pageXOffset), c = u - (i.getBoundingClientRect().top + window.pageYOffset);
+  if (r === "vertical") {
+    let f;
+    if (c < 0 ? f = 0 : c > s ? f = 1 : f = Math.round(c * 100 / s) / 100, t.a !== f)
+      return {
+        h: t.h,
+        s: t.s,
+        l: t.l,
+        a: f,
+        source: "rgb"
+      };
+  } else {
+    let f;
+    if (l < 0 ? f = 0 : l > a ? f = 1 : f = Math.round(l * 100 / a) / 100, n !== f)
+      return {
+        h: t.h,
+        s: t.s,
+        l: t.l,
+        a: f,
+        source: "rgb"
+      };
+  }
+  return null;
+}, Te = {}, Ts = (e, t, r, n) => {
+  if (typeof document > "u" && !n)
+    return null;
+  const i = n ? new n() : document.createElement("canvas");
+  i.width = r * 2, i.height = r * 2;
+  const a = i.getContext("2d");
+  return a ? (a.fillStyle = e, a.fillRect(0, 0, i.width, i.height), a.fillStyle = t, a.fillRect(0, 0, r, r), a.translate(r, r), a.fillRect(0, 0, r, r), i.toDataURL()) : null;
+}, Ms = (e, t, r, n) => {
+  const i = `${e}-${t}-${r}${n ? "-server" : ""}`;
+  if (Te[i])
+    return Te[i];
+  const a = Ts(e, t, r, n);
+  return Te[i] = a, a;
+};
+function Ge(e) {
+  let {
+    white: t = "transparent",
+    grey: r = "rgba(0,0,0,.08)",
+    size: n = 8,
+    renderers: i = {},
+    borderRadius: a,
+    boxShadow: s,
+    children: o
+  } = e;
+  const u = {
+    grid: {
+      borderRadius: a,
+      boxShadow: s,
+      position: "absolute",
+      inset: "0px",
+      background: `url(${Ms(t, r, n, i.canvas)}) center left`
+    }
+  };
+  return qt(o) ? h.cloneElement(o, {
+    ...o.props,
+    style: {
+      ...o.props.style,
+      ...u.grid
+    }
+  }) : h.createElement("div", {
+    style: u.grid
+  });
+}
+let Os = class extends (Ie || De) {
+  constructor() {
+    super(...arguments), C(this, "handleChange", (t) => {
+      const r = Cs(t, this.props.hsl, this.props.direction, this.props.a, this.container);
+      r && typeof this.props.onChange == "function" && this.props.onChange(r, t);
+    }), C(this, "handleMouseDown", (t) => {
+      this.handleChange(t), window.addEventListener("mousemove", this.handleChange), window.addEventListener("mouseup", this.handleMouseUp);
+    }), C(this, "handleMouseUp", () => {
+      this.unbindEventListeners();
+    }), C(this, "unbindEventListeners", () => {
+      window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
+    });
+  }
+  componentWillUnmount() {
+    this.unbindEventListeners();
+  }
+  render() {
+    const t = this.props.rgb, r = Ve({
+      alpha: {
+        position: "absolute",
+        inset: "0px",
+        borderRadius: this.props.radius
+      },
+      checkboard: {
+        position: "absolute",
+        inset: "0px",
+        overflow: "hidden",
+        borderRadius: this.props.radius
+      },
+      gradient: {
+        position: "absolute",
+        inset: "0px",
+        background: this.props.direction === "vertical" ? `linear-gradient(to bottom, rgba(${t.r},${t.g},${t.b}, 0) 0%,
+            rgba(${t.r},${t.g},${t.b}, 1) 100%)` : `linear-gradient(to right, rgba(${t.r},${t.g},${t.b}, 0) 0%,
+           rgba(${t.r},${t.g},${t.b}, 1) 100%)`,
+        boxShadow: this.props.shadow,
+        borderRadius: this.props.radius
+      },
+      container: {
+        position: "relative",
+        height: "100%",
+        margin: "0 3px"
+      },
+      pointer: {
+        position: "absolute",
+        left: this.props.direction === "vertical" ? 0 : `${t.a * 100}%`,
+        top: this.props.direction === "vertical" ? `${t.a * 100}%` : void 0
+      },
+      slider: {
+        width: "4px",
+        borderRadius: "1px",
+        height: "8px",
+        boxShadow: "0 0 2px rgba(0, 0, 0, .6)",
+        background: "#fff",
+        marginTop: "1px",
+        transform: "translateX(-2px)"
+      }
+    }, this.props.style);
+    return h.createElement("div", {
+      style: r.alpha
+    }, h.createElement("div", {
+      style: r.checkboard
+    }, h.createElement(Ge, {
+      renderers: this.props.renderers
+    })), h.createElement("div", {
+      style: r.gradient
+    }), h.createElement("div", {
+      style: r.container,
+      ref: (n) => this.container = n,
+      onMouseDown: this.handleMouseDown,
+      onTouchMove: this.handleChange,
+      onTouchStart: this.handleChange
+    }, h.createElement("div", {
+      style: r.pointer
+    }, this.props.pointer ? h.createElement(this.props.pointer, this.props) : h.createElement("div", {
+      style: r.slider
+    }))));
+  }
+};
+var $s = Os;
+const Rs = 1, Wt = 38, Ps = 40, Ls = [Wt, Ps], Hs = (e) => Ls.indexOf(e) > -1, Fs = (e) => Number(String(e).replace(/%/g, ""));
+let Is = 1;
+class Ds extends (Ie || De) {
+  constructor(t) {
+    super(), C(this, "handleBlur", () => {
+      this.state.blurValue && this.setState({
+        value: this.state.blurValue,
+        blurValue: null
+      });
+    }), C(this, "handleChange", (r) => {
+      this.setUpdatedValue(r.target.value, r);
+    }), C(this, "handleKeyDown", (r) => {
+      const n = Fs(r.target.value);
+      if (!isNaN(n) && Hs(r.keyCode)) {
+        const i = this.getArrowOffset(), a = r.keyCode === Wt ? n + i : n - i;
+        this.setUpdatedValue(a, r);
+      }
+    }), C(this, "handleDrag", (r) => {
+      if (this.props.dragLabel) {
+        const n = Math.round(this.props.value + r.movementX);
+        n >= 0 && n <= this.props.dragMax && this.props.onChange && this.props.onChange(this.getValueObjectWithLabel(n), r);
+      }
+    }), C(this, "handleMouseDown", (r) => {
+      this.props.dragLabel && (r.preventDefault(), this.handleDrag(r), window.addEventListener("mousemove", this.handleDrag), window.addEventListener("mouseup", this.handleMouseUp));
+    }), C(this, "handleMouseUp", () => {
+      this.unbindEventListeners();
+    }), C(this, "unbindEventListeners", () => {
+      window.removeEventListener("mousemove", this.handleDrag), window.removeEventListener("mouseup", this.handleMouseUp);
+    }), this.state = {
+      value: String(t.value).toUpperCase(),
+      blurValue: String(t.value).toUpperCase()
+    }, this.inputId = `rc-editable-input-${Is++}`;
+  }
+  componentDidUpdate(t, r) {
+    this.props.value !== this.state.value && (t.value !== this.props.value || r.value !== this.state.value) && (this.input === document.activeElement ? this.setState({
+      blurValue: String(this.props.value).toUpperCase()
+    }) : this.setState({
+      value: String(this.props.value).toUpperCase(),
+      blurValue: !this.state.blurValue && String(this.props.value).toUpperCase()
+    }));
+  }
+  componentWillUnmount() {
+    this.unbindEventListeners();
+  }
+  getValueObjectWithLabel(t) {
+    return {
+      [this.props.label]: t
+    };
+  }
+  getArrowOffset() {
+    return this.props.arrowOffset || Rs;
+  }
+  setUpdatedValue(t, r) {
+    const n = this.props.label ? this.getValueObjectWithLabel(t) : t;
+    this.props.onChange && this.props.onChange(n, r), this.setState({
+      value: t
+    });
+  }
+  render() {
+    const t = {
+      wrap: {
+        position: "relative"
+      },
+      input: this.props.style && this.props.style.input ? this.props.style.input : {},
+      label: {
+        cursor: this.props["dragLabel-true"] ? "ew-resize" : void 0
+      }
+    };
+    return this.props.style && this.props.style.wrap && (t.wrap = {
+      ...t.wrap,
+      ...this.props.style.wrap
+    }), this.props.style && this.props.style.label && (t.label = {
+      ...t.label,
+      ...this.props.style.label
+    }), h.createElement("div", {
+      style: t.wrap
+    }, h.createElement("input", {
+      id: this.inputId,
+      style: t.input,
+      ref: (r) => this.input = r,
+      value: this.state.value,
+      onKeyDown: this.handleKeyDown,
+      onChange: this.handleChange,
+      onBlur: this.handleBlur,
+      placeholder: this.props.placeholder,
+      spellCheck: "false"
+    }), this.props.label && !this.props.hideLabel ? h.createElement("label", {
+      htmlFor: this.inputId,
+      style: t.label,
+      onMouseDown: this.handleMouseDown
+    }, this.props.label) : null);
+  }
+}
+var ee = Ds;
+const js = (e, t, r, n) => {
+  const i = n.clientWidth, a = n.clientHeight, s = typeof e.pageX == "number" ? e.pageX : e.touches[0].pageX, o = typeof e.pageY == "number" ? e.pageY : e.touches[0].pageY, u = s - (n.getBoundingClientRect().left + window.pageXOffset), l = o - (n.getBoundingClientRect().top + window.pageYOffset);
+  if (t === "vertical") {
+    let c;
+    if (l < 0 ? c = 359 : l > a ? c = 0 : c = 360 * (-(l * 100 / a) + 100) / 100, r.h !== c)
+      return {
+        h: c,
+        s: r.s,
+        l: r.l,
+        a: r.a,
+        source: "hsl"
+      };
+  } else {
+    let c;
+    if (u < 0 ? c = 0 : u > i ? c = 359 : c = 360 * (u * 100 / i) / 100, r.h !== c)
+      return {
+        h: c,
+        s: r.s,
+        l: r.l,
+        a: r.a,
+        source: "hsl"
+      };
+  }
+  return null;
+};
+let ks = class extends (Ie || De) {
+  constructor() {
+    super(...arguments), C(this, "handleChange", (t) => {
+      const r = js(t, this.props.direction, this.props.hsl, this.container);
+      r && typeof this.props.onChange == "function" && this.props.onChange(r, t);
+    }), C(this, "handleMouseDown", (t) => {
+      this.handleChange(t), window.addEventListener("mousemove", this.handleChange), window.addEventListener("mouseup", this.handleMouseUp);
+    }), C(this, "handleMouseUp", () => {
+      this.unbindEventListeners();
+    });
+  }
+  componentWillUnmount() {
+    this.unbindEventListeners();
+  }
+  unbindEventListeners() {
+    window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
+  }
+  render() {
+    const {
+      direction: t = "horizontal"
+    } = this.props, r = {
+      hue: {
+        position: "absolute",
+        inset: "0px",
+        borderRadius: this.props.radius,
+        boxShadow: this.props.shadow
+      },
+      container: {
+        padding: "0 2px",
+        position: "relative",
+        height: "100%",
+        borderRadius: this.props.radius
+      },
+      pointer: {
+        position: "absolute",
+        left: t === "vertical" ? "0px" : `${this.props.hsl.h * 100 / 360}%`,
+        top: t === "vertical" ? `${-(this.props.hsl.h * 100 / 360) + 100}%` : void 0
+      },
+      slider: {
+        marginTop: "1px",
+        width: "4px",
+        borderRadius: "1px",
+        height: "8px",
+        boxShadow: "0 0 2px rgba(0, 0, 0, .6)",
+        background: "#fff",
+        transform: "translateX(-2px)"
+      }
+    };
+    return h.createElement("div", {
+      style: r.hue
+    }, h.createElement("div", {
+      className: `hue-${t}`,
+      style: r.container,
+      ref: (n) => this.container = n,
+      onMouseDown: this.handleMouseDown,
+      onTouchMove: this.handleChange,
+      onTouchStart: this.handleChange
+    }, h.createElement("style", null, `
+            .hue-horizontal {
+              background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0
+                33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
+              background: -webkit-linear-gradient(to right, #f00 0%, #ff0
+                17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
+            }
+
+            .hue-vertical {
+              background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,
+                #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
+              background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,
+                #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
+            }
+          `), h.createElement("div", {
+      style: r.pointer
+    }, this.props.pointer ? h.createElement(this.props.pointer, this.props) : h.createElement("div", {
+      style: r.slider
+    }))));
+  }
+};
+var Ns = ks;
+function Us(e, t, r) {
+  const {
+    width: n,
+    height: i
+  } = r.getBoundingClientRect(), a = typeof e.pageX == "number" ? e.pageX : e.touches[0].pageX, s = typeof e.pageY == "number" ? e.pageY : e.touches[0].pageY;
+  let o = a - (r.getBoundingClientRect().left + window.pageXOffset), u = s - (r.getBoundingClientRect().top + window.pageYOffset);
+  o < 0 ? o = 0 : o > n && (o = n), u < 0 ? u = 0 : u > i && (u = i);
+  const l = o / n, c = 1 - u / i;
+  return {
+    h: t.h,
+    s: l,
+    v: c,
+    a: t.a,
+    source: "hsv"
+  };
+}
+function Bs(e) {
+  let {
+    hsl: t,
+    hsv: r,
+    pointer: n,
+    onChange: i,
+    shadow: a,
+    radius: s,
+    style: o
+  } = e;
+  const u = pe(null);
+  ne(() => () => {
+    g();
+  }, []);
+  function l(T) {
+    i && i(Us(T, t, u.current), T);
+  }
+  function c(T) {
+    l(T), u.current && (u.current.addEventListener("mousemove", l), u.current.addEventListener("mouseup", f));
+  }
+  function f() {
+    g();
+  }
+  function g() {
+    u.current && (u.current.removeEventListener("mousemove", l), u.current.removeEventListener("mouseup", f));
+  }
+  const {
+    color: p,
+    white: b,
+    black: v,
+    pointer: S,
+    circle: m
+  } = o || {};
+  let x = {
+    color: {
+      position: "absolute",
+      inset: "0px",
+      background: `hsl(${t.h},100%, 50%)`,
+      borderRadius: s
+    },
+    white: {
+      position: "absolute",
+      inset: "0px",
+      borderRadius: s
+    },
+    black: {
+      position: "absolute",
+      inset: "0px",
+      boxShadow: a,
+      borderRadius: s
+    },
+    pointer: {
+      position: "absolute",
+      top: `${-(r.v * 100) + 100}%`,
+      left: `${r.s * 100}%`,
+      cursor: "default"
+    },
+    circle: {
+      width: "4px",
+      height: "4px",
+      boxShadow: `0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
+            0 0 1px 2px rgba(0,0,0,.4)`,
+      borderRadius: "50%",
+      cursor: "hand",
+      transform: "translate(-2px, -2px)"
+    }
+  };
+  return o && (x = Ve(x, {
+    color: p,
+    white: b,
+    black: v,
+    stylePointer: S,
+    circle: m
+  })), h.createElement("div", {
+    style: x.color,
+    ref: u,
+    onMouseDown: c,
+    onTouchMove: l,
+    onTouchStart: l
+  }, h.createElement("style", null, `
+          .saturation-white {
+            background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));
+            background: linear-gradient(to right, #fff, rgba(255,255,255,0));
+          }
+          .saturation-black {
+            background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));
+            background: linear-gradient(to top, #000, rgba(0,0,0,0));
+          }
+        `), h.createElement("div", {
+    style: x.white,
+    className: "saturation-white"
+  }, h.createElement("div", {
+    style: x.black,
+    className: "saturation-black"
+  }), h.createElement("div", {
+    style: x.pointer
+  }, n || h.createElement("div", {
+    style: x.circle
+  }))));
+}
+const Vs = function(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "span";
+  return class extends h.Component {
+    constructor() {
+      super(...arguments), C(this, "state", {
+        focus: !1
+      }), C(this, "handleFocus", () => this.setState({
+        focus: !0
+      })), C(this, "handleBlur", () => this.setState({
+        focus: !1
+      }));
+    }
+    render() {
+      return h.createElement(t, {
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur
+      }, h.createElement(e, St({}, this.props, this.state)));
+    }
+  };
+}, Gs = 13, zs = (e) => {
+  let {
+    color: t,
+    style: r,
+    onClick: n = () => {
+    },
+    title: i = t,
+    children: a,
+    focus: s,
+    focusStyle: o = {}
+  } = e;
+  const {
+    onSwatchHover: u
+  } = zt(), l = t === "transparent", c = {
+    swatch: {
+      background: t,
+      height: "100%",
+      width: "100%",
+      cursor: "pointer",
+      position: "relative",
+      outline: "none",
+      ...r,
+      ...s ? o : {}
+    }
+  }, f = (p) => n(t, p), g = (p) => p.keyCode === Gs && n(t, p);
+  return h.createElement("div", {
+    style: c.swatch,
+    onClick: f,
+    title: i,
+    tabIndex: 0,
+    onKeyDown: g,
+    onMouseOver: (p) => {
+      u && u(t, p);
+    }
+  }, a, l && h.createElement(Ge, {
+    borderRadius: c.swatch.borderRadius,
+    boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.1)"
+  }));
+};
+var Ws = Vs(zs);
+const Xs = (e) => {
+  let {
+    onChange: t = () => {
+    },
+    rgb: r,
+    hsl: n,
+    hex: i,
+    disableAlpha: a
+  } = e;
+  const s = {
+    fields: {
+      display: "flex",
+      paddingTop: "4px"
+    },
+    single: {
+      flex: "1",
+      paddingLeft: "6px"
+    },
+    alpha: {
+      flex: "1",
+      paddingLeft: "6px",
+      display: a ? "none" : void 0
+    },
+    double: {
+      flex: "2"
+    },
+    input: {
+      width: "80%",
+      padding: "4px 10% 3px",
+      border: "none",
+      boxShadow: "inset 0 0 0 1px #ccc",
+      fontSize: "11px"
+    },
+    label: {
+      display: "block",
+      textAlign: "center",
+      fontSize: "11px",
+      color: "#222",
+      paddingTop: "3px",
+      paddingBottom: "4px",
+      textTransform: "capitalize"
+    }
+  }, o = (u, l) => {
+    typeof u != "string" && "hex" in u ? Ss(u.hex) && t({
+      hex: u.hex,
+      source: "hex"
+    }, l) : typeof u != "string" && ("r" in u || "g" in u || "b" in u) ? t({
+      r: u.r || r.r,
+      g: u.g || r.g,
+      b: u.b || r.b,
+      a: r.a,
+      source: "rgb"
+    }, l) : typeof u != "string" && u.a && (u.a < 0 ? u.a = 0 : u.a > 100 && (u.a = 100), u.a /= 100, t({
+      h: n.h,
+      s: n.s,
+      l: n.l,
+      a: u.a,
+      source: "rgb"
+    }, l));
+  };
+  return h.createElement("div", {
+    style: s.fields,
+    className: "flexbox-fix"
+  }, h.createElement("div", {
+    style: s.double
+  }, h.createElement(ee, {
+    style: {
+      input: s.input,
+      label: s.label
+    },
+    label: "hex",
+    value: i.replace("#", ""),
+    onChange: o
+  })), h.createElement("div", {
+    style: s.single
+  }, h.createElement(ee, {
+    style: {
+      input: s.input,
+      label: s.label
+    },
+    label: "r",
+    value: r.r,
+    onChange: o,
+    dragLabel: "true",
+    dragMax: "255"
+  })), h.createElement("div", {
+    style: s.single
+  }, h.createElement(ee, {
+    style: {
+      input: s.input,
+      label: s.label
+    },
+    label: "g",
+    value: r.g,
+    onChange: o,
+    dragLabel: "true",
+    dragMax: "255"
+  })), h.createElement("div", {
+    style: s.single
+  }, h.createElement(ee, {
+    style: {
+      input: s.input,
+      label: s.label
+    },
+    label: "b",
+    value: r.b,
+    onChange: o,
+    dragLabel: "true",
+    dragMax: "255"
+  })), h.createElement("div", {
+    style: s.alpha
+  }, h.createElement(ee, {
+    style: {
+      input: s.input,
+      label: s.label
+    },
+    label: "a",
+    value: Math.round((r.a ?? 1) * 100),
+    onChange: o,
+    dragLabel: "true",
+    dragMax: "100"
+  })));
+};
+var Ks = Xs;
+function Ys(e) {
+  let {
+    colors: t,
+    onClick: r = () => {
+    }
+  } = e;
+  const i = {
+    colors: {
+      margin: "0 -10px",
+      padding: "10px 0 0 10px",
+      borderTop: "1px solid #eee",
+      display: !t || !t.length ? "none" : "flex",
+      flexWrap: "wrap",
+      position: "relative"
+    },
+    swatchWrap: {
+      width: "16px",
+      height: "16px",
+      margin: "0 10px 10px 0"
+    },
+    swatch: {
+      borderRadius: "3px",
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15)"
+    }
+  }, a = (s, o) => {
+    r({
+      hex: s,
+      source: "hex"
+    }, o);
+  };
+  return h.createElement("div", {
+    style: i.colors,
+    className: "flexbox-fix"
+  }, t.map((s) => {
+    const o = typeof s == "string" ? {
+      color: s
+    } : s, u = `${o.color}${("title" in o ? o.title : "") || ""}`;
+    return h.createElement("div", {
+      key: u,
+      style: i.swatchWrap
+    }, h.createElement(Ws, St({}, o, {
+      style: i.swatch,
+      onClick: a,
+      focusStyle: {
+        boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${o.color}`
+      }
+    })));
+  }));
+}
+function qs(e) {
+  let {
+    width: t = 200,
+    disableAlpha: r = !1,
+    presetColors: n = ["#D0021B", "#F5A623", "#F8E71C", "#8B572A", "#7ED321", "#417505", "#BD10E0", "#9013FE", "#4A90E2", "#50E3C2", "#B8E986", "#000000", "#4A4A4A", "#9B9B9B", "#FFFFFF"],
+    renderers: i,
+    styles: a = {},
+    className: s = ""
+  } = e;
+  const {
+    colors: o,
+    changeColor: u
+  } = zt(), {
+    rgb: l,
+    hex: c,
+    hsv: f,
+    hsl: g
+  } = o, p = Ve({
+    picker: {
+      width: t,
+      padding: "10px 10px 0",
+      boxSizing: "initial",
+      background: "#fff",
+      borderRadius: "4px",
+      boxShadow: "0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"
+    },
+    saturation: {
+      width: "100%",
+      paddingBottom: "75%",
+      position: "relative",
+      overflow: "hidden"
+    },
+    Saturation: {
+      borderRadius: "3px",
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"
+    },
+    controls: {
+      display: "flex"
+    },
+    sliders: {
+      padding: "4px 0",
+      flex: "1"
+    },
+    color: {
+      width: "24px",
+      height: r ? "10px" : "24px",
+      position: "relative",
+      marginTop: "4px",
+      marginLeft: "4px",
+      borderRadius: "3px"
+    },
+    activeColor: {
+      position: "absolute",
+      inset: "0px",
+      borderRadius: "2px",
+      background: `rgba(${l.r},${l.g},${l.b},${l.a})`,
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"
+    },
+    hue: {
+      position: "relative",
+      height: "10px",
+      overflow: "hidden"
+    },
+    Hue: {
+      borderRadius: "2px",
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"
+    },
+    alpha: {
+      position: "relative",
+      height: "10px",
+      marginTop: "4px",
+      overflow: "hidden",
+      display: r ? "none" : void 0
+    },
+    Alpha: {
+      borderRadius: "2px",
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"
+    },
+    ...a
+  }, a);
+  return h.createElement("div", {
+    style: p.picker,
+    className: `sketch-picker ${s}`
+  }, h.createElement("div", {
+    style: p.saturation
+  }, h.createElement(Bs, {
+    style: p.Saturation,
+    hsl: g,
+    hsv: f,
+    onChange: u
+  })), h.createElement("div", {
+    style: p.controls,
+    className: "flexbox-fix"
+  }, h.createElement("div", {
+    style: p.sliders
+  }, h.createElement("div", {
+    style: p.hue
+  }, h.createElement(Ns, {
+    style: p.Hue,
+    hsl: g,
+    onChange: u
+  })), h.createElement("div", {
+    style: p.alpha
+  }, h.createElement($s, {
+    style: p.Alpha,
+    rgb: l,
+    hsl: g,
+    renderers: i,
+    onChange: u
+  }))), h.createElement("div", {
+    style: p.color
+  }, h.createElement(Ge, null), h.createElement("div", {
+    style: p.activeColor
+  }))), h.createElement(Ks, {
+    rgb: l,
+    hsl: g,
+    hex: c,
+    onChange: u,
+    disableAlpha: r
+  }), h.createElement(Ys, {
+    colors: n,
+    onClick: u
+  }));
+}
+var co = As(qs);
+function ho(e) {
+  const t = er((n) => {
+    var a, s;
+    const i = [];
+    for (const o of Object.keys(n.nodes)) {
+      const u = ((s = (a = n.nodes[o]) == null ? void 0 : a.data) == null ? void 0 : s.props) ?? {};
+      try {
+        i.push({ id: o, serialized: JSON.stringify(u) });
+      } catch {
+      }
+    }
+    return i;
+  }), r = ae(() => Array.isArray(t) ? t : t && typeof t == "object" ? Object.keys(t).filter((n) => !isNaN(Number(n))).map((n) => t[n]).filter(
+    (n) => n && typeof n == "object" && "id" in n && "serialized" in n
+  ) : [], [t]);
+  return ae(() => {
+    if (!e) return { count: 0, nodeIds: [] };
+    const n = `var(${e})`, i = [];
+    for (const { id: a, serialized: s } of r)
+      s.includes(n) && i.push(a);
+    return { count: i.length, nodeIds: i };
+  }, [e, r]);
+}
+function Zs({
+  open: e,
+  placement: t = "bottom-start",
+  strategy: r = "fixed",
+  mainAxisOffset: n = 4,
+  crossAxisOffset: i = 0,
+  flipOptions: a,
+  shiftPadding: s = 8,
+  boundary: o = "clippingAncestors",
+  rootBoundary: u = "viewport",
+  maxHeightCeiling: l,
+  maxHeightMin: c = 0,
+  matchReferenceMinMaxWidth: f,
+  middleware: g = [],
+  whileElementsMounted: p = fr,
+  dismiss: b,
+  transform: v = !0
+}) {
+  const S = pe(b);
+  S.current = b;
+  const m = pe(g);
+  m.current = g;
+  const x = f == null ? void 0 : f.min, T = f == null ? void 0 : f.max, H = ae(() => {
+    const E = [
+      ar({ mainAxis: n, crossAxis: i }),
+      ir(a),
+      sr({ padding: s, boundary: o, rootBoundary: u })
+    ];
+    return l != null && E.push(
+      or({
+        boundary: o,
+        rootBoundary: u,
+        apply({ availableHeight: O, rects: M, elements: I }) {
+          const D = Math.min(l, O), U = Math.max(c, D);
+          if (Object.assign(I.floating.style, { maxHeight: `${U}px` }), x != null && T != null) {
+            const Z = M.reference.width, G = Math.min(Math.max(Z, x), T);
+            I.floating.style.minWidth = `${G}px`;
+          }
+        }
+      })
+    ), E.push(...m.current), E;
+  }, [
+    n,
+    i,
+    a,
+    s,
+    o,
+    u,
+    l,
+    c,
+    x,
+    T
+  ]), A = ur({
+    open: e,
+    placement: t,
+    strategy: r,
+    middleware: H,
+    whileElementsMounted: p ?? void 0,
+    transform: v
+  });
+  ne(() => {
+    if (!e) return;
+    const E = S.current;
+    if (!E) return;
+    const O = (M) => {
+      var U, Z;
+      if (M.button === 2) return;
+      const I = M.target, D = A.refs.reference.current;
+      if (!(D != null && D.contains(I)) && !((U = A.refs.floating.current) != null && U.contains(I))) {
+        for (const G of E.ignoreFloatingRefs || [])
+          if ((Z = G == null ? void 0 : G.current) != null && Z.contains(I)) return;
+        E.onDismiss();
+      }
+    };
+    return document.addEventListener("pointerdown", O, !0), () => {
+      document.removeEventListener("pointerdown", O, !0);
+    };
+  }, [e, A.refs.reference, A.refs.floating]);
+  const y = Zt();
+  return lr({
+    id: `anchored-popover:${y}`,
+    isOpen: !!(e && b),
+    onDismiss: () => {
+      var E;
+      (E = S.current) == null || E.onDismiss();
+    }
+  }), A;
+}
+function Js(e) {
+  return e || (typeof document > "u" ? null : document.querySelector(".pagehub-sdk-root") ?? document.body);
+}
+const Qs = 75;
+function eo(e) {
+  return e ? e instanceof HTMLElement ? e : e.current ?? null : null;
+}
+function po({
+  open: e,
+  onOpenChange: t,
+  anchor: r,
+  anchorRect: n,
+  placement: i = "bottom-start",
+  mainAxisOffset: a = 4,
+  crossAxisOffset: s = 0,
+  flipOptions: o,
+  shiftPadding: u = 8,
+  boundary: l = "clippingAncestors",
+  rootBoundary: c = "viewport",
+  maxHeightCeiling: f,
+  matchAnchorWidth: g,
+  immediate: p = !1,
+  zIndex: b = cr,
+  className: v,
+  style: S,
+  portalTarget: m,
+  ignoreOutsideClicks: x,
+  disableDismiss: T = !1,
+  children: H
+}) {
+  const [A, y] = de(e), [E, O] = de(e ? "open" : "closed");
+  ne(() => {
+    if (e) {
+      y(!0), O("open");
+      return;
+    }
+    if (O((ze) => ze === "open" ? "closed" : ze), p) {
+      y(!1);
+      return;
+    }
+    const fe = window.setTimeout(() => y(!1), Qs);
+    return () => window.clearTimeout(fe);
+  }, [e, p]);
+  const M = Zs({
+    open: A,
+    placement: i,
+    mainAxisOffset: a,
+    crossAxisOffset: s,
+    flipOptions: o,
+    shiftPadding: u,
+    boundary: l,
+    rootBoundary: c,
+    maxHeightCeiling: f,
+    matchReferenceMinMaxWidth: g,
+    dismiss: T ? void 0 : { onDismiss: () => t(!1), ignoreFloatingRefs: x }
+  });
+  Jt(() => {
+    A && (n ? M.refs.setReference({
+      getBoundingClientRect: () => n
+    }) : M.refs.setReference(eo(r)), M.update());
+  }, [A, r, n]);
+  const I = ae(() => Js(m), [m]), D = nr(), [U, Z] = de(null), G = Qt(
+    (fe) => {
+      M.refs.setFloating(fe), Z(fe);
+    },
+    [M.refs]
+  );
+  if (ne(() => {
+    if (!(!U || !D))
+      return D(U);
+  }, [U, D]), !A || !I) return null;
+  const Xt = {
+    ...M.floatingStyles,
+    zIndex: b,
+    ...S
+  };
+  return rr.createPortal(
+    /* @__PURE__ */ tr(
+      "div",
+      {
+        ref: G,
+        "data-ph-popover": "",
+        "data-state": E,
+        style: Xt,
+        className: v,
+        children: H
+      }
+    ),
+    I
+  );
+}
+export {
+  po as A,
+  co as S,
+  ho as a,
+  Zs as u
+};