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