cross-country 1.2.21 → 1.2.22

package/dist/Color-ERTF36HU-DRLqcX19.js

@@ -1,358 +0,0 @@
-import { P as k, t as ue, r as ye, x as we, Q as Ce, U as $e } from "./log-error-boundary-story-BF8rmHhr.js";
-import c, { useRef as $, useMemo as U, useEffect as O, useState as L, useCallback as P, useLayoutEffect as ke } from "react";
-import { g as se } from "./index-DukGzmpD.js";
-import { r as Ne } from "./index-Cdg9lY68.js";
-import { _ as Ie, i as Me, a as Oe, b as ce } from "./_getTag-CqbPZ7Cl.js";
-var Se = Ie, Te = Me, He = "[object Symbol]";
-function Le(e) {
-  return typeof e == "symbol" || Te(e) && Se(e) == He;
-}
-var Re = Le, Pe = Ne();
-const E = /* @__PURE__ */ se(Pe);
-var je = Oe, ze = function() {
-  return je.Date.now();
-}, Be = ze, Xe = /\s/;
-function We(e) {
-  for (var r = e.length; r-- && Xe.test(e.charAt(r)); )
-    ;
-  return r;
-}
-var De = We, Ge = De, Ve = /^\s+/;
-function Ae(e) {
-  return e && e.slice(0, Ge(e) + 1).replace(Ve, "");
-}
-var qe = Ae, Fe = qe, ee = ce, Ke = Re, re = NaN, Ue = /^[-+]0x[0-9a-f]+$/i, Ye = /^0b[01]+$/i, Qe = /^0o[0-7]+$/i, Je = parseInt;
-function Ze(e) {
-  if (typeof e == "number")
-    return e;
-  if (Ke(e))
-    return re;
-  if (ee(e)) {
-    var r = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = ee(r) ? r + "" : r;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = Fe(e);
-  var t = Ye.test(e);
-  return t || Qe.test(e) ? Je(e.slice(2), t ? 2 : 8) : Ue.test(e) ? re : +e;
-}
-var er = Ze, rr = ce, G = Be, te = er, tr = "Expected a function", nr = Math.max, ar = Math.min;
-function or(e, r, t) {
-  var n, a, i, l, o, u, s = 0, h = !1, d = !1, f = !0;
-  if (typeof e != "function")
-    throw new TypeError(tr);
-  r = te(r) || 0, rr(t) && (h = !!t.leading, d = "maxWait" in t, i = d ? nr(te(t.maxWait) || 0, r) : i, f = "trailing" in t ? !!t.trailing : f);
-  function b(g) {
-    var C = n, H = a;
-    return n = a = void 0, s = g, l = e.apply(H, C), l;
-  }
-  function T(g) {
-    return s = g, o = setTimeout(m, r), h ? b(g) : l;
-  }
-  function w(g) {
-    var C = g - u, H = g - s, Z = r - C;
-    return d ? ar(Z, i - H) : Z;
-  }
-  function v(g) {
-    var C = g - u, H = g - s;
-    return u === void 0 || C >= r || C < 0 || d && H >= i;
-  }
-  function m() {
-    var g = G();
-    if (v(g))
-      return x(g);
-    o = setTimeout(m, w(g));
-  }
-  function x(g) {
-    return o = void 0, f && n ? b(g) : (n = a = void 0, l);
-  }
-  function y() {
-    o !== void 0 && clearTimeout(o), s = 0, n = u = a = o = void 0;
-  }
-  function _() {
-    return o === void 0 ? l : x(G());
-  }
-  function N() {
-    var g = G(), C = v(g);
-    if (n = arguments, a = this, u = g, C) {
-      if (o === void 0)
-        return T(u);
-      if (d)
-        return clearTimeout(o), o = setTimeout(m, r), b(u);
-    }
-    return o === void 0 && (o = setTimeout(m, r)), l;
-  }
-  return N.cancel = y, N.flush = _, N;
-}
-var ir = or;
-const lr = /* @__PURE__ */ se(ir);
-function I() {
-  return (I = Object.assign || function(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = arguments[r];
-      for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
-    }
-    return e;
-  }).apply(this, arguments);
-}
-function Y(e, r) {
-  if (e == null) return {};
-  var t, n, a = {}, i = Object.keys(e);
-  for (n = 0; n < i.length; n++) r.indexOf(t = i[n]) >= 0 || (a[t] = e[t]);
-  return a;
-}
-function V(e) {
-  var r = $(e), t = $(function(n) {
-    r.current && r.current(n);
-  });
-  return r.current = e, t.current;
-}
-var S = function(e, r, t) {
-  return r === void 0 && (r = 0), t === void 0 && (t = 1), e > t ? t : e < r ? r : e;
-}, R = function(e) {
-  return "touches" in e;
-}, A = function(e) {
-  return e && e.ownerDocument.defaultView || self;
-}, ne = function(e, r, t) {
-  var n = e.getBoundingClientRect(), a = R(r) ? function(i, l) {
-    for (var o = 0; o < i.length; o++) if (i[o].identifier === l) return i[o];
-    return i[0];
-  }(r.touches, t) : r;
-  return { left: S((a.pageX - (n.left + A(e).pageXOffset)) / n.width), top: S((a.pageY - (n.top + A(e).pageYOffset)) / n.height) };
-}, ae = function(e) {
-  !R(e) && e.preventDefault();
-}, Q = c.memo(function(e) {
-  var r = e.onMove, t = e.onKey, n = Y(e, ["onMove", "onKey"]), a = $(null), i = V(r), l = V(t), o = $(null), u = $(!1), s = U(function() {
-    var b = function(v) {
-      ae(v), (R(v) ? v.touches.length > 0 : v.buttons > 0) && a.current ? i(ne(a.current, v, o.current)) : w(!1);
-    }, T = function() {
-      return w(!1);
-    };
-    function w(v) {
-      var m = u.current, x = A(a.current), y = v ? x.addEventListener : x.removeEventListener;
-      y(m ? "touchmove" : "mousemove", b), y(m ? "touchend" : "mouseup", T);
-    }
-    return [function(v) {
-      var m = v.nativeEvent, x = a.current;
-      if (x && (ae(m), !function(_, N) {
-        return N && !R(_);
-      }(m, u.current) && x)) {
-        if (R(m)) {
-          u.current = !0;
-          var y = m.changedTouches || [];
-          y.length && (o.current = y[0].identifier);
-        }
-        x.focus(), i(ne(x, m, o.current)), w(!0);
-      }
-    }, function(v) {
-      var m = v.which || v.keyCode;
-      m < 37 || m > 40 || (v.preventDefault(), l({ left: m === 39 ? 0.05 : m === 37 ? -0.05 : 0, top: m === 40 ? 0.05 : m === 38 ? -0.05 : 0 }));
-    }, w];
-  }, [l, i]), h = s[0], d = s[1], f = s[2];
-  return O(function() {
-    return f;
-  }, [f]), c.createElement("div", I({}, n, { onTouchStart: h, onMouseDown: h, className: "react-colorful__interactive", ref: a, onKeyDown: d, tabIndex: 0, role: "slider" }));
-}), j = function(e) {
-  return e.filter(Boolean).join(" ");
-}, J = function(e) {
-  var r = e.color, t = e.left, n = e.top, a = n === void 0 ? 0.5 : n, i = j(["react-colorful__pointer", e.className]);
-  return c.createElement("div", { className: i, style: { top: 100 * a + "%", left: 100 * t + "%" } }, c.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: r } }));
-}, p = function(e, r, t) {
-  return r === void 0 && (r = 0), t === void 0 && (t = Math.pow(10, r)), Math.round(t * e) / t;
-}, ur = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, sr = function(e) {
-  return he(q(e));
-}, q = function(e) {
-  return e[0] === "#" && (e = e.substring(1)), e.length < 6 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? p(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : { r: parseInt(e.substring(0, 2), 16), g: parseInt(e.substring(2, 4), 16), b: parseInt(e.substring(4, 6), 16), a: e.length === 8 ? p(parseInt(e.substring(6, 8), 16) / 255, 2) : 1 };
-}, cr = function(e, r) {
-  return r === void 0 && (r = "deg"), Number(e) * (ur[r] || 1);
-}, fr = function(e) {
-  var r = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);
-  return r ? dr({ h: cr(r[1], r[2]), s: Number(r[3]), l: Number(r[4]), a: r[5] === void 0 ? 1 : Number(r[5]) / (r[6] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 };
-}, dr = function(e) {
-  var r = e.s, t = e.l;
-  return { h: e.h, s: (r *= (t < 50 ? t : 100 - t) / 100) > 0 ? 2 * r / (t + r) * 100 : 0, v: t + r, a: e.a };
-}, hr = function(e) {
-  return gr(de(e));
-}, fe = function(e) {
-  var r = e.s, t = e.v, n = e.a, a = (200 - r) * t / 100;
-  return { h: p(e.h), s: p(a > 0 && a < 200 ? r * t / 100 / (a <= 100 ? a : 200 - a) * 100 : 0), l: p(a / 2), a: p(n, 2) };
-}, F = function(e) {
-  var r = fe(e);
-  return "hsl(" + r.h + ", " + r.s + "%, " + r.l + "%)";
-}, W = function(e) {
-  var r = fe(e);
-  return "hsla(" + r.h + ", " + r.s + "%, " + r.l + "%, " + r.a + ")";
-}, de = function(e) {
-  var r = e.h, t = e.s, n = e.v, a = e.a;
-  r = r / 360 * 6, t /= 100, n /= 100;
-  var i = Math.floor(r), l = n * (1 - t), o = n * (1 - (r - i) * t), u = n * (1 - (1 - r + i) * t), s = i % 6;
-  return { r: p(255 * [n, o, l, l, u, n][s]), g: p(255 * [u, n, n, o, l, l][s]), b: p(255 * [l, l, u, n, n, o][s]), a: p(a, 2) };
-}, mr = function(e) {
-  var r = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);
-  return r ? he({ r: Number(r[1]) / (r[2] ? 100 / 255 : 1), g: Number(r[3]) / (r[4] ? 100 / 255 : 1), b: Number(r[5]) / (r[6] ? 100 / 255 : 1), a: r[7] === void 0 ? 1 : Number(r[7]) / (r[8] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 };
-}, z = function(e) {
-  var r = e.toString(16);
-  return r.length < 2 ? "0" + r : r;
-}, gr = function(e) {
-  var r = e.r, t = e.g, n = e.b, a = e.a, i = a < 1 ? z(p(255 * a)) : "";
-  return "#" + z(r) + z(t) + z(n) + i;
-}, he = function(e) {
-  var r = e.r, t = e.g, n = e.b, a = e.a, i = Math.max(r, t, n), l = i - Math.min(r, t, n), o = l ? i === r ? (t - n) / l : i === t ? 2 + (n - r) / l : 4 + (r - t) / l : 0;
-  return { h: p(60 * (o < 0 ? o + 6 : o)), s: p(i ? l / i * 100 : 0), v: p(i / 255 * 100), a };
-}, me = c.memo(function(e) {
-  var r = e.hue, t = e.onChange, n = j(["react-colorful__hue", e.className]);
-  return c.createElement("div", { className: n }, c.createElement(Q, { onMove: function(a) {
-    t({ h: 360 * a.left });
-  }, onKey: function(a) {
-    t({ h: S(r + 360 * a.left, 0, 360) });
-  }, "aria-label": "Hue", "aria-valuenow": p(r), "aria-valuemax": "360", "aria-valuemin": "0" }, c.createElement(J, { className: "react-colorful__hue-pointer", left: r / 360, color: F({ h: r, s: 100, v: 100, a: 1 }) })));
-}), ge = c.memo(function(e) {
-  var r = e.hsva, t = e.onChange, n = { backgroundColor: F({ h: r.h, s: 100, v: 100, a: 1 }) };
-  return c.createElement("div", { className: "react-colorful__saturation", style: n }, c.createElement(Q, { onMove: function(a) {
-    t({ s: 100 * a.left, v: 100 - 100 * a.top });
-  }, onKey: function(a) {
-    t({ s: S(r.s + 100 * a.left, 0, 100), v: S(r.v - 100 * a.top, 0, 100) });
-  }, "aria-label": "Color", "aria-valuetext": "Saturation " + p(r.s) + "%, Brightness " + p(r.v) + "%" }, c.createElement(J, { className: "react-colorful__saturation-pointer", top: 1 - r.v / 100, left: r.s / 100, color: F(r) })));
-}), ve = function(e, r) {
-  if (e === r) return !0;
-  for (var t in e) if (e[t] !== r[t]) return !1;
-  return !0;
-}, pe = function(e, r) {
-  return e.replace(/\s/g, "") === r.replace(/\s/g, "");
-}, vr = function(e, r) {
-  return e.toLowerCase() === r.toLowerCase() || ve(q(e), q(r));
-};
-function be(e, r, t) {
-  var n = V(t), a = L(function() {
-    return e.toHsva(r);
-  }), i = a[0], l = a[1], o = $({ color: r, hsva: i });
-  O(function() {
-    if (!e.equal(r, o.current.color)) {
-      var s = e.toHsva(r);
-      o.current = { hsva: s, color: r }, l(s);
-    }
-  }, [r, e]), O(function() {
-    var s;
-    ve(i, o.current.hsva) || e.equal(s = e.fromHsva(i), o.current.color) || (o.current = { hsva: i, color: s }, n(s));
-  }, [i, e, n]);
-  var u = P(function(s) {
-    l(function(h) {
-      return Object.assign({}, h, s);
-    });
-  }, []);
-  return [i, u];
-}
-var pr = typeof window < "u" ? ke : O, br = function() {
-  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
-}, oe = /* @__PURE__ */ new Map(), xe = function(e) {
-  pr(function() {
-    var r = e.current ? e.current.ownerDocument : document;
-    if (r !== void 0 && !oe.has(r)) {
-      var t = r.createElement("style");
-      t.innerHTML = `.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`, oe.set(r, t);
-      var n = br();
-      n && t.setAttribute("nonce", n), r.head.appendChild(t);
-    }
-  }, []);
-}, xr = function(e) {
-  var r = e.className, t = e.colorModel, n = e.color, a = n === void 0 ? t.defaultColor : n, i = e.onChange, l = Y(e, ["className", "colorModel", "color", "onChange"]), o = $(null);
-  xe(o);
-  var u = be(t, a, i), s = u[0], h = u[1], d = j(["react-colorful", r]);
-  return c.createElement("div", I({}, l, { ref: o, className: d }), c.createElement(ge, { hsva: s, onChange: h }), c.createElement(me, { hue: s.h, onChange: h, className: "react-colorful__last-control" }));
-}, _r = { defaultColor: "000", toHsva: sr, fromHsva: function(e) {
-  return hr({ h: e.h, s: e.s, v: e.v, a: 1 });
-}, equal: vr }, Er = function(e) {
-  return c.createElement(xr, I({}, e, { colorModel: _r }));
-}, yr = function(e) {
-  var r = e.className, t = e.hsva, n = e.onChange, a = { backgroundImage: "linear-gradient(90deg, " + W(Object.assign({}, t, { a: 0 })) + ", " + W(Object.assign({}, t, { a: 1 })) + ")" }, i = j(["react-colorful__alpha", r]), l = p(100 * t.a);
-  return c.createElement("div", { className: i }, c.createElement("div", { className: "react-colorful__alpha-gradient", style: a }), c.createElement(Q, { onMove: function(o) {
-    n({ a: o.left });
-  }, onKey: function(o) {
-    n({ a: S(t.a + o.left) });
-  }, "aria-label": "Alpha", "aria-valuetext": l + "%", "aria-valuenow": l, "aria-valuemin": "0", "aria-valuemax": "100" }, c.createElement(J, { className: "react-colorful__alpha-pointer", left: t.a, color: W(t) })));
-}, _e = function(e) {
-  var r = e.className, t = e.colorModel, n = e.color, a = n === void 0 ? t.defaultColor : n, i = e.onChange, l = Y(e, ["className", "colorModel", "color", "onChange"]), o = $(null);
-  xe(o);
-  var u = be(t, a, i), s = u[0], h = u[1], d = j(["react-colorful", r]);
-  return c.createElement("div", I({}, l, { ref: o, className: d }), c.createElement(ge, { hsva: s, onChange: h }), c.createElement(me, { hue: s.h, onChange: h }), c.createElement(yr, { hsva: s, onChange: h, className: "react-colorful__last-control" }));
-}, wr = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: fr, fromHsva: W, equal: pe }, Cr = function(e) {
-  return c.createElement(_e, I({}, e, { colorModel: wr }));
-}, $r = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: mr, fromHsva: function(e) {
-  var r = de(e);
-  return "rgba(" + r.r + ", " + r.g + ", " + r.b + ", " + r.a + ")";
-}, equal: pe }, kr = function(e) {
-  return c.createElement(_e, I({}, e, { colorModel: $r }));
-}, Nr = k.div({ position: "relative", maxWidth: 250, '&[aria-readonly="true"]': { opacity: 0.5 } }), Ir = k(ue)({ position: "absolute", zIndex: 1, top: 4, left: 4, "[aria-readonly=true] &": { cursor: "not-allowed" } }), Mr = k.div({ width: 200, margin: 5, ".react-colorful__saturation": { borderRadius: "4px 4px 0 0" }, ".react-colorful__hue": { boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 5%)" }, ".react-colorful__last-control": { borderRadius: "0 0 4px 4px" } }), Or = k(ye)(({ theme: e }) => ({ fontFamily: e.typography.fonts.base })), Sr = k.div({ display: "grid", gridTemplateColumns: "repeat(9, 16px)", gap: 6, padding: 3, marginTop: 5, width: 200 }), Tr = k.div(({ theme: e, active: r }) => ({ width: 16, height: 16, boxShadow: r ? `${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px` : `${e.appBorderColor} 0 0 0 1px inset`, borderRadius: e.appBorderRadius })), Hr = `url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`, ie = ({ value: e, style: r, ...t }) => {
-  let n = `linear-gradient(${e}, ${e}), ${Hr}, linear-gradient(#fff, #fff)`;
-  return c.createElement(Tr, { ...t, style: { ...r, backgroundImage: n } });
-}, Lr = k(we.Input)(({ theme: e, readOnly: r }) => ({ width: "100%", paddingLeft: 30, paddingRight: 30, boxSizing: "border-box", fontFamily: e.typography.fonts.base })), Rr = k(Ce)(({ theme: e }) => ({ position: "absolute", zIndex: 1, top: 6, right: 7, width: 20, height: 20, padding: 4, boxSizing: "border-box", cursor: "pointer", color: e.input.color })), Ee = ((e) => (e.RGB = "rgb", e.HSL = "hsl", e.HEX = "hex", e))(Ee || {}), B = Object.values(Ee), Pr = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, jr = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, zr = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, K = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, Br = /^\s*#?([0-9a-f]{3})\s*$/i, Xr = { hex: Er, rgb: kr, hsl: Cr }, X = { hex: "transparent", rgb: "rgba(0, 0, 0, 0)", hsl: "hsla(0, 0%, 0%, 0)" }, le = (e) => {
-  let r = e == null ? void 0 : e.match(Pr);
-  if (!r) return [0, 0, 0, 1];
-  let [, t, n, a, i = 1] = r;
-  return [t, n, a, i].map(Number);
-}, M = (e) => {
-  if (!e) return;
-  let r = !0;
-  if (jr.test(e)) {
-    let [l, o, u, s] = le(e), [h, d, f] = E.rgb.hsl([l, o, u]) || [0, 0, 0];
-    return { valid: r, value: e, keyword: E.rgb.keyword([l, o, u]), colorSpace: "rgb", rgb: e, hsl: `hsla(${h}, ${d}%, ${f}%, ${s})`, hex: `#${E.rgb.hex([l, o, u]).toLowerCase()}` };
-  }
-  if (zr.test(e)) {
-    let [l, o, u, s] = le(e), [h, d, f] = E.hsl.rgb([l, o, u]) || [0, 0, 0];
-    return { valid: r, value: e, keyword: E.hsl.keyword([l, o, u]), colorSpace: "hsl", rgb: `rgba(${h}, ${d}, ${f}, ${s})`, hsl: e, hex: `#${E.hsl.hex([l, o, u]).toLowerCase()}` };
-  }
-  let t = e.replace("#", ""), n = E.keyword.rgb(t) || E.hex.rgb(t), a = E.rgb.hsl(n), i = e;
-  if (/[^#a-f0-9]/i.test(e) ? i = t : K.test(e) && (i = `#${t}`), i.startsWith("#")) r = K.test(i);
-  else try {
-    E.keyword.hex(i);
-  } catch {
-    r = !1;
-  }
-  return { valid: r, value: i, keyword: E.rgb.keyword(n), colorSpace: "hex", rgb: `rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`, hsl: `hsla(${a[0]}, ${a[1]}%, ${a[2]}%, 1)`, hex: i };
-}, Wr = (e, r, t) => {
-  if (!e || !(r != null && r.valid)) return X[t];
-  if (t !== "hex") return (r == null ? void 0 : r[t]) || X[t];
-  if (!r.hex.startsWith("#")) try {
-    return `#${E.keyword.hex(r.hex)}`;
-  } catch {
-    return X.hex;
-  }
-  let n = r.hex.match(Br);
-  if (!n) return K.test(r.hex) ? r.hex : X.hex;
-  let [a, i, l] = n[1].split("");
-  return `#${a}${a}${i}${i}${l}${l}`;
-}, Dr = (e, r) => {
-  let [t, n] = L(e || ""), [a, i] = L(() => M(t)), [l, o] = L((a == null ? void 0 : a.colorSpace) || "hex");
-  O(() => {
-    let d = e || "", f = M(d);
-    n(d), i(f), o((f == null ? void 0 : f.colorSpace) || "hex");
-  }, [e]);
-  let u = U(() => Wr(t, a, l).toLowerCase(), [t, a, l]), s = P((d) => {
-    let f = M(d), b = (f == null ? void 0 : f.value) || d || "";
-    n(b), b === "" && (i(void 0), r(void 0)), f && (i(f), o(f.colorSpace), r(f.value));
-  }, [r]), h = P(() => {
-    let d = B.indexOf(l) + 1;
-    d >= B.length && (d = 0), o(B[d]);
-    let f = (a == null ? void 0 : a[B[d]]) || "";
-    n(f), r(f);
-  }, [a, l, r]);
-  return { value: t, realValue: u, updateValue: s, color: a, colorSpace: l, cycleColorSpace: h };
-}, D = (e) => e.replace(/\s*/, "").toLowerCase(), Gr = (e, r, t) => {
-  let [n, a] = L(r != null && r.valid ? [r] : []);
-  O(() => {
-    r === void 0 && a([]);
-  }, [r]);
-  let i = U(() => (e || []).map((o) => typeof o == "string" ? M(o) : o.title ? { ...M(o.color), keyword: o.title } : M(o.color)).concat(n).filter(Boolean).slice(-27), [e, n]), l = P((o) => {
-    o != null && o.valid && (i.some((u) => D(u[t]) === D(o[t])) || a((u) => u.concat(o)));
-  }, [t, i]);
-  return { presets: i, addPreset: l };
-}, Vr = ({ name: e, value: r, onChange: t, onFocus: n, onBlur: a, presetColors: i, startOpen: l = !1, argType: o }) => {
-  var y;
-  let u = P(lr(t, 200), [t]), { value: s, realValue: h, updateValue: d, color: f, colorSpace: b, cycleColorSpace: T } = Dr(r, u), { presets: w, addPreset: v } = Gr(i, f, b), m = Xr[b], x = !!((y = o == null ? void 0 : o.table) != null && y.readonly);
-  return c.createElement(Nr, { "aria-readonly": x }, c.createElement(Ir, { startOpen: l, trigger: x ? [null] : void 0, closeOnOutsideClick: !0, onVisibleChange: () => v(f), tooltip: c.createElement(Mr, null, c.createElement(m, { color: h === "transparent" ? "#000000" : h, onChange: d, onFocus: n, onBlur: a }), w.length > 0 && c.createElement(Sr, null, w.map((_, N) => c.createElement(ue, { key: `${_.value}-${N}`, hasChrome: !1, tooltip: c.createElement(Or, { note: _.keyword || _.value }) }, c.createElement(ie, { value: _[b], active: f && D(_[b]) === D(f[b]), onClick: () => d(_.value) }))))) }, c.createElement(ie, { value: h, style: { margin: 4 } })), c.createElement(Lr, { id: $e(e), value: s, onChange: (_) => d(_.target.value), onFocus: (_) => _.target.select(), readOnly: x, placeholder: "Choose color..." }), s ? c.createElement(Rr, { onClick: T }) : null);
-}, Yr = Vr;
-export {
-  Vr as ColorControl,
-  Yr as default
-};