@tcn/ui 0.3.0 → 0.3.2

package/dist/Color-ASIRERSW-B4GaVKuQ.js

@@ -0,0 +1,990 @@
+import { e as E, P as ge, M as be, F as ve, B as Z, g as pe, h as T } from "./showcase-WfP6kBEb.js";
+import v, { useCallback as S, useState as j, useEffect as O, useMemo as G, useRef as M, useLayoutEffect as me } from "react";
+var ye = (r) => `control-${r.replace(/\s+/g, "-")}`, xe = T({
+  "../../node_modules/color-name/index.js"(r, o) {
+    o.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]
+    };
+  }
+}), ee = T({
+  "../../node_modules/color-convert/conversions.js"(r, o) {
+    var s = xe(), h = {};
+    for (let e of Object.keys(s))
+      h[s[e]] = e;
+    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"] }
+    };
+    o.exports = i;
+    for (let e of Object.keys(i)) {
+      if (!("channels" in i[e]))
+        throw new Error("missing channels property: " + e);
+      if (!("labels" in i[e]))
+        throw new Error("missing channel labels property: " + e);
+      if (i[e].labels.length !== i[e].channels)
+        throw new Error("channel and label counts mismatch: " + e);
+      let { channels: n, labels: t } = i[e];
+      delete i[e].channels, delete i[e].labels, Object.defineProperty(i[e], "channels", { value: n }), Object.defineProperty(i[e], "labels", { value: t });
+    }
+    i.rgb.hsl = function(e) {
+      let n = e[0] / 255, t = e[1] / 255, a = e[2] / 255, l = Math.min(n, t, a), u = Math.max(n, t, a), c = u - l, d, g;
+      u === l ? d = 0 : n === u ? d = (t - a) / c : t === u ? d = 2 + (a - n) / c : a === u && (d = 4 + (n - t) / c), d = Math.min(d * 60, 360), d < 0 && (d += 360);
+      let b = (l + u) / 2;
+      return u === l ? g = 0 : b <= 0.5 ? g = c / (u + l) : g = c / (2 - u - l), [d, g * 100, b * 100];
+    }, i.rgb.hsv = function(e) {
+      let n, t, a, l, u, c = e[0] / 255, d = e[1] / 255, g = e[2] / 255, b = Math.max(c, d, g), m = b - Math.min(c, d, g), p = function(x) {
+        return (b - x) / 6 / m + 1 / 2;
+      };
+      return m === 0 ? (l = 0, u = 0) : (u = m / b, n = p(c), t = p(d), a = p(g), c === b ? l = a - t : d === b ? l = 1 / 3 + n - a : g === b && (l = 2 / 3 + t - n), l < 0 ? l += 1 : l > 1 && (l -= 1)), [
+        l * 360,
+        u * 100,
+        b * 100
+      ];
+    }, i.rgb.hwb = function(e) {
+      let n = e[0], t = e[1], a = e[2], l = i.rgb.hsl(e)[0], u = 1 / 255 * Math.min(n, Math.min(t, a));
+      return a = 1 - 1 / 255 * Math.max(n, Math.max(t, a)), [l, u * 100, a * 100];
+    }, i.rgb.cmyk = function(e) {
+      let n = e[0] / 255, t = e[1] / 255, a = e[2] / 255, l = Math.min(1 - n, 1 - t, 1 - a), u = (1 - n - l) / (1 - l) || 0, c = (1 - t - l) / (1 - l) || 0, d = (1 - a - l) / (1 - l) || 0;
+      return [u * 100, c * 100, d * 100, l * 100];
+    };
+    function f(e, n) {
+      return (e[0] - n[0]) ** 2 + (e[1] - n[1]) ** 2 + (e[2] - n[2]) ** 2;
+    }
+    i.rgb.keyword = function(e) {
+      let n = h[e];
+      if (n)
+        return n;
+      let t = 1 / 0, a;
+      for (let l of Object.keys(s)) {
+        let u = s[l], c = f(e, u);
+        c < t && (t = c, a = l);
+      }
+      return a;
+    }, i.keyword.rgb = function(e) {
+      return s[e];
+    }, i.rgb.xyz = function(e) {
+      let n = e[0] / 255, t = e[1] / 255, a = e[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 l = n * 0.4124 + t * 0.3576 + a * 0.1805, u = n * 0.2126 + t * 0.7152 + a * 0.0722, c = n * 0.0193 + t * 0.1192 + a * 0.9505;
+      return [l * 100, u * 100, c * 100];
+    }, i.rgb.lab = function(e) {
+      let n = i.rgb.xyz(e), t = n[0], a = n[1], l = n[2];
+      t /= 95.047, a /= 100, l /= 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, l = l > 8856e-6 ? l ** (1 / 3) : 7.787 * l + 16 / 116;
+      let u = 116 * a - 16, c = 500 * (t - a), d = 200 * (a - l);
+      return [u, c, d];
+    }, i.hsl.rgb = function(e) {
+      let n = e[0] / 360, t = e[1] / 100, a = e[2] / 100, l, u, c;
+      if (t === 0)
+        return c = a * 255, [c, c, c];
+      a < 0.5 ? l = a * (1 + t) : l = a + t - a * t;
+      let d = 2 * a - l, 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 ? c = d + (l - d) * 6 * u : 2 * u < 1 ? c = l : 3 * u < 2 ? c = d + (l - d) * (2 / 3 - u) * 6 : c = d, g[b] = c * 255;
+      return g;
+    }, i.hsl.hsv = function(e) {
+      let n = e[0], t = e[1] / 100, a = e[2] / 100, l = t, u = Math.max(a, 0.01);
+      a *= 2, t *= a <= 1 ? a : 2 - a, l *= u <= 1 ? u : 2 - u;
+      let c = (a + t) / 2, d = a === 0 ? 2 * l / (u + l) : 2 * t / (a + t);
+      return [n, d * 100, c * 100];
+    }, i.hsv.rgb = function(e) {
+      let n = e[0] / 60, t = e[1] / 100, a = e[2] / 100, l = Math.floor(n) % 6, u = n - Math.floor(n), c = 255 * a * (1 - t), d = 255 * a * (1 - t * u), g = 255 * a * (1 - t * (1 - u));
+      switch (a *= 255, l) {
+        case 0:
+          return [a, g, c];
+        case 1:
+          return [d, a, c];
+        case 2:
+          return [c, a, g];
+        case 3:
+          return [c, d, a];
+        case 4:
+          return [g, c, a];
+        case 5:
+          return [a, c, d];
+      }
+    }, i.hsv.hsl = function(e) {
+      let n = e[0], t = e[1] / 100, a = e[2] / 100, l = Math.max(a, 0.01), u, c;
+      c = (2 - t) * a;
+      let d = (2 - t) * l;
+      return u = t * l, u /= d <= 1 ? d : 2 - d, u = u || 0, c /= 2, [n, u * 100, c * 100];
+    }, i.hwb.rgb = function(e) {
+      let n = e[0] / 360, t = e[1] / 100, a = e[2] / 100, l = t + a, u;
+      l > 1 && (t /= l, a /= l);
+      let c = Math.floor(6 * n), d = 1 - a;
+      u = 6 * n - c, (c & 1) !== 0 && (u = 1 - u);
+      let g = t + u * (d - t), b, m, p;
+      switch (c) {
+        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(e) {
+      let n = e[0] / 100, t = e[1] / 100, a = e[2] / 100, l = e[3] / 100, u = 1 - Math.min(1, n * (1 - l) + l), c = 1 - Math.min(1, t * (1 - l) + l), d = 1 - Math.min(1, a * (1 - l) + l);
+      return [u * 255, c * 255, d * 255];
+    }, i.xyz.rgb = function(e) {
+      let n = e[0] / 100, t = e[1] / 100, a = e[2] / 100, l, u, c;
+      return l = n * 3.2406 + t * -1.5372 + a * -0.4986, u = n * -0.9689 + t * 1.8758 + a * 0.0415, c = n * 0.0557 + t * -0.204 + a * 1.057, l = l > 31308e-7 ? 1.055 * l ** (1 / 2.4) - 0.055 : l * 12.92, u = u > 31308e-7 ? 1.055 * u ** (1 / 2.4) - 0.055 : u * 12.92, c = c > 31308e-7 ? 1.055 * c ** (1 / 2.4) - 0.055 : c * 12.92, l = Math.min(Math.max(0, l), 1), u = Math.min(Math.max(0, u), 1), c = Math.min(Math.max(0, c), 1), [l * 255, u * 255, c * 255];
+    }, i.xyz.lab = function(e) {
+      let n = e[0], t = e[1], a = e[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 l = 116 * t - 16, u = 500 * (n - t), c = 200 * (t - a);
+      return [l, u, c];
+    }, i.lab.xyz = function(e) {
+      let n = e[0], t = e[1], a = e[2], l, u, c;
+      u = (n + 16) / 116, l = t / 500 + u, c = u - a / 200;
+      let d = u ** 3, g = l ** 3, b = c ** 3;
+      return u = d > 8856e-6 ? d : (u - 16 / 116) / 7.787, l = g > 8856e-6 ? g : (l - 16 / 116) / 7.787, c = b > 8856e-6 ? b : (c - 16 / 116) / 7.787, l *= 95.047, u *= 100, c *= 108.883, [l, u, c];
+    }, i.lab.lch = function(e) {
+      let n = e[0], t = e[1], a = e[2], l;
+      l = Math.atan2(a, t) * 360 / 2 / Math.PI, l < 0 && (l += 360);
+      let u = Math.sqrt(t * t + a * a);
+      return [n, u, l];
+    }, i.lch.lab = function(e) {
+      let n = e[0], t = e[1], a = e[2] / 360 * 2 * Math.PI, l = t * Math.cos(a), u = t * Math.sin(a);
+      return [n, l, u];
+    }, i.rgb.ansi16 = function(e, n = null) {
+      let [t, a, l] = e, u = n === null ? i.rgb.hsv(e)[2] : n;
+      if (u = Math.round(u / 50), u === 0)
+        return 30;
+      let c = 30 + (Math.round(l / 255) << 2 | Math.round(a / 255) << 1 | Math.round(t / 255));
+      return u === 2 && (c += 60), c;
+    }, i.hsv.ansi16 = function(e) {
+      return i.rgb.ansi16(i.hsv.rgb(e), e[2]);
+    }, i.rgb.ansi256 = function(e) {
+      let n = e[0], t = e[1], a = e[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(e) {
+      let n = e % 10;
+      if (n === 0 || n === 7)
+        return e > 50 && (n += 3.5), n = n / 10.5 * 255, [n, n, n];
+      let t = (~~(e > 50) + 1) * 0.5, a = (n & 1) * t * 255, l = (n >> 1 & 1) * t * 255, u = (n >> 2 & 1) * t * 255;
+      return [a, l, u];
+    }, i.ansi256.rgb = function(e) {
+      if (e >= 232) {
+        let u = (e - 232) * 10 + 8;
+        return [u, u, u];
+      }
+      e -= 16;
+      let n, t = Math.floor(e / 36) / 5 * 255, a = Math.floor((n = e % 36) / 6) / 5 * 255, l = n % 6 / 5 * 255;
+      return [t, a, l];
+    }, i.rgb.hex = function(e) {
+      let n = (((Math.round(e[0]) & 255) << 16) + ((Math.round(e[1]) & 255) << 8) + (Math.round(e[2]) & 255)).toString(16).toUpperCase();
+      return "000000".substring(n.length) + n;
+    }, i.hex.rgb = function(e) {
+      let n = e.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), l = a >> 16 & 255, u = a >> 8 & 255, c = a & 255;
+      return [l, u, c];
+    }, i.rgb.hcg = function(e) {
+      let n = e[0] / 255, t = e[1] / 255, a = e[2] / 255, l = Math.max(Math.max(n, t), a), u = Math.min(Math.min(n, t), a), c = l - u, d, g;
+      return c < 1 ? d = u / (1 - c) : d = 0, c <= 0 ? g = 0 : l === n ? g = (t - a) / c % 6 : l === t ? g = 2 + (a - n) / c : g = 4 + (n - t) / c, g /= 6, g %= 1, [g * 360, c * 100, d * 100];
+    }, i.hsl.hcg = function(e) {
+      let n = e[1] / 100, t = e[2] / 100, a = t < 0.5 ? 2 * n * t : 2 * n * (1 - t), l = 0;
+      return a < 1 && (l = (t - 0.5 * a) / (1 - a)), [e[0], a * 100, l * 100];
+    }, i.hsv.hcg = function(e) {
+      let n = e[1] / 100, t = e[2] / 100, a = n * t, l = 0;
+      return a < 1 && (l = (t - a) / (1 - a)), [e[0], a * 100, l * 100];
+    }, i.hcg.rgb = function(e) {
+      let n = e[0] / 360, t = e[1] / 100, a = e[2] / 100;
+      if (t === 0)
+        return [a * 255, a * 255, a * 255];
+      let l = [0, 0, 0], u = n % 1 * 6, c = u % 1, d = 1 - c, g = 0;
+      switch (Math.floor(u)) {
+        case 0:
+          l[0] = 1, l[1] = c, l[2] = 0;
+          break;
+        case 1:
+          l[0] = d, l[1] = 1, l[2] = 0;
+          break;
+        case 2:
+          l[0] = 0, l[1] = 1, l[2] = c;
+          break;
+        case 3:
+          l[0] = 0, l[1] = d, l[2] = 1;
+          break;
+        case 4:
+          l[0] = c, l[1] = 0, l[2] = 1;
+          break;
+        default:
+          l[0] = 1, l[1] = 0, l[2] = d;
+      }
+      return g = (1 - t) * a, [
+        (t * l[0] + g) * 255,
+        (t * l[1] + g) * 255,
+        (t * l[2] + g) * 255
+      ];
+    }, i.hcg.hsv = function(e) {
+      let n = e[1] / 100, t = e[2] / 100, a = n + t * (1 - n), l = 0;
+      return a > 0 && (l = n / a), [e[0], l * 100, a * 100];
+    }, i.hcg.hsl = function(e) {
+      let n = e[1] / 100, t = e[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))), [e[0], a * 100, t * 100];
+    }, i.hcg.hwb = function(e) {
+      let n = e[1] / 100, t = e[2] / 100, a = n + t * (1 - n);
+      return [e[0], (a - n) * 100, (1 - a) * 100];
+    }, i.hwb.hcg = function(e) {
+      let n = e[1] / 100, t = 1 - e[2] / 100, a = t - n, l = 0;
+      return a < 1 && (l = (t - a) / (1 - a)), [e[0], a * 100, l * 100];
+    }, i.apple.rgb = function(e) {
+      return [e[0] / 65535 * 255, e[1] / 65535 * 255, e[2] / 65535 * 255];
+    }, i.rgb.apple = function(e) {
+      return [e[0] / 255 * 65535, e[1] / 255 * 65535, e[2] / 255 * 65535];
+    }, i.gray.rgb = function(e) {
+      return [e[0] / 100 * 255, e[0] / 100 * 255, e[0] / 100 * 255];
+    }, i.gray.hsl = function(e) {
+      return [0, 0, e[0]];
+    }, i.gray.hsv = i.gray.hsl, i.gray.hwb = function(e) {
+      return [0, 100, e[0]];
+    }, i.gray.cmyk = function(e) {
+      return [0, 0, 0, e[0]];
+    }, i.gray.lab = function(e) {
+      return [e[0], 0, 0];
+    }, i.gray.hex = function(e) {
+      let n = Math.round(e[0] / 100 * 255) & 255, t = ((n << 16) + (n << 8) + n).toString(16).toUpperCase();
+      return "000000".substring(t.length) + t;
+    }, i.rgb.gray = function(e) {
+      return [(e[0] + e[1] + e[2]) / 3 / 255 * 100];
+    };
+  }
+}), we = T({
+  "../../node_modules/color-convert/route.js"(r, o) {
+    var s = ee();
+    function h() {
+      let n = {}, t = Object.keys(s);
+      for (let a = t.length, l = 0; l < a; l++)
+        n[t[l]] = {
+          // 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 l = a.pop(), u = Object.keys(s[l]);
+        for (let c = u.length, d = 0; d < c; d++) {
+          let g = u[d], b = t[g];
+          b.distance === -1 && (b.distance = t[l].distance + 1, b.parent = l, a.unshift(g));
+        }
+      }
+      return t;
+    }
+    function f(n, t) {
+      return function(a) {
+        return t(n(a));
+      };
+    }
+    function e(n, t) {
+      let a = [t[n].parent, n], l = s[t[n].parent][n], u = t[n].parent;
+      for (; t[u].parent; )
+        a.unshift(t[u].parent), l = f(s[t[u].parent][u], l), u = t[u].parent;
+      return l.conversion = a, l;
+    }
+    o.exports = function(n) {
+      let t = i(n), a = {}, l = Object.keys(t);
+      for (let u = l.length, c = 0; c < u; c++) {
+        let d = l[c];
+        t[d].parent !== null && (a[d] = e(d, t));
+      }
+      return a;
+    };
+  }
+}), ke = T({
+  "../../node_modules/color-convert/index.js"(r, o) {
+    var s = ee(), h = we(), i = {}, f = Object.keys(s);
+    function e(t) {
+      let a = function(...l) {
+        let u = l[0];
+        return u == null ? u : (u.length > 1 && (l = u), t(l));
+      };
+      return "conversion" in t && (a.conversion = t.conversion), a;
+    }
+    function n(t) {
+      let a = function(...l) {
+        let u = l[0];
+        if (u == null)
+          return u;
+        u.length > 1 && (l = u);
+        let c = t(l);
+        if (typeof c == "object")
+          for (let d = c.length, g = 0; g < d; g++)
+            c[g] = Math.round(c[g]);
+        return c;
+      };
+      return "conversion" in t && (a.conversion = t.conversion), a;
+    }
+    f.forEach((t) => {
+      i[t] = {}, Object.defineProperty(i[t], "channels", { value: s[t].channels }), Object.defineProperty(i[t], "labels", { value: s[t].labels });
+      let a = h(t);
+      Object.keys(a).forEach((l) => {
+        let u = a[l];
+        i[t][l] = n(u), i[t][l].raw = e(u);
+      });
+    }), o.exports = i;
+  }
+}), k = pe(ke());
+function _e(r, o, { signal: s, edges: h } = {}) {
+  let i, f = null, e = h != null && h.includes("leading"), n = h == null || h.includes("trailing"), t = () => {
+    f !== null && (r.apply(i, f), i = void 0, f = null);
+  }, a = () => {
+    n && t(), d();
+  }, l = null, u = () => {
+    l != null && clearTimeout(l), l = setTimeout(() => {
+      l = null, a();
+    }, o);
+  }, c = () => {
+    l !== null && (clearTimeout(l), l = null);
+  }, d = () => {
+    c(), i = void 0, f = null;
+  }, g = () => {
+    t();
+  }, b = function(...m) {
+    if (s?.aborted)
+      return;
+    i = this, f = m;
+    let p = l == null;
+    u(), e && p && t();
+  };
+  return b.schedule = u, b.cancel = d, b.flush = g, s?.addEventListener("abort", d, { once: !0 }), b;
+}
+function C() {
+  return (C = Object.assign || function(r) {
+    for (var o = 1; o < arguments.length; o++) {
+      var s = arguments[o];
+      for (var h in s) Object.prototype.hasOwnProperty.call(s, h) && (r[h] = s[h]);
+    }
+    return r;
+  }).apply(this, arguments);
+}
+function A(r, o) {
+  if (r == null) return {};
+  var s, h, i = {}, f = Object.keys(r);
+  for (h = 0; h < f.length; h++) o.indexOf(s = f[h]) >= 0 || (i[s] = r[s]);
+  return i;
+}
+function K(r) {
+  var o = M(r), s = M(function(h) {
+    o.current && o.current(h);
+  });
+  return o.current = r, s.current;
+}
+var N = function(r, o, s) {
+  return o === void 0 && (o = 0), s === void 0 && (s = 1), r > s ? s : r < o ? o : r;
+}, z = function(r) {
+  return "touches" in r;
+}, V = function(r) {
+  return r && r.ownerDocument.defaultView || self;
+}, Y = function(r, o, s) {
+  var h = r.getBoundingClientRect(), i = z(o) ? (function(f, e) {
+    for (var n = 0; n < f.length; n++) if (f[n].identifier === e) return f[n];
+    return f[0];
+  })(o.touches, s) : o;
+  return { left: N((i.pageX - (h.left + V(r).pageXOffset)) / h.width), top: N((i.pageY - (h.top + V(r).pageYOffset)) / h.height) };
+}, J = function(r) {
+  !z(r) && r.preventDefault();
+}, W = v.memo(function(r) {
+  var o = r.onMove, s = r.onKey, h = A(r, ["onMove", "onKey"]), i = M(null), f = K(o), e = K(s), n = M(null), t = M(!1), a = G(function() {
+    var d = function(m) {
+      J(m), (z(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 = V(i.current), _ = m ? x.addEventListener : x.removeEventListener;
+      _(p ? "touchmove" : "mousemove", d), _(p ? "touchend" : "mouseup", g);
+    }
+    return [function(m) {
+      var p = m.nativeEvent, x = i.current;
+      if (x && (J(p), !(function(w, I) {
+        return I && !z(w);
+      })(p, t.current) && x)) {
+        if (z(p)) {
+          t.current = !0;
+          var _ = p.changedTouches || [];
+          _.length && (n.current = _[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(), e({ left: p === 39 ? 0.05 : p === 37 ? -0.05 : 0, top: p === 40 ? 0.05 : p === 38 ? -0.05 : 0 }));
+    }, b];
+  }, [e, f]), l = a[0], u = a[1], c = a[2];
+  return O(function() {
+    return c;
+  }, [c]), v.createElement("div", C({}, h, { onTouchStart: l, onMouseDown: l, className: "react-colorful__interactive", ref: i, onKeyDown: u, tabIndex: 0, role: "slider" }));
+}), H = function(r) {
+  return r.filter(Boolean).join(" ");
+}, U = function(r) {
+  var o = r.color, s = r.left, h = r.top, i = h === void 0 ? 0.5 : h, f = H(["react-colorful__pointer", r.className]);
+  return v.createElement("div", { className: f, style: { top: 100 * i + "%", left: 100 * s + "%" } }, v.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: o } }));
+}, y = function(r, o, s) {
+  return o === void 0 && (o = 0), s === void 0 && (s = Math.pow(10, o)), Math.round(s * r) / s;
+}, Me = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, Ee = function(r) {
+  return ne(X(r));
+}, X = function(r) {
+  return r[0] === "#" && (r = r.substring(1)), r.length < 6 ? { r: parseInt(r[0] + r[0], 16), g: parseInt(r[1] + r[1], 16), b: parseInt(r[2] + r[2], 16), a: r.length === 4 ? y(parseInt(r[3] + r[3], 16) / 255, 2) : 1 } : { r: parseInt(r.substring(0, 2), 16), g: parseInt(r.substring(2, 4), 16), b: parseInt(r.substring(4, 6), 16), a: r.length === 8 ? y(parseInt(r.substring(6, 8), 16) / 255, 2) : 1 };
+}, Ce = function(r, o) {
+  return o === void 0 && (o = "deg"), Number(r) * (Me[o] || 1);
+}, $e = function(r) {
+  var o = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
+  return o ? Oe({ h: Ce(o[1], o[2]), s: Number(o[3]), l: Number(o[4]), a: o[5] === void 0 ? 1 : Number(o[5]) / (o[6] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 };
+}, Oe = function(r) {
+  var o = r.s, s = r.l;
+  return { h: r.h, s: (o *= (s < 50 ? s : 100 - s) / 100) > 0 ? 2 * o / (s + o) * 100 : 0, v: s + o, a: r.a };
+}, Ne = function(r) {
+  return ze(te(r));
+}, re = function(r) {
+  var o = r.s, s = r.v, h = r.a, i = (200 - o) * s / 100;
+  return { h: y(r.h), s: y(i > 0 && i < 200 ? o * s / 100 / (i <= 100 ? i : 200 - i) * 100 : 0), l: y(i / 2), a: y(h, 2) };
+}, F = function(r) {
+  var o = re(r);
+  return "hsl(" + o.h + ", " + o.s + "%, " + o.l + "%)";
+}, R = function(r) {
+  var o = re(r);
+  return "hsla(" + o.h + ", " + o.s + "%, " + o.l + "%, " + o.a + ")";
+}, te = function(r) {
+  var o = r.h, s = r.s, h = r.v, i = r.a;
+  o = o / 360 * 6, s /= 100, h /= 100;
+  var f = Math.floor(o), e = h * (1 - s), n = h * (1 - (o - f) * s), t = h * (1 - (1 - o + f) * s), a = f % 6;
+  return { r: y(255 * [h, n, e, e, t, h][a]), g: y(255 * [t, h, h, n, e, e][a]), b: y(255 * [e, e, t, h, h, n][a]), a: y(i, 2) };
+}, je = function(r) {
+  var o = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);
+  return o ? ne({ r: Number(o[1]) / (o[2] ? 100 / 255 : 1), g: Number(o[3]) / (o[4] ? 100 / 255 : 1), b: Number(o[5]) / (o[6] ? 100 / 255 : 1), a: o[7] === void 0 ? 1 : Number(o[7]) / (o[8] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 };
+}, P = function(r) {
+  var o = r.toString(16);
+  return o.length < 2 ? "0" + o : o;
+}, ze = function(r) {
+  var o = r.r, s = r.g, h = r.b, i = r.a, f = i < 1 ? P(y(255 * i)) : "";
+  return "#" + P(o) + P(s) + P(h) + f;
+}, ne = function(r) {
+  var o = r.r, s = r.g, h = r.b, i = r.a, f = Math.max(o, s, h), e = f - Math.min(o, s, h), n = e ? f === o ? (s - h) / e : f === s ? 2 + (h - o) / e : 4 + (o - s) / e : 0;
+  return { h: y(60 * (n < 0 ? n + 6 : n)), s: y(f ? e / f * 100 : 0), v: y(f / 255 * 100), a: i };
+}, ae = v.memo(function(r) {
+  var o = r.hue, s = r.onChange, h = H(["react-colorful__hue", r.className]);
+  return v.createElement("div", { className: h }, v.createElement(W, { onMove: function(i) {
+    s({ h: 360 * i.left });
+  }, onKey: function(i) {
+    s({ h: N(o + 360 * i.left, 0, 360) });
+  }, "aria-label": "Hue", "aria-valuenow": y(o), "aria-valuemax": "360", "aria-valuemin": "0" }, v.createElement(U, { className: "react-colorful__hue-pointer", left: o / 360, color: F({ h: o, s: 100, v: 100, a: 1 }) })));
+}), le = v.memo(function(r) {
+  var o = r.hsva, s = r.onChange, h = { backgroundColor: F({ h: o.h, s: 100, v: 100, a: 1 }) };
+  return v.createElement("div", { className: "react-colorful__saturation", style: h }, v.createElement(W, { onMove: function(i) {
+    s({ s: 100 * i.left, v: 100 - 100 * i.top });
+  }, onKey: function(i) {
+    s({ s: N(o.s + 100 * i.left, 0, 100), v: N(o.v - 100 * i.top, 0, 100) });
+  }, "aria-label": "Color", "aria-valuetext": "Saturation " + y(o.s) + "%, Brightness " + y(o.v) + "%" }, v.createElement(U, { className: "react-colorful__saturation-pointer", top: 1 - o.v / 100, left: o.s / 100, color: F(o) })));
+}), oe = function(r, o) {
+  if (r === o) return !0;
+  for (var s in r) if (r[s] !== o[s]) return !1;
+  return !0;
+}, ie = function(r, o) {
+  return r.replace(/\s/g, "") === o.replace(/\s/g, "");
+}, Se = function(r, o) {
+  return r.toLowerCase() === o.toLowerCase() || oe(X(r), X(o));
+};
+function ue(r, o, s) {
+  var h = K(s), i = j(function() {
+    return r.toHsva(o);
+  }), f = i[0], e = i[1], n = M({ color: o, hsva: f });
+  O(function() {
+    if (!r.equal(o, n.current.color)) {
+      var a = r.toHsva(o);
+      n.current = { hsva: a, color: o }, e(a);
+    }
+  }, [o, r]), O(function() {
+    var a;
+    oe(f, n.current.hsva) || r.equal(a = r.fromHsva(f), n.current.color) || (n.current = { hsva: f, color: a }, h(a));
+  }, [f, r, h]);
+  var t = S(function(a) {
+    e(function(l) {
+      return Object.assign({}, l, a);
+    });
+  }, []);
+  return [f, t];
+}
+var He = typeof window < "u" ? me : O, Ie = function() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
+}, Q = /* @__PURE__ */ new Map(), se = function(r) {
+  He(function() {
+    var o = r.current ? r.current.ownerDocument : document;
+    if (o !== void 0 && !Q.has(o)) {
+      var s = o.createElement("style");
+      s.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(o, s);
+      var h = Ie();
+      h && s.setAttribute("nonce", h), o.head.appendChild(s);
+    }
+  }, []);
+}, Pe = function(r) {
+  var o = r.className, s = r.colorModel, h = r.color, i = h === void 0 ? s.defaultColor : h, f = r.onChange, e = A(r, ["className", "colorModel", "color", "onChange"]), n = M(null);
+  se(n);
+  var t = ue(s, i, f), a = t[0], l = t[1], u = H(["react-colorful", o]);
+  return v.createElement("div", C({}, e, { ref: n, className: u }), v.createElement(le, { hsva: a, onChange: l }), v.createElement(ae, { hue: a.h, onChange: l, className: "react-colorful__last-control" }));
+}, qe = { defaultColor: "000", toHsva: Ee, fromHsva: function(r) {
+  return Ne({ h: r.h, s: r.s, v: r.v, a: 1 });
+}, equal: Se }, Re = function(r) {
+  return v.createElement(Pe, C({}, r, { colorModel: qe }));
+}, Le = function(r) {
+  var o = r.className, s = r.hsva, h = r.onChange, i = { backgroundImage: "linear-gradient(90deg, " + R(Object.assign({}, s, { a: 0 })) + ", " + R(Object.assign({}, s, { a: 1 })) + ")" }, f = H(["react-colorful__alpha", o]), e = y(100 * s.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: N(s.a + n.left) });
+  }, "aria-label": "Alpha", "aria-valuetext": e + "%", "aria-valuenow": e, "aria-valuemin": "0", "aria-valuemax": "100" }, v.createElement(U, { className: "react-colorful__alpha-pointer", left: s.a, color: R(s) })));
+}, ce = function(r) {
+  var o = r.className, s = r.colorModel, h = r.color, i = h === void 0 ? s.defaultColor : h, f = r.onChange, e = A(r, ["className", "colorModel", "color", "onChange"]), n = M(null);
+  se(n);
+  var t = ue(s, i, f), a = t[0], l = t[1], u = H(["react-colorful", o]);
+  return v.createElement("div", C({}, e, { ref: n, className: u }), v.createElement(le, { hsva: a, onChange: l }), v.createElement(ae, { hue: a.h, onChange: l }), v.createElement(Le, { hsva: a, onChange: l, className: "react-colorful__last-control" }));
+}, Te = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: $e, fromHsva: R, equal: ie }, Be = function(r) {
+  return v.createElement(ce, C({}, r, { colorModel: Te }));
+}, Ke = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: je, fromHsva: function(r) {
+  var o = te(r);
+  return "rgba(" + o.r + ", " + o.g + ", " + o.b + ", " + o.a + ")";
+}, equal: ie }, Ve = function(r) {
+  return v.createElement(ce, C({}, r, { colorModel: Ke }));
+}, Xe = E.div({
+  position: "relative",
+  maxWidth: 250
+}), Fe = 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"
+  }
+}), De = E.div({
+  display: "grid",
+  gridTemplateColumns: "repeat(9, 16px)",
+  gap: 6,
+  padding: 3,
+  marginTop: 5,
+  width: 200
+}), Ge = (r) => `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="${r ? "white" : "black"}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`, he = E(Z)(
+  ({ value: r, selected: o, theme: s }) => ({
+    width: 16,
+    height: 16,
+    boxShadow: o ? `${s.appBorderColor} 0 0 0 1px inset, ${s.textMutedColor}50 0 0 0 4px` : `${s.appBorderColor} 0 0 0 1px inset`,
+    border: "none",
+    borderRadius: s.appBorderRadius,
+    "&, &:hover": {
+      background: "unset",
+      backgroundColor: "unset",
+      backgroundImage: `linear-gradient(${r}, ${r}), ${Ge(s.base === "dark")}`
+    }
+  })
+), Ae = E(ve.Input)(({ theme: r }) => ({
+  width: "100%",
+  paddingLeft: 30,
+  paddingRight: 30,
+  boxSizing: "border-box",
+  fontFamily: r.typography.fonts.base,
+  '[aria-readonly="true"] > &': {
+    background: r.base === "light" ? r.color.lighter : "transparent"
+  }
+})), We = E(he)(({ disabled: r }) => ({
+  position: "absolute",
+  top: 4,
+  left: 4,
+  zIndex: 1,
+  cursor: r ? "not-allowed" : "pointer"
+})), Ue = E(Z)(({ theme: r }) => ({
+  position: "absolute",
+  zIndex: 1,
+  top: 6,
+  right: 7,
+  width: 20,
+  height: 20,
+  padding: 4,
+  boxSizing: "border-box",
+  cursor: "pointer",
+  color: r.input.color
+})), de = /* @__PURE__ */ ((r) => (r.RGB = "rgb", r.HSL = "hsl", r.HEX = "hex", r))(de || {}), B = Object.values(de), Ye = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, Je = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, Qe = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, D = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, Ze = /^\s*#?([0-9a-f]{3})\s*$/i, er = {
+  hex: Re,
+  rgb: Ve,
+  hsl: Be
+}, q = {
+  hex: "transparent",
+  rgb: "rgba(0, 0, 0, 0)",
+  hsl: "hsla(0, 0%, 0%, 0)"
+}, fe = (r) => {
+  let o = r?.match(Ye);
+  if (!o)
+    return [0, 0, 0, 1];
+  let [, s, h, i, f = 1] = o;
+  return [s, h, i, f].map(Number);
+}, rr = (r) => {
+  let [o, s, h, i] = fe(r), [f, e, n] = k.default.rgb.hsl([o, s, h]) || [0, 0, 0];
+  return {
+    valid: !0,
+    value: r,
+    keyword: k.default.rgb.keyword([o, s, h]),
+    colorSpace: "rgb",
+    rgb: r,
+    hsl: `hsla(${f}, ${e}%, ${n}%, ${i})`,
+    hex: `#${k.default.rgb.hex([o, s, h]).toLowerCase()}`
+  };
+}, tr = (r) => {
+  let [o, s, h, i] = fe(r), [f, e, n] = k.default.hsl.rgb([o, s, h]) || [0, 0, 0];
+  return {
+    valid: !0,
+    value: r,
+    keyword: k.default.hsl.keyword([o, s, h]),
+    colorSpace: "hsl",
+    rgb: `rgba(${f}, ${e}, ${n}, ${i})`,
+    hsl: r,
+    hex: `#${k.default.hsl.hex([o, s, h]).toLowerCase()}`
+  };
+}, nr = (r) => {
+  let o = r.replace("#", ""), s = k.default.keyword.rgb(o) || k.default.hex.rgb(o), h = k.default.rgb.hsl(s), i = r;
+  /[^#a-f0-9]/i.test(r) ? i = o : D.test(r) && (i = `#${o}`);
+  let f = !0;
+  if (i.startsWith("#"))
+    f = D.test(i);
+  else
+    try {
+      k.default.keyword.hex(i);
+    } catch {
+      f = !1;
+    }
+  return {
+    valid: f,
+    value: i,
+    keyword: k.default.rgb.keyword(s),
+    colorSpace: "hex",
+    rgb: `rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,
+    hsl: `hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,
+    hex: i
+  };
+}, $ = (r) => {
+  if (r)
+    return Je.test(r) ? rr(r) : Qe.test(r) ? tr(r) : nr(r);
+}, ar = (r, o, s) => {
+  if (!r || !o?.valid)
+    return q[s];
+  if (s !== "hex")
+    return o?.[s] || q[s];
+  if (!o.hex.startsWith("#"))
+    try {
+      return `#${k.default.keyword.hex(o.hex)}`;
+    } catch {
+      return q.hex;
+    }
+  let h = o.hex.match(Ze);
+  if (!h)
+    return D.test(o.hex) ? o.hex : q.hex;
+  let [i, f, e] = h[1].split("");
+  return `#${i}${i}${f}${f}${e}${e}`;
+}, lr = (r, o) => {
+  let [s, h] = j(r || ""), [i, f] = j(() => $(s)), [e, n] = j(
+    i?.colorSpace || "hex"
+    /* HEX */
+  );
+  O(() => {
+    let u = r || "", c = $(u);
+    h(u), f(c), n(
+      c?.colorSpace || "hex"
+      /* HEX */
+    );
+  }, [r]);
+  let t = G(
+    () => ar(s, i, e).toLowerCase(),
+    [s, i, e]
+  ), a = S(
+    (u) => {
+      let c = $(u), d = c?.value || u || "";
+      h(d), d === "" && (f(void 0), o(void 0)), c && (f(c), n(c.colorSpace), o(c.value));
+    },
+    [o]
+  ), l = S(() => {
+    let u = (B.indexOf(e) + 1) % B.length, c = B[u];
+    n(c);
+    let d = i?.[c] || "";
+    h(d), o(d);
+  }, [i, e, o]);
+  return { value: s, realValue: t, updateValue: a, color: i, colorSpace: e, cycleColorSpace: l };
+}, L = (r) => r.replace(/\s*/, "").toLowerCase(), or = (r, o, s) => {
+  let [h, i] = j(o?.valid ? [o] : []);
+  O(() => {
+    o === void 0 && i([]);
+  }, [o]);
+  let f = G(() => (r || []).map((n) => typeof n == "string" ? $(n) : n.title ? { ...$(n.color), keyword: n.title } : $(n.color)).concat(h).filter(Boolean).slice(-27), [r, h]), e = S(
+    (n) => {
+      n?.valid && (f.some(
+        (t) => t && t[s] && L(t[s] || "") === L(n[s] || "")
+      ) || i((t) => t.concat(n)));
+    },
+    [s, f]
+  );
+  return { presets: f, addPreset: e };
+}, ir = ({
+  name: r,
+  value: o,
+  onChange: s,
+  onFocus: h,
+  onBlur: i,
+  presetColors: f,
+  startOpen: e = !1,
+  argType: n
+}) => {
+  let t = S(_e(s, 200), [s]), { value: a, realValue: l, updateValue: u, color: c, colorSpace: d, cycleColorSpace: g } = lr(
+    o,
+    t
+  ), { presets: b, addPreset: m } = or(f ?? [], c, d), p = er[d], x = !!n?.table?.readonly, _ = ye(r);
+  return v.createElement(Xe, null, v.createElement("label", { htmlFor: _, className: "sb-sr-only" }, r), v.createElement(
+    Ae,
+    {
+      id: _,
+      value: a,
+      onChange: (w) => u(w.target.value),
+      onFocus: (w) => w.target.select(),
+      readOnly: x,
+      placeholder: "Choose color..."
+    }
+  ), v.createElement(
+    ge,
+    {
+      defaultVisible: e,
+      visible: x ? !1 : void 0,
+      onVisibleChange: () => c && m(c),
+      popover: v.createElement(Fe, null, v.createElement(
+        p,
+        {
+          color: l === "transparent" ? "#000000" : l,
+          onChange: u,
+          onFocus: h,
+          onBlur: i
+        }
+      ), b.length > 0 && v.createElement(De, null, b.map((w, I) => v.createElement(
+        he,
+        {
+          key: `${w?.value || I}-${I}`,
+          variant: "ghost",
+          padding: "small",
+          size: "small",
+          ariaLabel: "Pick this color",
+          tooltip: w?.keyword || w?.value || "",
+          value: w?.value || "",
+          selected: !!(c && w && w[d] && L(w[d] || "") === L(c[d])),
+          onClick: () => w && u(w.value || "")
+        }
+      ))))
+    },
+    v.createElement(
+      We,
+      {
+        variant: "ghost",
+        padding: "small",
+        size: "small",
+        ariaLabel: "Open color picker",
+        value: l,
+        style: { margin: 4 },
+        disabled: x
+      }
+    )
+  ), a ? v.createElement(
+    Ue,
+    {
+      variant: "ghost",
+      padding: "small",
+      size: "small",
+      ariaLabel: "Cycle through color spaces",
+      disabled: x,
+      onClick: x ? void 0 : g
+    },
+    v.createElement(be, null)
+  ) : null);
+}, cr = ir;
+export {
+  ir as ColorControl,
+  cr as default
+};
+//# sourceMappingURL=Color-ASIRERSW-B4GaVKuQ.js.map