@tcn/ui 0.3.3 → 0.4.0

package/dist/Color-ASIRERSW-B4GaVKuQ.js

@@ -1,990 +0,0 @@
-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