@tcn/ui 0.3.3 → 0.5.0

package/dist/Color-6BZIO3FS-CWWwv-fq.js

@@ -0,0 +1,1004 @@
+import v, { useCallback as z, useState as P, useEffect as $, useMemo as G, useRef as M, useLayoutEffect as ve } from "react";
+import { P as pe, M as me, e as E, F as ye, B as Z } from "./showcase-DK557szS.js";
+var xe = (e) => `control-${e.replace(/\s+/g, "-")}`, we = Object.create, ee = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, re = Object.getOwnPropertyNames, ke = Object.getPrototypeOf, Me = Object.prototype.hasOwnProperty, T = (e, l) => function() {
+  return l || (0, e[re(e)[0]])((l = { exports: {} }).exports, l), l.exports;
+}, Ee = (e, l, c, h) => {
+  if (l && typeof l == "object" || typeof l == "function")
+    for (let i of re(l))
+      !Me.call(e, i) && i !== c && ee(e, i, { get: () => l[i], enumerable: !(h = _e(l, i)) || h.enumerable });
+  return e;
+}, Ce = (e, l, c) => (c = e != null ? we(ke(e)) : {}, Ee(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  ee(c, "default", { value: e, enumerable: !0 }),
+  e
+)), Oe = T({
+  "../../../node_modules/color-name/index.js"(e, l) {
+    l.exports = {
+      aliceblue: [240, 248, 255],
+      antiquewhite: [250, 235, 215],
+      aqua: [0, 255, 255],
+      aquamarine: [127, 255, 212],
+      azure: [240, 255, 255],
+      beige: [245, 245, 220],
+      bisque: [255, 228, 196],
+      black: [0, 0, 0],
+      blanchedalmond: [255, 235, 205],
+      blue: [0, 0, 255],
+      blueviolet: [138, 43, 226],
+      brown: [165, 42, 42],
+      burlywood: [222, 184, 135],
+      cadetblue: [95, 158, 160],
+      chartreuse: [127, 255, 0],
+      chocolate: [210, 105, 30],
+      coral: [255, 127, 80],
+      cornflowerblue: [100, 149, 237],
+      cornsilk: [255, 248, 220],
+      crimson: [220, 20, 60],
+      cyan: [0, 255, 255],
+      darkblue: [0, 0, 139],
+      darkcyan: [0, 139, 139],
+      darkgoldenrod: [184, 134, 11],
+      darkgray: [169, 169, 169],
+      darkgreen: [0, 100, 0],
+      darkgrey: [169, 169, 169],
+      darkkhaki: [189, 183, 107],
+      darkmagenta: [139, 0, 139],
+      darkolivegreen: [85, 107, 47],
+      darkorange: [255, 140, 0],
+      darkorchid: [153, 50, 204],
+      darkred: [139, 0, 0],
+      darksalmon: [233, 150, 122],
+      darkseagreen: [143, 188, 143],
+      darkslateblue: [72, 61, 139],
+      darkslategray: [47, 79, 79],
+      darkslategrey: [47, 79, 79],
+      darkturquoise: [0, 206, 209],
+      darkviolet: [148, 0, 211],
+      deeppink: [255, 20, 147],
+      deepskyblue: [0, 191, 255],
+      dimgray: [105, 105, 105],
+      dimgrey: [105, 105, 105],
+      dodgerblue: [30, 144, 255],
+      firebrick: [178, 34, 34],
+      floralwhite: [255, 250, 240],
+      forestgreen: [34, 139, 34],
+      fuchsia: [255, 0, 255],
+      gainsboro: [220, 220, 220],
+      ghostwhite: [248, 248, 255],
+      gold: [255, 215, 0],
+      goldenrod: [218, 165, 32],
+      gray: [128, 128, 128],
+      green: [0, 128, 0],
+      greenyellow: [173, 255, 47],
+      grey: [128, 128, 128],
+      honeydew: [240, 255, 240],
+      hotpink: [255, 105, 180],
+      indianred: [205, 92, 92],
+      indigo: [75, 0, 130],
+      ivory: [255, 255, 240],
+      khaki: [240, 230, 140],
+      lavender: [230, 230, 250],
+      lavenderblush: [255, 240, 245],
+      lawngreen: [124, 252, 0],
+      lemonchiffon: [255, 250, 205],
+      lightblue: [173, 216, 230],
+      lightcoral: [240, 128, 128],
+      lightcyan: [224, 255, 255],
+      lightgoldenrodyellow: [250, 250, 210],
+      lightgray: [211, 211, 211],
+      lightgreen: [144, 238, 144],
+      lightgrey: [211, 211, 211],
+      lightpink: [255, 182, 193],
+      lightsalmon: [255, 160, 122],
+      lightseagreen: [32, 178, 170],
+      lightskyblue: [135, 206, 250],
+      lightslategray: [119, 136, 153],
+      lightslategrey: [119, 136, 153],
+      lightsteelblue: [176, 196, 222],
+      lightyellow: [255, 255, 224],
+      lime: [0, 255, 0],
+      limegreen: [50, 205, 50],
+      linen: [250, 240, 230],
+      magenta: [255, 0, 255],
+      maroon: [128, 0, 0],
+      mediumaquamarine: [102, 205, 170],
+      mediumblue: [0, 0, 205],
+      mediumorchid: [186, 85, 211],
+      mediumpurple: [147, 112, 219],
+      mediumseagreen: [60, 179, 113],
+      mediumslateblue: [123, 104, 238],
+      mediumspringgreen: [0, 250, 154],
+      mediumturquoise: [72, 209, 204],
+      mediumvioletred: [199, 21, 133],
+      midnightblue: [25, 25, 112],
+      mintcream: [245, 255, 250],
+      mistyrose: [255, 228, 225],
+      moccasin: [255, 228, 181],
+      navajowhite: [255, 222, 173],
+      navy: [0, 0, 128],
+      oldlace: [253, 245, 230],
+      olive: [128, 128, 0],
+      olivedrab: [107, 142, 35],
+      orange: [255, 165, 0],
+      orangered: [255, 69, 0],
+      orchid: [218, 112, 214],
+      palegoldenrod: [238, 232, 170],
+      palegreen: [152, 251, 152],
+      paleturquoise: [175, 238, 238],
+      palevioletred: [219, 112, 147],
+      papayawhip: [255, 239, 213],
+      peachpuff: [255, 218, 185],
+      peru: [205, 133, 63],
+      pink: [255, 192, 203],
+      plum: [221, 160, 221],
+      powderblue: [176, 224, 230],
+      purple: [128, 0, 128],
+      rebeccapurple: [102, 51, 153],
+      red: [255, 0, 0],
+      rosybrown: [188, 143, 143],
+      royalblue: [65, 105, 225],
+      saddlebrown: [139, 69, 19],
+      salmon: [250, 128, 114],
+      sandybrown: [244, 164, 96],
+      seagreen: [46, 139, 87],
+      seashell: [255, 245, 238],
+      sienna: [160, 82, 45],
+      silver: [192, 192, 192],
+      skyblue: [135, 206, 235],
+      slateblue: [106, 90, 205],
+      slategray: [112, 128, 144],
+      slategrey: [112, 128, 144],
+      snow: [255, 250, 250],
+      springgreen: [0, 255, 127],
+      steelblue: [70, 130, 180],
+      tan: [210, 180, 140],
+      teal: [0, 128, 128],
+      thistle: [216, 191, 216],
+      tomato: [255, 99, 71],
+      turquoise: [64, 224, 208],
+      violet: [238, 130, 238],
+      wheat: [245, 222, 179],
+      white: [255, 255, 255],
+      whitesmoke: [245, 245, 245],
+      yellow: [255, 255, 0],
+      yellowgreen: [154, 205, 50]
+    };
+  }
+}), te = T({
+  "../../../node_modules/color-convert/conversions.js"(e, l) {
+    var c = Oe(), h = {};
+    for (let r of Object.keys(c))
+      h[c[r]] = r;
+    var i = {
+      rgb: { channels: 3, labels: "rgb" },
+      hsl: { channels: 3, labels: "hsl" },
+      hsv: { channels: 3, labels: "hsv" },
+      hwb: { channels: 3, labels: "hwb" },
+      cmyk: { channels: 4, labels: "cmyk" },
+      xyz: { channels: 3, labels: "xyz" },
+      lab: { channels: 3, labels: "lab" },
+      lch: { channels: 3, labels: "lch" },
+      hex: { channels: 1, labels: ["hex"] },
+      keyword: { channels: 1, labels: ["keyword"] },
+      ansi16: { channels: 1, labels: ["ansi16"] },
+      ansi256: { channels: 1, labels: ["ansi256"] },
+      hcg: { channels: 3, labels: ["h", "c", "g"] },
+      apple: { channels: 3, labels: ["r16", "g16", "b16"] },
+      gray: { channels: 1, labels: ["gray"] }
+    };
+    l.exports = i;
+    for (let r of Object.keys(i)) {
+      if (!("channels" in i[r]))
+        throw new Error("missing channels property: " + r);
+      if (!("labels" in i[r]))
+        throw new Error("missing channel labels property: " + r);
+      if (i[r].labels.length !== i[r].channels)
+        throw new Error("channel and label counts mismatch: " + r);
+      let { channels: n, labels: t } = i[r];
+      delete i[r].channels, delete i[r].labels, Object.defineProperty(i[r], "channels", { value: n }), Object.defineProperty(i[r], "labels", { value: t });
+    }
+    i.rgb.hsl = function(r) {
+      let n = r[0] / 255, t = r[1] / 255, a = r[2] / 255, o = Math.min(n, t, a), u = Math.max(n, t, a), s = u - o, d, g;
+      u === o ? d = 0 : n === u ? d = (t - a) / s : t === u ? d = 2 + (a - n) / s : a === u && (d = 4 + (n - t) / s), d = Math.min(d * 60, 360), d < 0 && (d += 360);
+      let b = (o + u) / 2;
+      return u === o ? g = 0 : b <= 0.5 ? g = s / (u + o) : g = s / (2 - u - o), [d, g * 100, b * 100];
+    }, i.rgb.hsv = function(r) {
+      let n, t, a, o, u, s = r[0] / 255, d = r[1] / 255, g = r[2] / 255, b = Math.max(s, d, g), m = b - Math.min(s, d, g), p = function(x) {
+        return (b - x) / 6 / m + 1 / 2;
+      };
+      return m === 0 ? (o = 0, u = 0) : (u = m / b, n = p(s), t = p(d), a = p(g), s === b ? o = a - t : d === b ? o = 1 / 3 + n - a : g === b && (o = 2 / 3 + t - n), o < 0 ? o += 1 : o > 1 && (o -= 1)), [
+        o * 360,
+        u * 100,
+        b * 100
+      ];
+    }, i.rgb.hwb = function(r) {
+      let n = r[0], t = r[1], a = r[2], o = i.rgb.hsl(r)[0], u = 1 / 255 * Math.min(n, Math.min(t, a));
+      return a = 1 - 1 / 255 * Math.max(n, Math.max(t, a)), [o, u * 100, a * 100];
+    }, i.rgb.cmyk = function(r) {
+      let n = r[0] / 255, t = r[1] / 255, a = r[2] / 255, o = Math.min(1 - n, 1 - t, 1 - a), u = (1 - n - o) / (1 - o) || 0, s = (1 - t - o) / (1 - o) || 0, d = (1 - a - o) / (1 - o) || 0;
+      return [u * 100, s * 100, d * 100, o * 100];
+    };
+    function f(r, n) {
+      return (r[0] - n[0]) ** 2 + (r[1] - n[1]) ** 2 + (r[2] - n[2]) ** 2;
+    }
+    i.rgb.keyword = function(r) {
+      let n = h[r];
+      if (n)
+        return n;
+      let t = 1 / 0, a;
+      for (let o of Object.keys(c)) {
+        let u = c[o], s = f(r, u);
+        s < t && (t = s, a = o);
+      }
+      return a;
+    }, i.keyword.rgb = function(r) {
+      return c[r];
+    }, i.rgb.xyz = function(r) {
+      let n = r[0] / 255, t = r[1] / 255, a = r[2] / 255;
+      n = n > 0.04045 ? ((n + 0.055) / 1.055) ** 2.4 : n / 12.92, t = t > 0.04045 ? ((t + 0.055) / 1.055) ** 2.4 : t / 12.92, a = a > 0.04045 ? ((a + 0.055) / 1.055) ** 2.4 : a / 12.92;
+      let o = n * 0.4124 + t * 0.3576 + a * 0.1805, u = n * 0.2126 + t * 0.7152 + a * 0.0722, s = n * 0.0193 + t * 0.1192 + a * 0.9505;
+      return [o * 100, u * 100, s * 100];
+    }, i.rgb.lab = function(r) {
+      let n = i.rgb.xyz(r), t = n[0], a = n[1], o = n[2];
+      t /= 95.047, a /= 100, o /= 108.883, t = t > 8856e-6 ? t ** (1 / 3) : 7.787 * t + 16 / 116, a = a > 8856e-6 ? a ** (1 / 3) : 7.787 * a + 16 / 116, o = o > 8856e-6 ? o ** (1 / 3) : 7.787 * o + 16 / 116;
+      let u = 116 * a - 16, s = 500 * (t - a), d = 200 * (a - o);
+      return [u, s, d];
+    }, i.hsl.rgb = function(r) {
+      let n = r[0] / 360, t = r[1] / 100, a = r[2] / 100, o, u, s;
+      if (t === 0)
+        return s = a * 255, [s, s, s];
+      a < 0.5 ? o = a * (1 + t) : o = a + t - a * t;
+      let d = 2 * a - o, g = [0, 0, 0];
+      for (let b = 0; b < 3; b++)
+        u = n + 1 / 3 * -(b - 1), u < 0 && u++, u > 1 && u--, 6 * u < 1 ? s = d + (o - d) * 6 * u : 2 * u < 1 ? s = o : 3 * u < 2 ? s = d + (o - d) * (2 / 3 - u) * 6 : s = d, g[b] = s * 255;
+      return g;
+    }, i.hsl.hsv = function(r) {
+      let n = r[0], t = r[1] / 100, a = r[2] / 100, o = t, u = Math.max(a, 0.01);
+      a *= 2, t *= a <= 1 ? a : 2 - a, o *= u <= 1 ? u : 2 - u;
+      let s = (a + t) / 2, d = a === 0 ? 2 * o / (u + o) : 2 * t / (a + t);
+      return [n, d * 100, s * 100];
+    }, i.hsv.rgb = function(r) {
+      let n = r[0] / 60, t = r[1] / 100, a = r[2] / 100, o = Math.floor(n) % 6, u = n - Math.floor(n), s = 255 * a * (1 - t), d = 255 * a * (1 - t * u), g = 255 * a * (1 - t * (1 - u));
+      switch (a *= 255, o) {
+        case 0:
+          return [a, g, s];
+        case 1:
+          return [d, a, s];
+        case 2:
+          return [s, a, g];
+        case 3:
+          return [s, d, a];
+        case 4:
+          return [g, s, a];
+        case 5:
+          return [a, s, d];
+      }
+    }, i.hsv.hsl = function(r) {
+      let n = r[0], t = r[1] / 100, a = r[2] / 100, o = Math.max(a, 0.01), u, s;
+      s = (2 - t) * a;
+      let d = (2 - t) * o;
+      return u = t * o, u /= d <= 1 ? d : 2 - d, u = u || 0, s /= 2, [n, u * 100, s * 100];
+    }, i.hwb.rgb = function(r) {
+      let n = r[0] / 360, t = r[1] / 100, a = r[2] / 100, o = t + a, u;
+      o > 1 && (t /= o, a /= o);
+      let s = Math.floor(6 * n), d = 1 - a;
+      u = 6 * n - s, (s & 1) !== 0 && (u = 1 - u);
+      let g = t + u * (d - t), b, m, p;
+      switch (s) {
+        default:
+        case 6:
+        case 0:
+          b = d, m = g, p = t;
+          break;
+        case 1:
+          b = g, m = d, p = t;
+          break;
+        case 2:
+          b = t, m = d, p = g;
+          break;
+        case 3:
+          b = t, m = g, p = d;
+          break;
+        case 4:
+          b = g, m = t, p = d;
+          break;
+        case 5:
+          b = d, m = t, p = g;
+          break;
+      }
+      return [b * 255, m * 255, p * 255];
+    }, i.cmyk.rgb = function(r) {
+      let n = r[0] / 100, t = r[1] / 100, a = r[2] / 100, o = r[3] / 100, u = 1 - Math.min(1, n * (1 - o) + o), s = 1 - Math.min(1, t * (1 - o) + o), d = 1 - Math.min(1, a * (1 - o) + o);
+      return [u * 255, s * 255, d * 255];
+    }, i.xyz.rgb = function(r) {
+      let n = r[0] / 100, t = r[1] / 100, a = r[2] / 100, o, u, s;
+      return o = n * 3.2406 + t * -1.5372 + a * -0.4986, u = n * -0.9689 + t * 1.8758 + a * 0.0415, s = n * 0.0557 + t * -0.204 + a * 1.057, o = o > 31308e-7 ? 1.055 * o ** (1 / 2.4) - 0.055 : o * 12.92, u = u > 31308e-7 ? 1.055 * u ** (1 / 2.4) - 0.055 : u * 12.92, s = s > 31308e-7 ? 1.055 * s ** (1 / 2.4) - 0.055 : s * 12.92, o = Math.min(Math.max(0, o), 1), u = Math.min(Math.max(0, u), 1), s = Math.min(Math.max(0, s), 1), [o * 255, u * 255, s * 255];
+    }, i.xyz.lab = function(r) {
+      let n = r[0], t = r[1], a = r[2];
+      n /= 95.047, t /= 100, a /= 108.883, n = n > 8856e-6 ? n ** (1 / 3) : 7.787 * n + 16 / 116, t = t > 8856e-6 ? t ** (1 / 3) : 7.787 * t + 16 / 116, a = a > 8856e-6 ? a ** (1 / 3) : 7.787 * a + 16 / 116;
+      let o = 116 * t - 16, u = 500 * (n - t), s = 200 * (t - a);
+      return [o, u, s];
+    }, i.lab.xyz = function(r) {
+      let n = r[0], t = r[1], a = r[2], o, u, s;
+      u = (n + 16) / 116, o = t / 500 + u, s = u - a / 200;
+      let d = u ** 3, g = o ** 3, b = s ** 3;
+      return u = d > 8856e-6 ? d : (u - 16 / 116) / 7.787, o = g > 8856e-6 ? g : (o - 16 / 116) / 7.787, s = b > 8856e-6 ? b : (s - 16 / 116) / 7.787, o *= 95.047, u *= 100, s *= 108.883, [o, u, s];
+    }, i.lab.lch = function(r) {
+      let n = r[0], t = r[1], a = r[2], o;
+      o = Math.atan2(a, t) * 360 / 2 / Math.PI, o < 0 && (o += 360);
+      let u = Math.sqrt(t * t + a * a);
+      return [n, u, o];
+    }, i.lch.lab = function(r) {
+      let n = r[0], t = r[1], a = r[2] / 360 * 2 * Math.PI, o = t * Math.cos(a), u = t * Math.sin(a);
+      return [n, o, u];
+    }, i.rgb.ansi16 = function(r, n = null) {
+      let [t, a, o] = r, u = n === null ? i.rgb.hsv(r)[2] : n;
+      if (u = Math.round(u / 50), u === 0)
+        return 30;
+      let s = 30 + (Math.round(o / 255) << 2 | Math.round(a / 255) << 1 | Math.round(t / 255));
+      return u === 2 && (s += 60), s;
+    }, i.hsv.ansi16 = function(r) {
+      return i.rgb.ansi16(i.hsv.rgb(r), r[2]);
+    }, i.rgb.ansi256 = function(r) {
+      let n = r[0], t = r[1], a = r[2];
+      return n === t && t === a ? n < 8 ? 16 : n > 248 ? 231 : Math.round((n - 8) / 247 * 24) + 232 : 16 + 36 * Math.round(n / 255 * 5) + 6 * Math.round(t / 255 * 5) + Math.round(a / 255 * 5);
+    }, i.ansi16.rgb = function(r) {
+      let n = r % 10;
+      if (n === 0 || n === 7)
+        return r > 50 && (n += 3.5), n = n / 10.5 * 255, [n, n, n];
+      let t = (~~(r > 50) + 1) * 0.5, a = (n & 1) * t * 255, o = (n >> 1 & 1) * t * 255, u = (n >> 2 & 1) * t * 255;
+      return [a, o, u];
+    }, i.ansi256.rgb = function(r) {
+      if (r >= 232) {
+        let u = (r - 232) * 10 + 8;
+        return [u, u, u];
+      }
+      r -= 16;
+      let n, t = Math.floor(r / 36) / 5 * 255, a = Math.floor((n = r % 36) / 6) / 5 * 255, o = n % 6 / 5 * 255;
+      return [t, a, o];
+    }, i.rgb.hex = function(r) {
+      let n = (((Math.round(r[0]) & 255) << 16) + ((Math.round(r[1]) & 255) << 8) + (Math.round(r[2]) & 255)).toString(16).toUpperCase();
+      return "000000".substring(n.length) + n;
+    }, i.hex.rgb = function(r) {
+      let n = r.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
+      if (!n)
+        return [0, 0, 0];
+      let t = n[0];
+      n[0].length === 3 && (t = t.split("").map((d) => d + d).join(""));
+      let a = parseInt(t, 16), o = a >> 16 & 255, u = a >> 8 & 255, s = a & 255;
+      return [o, u, s];
+    }, i.rgb.hcg = function(r) {
+      let n = r[0] / 255, t = r[1] / 255, a = r[2] / 255, o = Math.max(Math.max(n, t), a), u = Math.min(Math.min(n, t), a), s = o - u, d, g;
+      return s < 1 ? d = u / (1 - s) : d = 0, s <= 0 ? g = 0 : o === n ? g = (t - a) / s % 6 : o === t ? g = 2 + (a - n) / s : g = 4 + (n - t) / s, g /= 6, g %= 1, [g * 360, s * 100, d * 100];
+    }, i.hsl.hcg = function(r) {
+      let n = r[1] / 100, t = r[2] / 100, a = t < 0.5 ? 2 * n * t : 2 * n * (1 - t), o = 0;
+      return a < 1 && (o = (t - 0.5 * a) / (1 - a)), [r[0], a * 100, o * 100];
+    }, i.hsv.hcg = function(r) {
+      let n = r[1] / 100, t = r[2] / 100, a = n * t, o = 0;
+      return a < 1 && (o = (t - a) / (1 - a)), [r[0], a * 100, o * 100];
+    }, i.hcg.rgb = function(r) {
+      let n = r[0] / 360, t = r[1] / 100, a = r[2] / 100;
+      if (t === 0)
+        return [a * 255, a * 255, a * 255];
+      let o = [0, 0, 0], u = n % 1 * 6, s = u % 1, d = 1 - s, g = 0;
+      switch (Math.floor(u)) {
+        case 0:
+          o[0] = 1, o[1] = s, o[2] = 0;
+          break;
+        case 1:
+          o[0] = d, o[1] = 1, o[2] = 0;
+          break;
+        case 2:
+          o[0] = 0, o[1] = 1, o[2] = s;
+          break;
+        case 3:
+          o[0] = 0, o[1] = d, o[2] = 1;
+          break;
+        case 4:
+          o[0] = s, o[1] = 0, o[2] = 1;
+          break;
+        default:
+          o[0] = 1, o[1] = 0, o[2] = d;
+      }
+      return g = (1 - t) * a, [
+        (t * o[0] + g) * 255,
+        (t * o[1] + g) * 255,
+        (t * o[2] + g) * 255
+      ];
+    }, i.hcg.hsv = function(r) {
+      let n = r[1] / 100, t = r[2] / 100, a = n + t * (1 - n), o = 0;
+      return a > 0 && (o = n / a), [r[0], o * 100, a * 100];
+    }, i.hcg.hsl = function(r) {
+      let n = r[1] / 100, t = r[2] / 100 * (1 - n) + 0.5 * n, a = 0;
+      return t > 0 && t < 0.5 ? a = n / (2 * t) : t >= 0.5 && t < 1 && (a = n / (2 * (1 - t))), [r[0], a * 100, t * 100];
+    }, i.hcg.hwb = function(r) {
+      let n = r[1] / 100, t = r[2] / 100, a = n + t * (1 - n);
+      return [r[0], (a - n) * 100, (1 - a) * 100];
+    }, i.hwb.hcg = function(r) {
+      let n = r[1] / 100, t = 1 - r[2] / 100, a = t - n, o = 0;
+      return a < 1 && (o = (t - a) / (1 - a)), [r[0], a * 100, o * 100];
+    }, i.apple.rgb = function(r) {
+      return [r[0] / 65535 * 255, r[1] / 65535 * 255, r[2] / 65535 * 255];
+    }, i.rgb.apple = function(r) {
+      return [r[0] / 255 * 65535, r[1] / 255 * 65535, r[2] / 255 * 65535];
+    }, i.gray.rgb = function(r) {
+      return [r[0] / 100 * 255, r[0] / 100 * 255, r[0] / 100 * 255];
+    }, i.gray.hsl = function(r) {
+      return [0, 0, r[0]];
+    }, i.gray.hsv = i.gray.hsl, i.gray.hwb = function(r) {
+      return [0, 100, r[0]];
+    }, i.gray.cmyk = function(r) {
+      return [0, 0, 0, r[0]];
+    }, i.gray.lab = function(r) {
+      return [r[0], 0, 0];
+    }, i.gray.hex = function(r) {
+      let n = Math.round(r[0] / 100 * 255) & 255, t = ((n << 16) + (n << 8) + n).toString(16).toUpperCase();
+      return "000000".substring(t.length) + t;
+    }, i.rgb.gray = function(r) {
+      return [(r[0] + r[1] + r[2]) / 3 / 255 * 100];
+    };
+  }
+}), $e = T({
+  "../../../node_modules/color-convert/route.js"(e, l) {
+    var c = te();
+    function h() {
+      let n = {}, t = Object.keys(c);
+      for (let a = t.length, o = 0; o < a; o++)
+        n[t[o]] = {
+          // http://jsperf.com/1-vs-infinity
+          // micro-opt, but this is simple.
+          distance: -1,
+          parent: null
+        };
+      return n;
+    }
+    function i(n) {
+      let t = h(), a = [n];
+      for (t[n].distance = 0; a.length; ) {
+        let o = a.pop(), u = Object.keys(c[o]);
+        for (let s = u.length, d = 0; d < s; d++) {
+          let g = u[d], b = t[g];
+          b.distance === -1 && (b.distance = t[o].distance + 1, b.parent = o, a.unshift(g));
+        }
+      }
+      return t;
+    }
+    function f(n, t) {
+      return function(a) {
+        return t(n(a));
+      };
+    }
+    function r(n, t) {
+      let a = [t[n].parent, n], o = c[t[n].parent][n], u = t[n].parent;
+      for (; t[u].parent; )
+        a.unshift(t[u].parent), o = f(c[t[u].parent][u], o), u = t[u].parent;
+      return o.conversion = a, o;
+    }
+    l.exports = function(n) {
+      let t = i(n), a = {}, o = Object.keys(t);
+      for (let u = o.length, s = 0; s < u; s++) {
+        let d = o[s];
+        t[d].parent !== null && (a[d] = r(d, t));
+      }
+      return a;
+    };
+  }
+}), je = T({
+  "../../../node_modules/color-convert/index.js"(e, l) {
+    var c = te(), h = $e(), i = {}, f = Object.keys(c);
+    function r(t) {
+      let a = function(...o) {
+        let u = o[0];
+        return u == null ? u : (u.length > 1 && (o = u), t(o));
+      };
+      return "conversion" in t && (a.conversion = t.conversion), a;
+    }
+    function n(t) {
+      let a = function(...o) {
+        let u = o[0];
+        if (u == null)
+          return u;
+        u.length > 1 && (o = u);
+        let s = t(o);
+        if (typeof s == "object")
+          for (let d = s.length, g = 0; g < d; g++)
+            s[g] = Math.round(s[g]);
+        return s;
+      };
+      return "conversion" in t && (a.conversion = t.conversion), a;
+    }
+    f.forEach((t) => {
+      i[t] = {}, Object.defineProperty(i[t], "channels", { value: c[t].channels }), Object.defineProperty(i[t], "labels", { value: c[t].labels });
+      let a = h(t);
+      Object.keys(a).forEach((o) => {
+        let u = a[o];
+        i[t][o] = n(u), i[t][o].raw = r(u);
+      });
+    }), l.exports = i;
+  }
+}), _ = Ce(je());
+function Pe(e, l, { signal: c, edges: h } = {}) {
+  let i, f = null, r = h != null && h.includes("leading"), n = h == null || h.includes("trailing"), t = () => {
+    f !== null && (e.apply(i, f), i = void 0, f = null);
+  }, a = () => {
+    n && t(), d();
+  }, o = null, u = () => {
+    o != null && clearTimeout(o), o = setTimeout(() => {
+      o = null, a();
+    }, l);
+  }, s = () => {
+    o !== null && (clearTimeout(o), o = null);
+  }, d = () => {
+    s(), i = void 0, f = null;
+  }, g = () => {
+    t();
+  }, b = function(...m) {
+    if (c?.aborted)
+      return;
+    i = this, f = m;
+    let p = o == null;
+    u(), r && p && t();
+  };
+  return b.schedule = u, b.cancel = d, b.flush = g, c?.addEventListener("abort", d, { once: !0 }), b;
+}
+function C() {
+  return (C = Object.assign || function(e) {
+    for (var l = 1; l < arguments.length; l++) {
+      var c = arguments[l];
+      for (var h in c) Object.prototype.hasOwnProperty.call(c, h) && (e[h] = c[h]);
+    }
+    return e;
+  }).apply(this, arguments);
+}
+function A(e, l) {
+  if (e == null) return {};
+  var c, h, i = {}, f = Object.keys(e);
+  for (h = 0; h < f.length; h++) l.indexOf(c = f[h]) >= 0 || (i[c] = e[c]);
+  return i;
+}
+function D(e) {
+  var l = M(e), c = M(function(h) {
+    l.current && l.current(h);
+  });
+  return l.current = e, c.current;
+}
+var j = function(e, l, c) {
+  return l === void 0 && (l = 0), c === void 0 && (c = 1), e > c ? c : e < l ? l : e;
+}, N = function(e) {
+  return "touches" in e;
+}, K = function(e) {
+  return e && e.ownerDocument.defaultView || self;
+}, Y = function(e, l, c) {
+  var h = e.getBoundingClientRect(), i = N(l) ? (function(f, r) {
+    for (var n = 0; n < f.length; n++) if (f[n].identifier === r) return f[n];
+    return f[0];
+  })(l.touches, c) : l;
+  return { left: j((i.pageX - (h.left + K(e).pageXOffset)) / h.width), top: j((i.pageY - (h.top + K(e).pageYOffset)) / h.height) };
+}, J = function(e) {
+  !N(e) && e.preventDefault();
+}, W = v.memo(function(e) {
+  var l = e.onMove, c = e.onKey, h = A(e, ["onMove", "onKey"]), i = M(null), f = D(l), r = D(c), n = M(null), t = M(!1), a = G(function() {
+    var d = function(m) {
+      J(m), (N(m) ? m.touches.length > 0 : m.buttons > 0) && i.current ? f(Y(i.current, m, n.current)) : b(!1);
+    }, g = function() {
+      return b(!1);
+    };
+    function b(m) {
+      var p = t.current, x = K(i.current), k = m ? x.addEventListener : x.removeEventListener;
+      k(p ? "touchmove" : "mousemove", d), k(p ? "touchend" : "mouseup", g);
+    }
+    return [function(m) {
+      var p = m.nativeEvent, x = i.current;
+      if (x && (J(p), !(function(w, H) {
+        return H && !N(w);
+      })(p, t.current) && x)) {
+        if (N(p)) {
+          t.current = !0;
+          var k = p.changedTouches || [];
+          k.length && (n.current = k[0].identifier);
+        }
+        x.focus(), f(Y(x, p, n.current)), b(!0);
+      }
+    }, function(m) {
+      var p = m.which || m.keyCode;
+      p < 37 || p > 40 || (m.preventDefault(), r({ left: p === 39 ? 0.05 : p === 37 ? -0.05 : 0, top: p === 40 ? 0.05 : p === 38 ? -0.05 : 0 }));
+    }, b];
+  }, [r, f]), o = a[0], u = a[1], s = a[2];
+  return $(function() {
+    return s;
+  }, [s]), v.createElement("div", C({}, h, { onTouchStart: o, onMouseDown: o, className: "react-colorful__interactive", ref: i, onKeyDown: u, tabIndex: 0, role: "slider" }));
+}), S = function(e) {
+  return e.filter(Boolean).join(" ");
+}, U = function(e) {
+  var l = e.color, c = e.left, h = e.top, i = h === void 0 ? 0.5 : h, f = S(["react-colorful__pointer", e.className]);
+  return v.createElement("div", { className: f, style: { top: 100 * i + "%", left: 100 * c + "%" } }, v.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: l } }));
+}, y = function(e, l, c) {
+  return l === void 0 && (l = 0), c === void 0 && (c = Math.pow(10, l)), Math.round(c * e) / c;
+}, Ne = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, ze = function(e) {
+  return le(V(e));
+}, V = 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 ? y(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 ? y(parseInt(e.substring(6, 8), 16) / 255, 2) : 1 };
+}, Se = function(e, l) {
+  return l === void 0 && (l = "deg"), Number(e) * (Ne[l] || 1);
+}, He = function(e) {
+  var l = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);
+  return l ? Ie({ h: Se(l[1], l[2]), s: Number(l[3]), l: Number(l[4]), a: l[5] === void 0 ? 1 : Number(l[5]) / (l[6] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 };
+}, Ie = function(e) {
+  var l = e.s, c = e.l;
+  return { h: e.h, s: (l *= (c < 50 ? c : 100 - c) / 100) > 0 ? 2 * l / (c + l) * 100 : 0, v: c + l, a: e.a };
+}, qe = function(e) {
+  return Le(ae(e));
+}, ne = function(e) {
+  var l = e.s, c = e.v, h = e.a, i = (200 - l) * c / 100;
+  return { h: y(e.h), s: y(i > 0 && i < 200 ? l * c / 100 / (i <= 100 ? i : 200 - i) * 100 : 0), l: y(i / 2), a: y(h, 2) };
+}, X = function(e) {
+  var l = ne(e);
+  return "hsl(" + l.h + ", " + l.s + "%, " + l.l + "%)";
+}, R = function(e) {
+  var l = ne(e);
+  return "hsla(" + l.h + ", " + l.s + "%, " + l.l + "%, " + l.a + ")";
+}, ae = function(e) {
+  var l = e.h, c = e.s, h = e.v, i = e.a;
+  l = l / 360 * 6, c /= 100, h /= 100;
+  var f = Math.floor(l), r = h * (1 - c), n = h * (1 - (l - f) * c), t = h * (1 - (1 - l + f) * c), a = f % 6;
+  return { r: y(255 * [h, n, r, r, t, h][a]), g: y(255 * [t, h, h, n, r, r][a]), b: y(255 * [r, r, t, h, h, n][a]), a: y(i, 2) };
+}, Re = function(e) {
+  var l = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);
+  return l ? le({ r: Number(l[1]) / (l[2] ? 100 / 255 : 1), g: Number(l[3]) / (l[4] ? 100 / 255 : 1), b: Number(l[5]) / (l[6] ? 100 / 255 : 1), a: l[7] === void 0 ? 1 : Number(l[7]) / (l[8] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 };
+}, I = function(e) {
+  var l = e.toString(16);
+  return l.length < 2 ? "0" + l : l;
+}, Le = function(e) {
+  var l = e.r, c = e.g, h = e.b, i = e.a, f = i < 1 ? I(y(255 * i)) : "";
+  return "#" + I(l) + I(c) + I(h) + f;
+}, le = function(e) {
+  var l = e.r, c = e.g, h = e.b, i = e.a, f = Math.max(l, c, h), r = f - Math.min(l, c, h), n = r ? f === l ? (c - h) / r : f === c ? 2 + (h - l) / r : 4 + (l - c) / r : 0;
+  return { h: y(60 * (n < 0 ? n + 6 : n)), s: y(f ? r / f * 100 : 0), v: y(f / 255 * 100), a: i };
+}, oe = v.memo(function(e) {
+  var l = e.hue, c = e.onChange, h = S(["react-colorful__hue", e.className]);
+  return v.createElement("div", { className: h }, v.createElement(W, { onMove: function(i) {
+    c({ h: 360 * i.left });
+  }, onKey: function(i) {
+    c({ h: j(l + 360 * i.left, 0, 360) });
+  }, "aria-label": "Hue", "aria-valuenow": y(l), "aria-valuemax": "360", "aria-valuemin": "0" }, v.createElement(U, { className: "react-colorful__hue-pointer", left: l / 360, color: X({ h: l, s: 100, v: 100, a: 1 }) })));
+}), ie = v.memo(function(e) {
+  var l = e.hsva, c = e.onChange, h = { backgroundColor: X({ h: l.h, s: 100, v: 100, a: 1 }) };
+  return v.createElement("div", { className: "react-colorful__saturation", style: h }, v.createElement(W, { onMove: function(i) {
+    c({ s: 100 * i.left, v: 100 - 100 * i.top });
+  }, onKey: function(i) {
+    c({ s: j(l.s + 100 * i.left, 0, 100), v: j(l.v - 100 * i.top, 0, 100) });
+  }, "aria-label": "Color", "aria-valuetext": "Saturation " + y(l.s) + "%, Brightness " + y(l.v) + "%" }, v.createElement(U, { className: "react-colorful__saturation-pointer", top: 1 - l.v / 100, left: l.s / 100, color: X(l) })));
+}), ue = function(e, l) {
+  if (e === l) return !0;
+  for (var c in e) if (e[c] !== l[c]) return !1;
+  return !0;
+}, ce = function(e, l) {
+  return e.replace(/\s/g, "") === l.replace(/\s/g, "");
+}, Te = function(e, l) {
+  return e.toLowerCase() === l.toLowerCase() || ue(V(e), V(l));
+};
+function se(e, l, c) {
+  var h = D(c), i = P(function() {
+    return e.toHsva(l);
+  }), f = i[0], r = i[1], n = M({ color: l, hsva: f });
+  $(function() {
+    if (!e.equal(l, n.current.color)) {
+      var a = e.toHsva(l);
+      n.current = { hsva: a, color: l }, r(a);
+    }
+  }, [l, e]), $(function() {
+    var a;
+    ue(f, n.current.hsva) || e.equal(a = e.fromHsva(f), n.current.color) || (n.current = { hsva: f, color: a }, h(a));
+  }, [f, e, h]);
+  var t = z(function(a) {
+    r(function(o) {
+      return Object.assign({}, o, a);
+    });
+  }, []);
+  return [f, t];
+}
+var Be = typeof window < "u" ? ve : $, De = function() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
+}, Q = /* @__PURE__ */ new Map(), he = function(e) {
+  Be(function() {
+    var l = e.current ? e.current.ownerDocument : document;
+    if (l !== void 0 && !Q.has(l)) {
+      var c = l.createElement("style");
+      c.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}`, Q.set(l, c);
+      var h = De();
+      h && c.setAttribute("nonce", h), l.head.appendChild(c);
+    }
+  }, []);
+}, Ke = function(e) {
+  var l = e.className, c = e.colorModel, h = e.color, i = h === void 0 ? c.defaultColor : h, f = e.onChange, r = A(e, ["className", "colorModel", "color", "onChange"]), n = M(null);
+  he(n);
+  var t = se(c, i, f), a = t[0], o = t[1], u = S(["react-colorful", l]);
+  return v.createElement("div", C({}, r, { ref: n, className: u }), v.createElement(ie, { hsva: a, onChange: o }), v.createElement(oe, { hue: a.h, onChange: o, className: "react-colorful__last-control" }));
+}, Ve = { defaultColor: "000", toHsva: ze, fromHsva: function(e) {
+  return qe({ h: e.h, s: e.s, v: e.v, a: 1 });
+}, equal: Te }, Xe = function(e) {
+  return v.createElement(Ke, C({}, e, { colorModel: Ve }));
+}, Fe = function(e) {
+  var l = e.className, c = e.hsva, h = e.onChange, i = { backgroundImage: "linear-gradient(90deg, " + R(Object.assign({}, c, { a: 0 })) + ", " + R(Object.assign({}, c, { a: 1 })) + ")" }, f = S(["react-colorful__alpha", l]), r = y(100 * c.a);
+  return v.createElement("div", { className: f }, v.createElement("div", { className: "react-colorful__alpha-gradient", style: i }), v.createElement(W, { onMove: function(n) {
+    h({ a: n.left });
+  }, onKey: function(n) {
+    h({ a: j(c.a + n.left) });
+  }, "aria-label": "Alpha", "aria-valuetext": r + "%", "aria-valuenow": r, "aria-valuemin": "0", "aria-valuemax": "100" }, v.createElement(U, { className: "react-colorful__alpha-pointer", left: c.a, color: R(c) })));
+}, de = function(e) {
+  var l = e.className, c = e.colorModel, h = e.color, i = h === void 0 ? c.defaultColor : h, f = e.onChange, r = A(e, ["className", "colorModel", "color", "onChange"]), n = M(null);
+  he(n);
+  var t = se(c, i, f), a = t[0], o = t[1], u = S(["react-colorful", l]);
+  return v.createElement("div", C({}, r, { ref: n, className: u }), v.createElement(ie, { hsva: a, onChange: o }), v.createElement(oe, { hue: a.h, onChange: o }), v.createElement(Fe, { hsva: a, onChange: o, className: "react-colorful__last-control" }));
+}, Ge = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: He, fromHsva: R, equal: ce }, Ae = function(e) {
+  return v.createElement(de, C({}, e, { colorModel: Ge }));
+}, We = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: Re, fromHsva: function(e) {
+  var l = ae(e);
+  return "rgba(" + l.r + ", " + l.g + ", " + l.b + ", " + l.a + ")";
+}, equal: ce }, Ue = function(e) {
+  return v.createElement(de, C({}, e, { colorModel: We }));
+}, Ye = E.div({
+  position: "relative",
+  maxWidth: 250
+}), Je = E.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"
+  }
+}), Qe = E.div({
+  display: "grid",
+  gridTemplateColumns: "repeat(9, 16px)",
+  gap: 6,
+  padding: 3,
+  marginTop: 5,
+  width: 200
+}), Ze = (e) => `url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${e ? "white" : "black"}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`, fe = E(Z)(
+  ({ value: e, selected: l, theme: c }) => ({
+    width: 16,
+    height: 16,
+    boxShadow: l ? `${c.appBorderColor} 0 0 0 1px inset, ${c.textMutedColor}50 0 0 0 4px` : `${c.appBorderColor} 0 0 0 1px inset`,
+    border: "none",
+    borderRadius: c.appBorderRadius,
+    "&, &:hover": {
+      background: "unset",
+      backgroundColor: "unset",
+      backgroundImage: `linear-gradient(${e}, ${e}), ${Ze(c.base === "dark")}`
+    }
+  })
+), er = E(ye.Input)(({ theme: e }) => ({
+  width: "100%",
+  paddingLeft: 30,
+  paddingRight: 30,
+  boxSizing: "border-box",
+  fontFamily: e.typography.fonts.base,
+  '[aria-readonly="true"] > &': {
+    background: e.base === "light" ? e.color.lighter : "transparent"
+  }
+})), rr = E(fe)(({ disabled: e }) => ({
+  position: "absolute",
+  top: 4,
+  left: 4,
+  zIndex: 1,
+  cursor: e ? "not-allowed" : "pointer"
+})), tr = E(Z)(({ 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
+})), ge = /* @__PURE__ */ ((e) => (e.RGB = "rgb", e.HSL = "hsl", e.HEX = "hex", e))(ge || {}), B = Object.values(ge), nr = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, ar = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, lr = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, F = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, or = /^\s*#?([0-9a-f]{3})\s*$/i, ir = {
+  hex: Xe,
+  rgb: Ue,
+  hsl: Ae
+}, q = {
+  hex: "transparent",
+  rgb: "rgba(0, 0, 0, 0)",
+  hsl: "hsla(0, 0%, 0%, 0)"
+}, be = (e) => {
+  let l = e?.match(nr);
+  if (!l)
+    return [0, 0, 0, 1];
+  let [, c, h, i, f = 1] = l;
+  return [c, h, i, f].map(Number);
+}, ur = (e) => {
+  let [l, c, h, i] = be(e), [f, r, n] = _.default.rgb.hsl([l, c, h]) || [0, 0, 0];
+  return {
+    valid: !0,
+    value: e,
+    keyword: _.default.rgb.keyword([l, c, h]),
+    colorSpace: "rgb",
+    rgb: e,
+    hsl: `hsla(${f}, ${r}%, ${n}%, ${i})`,
+    hex: `#${_.default.rgb.hex([l, c, h]).toLowerCase()}`
+  };
+}, cr = (e) => {
+  let [l, c, h, i] = be(e), [f, r, n] = _.default.hsl.rgb([l, c, h]) || [0, 0, 0];
+  return {
+    valid: !0,
+    value: e,
+    keyword: _.default.hsl.keyword([l, c, h]),
+    colorSpace: "hsl",
+    rgb: `rgba(${f}, ${r}, ${n}, ${i})`,
+    hsl: e,
+    hex: `#${_.default.hsl.hex([l, c, h]).toLowerCase()}`
+  };
+}, sr = (e) => {
+  let l = e.replace("#", ""), c = _.default.keyword.rgb(l) || _.default.hex.rgb(l), h = _.default.rgb.hsl(c), i = e;
+  /[^#a-f0-9]/i.test(e) ? i = l : F.test(e) && (i = `#${l}`);
+  let f = !0;
+  if (i.startsWith("#"))
+    f = F.test(i);
+  else
+    try {
+      _.default.keyword.hex(i);
+    } catch {
+      f = !1;
+    }
+  return {
+    valid: f,
+    value: i,
+    keyword: _.default.rgb.keyword(c),
+    colorSpace: "hex",
+    rgb: `rgba(${c[0]}, ${c[1]}, ${c[2]}, 1)`,
+    hsl: `hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,
+    hex: i
+  };
+}, O = (e) => {
+  if (e)
+    return ar.test(e) ? ur(e) : lr.test(e) ? cr(e) : sr(e);
+}, hr = (e, l, c) => {
+  if (!e || !l?.valid)
+    return q[c];
+  if (c !== "hex")
+    return l?.[c] || q[c];
+  if (!l.hex.startsWith("#"))
+    try {
+      return `#${_.default.keyword.hex(l.hex)}`;
+    } catch {
+      return q.hex;
+    }
+  let h = l.hex.match(or);
+  if (!h)
+    return F.test(l.hex) ? l.hex : q.hex;
+  let [i, f, r] = h[1].split("");
+  return `#${i}${i}${f}${f}${r}${r}`;
+}, dr = (e, l) => {
+  let [c, h] = P(e || ""), [i, f] = P(() => O(c)), [r, n] = P(
+    i?.colorSpace || "hex"
+    /* HEX */
+  );
+  $(() => {
+    let u = e || "", s = O(u);
+    h(u), f(s), n(
+      s?.colorSpace || "hex"
+      /* HEX */
+    );
+  }, [e]);
+  let t = G(
+    () => hr(c, i, r).toLowerCase(),
+    [c, i, r]
+  ), a = z(
+    (u) => {
+      let s = O(u), d = s?.value || u || "";
+      h(d), d === "" && (f(void 0), l(void 0)), s && (f(s), n(s.colorSpace), l(s.value));
+    },
+    [l]
+  ), o = z(() => {
+    let u = (B.indexOf(r) + 1) % B.length, s = B[u];
+    n(s);
+    let d = i?.[s] || "";
+    h(d), l(d);
+  }, [i, r, l]);
+  return { value: c, realValue: t, updateValue: a, color: i, colorSpace: r, cycleColorSpace: o };
+}, L = (e) => e.replace(/\s*/, "").toLowerCase(), fr = (e, l, c) => {
+  let [h, i] = P(l?.valid ? [l] : []);
+  $(() => {
+    l === void 0 && i([]);
+  }, [l]);
+  let f = G(() => (e || []).map((n) => typeof n == "string" ? O(n) : n.title ? { ...O(n.color), keyword: n.title } : O(n.color)).concat(h).filter(Boolean).slice(-27), [e, h]), r = z(
+    (n) => {
+      n?.valid && (f.some(
+        (t) => t && t[c] && L(t[c] || "") === L(n[c] || "")
+      ) || i((t) => t.concat(n)));
+    },
+    [c, f]
+  );
+  return { presets: f, addPreset: r };
+}, gr = ({
+  name: e,
+  value: l,
+  onChange: c,
+  onFocus: h,
+  onBlur: i,
+  presetColors: f,
+  startOpen: r = !1,
+  argType: n
+}) => {
+  let t = z(Pe(c, 200), [c]), { value: a, realValue: o, updateValue: u, color: s, colorSpace: d, cycleColorSpace: g } = dr(
+    l,
+    t
+  ), { presets: b, addPreset: m } = fr(f ?? [], s, d), p = ir[d], x = !!n?.table?.readonly, k = xe(e);
+  return v.createElement(Ye, null, v.createElement("label", { htmlFor: k, className: "sb-sr-only" }, e), v.createElement(
+    er,
+    {
+      id: k,
+      value: a,
+      onChange: (w) => u(w.target.value),
+      onFocus: (w) => w.target.select(),
+      readOnly: x,
+      placeholder: "Choose color..."
+    }
+  ), v.createElement(
+    pe,
+    {
+      defaultVisible: r,
+      visible: x ? !1 : void 0,
+      onVisibleChange: () => s && m(s),
+      popover: v.createElement(Je, null, v.createElement(
+        p,
+        {
+          color: o === "transparent" ? "#000000" : o,
+          onChange: u,
+          onFocus: h,
+          onBlur: i
+        }
+      ), b.length > 0 && v.createElement(Qe, null, b.map((w, H) => v.createElement(
+        fe,
+        {
+          key: `${w?.value || H}-${H}`,
+          variant: "ghost",
+          padding: "small",
+          size: "small",
+          ariaLabel: "Pick this color",
+          tooltip: w?.keyword || w?.value || "",
+          value: w?.value || "",
+          selected: !!(s && w && w[d] && L(w[d] || "") === L(s[d])),
+          onClick: () => w && u(w.value || "")
+        }
+      ))))
+    },
+    v.createElement(
+      rr,
+      {
+        variant: "ghost",
+        padding: "small",
+        size: "small",
+        ariaLabel: "Open color picker",
+        value: o,
+        style: { margin: 4 },
+        disabled: x
+      }
+    )
+  ), a ? v.createElement(
+    tr,
+    {
+      variant: "ghost",
+      padding: "small",
+      size: "small",
+      ariaLabel: "Cycle through color spaces",
+      disabled: x,
+      onClick: x ? void 0 : g
+    },
+    v.createElement(me, null)
+  ) : null);
+}, pr = gr;
+export {
+  gr as ColorControl,
+  pr as default
+};
+//# sourceMappingURL=Color-6BZIO3FS-CWWwv-fq.js.map