storybook 10.2.0-alpha.1 → 10.2.0-alpha.10

package/dist/_browser-chunks/{Color-TNPFN3FC.js → Color-XESOIGZP.js}

@@ -1,580 +1,21 @@
 import {
   getControlId
 } from "./chunk-2FRVAXCZ.js";
-import "./chunk-QKODTO7K.js";
 import {
-  __commonJS,
+  require_color_convert
+} from "./chunk-VIJ7SQRO.js";
+import "./chunk-NZMVUW5T.js";
+import {
   __toESM
 } from "./chunk-A242L54C.js";
 
-// ../node_modules/color-name/index.js
-var require_color_name = __commonJS({
-  "../node_modules/color-name/index.js"(exports, module) {
-    "use strict";
-    module.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]
-    };
-  }
-});
-
-// ../node_modules/color-convert/conversions.js
-var require_conversions = __commonJS({
-  "../node_modules/color-convert/conversions.js"(exports, module) {
-    var cssKeywords = require_color_name(), reverseKeywords = {};
-    for (let key of Object.keys(cssKeywords))
-      reverseKeywords[cssKeywords[key]] = key;
-    var convert2 = {
-      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"] }
-    };
-    module.exports = convert2;
-    for (let model of Object.keys(convert2)) {
-      if (!("channels" in convert2[model]))
-        throw new Error("missing channels property: " + model);
-      if (!("labels" in convert2[model]))
-        throw new Error("missing channel labels property: " + model);
-      if (convert2[model].labels.length !== convert2[model].channels)
-        throw new Error("channel and label counts mismatch: " + model);
-      let { channels, labels } = convert2[model];
-      delete convert2[model].channels, delete convert2[model].labels, Object.defineProperty(convert2[model], "channels", { value: channels }), Object.defineProperty(convert2[model], "labels", { value: labels });
-    }
-    convert2.rgb.hsl = function(rgb) {
-      let r2 = rgb[0] / 255, g2 = rgb[1] / 255, b2 = rgb[2] / 255, min = Math.min(r2, g2, b2), max = Math.max(r2, g2, b2), delta = max - min, h2, s2;
-      max === min ? h2 = 0 : r2 === max ? h2 = (g2 - b2) / delta : g2 === max ? h2 = 2 + (b2 - r2) / delta : b2 === max && (h2 = 4 + (r2 - g2) / delta), h2 = Math.min(h2 * 60, 360), h2 < 0 && (h2 += 360);
-      let l2 = (min + max) / 2;
-      return max === min ? s2 = 0 : l2 <= 0.5 ? s2 = delta / (max + min) : s2 = delta / (2 - max - min), [h2, s2 * 100, l2 * 100];
-    };
-    convert2.rgb.hsv = function(rgb) {
-      let rdif, gdif, bdif, h2, s2, r2 = rgb[0] / 255, g2 = rgb[1] / 255, b2 = rgb[2] / 255, v2 = Math.max(r2, g2, b2), diff = v2 - Math.min(r2, g2, b2), diffc = function(c2) {
-        return (v2 - c2) / 6 / diff + 1 / 2;
-      };
-      return diff === 0 ? (h2 = 0, s2 = 0) : (s2 = diff / v2, rdif = diffc(r2), gdif = diffc(g2), bdif = diffc(b2), r2 === v2 ? h2 = bdif - gdif : g2 === v2 ? h2 = 1 / 3 + rdif - bdif : b2 === v2 && (h2 = 2 / 3 + gdif - rdif), h2 < 0 ? h2 += 1 : h2 > 1 && (h2 -= 1)), [
-        h2 * 360,
-        s2 * 100,
-        v2 * 100
-      ];
-    };
-    convert2.rgb.hwb = function(rgb) {
-      let r2 = rgb[0], g2 = rgb[1], b2 = rgb[2], h2 = convert2.rgb.hsl(rgb)[0], w2 = 1 / 255 * Math.min(r2, Math.min(g2, b2));
-      return b2 = 1 - 1 / 255 * Math.max(r2, Math.max(g2, b2)), [h2, w2 * 100, b2 * 100];
-    };
-    convert2.rgb.cmyk = function(rgb) {
-      let r2 = rgb[0] / 255, g2 = rgb[1] / 255, b2 = rgb[2] / 255, k2 = Math.min(1 - r2, 1 - g2, 1 - b2), c2 = (1 - r2 - k2) / (1 - k2) || 0, m2 = (1 - g2 - k2) / (1 - k2) || 0, y2 = (1 - b2 - k2) / (1 - k2) || 0;
-      return [c2 * 100, m2 * 100, y2 * 100, k2 * 100];
-    };
-    function comparativeDistance(x2, y2) {
-      return (x2[0] - y2[0]) ** 2 + (x2[1] - y2[1]) ** 2 + (x2[2] - y2[2]) ** 2;
-    }
-    convert2.rgb.keyword = function(rgb) {
-      let reversed = reverseKeywords[rgb];
-      if (reversed)
-        return reversed;
-      let currentClosestDistance = 1 / 0, currentClosestKeyword;
-      for (let keyword of Object.keys(cssKeywords)) {
-        let value = cssKeywords[keyword], distance = comparativeDistance(rgb, value);
-        distance < currentClosestDistance && (currentClosestDistance = distance, currentClosestKeyword = keyword);
-      }
-      return currentClosestKeyword;
-    };
-    convert2.keyword.rgb = function(keyword) {
-      return cssKeywords[keyword];
-    };
-    convert2.rgb.xyz = function(rgb) {
-      let r2 = rgb[0] / 255, g2 = rgb[1] / 255, b2 = rgb[2] / 255;
-      r2 = r2 > 0.04045 ? ((r2 + 0.055) / 1.055) ** 2.4 : r2 / 12.92, g2 = g2 > 0.04045 ? ((g2 + 0.055) / 1.055) ** 2.4 : g2 / 12.92, b2 = b2 > 0.04045 ? ((b2 + 0.055) / 1.055) ** 2.4 : b2 / 12.92;
-      let x2 = r2 * 0.4124 + g2 * 0.3576 + b2 * 0.1805, y2 = r2 * 0.2126 + g2 * 0.7152 + b2 * 0.0722, z2 = r2 * 0.0193 + g2 * 0.1192 + b2 * 0.9505;
-      return [x2 * 100, y2 * 100, z2 * 100];
-    };
-    convert2.rgb.lab = function(rgb) {
-      let xyz = convert2.rgb.xyz(rgb), x2 = xyz[0], y2 = xyz[1], z2 = xyz[2];
-      x2 /= 95.047, y2 /= 100, z2 /= 108.883, x2 = x2 > 8856e-6 ? x2 ** (1 / 3) : 7.787 * x2 + 16 / 116, y2 = y2 > 8856e-6 ? y2 ** (1 / 3) : 7.787 * y2 + 16 / 116, z2 = z2 > 8856e-6 ? z2 ** (1 / 3) : 7.787 * z2 + 16 / 116;
-      let l2 = 116 * y2 - 16, a2 = 500 * (x2 - y2), b2 = 200 * (y2 - z2);
-      return [l2, a2, b2];
-    };
-    convert2.hsl.rgb = function(hsl) {
-      let h2 = hsl[0] / 360, s2 = hsl[1] / 100, l2 = hsl[2] / 100, t2, t3, val;
-      if (s2 === 0)
-        return val = l2 * 255, [val, val, val];
-      l2 < 0.5 ? t2 = l2 * (1 + s2) : t2 = l2 + s2 - l2 * s2;
-      let t1 = 2 * l2 - t2, rgb = [0, 0, 0];
-      for (let i2 = 0; i2 < 3; i2++)
-        t3 = h2 + 1 / 3 * -(i2 - 1), t3 < 0 && t3++, t3 > 1 && t3--, 6 * t3 < 1 ? val = t1 + (t2 - t1) * 6 * t3 : 2 * t3 < 1 ? val = t2 : 3 * t3 < 2 ? val = t1 + (t2 - t1) * (2 / 3 - t3) * 6 : val = t1, rgb[i2] = val * 255;
-      return rgb;
-    };
-    convert2.hsl.hsv = function(hsl) {
-      let h2 = hsl[0], s2 = hsl[1] / 100, l2 = hsl[2] / 100, smin = s2, lmin = Math.max(l2, 0.01);
-      l2 *= 2, s2 *= l2 <= 1 ? l2 : 2 - l2, smin *= lmin <= 1 ? lmin : 2 - lmin;
-      let v2 = (l2 + s2) / 2, sv = l2 === 0 ? 2 * smin / (lmin + smin) : 2 * s2 / (l2 + s2);
-      return [h2, sv * 100, v2 * 100];
-    };
-    convert2.hsv.rgb = function(hsv) {
-      let h2 = hsv[0] / 60, s2 = hsv[1] / 100, v2 = hsv[2] / 100, hi = Math.floor(h2) % 6, f2 = h2 - Math.floor(h2), p2 = 255 * v2 * (1 - s2), q2 = 255 * v2 * (1 - s2 * f2), t2 = 255 * v2 * (1 - s2 * (1 - f2));
-      switch (v2 *= 255, hi) {
-        case 0:
-          return [v2, t2, p2];
-        case 1:
-          return [q2, v2, p2];
-        case 2:
-          return [p2, v2, t2];
-        case 3:
-          return [p2, q2, v2];
-        case 4:
-          return [t2, p2, v2];
-        case 5:
-          return [v2, p2, q2];
-      }
-    };
-    convert2.hsv.hsl = function(hsv) {
-      let h2 = hsv[0], s2 = hsv[1] / 100, v2 = hsv[2] / 100, vmin = Math.max(v2, 0.01), sl, l2;
-      l2 = (2 - s2) * v2;
-      let lmin = (2 - s2) * vmin;
-      return sl = s2 * vmin, sl /= lmin <= 1 ? lmin : 2 - lmin, sl = sl || 0, l2 /= 2, [h2, sl * 100, l2 * 100];
-    };
-    convert2.hwb.rgb = function(hwb) {
-      let h2 = hwb[0] / 360, wh = hwb[1] / 100, bl = hwb[2] / 100, ratio = wh + bl, f2;
-      ratio > 1 && (wh /= ratio, bl /= ratio);
-      let i2 = Math.floor(6 * h2), v2 = 1 - bl;
-      f2 = 6 * h2 - i2, (i2 & 1) !== 0 && (f2 = 1 - f2);
-      let n2 = wh + f2 * (v2 - wh), r2, g2, b2;
-      switch (i2) {
-        default:
-        case 6:
-        case 0:
-          r2 = v2, g2 = n2, b2 = wh;
-          break;
-        case 1:
-          r2 = n2, g2 = v2, b2 = wh;
-          break;
-        case 2:
-          r2 = wh, g2 = v2, b2 = n2;
-          break;
-        case 3:
-          r2 = wh, g2 = n2, b2 = v2;
-          break;
-        case 4:
-          r2 = n2, g2 = wh, b2 = v2;
-          break;
-        case 5:
-          r2 = v2, g2 = wh, b2 = n2;
-          break;
-      }
-      return [r2 * 255, g2 * 255, b2 * 255];
-    };
-    convert2.cmyk.rgb = function(cmyk) {
-      let c2 = cmyk[0] / 100, m2 = cmyk[1] / 100, y2 = cmyk[2] / 100, k2 = cmyk[3] / 100, r2 = 1 - Math.min(1, c2 * (1 - k2) + k2), g2 = 1 - Math.min(1, m2 * (1 - k2) + k2), b2 = 1 - Math.min(1, y2 * (1 - k2) + k2);
-      return [r2 * 255, g2 * 255, b2 * 255];
-    };
-    convert2.xyz.rgb = function(xyz) {
-      let x2 = xyz[0] / 100, y2 = xyz[1] / 100, z2 = xyz[2] / 100, r2, g2, b2;
-      return r2 = x2 * 3.2406 + y2 * -1.5372 + z2 * -0.4986, g2 = x2 * -0.9689 + y2 * 1.8758 + z2 * 0.0415, b2 = x2 * 0.0557 + y2 * -0.204 + z2 * 1.057, r2 = r2 > 31308e-7 ? 1.055 * r2 ** (1 / 2.4) - 0.055 : r2 * 12.92, g2 = g2 > 31308e-7 ? 1.055 * g2 ** (1 / 2.4) - 0.055 : g2 * 12.92, b2 = b2 > 31308e-7 ? 1.055 * b2 ** (1 / 2.4) - 0.055 : b2 * 12.92, r2 = Math.min(Math.max(0, r2), 1), g2 = Math.min(Math.max(0, g2), 1), b2 = Math.min(Math.max(0, b2), 1), [r2 * 255, g2 * 255, b2 * 255];
-    };
-    convert2.xyz.lab = function(xyz) {
-      let x2 = xyz[0], y2 = xyz[1], z2 = xyz[2];
-      x2 /= 95.047, y2 /= 100, z2 /= 108.883, x2 = x2 > 8856e-6 ? x2 ** (1 / 3) : 7.787 * x2 + 16 / 116, y2 = y2 > 8856e-6 ? y2 ** (1 / 3) : 7.787 * y2 + 16 / 116, z2 = z2 > 8856e-6 ? z2 ** (1 / 3) : 7.787 * z2 + 16 / 116;
-      let l2 = 116 * y2 - 16, a2 = 500 * (x2 - y2), b2 = 200 * (y2 - z2);
-      return [l2, a2, b2];
-    };
-    convert2.lab.xyz = function(lab) {
-      let l2 = lab[0], a2 = lab[1], b2 = lab[2], x2, y2, z2;
-      y2 = (l2 + 16) / 116, x2 = a2 / 500 + y2, z2 = y2 - b2 / 200;
-      let y22 = y2 ** 3, x22 = x2 ** 3, z22 = z2 ** 3;
-      return y2 = y22 > 8856e-6 ? y22 : (y2 - 16 / 116) / 7.787, x2 = x22 > 8856e-6 ? x22 : (x2 - 16 / 116) / 7.787, z2 = z22 > 8856e-6 ? z22 : (z2 - 16 / 116) / 7.787, x2 *= 95.047, y2 *= 100, z2 *= 108.883, [x2, y2, z2];
-    };
-    convert2.lab.lch = function(lab) {
-      let l2 = lab[0], a2 = lab[1], b2 = lab[2], h2;
-      h2 = Math.atan2(b2, a2) * 360 / 2 / Math.PI, h2 < 0 && (h2 += 360);
-      let c2 = Math.sqrt(a2 * a2 + b2 * b2);
-      return [l2, c2, h2];
-    };
-    convert2.lch.lab = function(lch) {
-      let l2 = lch[0], c2 = lch[1], hr = lch[2] / 360 * 2 * Math.PI, a2 = c2 * Math.cos(hr), b2 = c2 * Math.sin(hr);
-      return [l2, a2, b2];
-    };
-    convert2.rgb.ansi16 = function(args, saturation = null) {
-      let [r2, g2, b2] = args, value = saturation === null ? convert2.rgb.hsv(args)[2] : saturation;
-      if (value = Math.round(value / 50), value === 0)
-        return 30;
-      let ansi = 30 + (Math.round(b2 / 255) << 2 | Math.round(g2 / 255) << 1 | Math.round(r2 / 255));
-      return value === 2 && (ansi += 60), ansi;
-    };
-    convert2.hsv.ansi16 = function(args) {
-      return convert2.rgb.ansi16(convert2.hsv.rgb(args), args[2]);
-    };
-    convert2.rgb.ansi256 = function(args) {
-      let r2 = args[0], g2 = args[1], b2 = args[2];
-      return r2 === g2 && g2 === b2 ? r2 < 8 ? 16 : r2 > 248 ? 231 : Math.round((r2 - 8) / 247 * 24) + 232 : 16 + 36 * Math.round(r2 / 255 * 5) + 6 * Math.round(g2 / 255 * 5) + Math.round(b2 / 255 * 5);
-    };
-    convert2.ansi16.rgb = function(args) {
-      let color = args % 10;
-      if (color === 0 || color === 7)
-        return args > 50 && (color += 3.5), color = color / 10.5 * 255, [color, color, color];
-      let mult = (~~(args > 50) + 1) * 0.5, r2 = (color & 1) * mult * 255, g2 = (color >> 1 & 1) * mult * 255, b2 = (color >> 2 & 1) * mult * 255;
-      return [r2, g2, b2];
-    };
-    convert2.ansi256.rgb = function(args) {
-      if (args >= 232) {
-        let c2 = (args - 232) * 10 + 8;
-        return [c2, c2, c2];
-      }
-      args -= 16;
-      let rem, r2 = Math.floor(args / 36) / 5 * 255, g2 = Math.floor((rem = args % 36) / 6) / 5 * 255, b2 = rem % 6 / 5 * 255;
-      return [r2, g2, b2];
-    };
-    convert2.rgb.hex = function(args) {
-      let string = (((Math.round(args[0]) & 255) << 16) + ((Math.round(args[1]) & 255) << 8) + (Math.round(args[2]) & 255)).toString(16).toUpperCase();
-      return "000000".substring(string.length) + string;
-    };
-    convert2.hex.rgb = function(args) {
-      let match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
-      if (!match)
-        return [0, 0, 0];
-      let colorString = match[0];
-      match[0].length === 3 && (colorString = colorString.split("").map((char) => char + char).join(""));
-      let integer = parseInt(colorString, 16), r2 = integer >> 16 & 255, g2 = integer >> 8 & 255, b2 = integer & 255;
-      return [r2, g2, b2];
-    };
-    convert2.rgb.hcg = function(rgb) {
-      let r2 = rgb[0] / 255, g2 = rgb[1] / 255, b2 = rgb[2] / 255, max = Math.max(Math.max(r2, g2), b2), min = Math.min(Math.min(r2, g2), b2), chroma = max - min, grayscale, hue;
-      return chroma < 1 ? grayscale = min / (1 - chroma) : grayscale = 0, chroma <= 0 ? hue = 0 : max === r2 ? hue = (g2 - b2) / chroma % 6 : max === g2 ? hue = 2 + (b2 - r2) / chroma : hue = 4 + (r2 - g2) / chroma, hue /= 6, hue %= 1, [hue * 360, chroma * 100, grayscale * 100];
-    };
-    convert2.hsl.hcg = function(hsl) {
-      let s2 = hsl[1] / 100, l2 = hsl[2] / 100, c2 = l2 < 0.5 ? 2 * s2 * l2 : 2 * s2 * (1 - l2), f2 = 0;
-      return c2 < 1 && (f2 = (l2 - 0.5 * c2) / (1 - c2)), [hsl[0], c2 * 100, f2 * 100];
-    };
-    convert2.hsv.hcg = function(hsv) {
-      let s2 = hsv[1] / 100, v2 = hsv[2] / 100, c2 = s2 * v2, f2 = 0;
-      return c2 < 1 && (f2 = (v2 - c2) / (1 - c2)), [hsv[0], c2 * 100, f2 * 100];
-    };
-    convert2.hcg.rgb = function(hcg) {
-      let h2 = hcg[0] / 360, c2 = hcg[1] / 100, g2 = hcg[2] / 100;
-      if (c2 === 0)
-        return [g2 * 255, g2 * 255, g2 * 255];
-      let pure = [0, 0, 0], hi = h2 % 1 * 6, v2 = hi % 1, w2 = 1 - v2, mg = 0;
-      switch (Math.floor(hi)) {
-        case 0:
-          pure[0] = 1, pure[1] = v2, pure[2] = 0;
-          break;
-        case 1:
-          pure[0] = w2, pure[1] = 1, pure[2] = 0;
-          break;
-        case 2:
-          pure[0] = 0, pure[1] = 1, pure[2] = v2;
-          break;
-        case 3:
-          pure[0] = 0, pure[1] = w2, pure[2] = 1;
-          break;
-        case 4:
-          pure[0] = v2, pure[1] = 0, pure[2] = 1;
-          break;
-        default:
-          pure[0] = 1, pure[1] = 0, pure[2] = w2;
-      }
-      return mg = (1 - c2) * g2, [
-        (c2 * pure[0] + mg) * 255,
-        (c2 * pure[1] + mg) * 255,
-        (c2 * pure[2] + mg) * 255
-      ];
-    };
-    convert2.hcg.hsv = function(hcg) {
-      let c2 = hcg[1] / 100, g2 = hcg[2] / 100, v2 = c2 + g2 * (1 - c2), f2 = 0;
-      return v2 > 0 && (f2 = c2 / v2), [hcg[0], f2 * 100, v2 * 100];
-    };
-    convert2.hcg.hsl = function(hcg) {
-      let c2 = hcg[1] / 100, l2 = hcg[2] / 100 * (1 - c2) + 0.5 * c2, s2 = 0;
-      return l2 > 0 && l2 < 0.5 ? s2 = c2 / (2 * l2) : l2 >= 0.5 && l2 < 1 && (s2 = c2 / (2 * (1 - l2))), [hcg[0], s2 * 100, l2 * 100];
-    };
-    convert2.hcg.hwb = function(hcg) {
-      let c2 = hcg[1] / 100, g2 = hcg[2] / 100, v2 = c2 + g2 * (1 - c2);
-      return [hcg[0], (v2 - c2) * 100, (1 - v2) * 100];
-    };
-    convert2.hwb.hcg = function(hwb) {
-      let w2 = hwb[1] / 100, v2 = 1 - hwb[2] / 100, c2 = v2 - w2, g2 = 0;
-      return c2 < 1 && (g2 = (v2 - c2) / (1 - c2)), [hwb[0], c2 * 100, g2 * 100];
-    };
-    convert2.apple.rgb = function(apple) {
-      return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255];
-    };
-    convert2.rgb.apple = function(rgb) {
-      return [rgb[0] / 255 * 65535, rgb[1] / 255 * 65535, rgb[2] / 255 * 65535];
-    };
-    convert2.gray.rgb = function(args) {
-      return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];
-    };
-    convert2.gray.hsl = function(args) {
-      return [0, 0, args[0]];
-    };
-    convert2.gray.hsv = convert2.gray.hsl;
-    convert2.gray.hwb = function(gray) {
-      return [0, 100, gray[0]];
-    };
-    convert2.gray.cmyk = function(gray) {
-      return [0, 0, 0, gray[0]];
-    };
-    convert2.gray.lab = function(gray) {
-      return [gray[0], 0, 0];
-    };
-    convert2.gray.hex = function(gray) {
-      let val = Math.round(gray[0] / 100 * 255) & 255, string = ((val << 16) + (val << 8) + val).toString(16).toUpperCase();
-      return "000000".substring(string.length) + string;
-    };
-    convert2.rgb.gray = function(rgb) {
-      return [(rgb[0] + rgb[1] + rgb[2]) / 3 / 255 * 100];
-    };
-  }
-});
-
-// ../node_modules/color-convert/route.js
-var require_route = __commonJS({
-  "../node_modules/color-convert/route.js"(exports, module) {
-    var conversions = require_conversions();
-    function buildGraph() {
-      let graph = {}, models = Object.keys(conversions);
-      for (let len = models.length, i2 = 0; i2 < len; i2++)
-        graph[models[i2]] = {
-          // http://jsperf.com/1-vs-infinity
-          // micro-opt, but this is simple.
-          distance: -1,
-          parent: null
-        };
-      return graph;
-    }
-    function deriveBFS(fromModel) {
-      let graph = buildGraph(), queue = [fromModel];
-      for (graph[fromModel].distance = 0; queue.length; ) {
-        let current = queue.pop(), adjacents = Object.keys(conversions[current]);
-        for (let len = adjacents.length, i2 = 0; i2 < len; i2++) {
-          let adjacent = adjacents[i2], node = graph[adjacent];
-          node.distance === -1 && (node.distance = graph[current].distance + 1, node.parent = current, queue.unshift(adjacent));
-        }
-      }
-      return graph;
-    }
-    function link(from, to) {
-      return function(args) {
-        return to(from(args));
-      };
-    }
-    function wrapConversion(toModel, graph) {
-      let path = [graph[toModel].parent, toModel], fn = conversions[graph[toModel].parent][toModel], cur = graph[toModel].parent;
-      for (; graph[cur].parent; )
-        path.unshift(graph[cur].parent), fn = link(conversions[graph[cur].parent][cur], fn), cur = graph[cur].parent;
-      return fn.conversion = path, fn;
-    }
-    module.exports = function(fromModel) {
-      let graph = deriveBFS(fromModel), conversion = {}, models = Object.keys(graph);
-      for (let len = models.length, i2 = 0; i2 < len; i2++) {
-        let toModel = models[i2];
-        graph[toModel].parent !== null && (conversion[toModel] = wrapConversion(toModel, graph));
-      }
-      return conversion;
-    };
-  }
-});
-
-// ../node_modules/color-convert/index.js
-var require_color_convert = __commonJS({
-  "../node_modules/color-convert/index.js"(exports, module) {
-    var conversions = require_conversions(), route = require_route(), convert2 = {}, models = Object.keys(conversions);
-    function wrapRaw(fn) {
-      let wrappedFn = function(...args) {
-        let arg0 = args[0];
-        return arg0 == null ? arg0 : (arg0.length > 1 && (args = arg0), fn(args));
-      };
-      return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn;
-    }
-    function wrapRounded(fn) {
-      let wrappedFn = function(...args) {
-        let arg0 = args[0];
-        if (arg0 == null)
-          return arg0;
-        arg0.length > 1 && (args = arg0);
-        let result = fn(args);
-        if (typeof result == "object")
-          for (let len = result.length, i2 = 0; i2 < len; i2++)
-            result[i2] = Math.round(result[i2]);
-        return result;
-      };
-      return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn;
-    }
-    models.forEach((fromModel) => {
-      convert2[fromModel] = {}, Object.defineProperty(convert2[fromModel], "channels", { value: conversions[fromModel].channels }), Object.defineProperty(convert2[fromModel], "labels", { value: conversions[fromModel].labels });
-      let routes = route(fromModel);
-      Object.keys(routes).forEach((toModel) => {
-        let fn = routes[toModel];
-        convert2[fromModel][toModel] = wrapRounded(fn), convert2[fromModel][toModel].raw = wrapRaw(fn);
-      });
-    });
-    module.exports = convert2;
-  }
-});
-
 // ../addons/docs/src/blocks/controls/Color.tsx
 var import_color_convert = __toESM(require_color_convert(), 1);
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Form, PopoverProvider } from "storybook/internal/components";
 import { MarkupIcon } from "@storybook/icons";
 
-// ../node_modules/es-toolkit/dist/function/debounce.mjs
+// ../../node_modules/es-toolkit/dist/function/debounce.mjs
 function debounce(func, debounceMs, { signal, edges } = {}) {
   let pendingThis, pendingArgs = null, leading = edges != null && edges.includes("leading"), trailing = edges == null || edges.includes("trailing"), invoke = () => {
     pendingArgs !== null && (func.apply(pendingThis, pendingArgs), pendingThis = void 0, pendingArgs = null);
@@ -600,7 +41,7 @@ function debounce(func, debounceMs, { signal, edges } = {}) {
   return debounced.schedule = schedule, debounced.cancel = cancel, debounced.flush = flush, signal?.addEventListener("abort", cancel, { once: !0 }), debounced;
 }
 
-// ../node_modules/es-toolkit/dist/function/partial.mjs
+// ../../node_modules/es-toolkit/dist/function/partial.mjs
 function partial(func, ...partialArgs) {
   return partialImpl(func, placeholderSymbol, ...partialArgs);
 }
@@ -614,7 +55,7 @@ function partialImpl(func, placeholder, ...partialArgs) {
 var placeholderSymbol = Symbol("partial.placeholder");
 partial.placeholder = placeholderSymbol;
 
-// ../node_modules/es-toolkit/dist/function/partialRight.mjs
+// ../../node_modules/es-toolkit/dist/function/partialRight.mjs
 function partialRight(func, ...partialArgs) {
   return partialRightImpl(func, placeholderSymbol2, ...partialArgs);
 }
@@ -628,10 +69,10 @@ function partialRightImpl(func, placeholder, ...partialArgs) {
 var placeholderSymbol2 = Symbol("partialRight.placeholder");
 partialRight.placeholder = placeholderSymbol2;
 
-// ../node_modules/es-toolkit/dist/function/retry.mjs
+// ../../node_modules/es-toolkit/dist/function/retry.mjs
 var DEFAULT_RETRIES = Number.POSITIVE_INFINITY;
 
-// ../node_modules/react-colorful/dist/index.mjs
+// ../../node_modules/react-colorful/dist/index.mjs
 import e, { useRef as r, useMemo as t, useEffect as n, useState as o, useCallback as a, useLayoutEffect as l } from "react";
 function u() {
   return (u = Object.assign || function(e2) {