storybook
Version:
Storybook framework-agnostic API
1,367 lines (1,333 loc) • 442 kB
JavaScript
var of = Object.create;
var Mr = Object.defineProperty;
var nf = Object.getOwnPropertyDescriptor;
var af = Object.getOwnPropertyNames;
var sf = Object.getPrototypeOf, lf = Object.prototype.hasOwnProperty;
var a = (e, t) => Mr(e, "name", { value: t, configurable: !0 }), rr = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy <
"u" ? new Proxy(e, {
get: (t, r) => (typeof require < "u" ? require : t)[r]
}) : e)(function(e) {
if (typeof require < "u") return require.apply(this, arguments);
throw Error('Dynamic require of "' + e + '" is not supported');
});
var V = (e, t) => () => (e && (t = e(e = 0)), t);
var K = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), cf = (e, t) => {
for (var r in t)
Mr(e, r, { get: t[r], enumerable: !0 });
}, pf = (e, t, r, o) => {
if (t && typeof t == "object" || typeof t == "function")
for (let n of af(t))
!lf.call(e, n) && n !== r && Mr(e, n, { get: () => t[n], enumerable: !(o = nf(t, n)) || o.enumerable });
return e;
};
var Ce = (e, t, r) => (r = e != null ? of(sf(e)) : {}, pf(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
t || !e || !e.__esModule ? Mr(r, "default", { value: e, enumerable: !0 }) : r,
e
));
// ../node_modules/es-toolkit/dist/compat/predicate/isSymbol.mjs
function Fr(e) {
return typeof e == "symbol" || e instanceof Symbol;
}
var un = V(() => {
a(Fr, "isSymbol");
});
// ../node_modules/es-toolkit/dist/compat/util/toNumber.mjs
function Ni(e) {
return Fr(e) ? NaN : Number(e);
}
var _i = V(() => {
un();
a(Ni, "toNumber");
});
// ../node_modules/es-toolkit/dist/compat/util/toFinite.mjs
function Di(e) {
return e ? (e = Ni(e), e === 1 / 0 || e === -1 / 0 ? (e < 0 ? -1 : 1) * Number.MAX_VALUE : e === e ? e : 0) : e === 0 ? e : 0;
}
var Bi = V(() => {
_i();
a(Di, "toFinite");
});
// ../node_modules/es-toolkit/dist/compat/util/toInteger.mjs
function Mi(e) {
let t = Di(e), r = t % 1;
return r ? t - r : t;
}
var Fi = V(() => {
Bi();
a(Mi, "toInteger");
});
// ../node_modules/es-toolkit/dist/array/uniq.mjs
function ji(e) {
return Array.from(new Set(e));
}
var Ri = V(() => {
a(ji, "uniq");
});
// ../node_modules/es-toolkit/dist/predicate/isPrimitive.mjs
function Hi(e) {
return e == null || typeof e != "object" && typeof e != "function";
}
var Vi = V(() => {
a(Hi, "isPrimitive");
});
// ../node_modules/es-toolkit/dist/predicate/isTypedArray.mjs
function jr(e) {
return ArrayBuffer.isView(e) && !(e instanceof DataView);
}
var dn = V(() => {
a(jr, "isTypedArray");
});
// ../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs
function Rr(e) {
return Object.getOwnPropertySymbols(e).filter((t) => Object.prototype.propertyIsEnumerable.call(e, t));
}
var fn = V(() => {
a(Rr, "getSymbols");
});
// ../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs
function zi(e) {
return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
}
var $i = V(() => {
a(zi, "getTag");
});
// ../node_modules/es-toolkit/dist/compat/_internal/tags.mjs
var Ui, Hr, Vr, zr, $r, qi, Wi, Gi, Ji, Ki, Yi, Xi, Zi, Qi, es, ts, rs, os, ns, as, is, ss, mn = V(() => {
Ui = "[object RegExp]", Hr = "[object String]", Vr = "[object Number]", zr = "[object Boolean]", $r = "[object Arguments]", qi = "[object \
Symbol]", Wi = "[object Date]", Gi = "[object Map]", Ji = "[object Set]", Ki = "[object Array]", Yi = "[object ArrayBuffer]", Xi = "[object \
Object]", Zi = "[object DataView]", Qi = "[object Uint8Array]", es = "[object Uint8ClampedArray]", ts = "[object Uint16Array]", rs = "[objec\
t Uint32Array]", os = "[object Int8Array]", ns = "[object Int16Array]", as = "[object Int32Array]", is = "[object Float32Array]", ss = "[obj\
ect Float64Array]";
});
// ../node_modules/es-toolkit/dist/object/cloneDeepWith.mjs
function ls(e, t) {
return Mt(e, void 0, e, /* @__PURE__ */ new Map(), t);
}
function Mt(e, t, r, o = /* @__PURE__ */ new Map(), n = void 0) {
let i = n?.(e, t, r, o);
if (i != null)
return i;
if (Hi(e))
return e;
if (o.has(e))
return o.get(e);
if (Array.isArray(e)) {
let s = new Array(e.length);
o.set(e, s);
for (let l = 0; l < e.length; l++)
s[l] = Mt(e[l], l, r, o, n);
return Object.hasOwn(e, "index") && (s.index = e.index), Object.hasOwn(e, "input") && (s.input = e.input), s;
}
if (e instanceof Date)
return new Date(e.getTime());
if (e instanceof RegExp) {
let s = new RegExp(e.source, e.flags);
return s.lastIndex = e.lastIndex, s;
}
if (e instanceof Map) {
let s = /* @__PURE__ */ new Map();
o.set(e, s);
for (let [l, c] of e)
s.set(l, Mt(c, l, r, o, n));
return s;
}
if (e instanceof Set) {
let s = /* @__PURE__ */ new Set();
o.set(e, s);
for (let l of e)
s.add(Mt(l, void 0, r, o, n));
return s;
}
if (typeof Buffer < "u" && Buffer.isBuffer(e))
return e.subarray();
if (jr(e)) {
let s = new (Object.getPrototypeOf(e)).constructor(e.length);
o.set(e, s);
for (let l = 0; l < e.length; l++)
s[l] = Mt(e[l], l, r, o, n);
return s;
}
if (e instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && e instanceof SharedArrayBuffer)
return e.slice(0);
if (e instanceof DataView) {
let s = new DataView(e.buffer.slice(0), e.byteOffset, e.byteLength);
return o.set(e, s), rt(s, e, r, o, n), s;
}
if (typeof File < "u" && e instanceof File) {
let s = new File([e], e.name, {
type: e.type
});
return o.set(e, s), rt(s, e, r, o, n), s;
}
if (e instanceof Blob) {
let s = new Blob([e], { type: e.type });
return o.set(e, s), rt(s, e, r, o, n), s;
}
if (e instanceof Error) {
let s = new e.constructor();
return o.set(e, s), s.message = e.message, s.name = e.name, s.stack = e.stack, s.cause = e.cause, rt(s, e, r, o, n), s;
}
if (typeof e == "object" && uf(e)) {
let s = Object.create(Object.getPrototypeOf(e));
return o.set(e, s), rt(s, e, r, o, n), s;
}
return e;
}
function rt(e, t, r = e, o, n) {
let i = [...Object.keys(t), ...Rr(t)];
for (let s = 0; s < i.length; s++) {
let l = i[s], c = Object.getOwnPropertyDescriptor(e, l);
(c == null || c.writable) && (e[l] = Mt(t[l], l, r, o, n));
}
}
function uf(e) {
switch (zi(e)) {
case $r:
case Ki:
case Yi:
case Zi:
case zr:
case Wi:
case is:
case ss:
case os:
case ns:
case as:
case Gi:
case Vr:
case Xi:
case Ui:
case Ji:
case Hr:
case qi:
case Qi:
case es:
case ts:
case rs:
return !0;
default:
return !1;
}
}
var cs = V(() => {
fn();
$i();
mn();
Vi();
dn();
a(ls, "cloneDeepWith");
a(Mt, "cloneDeepWithImpl");
a(rt, "copyProperties");
a(uf, "isCloneableObject");
});
// ../node_modules/es-toolkit/dist/predicate/isLength.mjs
function ps(e) {
return Number.isSafeInteger(e) && e >= 0;
}
var us = V(() => {
a(ps, "isLength");
});
// ../node_modules/es-toolkit/dist/compat/predicate/isArrayLike.mjs
function Ft(e) {
return e != null && typeof e != "function" && ps(e.length);
}
var Ur = V(() => {
us();
a(Ft, "isArrayLike");
});
// ../node_modules/es-toolkit/dist/compat/object/cloneDeepWith.mjs
function ds(e, t) {
return ls(e, (r, o, n, i) => {
let s = t?.(r, o, n, i);
if (s != null)
return s;
if (typeof e == "object")
switch (Object.prototype.toString.call(e)) {
case Vr:
case Hr:
case zr: {
let l = new e.constructor(e?.valueOf());
return rt(l, e), l;
}
case $r: {
let l = {};
return rt(l, e), l.length = e.length, l[Symbol.iterator] = e[Symbol.iterator], l;
}
default:
return;
}
});
}
var fs = V(() => {
cs();
mn();
a(ds, "cloneDeepWith");
});
// ../node_modules/es-toolkit/dist/compat/object/cloneDeep.mjs
function gn(e) {
return ds(e);
}
var ms = V(() => {
fs();
a(gn, "cloneDeep");
});
// ../node_modules/es-toolkit/dist/math/range.mjs
function gs(e, t, r = 1) {
if (t == null && (t = e, e = 0), !Number.isInteger(r) || r === 0)
throw new Error("The step value must be a non-zero integer.");
let o = Math.max(Math.ceil((t - e) / r), 0), n = new Array(o);
for (let i = 0; i < o; i++)
n[i] = e + i * r;
return n;
}
var hs = V(() => {
a(gs, "range");
});
// ../node_modules/es-toolkit/dist/compat/array/uniq.mjs
function hn(e) {
return Ft(e) ? ji(Array.from(e)) : [];
}
var bs = V(() => {
Ri();
Ur();
a(hn, "uniq");
});
// ../node_modules/es-toolkit/dist/function/debounce.mjs
function ys(e, t, { signal: r, edges: o } = {}) {
let n, i = null, s = o != null && o.includes("leading"), l = o == null || o.includes("trailing"), c = /* @__PURE__ */ a(() => {
i !== null && (e.apply(n, i), n = void 0, i = null);
}, "invoke"), u = /* @__PURE__ */ a(() => {
l && c(), m();
}, "onTimerEnd"), d = null, g = /* @__PURE__ */ a(() => {
d != null && clearTimeout(d), d = setTimeout(() => {
d = null, u();
}, t);
}, "schedule"), p = /* @__PURE__ */ a(() => {
d !== null && (clearTimeout(d), d = null);
}, "cancelTimer"), m = /* @__PURE__ */ a(() => {
p(), n = void 0, i = null;
}, "cancel"), f = /* @__PURE__ */ a(() => {
p(), c();
}, "flush"), h = /* @__PURE__ */ a(function(...b) {
if (r?.aborted)
return;
n = this, i = b;
let y = d == null;
g(), s && y && c();
}, "debounced");
return h.schedule = g, h.cancel = m, h.flush = f, r?.addEventListener("abort", m, { once: !0 }), h;
}
var xs = V(() => {
a(ys, "debounce");
});
// ../node_modules/es-toolkit/dist/compat/function/debounce.mjs
function bn(e, t = 0, r = {}) {
typeof r != "object" && (r = {});
let { signal: o, leading: n = !1, trailing: i = !0, maxWait: s } = r, l = Array(2);
n && (l[0] = "leading"), i && (l[1] = "trailing");
let c, u = null, d = ys(function(...m) {
c = e.apply(this, m), u = null;
}, t, { signal: o, edges: l }), g = /* @__PURE__ */ a(function(...m) {
if (s != null) {
if (u === null)
u = Date.now();
else if (Date.now() - u >= s)
return c = e.apply(this, m), u = Date.now(), d.cancel(), d.schedule(), c;
}
return d.apply(this, m), c;
}, "debounced"), p = /* @__PURE__ */ a(() => (d.flush(), c), "flush");
return g.cancel = d.cancel, g.flush = p, g;
}
var vs = V(() => {
xs();
a(bn, "debounce");
});
// ../node_modules/es-toolkit/dist/predicate/isBuffer.mjs
function Es(e) {
return typeof Buffer < "u" && Buffer.isBuffer(e);
}
var Ss = V(() => {
a(Es, "isBuffer");
});
// ../node_modules/es-toolkit/dist/compat/_internal/isPrototype.mjs
function Cs(e) {
let t = e?.constructor, r = typeof t == "function" ? t.prototype : Object.prototype;
return e === r;
}
var ws = V(() => {
a(Cs, "isPrototype");
});
// ../node_modules/es-toolkit/dist/compat/predicate/isTypedArray.mjs
function Ts(e) {
return jr(e);
}
var As = V(() => {
dn();
a(Ts, "isTypedArray");
});
// ../node_modules/es-toolkit/dist/compat/util/times.mjs
function ks(e, t) {
if (e = Mi(e), e < 1 || !Number.isSafeInteger(e))
return [];
let r = new Array(e);
for (let o = 0; o < e; o++)
r[o] = typeof t == "function" ? t(o) : o;
return r;
}
var Os = V(() => {
Fi();
a(ks, "times");
});
// ../node_modules/es-toolkit/dist/compat/object/keysIn.mjs
function Is(e) {
if (e == null)
return [];
switch (typeof e) {
case "object":
case "function":
return Ft(e) ? ff(e) : Cs(e) ? df(e) : qr(e);
default:
return qr(Object(e));
}
}
function qr(e) {
let t = [];
for (let r in e)
t.push(r);
return t;
}
function df(e) {
return qr(e).filter((r) => r !== "constructor");
}
function ff(e) {
let t = ks(e.length, (o) => `${o}`), r = new Set(t);
return Es(e) && (r.add("offset"), r.add("parent")), Ts(e) && (r.add("buffer"), r.add("byteLength"), r.add("byteOffset")), [...t, ...qr(e).
filter((o) => !r.has(o))];
}
var Ps = V(() => {
Ss();
ws();
Ur();
As();
Os();
a(Is, "keysIn");
a(qr, "keysInImpl");
a(df, "prototypeKeysIn");
a(ff, "arrayLikeKeysIn");
});
// ../node_modules/es-toolkit/dist/compat/_internal/getSymbolsIn.mjs
function Ls(e) {
let t = [];
for (; e; )
t.push(...Rr(e)), e = Object.getPrototypeOf(e);
return t;
}
var Ns = V(() => {
fn();
a(Ls, "getSymbolsIn");
});
// ../node_modules/es-toolkit/dist/compat/object/pickBy.mjs
function yn(e, t) {
if (e == null)
return {};
let r = {};
if (t == null)
return e;
let o = Ft(e) ? gs(0, e.length) : [...Is(e), ...Ls(e)];
for (let n = 0; n < o.length; n++) {
let i = Fr(o[n]) ? o[n] : o[n].toString(), s = e[i];
t(s, i, e) && (r[i] = s);
}
return r;
}
var _s = V(() => {
Ps();
hs();
Ns();
Ur();
un();
a(yn, "pickBy");
});
// ../node_modules/es-toolkit/dist/compat/index.mjs
var or = V(() => {
bs();
vs();
ms();
_s();
});
// ../addons/docs/src/blocks/controls/helpers.ts
var Z, ct, Ne = V(() => {
"use strict";
Z = /* @__PURE__ */ a((e) => `control-${e.replace(/\s+/g, "-")}`, "getControlId"), ct = /* @__PURE__ */ a((e) => `set-${e.replace(/\s+/g, "\
-")}`, "getControlSetterButtonId");
});
// ../node_modules/color-name/index.js
var sc = K((d5, ic) => {
"use strict";
ic.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 aa = K((f5, cc) => {
var fr = sc(), lc = {};
for (let e of Object.keys(fr))
lc[fr[e]] = e;
var A = {
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"] }
};
cc.exports = A;
for (let e of Object.keys(A)) {
if (!("channels" in A[e]))
throw new Error("missing channels property: " + e);
if (!("labels" in A[e]))
throw new Error("missing channel labels property: " + e);
if (A[e].labels.length !== A[e].channels)
throw new Error("channel and label counts mismatch: " + e);
let { channels: t, labels: r } = A[e];
delete A[e].channels, delete A[e].labels, Object.defineProperty(A[e], "channels", { value: t }), Object.defineProperty(A[e], "labels", {
value: r });
}
A.rgb.hsl = function(e) {
let t = e[0] / 255, r = e[1] / 255, o = e[2] / 255, n = Math.min(t, r, o), i = Math.max(t, r, o), s = i - n, l, c;
i === n ? l = 0 : t === i ? l = (r - o) / s : r === i ? l = 2 + (o - t) / s : o === i && (l = 4 + (t - r) / s), l = Math.min(l * 60, 360),
l < 0 && (l += 360);
let u = (n + i) / 2;
return i === n ? c = 0 : u <= 0.5 ? c = s / (i + n) : c = s / (2 - i - n), [l, c * 100, u * 100];
};
A.rgb.hsv = function(e) {
let t, r, o, n, i, s = e[0] / 255, l = e[1] / 255, c = e[2] / 255, u = Math.max(s, l, c), d = u - Math.min(s, l, c), g = /* @__PURE__ */ a(
function(p) {
return (u - p) / 6 / d + 1 / 2;
}, "diffc");
return d === 0 ? (n = 0, i = 0) : (i = d / u, t = g(s), r = g(l), o = g(c), s === u ? n = o - r : l === u ? n = 1 / 3 + t - o : c === u &&
(n = 2 / 3 + r - t), n < 0 ? n += 1 : n > 1 && (n -= 1)), [
n * 360,
i * 100,
u * 100
];
};
A.rgb.hwb = function(e) {
let t = e[0], r = e[1], o = e[2], n = A.rgb.hsl(e)[0], i = 1 / 255 * Math.min(t, Math.min(r, o));
return o = 1 - 1 / 255 * Math.max(t, Math.max(r, o)), [n, i * 100, o * 100];
};
A.rgb.cmyk = function(e) {
let t = e[0] / 255, r = e[1] / 255, o = e[2] / 255, n = Math.min(1 - t, 1 - r, 1 - o), i = (1 - t - n) / (1 - n) || 0, s = (1 - r - n) /
(1 - n) || 0, l = (1 - o - n) / (1 - n) || 0;
return [i * 100, s * 100, l * 100, n * 100];
};
function lb(e, t) {
return (e[0] - t[0]) ** 2 + (e[1] - t[1]) ** 2 + (e[2] - t[2]) ** 2;
}
a(lb, "comparativeDistance");
A.rgb.keyword = function(e) {
let t = lc[e];
if (t)
return t;
let r = 1 / 0, o;
for (let n of Object.keys(fr)) {
let i = fr[n], s = lb(e, i);
s < r && (r = s, o = n);
}
return o;
};
A.keyword.rgb = function(e) {
return fr[e];
};
A.rgb.xyz = function(e) {
let t = e[0] / 255, r = e[1] / 255, o = e[2] / 255;
t = t > 0.04045 ? ((t + 0.055) / 1.055) ** 2.4 : t / 12.92, r = r > 0.04045 ? ((r + 0.055) / 1.055) ** 2.4 : r / 12.92, o = o > 0.04045 ?
((o + 0.055) / 1.055) ** 2.4 : o / 12.92;
let n = t * 0.4124 + r * 0.3576 + o * 0.1805, i = t * 0.2126 + r * 0.7152 + o * 0.0722, s = t * 0.0193 + r * 0.1192 + o * 0.9505;
return [n * 100, i * 100, s * 100];
};
A.rgb.lab = function(e) {
let t = A.rgb.xyz(e), r = t[0], o = t[1], n = t[2];
r /= 95.047, o /= 100, n /= 108.883, r = r > 8856e-6 ? r ** (1 / 3) : 7.787 * r + 16 / 116, o = o > 8856e-6 ? o ** (1 / 3) : 7.787 * o +
16 / 116, n = n > 8856e-6 ? n ** (1 / 3) : 7.787 * n + 16 / 116;
let i = 116 * o - 16, s = 500 * (r - o), l = 200 * (o - n);
return [i, s, l];
};
A.hsl.rgb = function(e) {
let t = e[0] / 360, r = e[1] / 100, o = e[2] / 100, n, i, s;
if (r === 0)
return s = o * 255, [s, s, s];
o < 0.5 ? n = o * (1 + r) : n = o + r - o * r;
let l = 2 * o - n, c = [0, 0, 0];
for (let u = 0; u < 3; u++)
i = t + 1 / 3 * -(u - 1), i < 0 && i++, i > 1 && i--, 6 * i < 1 ? s = l + (n - l) * 6 * i : 2 * i < 1 ? s = n : 3 * i < 2 ? s = l + (n -
l) * (2 / 3 - i) * 6 : s = l, c[u] = s * 255;
return c;
};
A.hsl.hsv = function(e) {
let t = e[0], r = e[1] / 100, o = e[2] / 100, n = r, i = Math.max(o, 0.01);
o *= 2, r *= o <= 1 ? o : 2 - o, n *= i <= 1 ? i : 2 - i;
let s = (o + r) / 2, l = o === 0 ? 2 * n / (i + n) : 2 * r / (o + r);
return [t, l * 100, s * 100];
};
A.hsv.rgb = function(e) {
let t = e[0] / 60, r = e[1] / 100, o = e[2] / 100, n = Math.floor(t) % 6, i = t - Math.floor(t), s = 255 * o * (1 - r), l = 255 * o * (1 -
r * i), c = 255 * o * (1 - r * (1 - i));
switch (o *= 255, n) {
case 0:
return [o, c, s];
case 1:
return [l, o, s];
case 2:
return [s, o, c];
case 3:
return [s, l, o];
case 4:
return [c, s, o];
case 5:
return [o, s, l];
}
};
A.hsv.hsl = function(e) {
let t = e[0], r = e[1] / 100, o = e[2] / 100, n = Math.max(o, 0.01), i, s;
s = (2 - r) * o;
let l = (2 - r) * n;
return i = r * n, i /= l <= 1 ? l : 2 - l, i = i || 0, s /= 2, [t, i * 100, s * 100];
};
A.hwb.rgb = function(e) {
let t = e[0] / 360, r = e[1] / 100, o = e[2] / 100, n = r + o, i;
n > 1 && (r /= n, o /= n);
let s = Math.floor(6 * t), l = 1 - o;
i = 6 * t - s, (s & 1) !== 0 && (i = 1 - i);
let c = r + i * (l - r), u, d, g;
switch (s) {
default:
case 6:
case 0:
u = l, d = c, g = r;
break;
case 1:
u = c, d = l, g = r;
break;
case 2:
u = r, d = l, g = c;
break;
case 3:
u = r, d = c, g = l;
break;
case 4:
u = c, d = r, g = l;
break;
case 5:
u = l, d = r, g = c;
break;
}
return [u * 255, d * 255, g * 255];
};
A.cmyk.rgb = function(e) {
let t = e[0] / 100, r = e[1] / 100, o = e[2] / 100, n = e[3] / 100, i = 1 - Math.min(1, t * (1 - n) + n), s = 1 - Math.min(1, r * (1 - n) +
n), l = 1 - Math.min(1, o * (1 - n) + n);
return [i * 255, s * 255, l * 255];
};
A.xyz.rgb = function(e) {
let t = e[0] / 100, r = e[1] / 100, o = e[2] / 100, n, i, s;
return n = t * 3.2406 + r * -1.5372 + o * -0.4986, i = t * -0.9689 + r * 1.8758 + o * 0.0415, s = t * 0.0557 + r * -0.204 + o * 1.057, n =
n > 31308e-7 ? 1.055 * n ** (1 / 2.4) - 0.055 : n * 12.92, i = i > 31308e-7 ? 1.055 * i ** (1 / 2.4) - 0.055 : i * 12.92, s = s > 31308e-7 ?
1.055 * s ** (1 / 2.4) - 0.055 : s * 12.92, n = Math.min(Math.max(0, n), 1), i = Math.min(Math.max(0, i), 1), s = Math.min(Math.max(0, s),
1), [n * 255, i * 255, s * 255];
};
A.xyz.lab = function(e) {
let t = e[0], r = e[1], o = e[2];
t /= 95.047, r /= 100, o /= 108.883, t = t > 8856e-6 ? t ** (1 / 3) : 7.787 * t + 16 / 116, r = r > 8856e-6 ? r ** (1 / 3) : 7.787 * r +
16 / 116, o = o > 8856e-6 ? o ** (1 / 3) : 7.787 * o + 16 / 116;
let n = 116 * r - 16, i = 500 * (t - r), s = 200 * (r - o);
return [n, i, s];
};
A.lab.xyz = function(e) {
let t = e[0], r = e[1], o = e[2], n, i, s;
i = (t + 16) / 116, n = r / 500 + i, s = i - o / 200;
let l = i ** 3, c = n ** 3, u = s ** 3;
return i = l > 8856e-6 ? l : (i - 16 / 116) / 7.787, n = c > 8856e-6 ? c : (n - 16 / 116) / 7.787, s = u > 8856e-6 ? u : (s - 16 / 116) /
7.787, n *= 95.047, i *= 100, s *= 108.883, [n, i, s];
};
A.lab.lch = function(e) {
let t = e[0], r = e[1], o = e[2], n;
n = Math.atan2(o, r) * 360 / 2 / Math.PI, n < 0 && (n += 360);
let s = Math.sqrt(r * r + o * o);
return [t, s, n];
};
A.lch.lab = function(e) {
let t = e[0], r = e[1], n = e[2] / 360 * 2 * Math.PI, i = r * Math.cos(n), s = r * Math.sin(n);
return [t, i, s];
};
A.rgb.ansi16 = function(e, t = null) {
let [r, o, n] = e, i = t === null ? A.rgb.hsv(e)[2] : t;
if (i = Math.round(i / 50), i === 0)
return 30;
let s = 30 + (Math.round(n / 255) << 2 | Math.round(o / 255) << 1 | Math.round(r / 255));
return i === 2 && (s += 60), s;
};
A.hsv.ansi16 = function(e) {
return A.rgb.ansi16(A.hsv.rgb(e), e[2]);
};
A.rgb.ansi256 = function(e) {
let t = e[0], r = e[1], o = e[2];
return t === r && r === o ? t < 8 ? 16 : t > 248 ? 231 : Math.round((t - 8) / 247 * 24) + 232 : 16 + 36 * Math.round(t / 255 * 5) + 6 * Math.
round(r / 255 * 5) + Math.round(o / 255 * 5);
};
A.ansi16.rgb = function(e) {
let t = e % 10;
if (t === 0 || t === 7)
return e > 50 && (t += 3.5), t = t / 10.5 * 255, [t, t, t];
let r = (~~(e > 50) + 1) * 0.5, o = (t & 1) * r * 255, n = (t >> 1 & 1) * r * 255, i = (t >> 2 & 1) * r * 255;
return [o, n, i];
};
A.ansi256.rgb = function(e) {
if (e >= 232) {
let i = (e - 232) * 10 + 8;
return [i, i, i];
}
e -= 16;
let t, r = Math.floor(e / 36) / 5 * 255, o = Math.floor((t = e % 36) / 6) / 5 * 255, n = t % 6 / 5 * 255;
return [r, o, n];
};
A.rgb.hex = function(e) {
let r = (((Math.round(e[0]) & 255) << 16) + ((Math.round(e[1]) & 255) << 8) + (Math.round(e[2]) & 255)).toString(16).toUpperCase();
return "000000".substring(r.length) + r;
};
A.hex.rgb = function(e) {
let t = e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
if (!t)
return [0, 0, 0];
let r = t[0];
t[0].length === 3 && (r = r.split("").map((l) => l + l).join(""));
let o = parseInt(r, 16), n = o >> 16 & 255, i = o >> 8 & 255, s = o & 255;
return [n, i, s];
};
A.rgb.hcg = function(e) {
let t = e[0] / 255, r = e[1] / 255, o = e[2] / 255, n = Math.max(Math.max(t, r), o), i = Math.min(Math.min(t, r), o), s = n - i, l, c;
return s < 1 ? l = i / (1 - s) : l = 0, s <= 0 ? c = 0 : n === t ? c = (r - o) / s % 6 : n === r ? c = 2 + (o - t) / s : c = 4 + (t - r) /
s, c /= 6, c %= 1, [c * 360, s * 100, l * 100];
};
A.hsl.hcg = function(e) {
let t = e[1] / 100, r = e[2] / 100, o = r < 0.5 ? 2 * t * r : 2 * t * (1 - r), n = 0;
return o < 1 && (n = (r - 0.5 * o) / (1 - o)), [e[0], o * 100, n * 100];
};
A.hsv.hcg = function(e) {
let t = e[1] / 100, r = e[2] / 100, o = t * r, n = 0;
return o < 1 && (n = (r - o) / (1 - o)), [e[0], o * 100, n * 100];
};
A.hcg.rgb = function(e) {
let t = e[0] / 360, r = e[1] / 100, o = e[2] / 100;
if (r === 0)
return [o * 255, o * 255, o * 255];
let n = [0, 0, 0], i = t % 1 * 6, s = i % 1, l = 1 - s, c = 0;
switch (Math.floor(i)) {
case 0:
n[0] = 1, n[1] = s, n[2] = 0;
break;
case 1:
n[0] = l, n[1] = 1, n[2] = 0;
break;
case 2:
n[0] = 0, n[1] = 1, n[2] = s;
break;
case 3:
n[0] = 0, n[1] = l, n[2] = 1;
break;
case 4:
n[0] = s, n[1] = 0, n[2] = 1;
break;
default:
n[0] = 1, n[1] = 0, n[2] = l;
}
return c = (1 - r) * o, [
(r * n[0] + c) * 255,
(r * n[1] + c) * 255,
(r * n[2] + c) * 255
];
};
A.hcg.hsv = function(e) {
let t = e[1] / 100, r = e[2] / 100, o = t + r * (1 - t), n = 0;
return o > 0 && (n = t / o), [e[0], n * 100, o * 100];
};
A.hcg.hsl = function(e) {
let t = e[1] / 100, o = e[2] / 100 * (1 - t) + 0.5 * t, n = 0;
return o > 0 && o < 0.5 ? n = t / (2 * o) : o >= 0.5 && o < 1 && (n = t / (2 * (1 - o))), [e[0], n * 100, o * 100];
};
A.hcg.hwb = function(e) {
let t = e[1] / 100, r = e[2] / 100, o = t + r * (1 - t);
return [e[0], (o - t) * 100, (1 - o) * 100];
};
A.hwb.hcg = function(e) {
let t = e[1] / 100, o = 1 - e[2] / 100, n = o - t, i = 0;
return n < 1 && (i = (o - n) / (1 - n)), [e[0], n * 100, i * 100];
};
A.apple.rgb = function(e) {
return [e[0] / 65535 * 255, e[1] / 65535 * 255, e[2] / 65535 * 255];
};
A.rgb.apple = function(e) {
return [e[0] / 255 * 65535, e[1] / 255 * 65535, e[2] / 255 * 65535];
};
A.gray.rgb = function(e) {
return [e[0] / 100 * 255, e[0] / 100 * 255, e[0] / 100 * 255];
};
A.gray.hsl = function(e) {
return [0, 0, e[0]];
};
A.gray.hsv = A.gray.hsl;
A.gray.hwb = function(e) {
return [0, 100, e[0]];
};
A.gray.cmyk = function(e) {
return [0, 0, 0, e[0]];
};
A.gray.lab = function(e) {
return [e[0], 0, 0];
};
A.gray.hex = function(e) {
let t = Math.round(e[0] / 100 * 255) & 255, o = ((t << 16) + (t << 8) + t).toString(16).toUpperCase();
return "000000".substring(o.length) + o;
};
A.rgb.gray = function(e) {
return [(e[0] + e[1] + e[2]) / 3 / 255 * 100];
};
});
// ../node_modules/color-convert/route.js
var uc = K((g5, pc) => {
var bo = aa();
function cb() {
let e = {}, t = Object.keys(bo);
for (let r = t.length, o = 0; o < r; o++)
e[t[o]] = {
// http://jsperf.com/1-vs-infinity
// micro-opt, but this is simple.
distance: -1,
parent: null
};
return e;
}
a(cb, "buildGraph");
function pb(e) {
let t = cb(), r = [e];
for (t[e].distance = 0; r.length; ) {
let o = r.pop(), n = Object.keys(bo[o]);
for (let i = n.length, s = 0; s < i; s++) {
let l = n[s], c = t[l];
c.distance === -1 && (c.distance = t[o].distance + 1, c.parent = o, r.unshift(l));
}
}
return t;
}
a(pb, "deriveBFS");
function ub(e, t) {
return function(r) {
return t(e(r));
};
}
a(ub, "link");
function db(e, t) {
let r = [t[e].parent, e], o = bo[t[e].parent][e], n = t[e].parent;
for (; t[n].parent; )
r.unshift(t[n].parent), o = ub(bo[t[n].parent][n], o), n = t[n].parent;
return o.conversion = r, o;
}
a(db, "wrapConversion");
pc.exports = function(e) {
let t = pb(e), r = {}, o = Object.keys(t);
for (let n = o.length, i = 0; i < n; i++) {
let s = o[i];
t[s].parent !== null && (r[s] = db(s, t));
}
return r;
};
});
// ../node_modules/color-convert/index.js
var fc = K((b5, dc) => {
var ia = aa(), fb = uc(), qt = {}, mb = Object.keys(ia);
function gb(e) {
let t = /* @__PURE__ */ a(function(...r) {
let o = r[0];
return o == null ? o : (o.length > 1 && (r = o), e(r));
}, "wrappedFn");
return "conversion" in e && (t.conversion = e.conversion), t;
}
a(gb, "wrapRaw");
function hb(e) {
let t = /* @__PURE__ */ a(function(...r) {
let o = r[0];
if (o == null)
return o;
o.length > 1 && (r = o);
let n = e(r);
if (typeof n == "object")
for (let i = n.length, s = 0; s < i; s++)
n[s] = Math.round(n[s]);
return n;
}, "wrappedFn");
return "conversion" in e && (t.conversion = e.conversion), t;
}
a(hb, "wrapRounded");
mb.forEach((e) => {
qt[e] = {}, Object.defineProperty(qt[e], "channels", { value: ia[e].channels }), Object.defineProperty(qt[e], "labels", { value: ia[e].labels });
let t = fb(e);
Object.keys(t).forEach((o) => {
let n = t[o];
qt[e][o] = hb(n), qt[e][o].raw = gb(n);
});
});
dc.exports = qt;
});
// ../node_modules/react-colorful/dist/index.mjs
import Y, { useRef as pt, useMemo as bb, useEffect as vo, useState as yb, useCallback as xb, useLayoutEffect as vb } from "react";
function It() {
return (It = Object.assign || function(e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
}
return e;
}).apply(this, arguments);
}
function ua(e, t) {
if (e == null) return {};
var r, o, n = {}, i = Object.keys(e);
for (o = 0; o < i.length; o++) t.indexOf(r = i[o]) >= 0 || (n[r] = e[r]);
return n;
}
function sa(e) {
var t = pt(e), r = pt(function(o) {
t.current && t.current(o);
});
return t.current = e, r.current;
}
function wc(e, t, r) {
var o = sa(r), n = yb(function() {
return e.toHsva(t);
}), i = n[0], s = n[1], l = pt({ color: t, hsva: i });
vo(function() {
if (!e.equal(t, l.current.color)) {
var u = e.toHsva(t);
l.current = { hsva: u, color: t }, s(u);
}
}, [t, e]), vo(function() {
var u;
Sc(i, l.current.hsva) || e.equal(u = e.fromHsva(i), l.current.color) || (l.current = { hsva: i, color: u }, o(u));
}, [i, e, o]);
var c = xb(function(u) {
s(function(d) {
return Object.assign({}, d, u);
});
}, []);
return [i, c];
}
var Wt, mr, la, mc, gc, da, gr, fa, se, Eb, Sb, ca, Cb, wb, Tb, Ab, bc, pa, xo, yc, kb, yo, Ob, xc, vc, Ec, Sc, Cc, Ib, Pb, Lb, Nb, hc, Tc, _b,
Db, Ac, Bb, kc, Mb, Oc, Fb, Ic, Pc = V(() => {
a(It, "u");
a(ua, "c");
a(sa, "i");
Wt = /* @__PURE__ */ a(function(e, t, r) {
return t === void 0 && (t = 0), r === void 0 && (r = 1), e > r ? r : e < t ? t : e;
}, "s"), mr = /* @__PURE__ */ a(function(e) {
return "touches" in e;
}, "f"), la = /* @__PURE__ */ a(function(e) {
return e && e.ownerDocument.defaultView || self;
}, "v"), mc = /* @__PURE__ */ a(function(e, t, r) {
var o = e.getBoundingClientRect(), n = mr(t) ? function(i, s) {
for (var l = 0; l < i.length; l++) if (i[l].identifier === s) return i[l];
return i[0];
}(t.touches, r) : t;
return { left: Wt((n.pageX - (o.left + la(e).pageXOffset)) / o.width), top: Wt((n.pageY - (o.top + la(e).pageYOffset)) / o.height) };
}, "d"), gc = /* @__PURE__ */ a(function(e) {
!mr(e) && e.preventDefault();
}, "h"), da = Y.memo(function(e) {
var t = e.onMove, r = e.onKey, o = ua(e, ["onMove", "onKey"]), n = pt(null), i = sa(t), s = sa(r), l = pt(null), c = pt(!1), u = bb(function() {
var m = /* @__PURE__ */ a(function(b) {
gc(b), (mr(b) ? b.touches.length > 0 : b.buttons > 0) && n.current ? i(mc(n.current, b, l.current)) : h(!1);
}, "e"), f = /* @__PURE__ */ a(function() {
return h(!1);
}, "r");
function h(b) {
var y = c.current, x = la(n.current), v = b ? x.addEventListener : x.removeEventListener;
v(y ? "touchmove" : "mousemove", m), v(y ? "touchend" : "mouseup", f);
}
return a(h, "t"), [function(b) {
var y = b.nativeEvent, x = n.current;
if (x && (gc(y), !function(S, w) {
return w && !mr(S);
}(y, c.current) && x)) {
if (mr(y)) {
c.current = !0;
var v = y.changedTouches || [];
v.length && (l.current = v[0].identifier);
}
x.focus(), i(mc(x, y, l.current)), h(!0);
}
}, function(b) {
var y = b.which || b.keyCode;
y < 37 || y > 40 || (b.preventDefault(), s({ left: y === 39 ? 0.05 : y === 37 ? -0.05 : 0, top: y === 40 ? 0.05 : y === 38 ? -0.05 :
0 }));
}, h];
}, [s, i]), d = u[0], g = u[1], p = u[2];
return vo(function() {
return p;
}, [p]), Y.createElement("div", It({}, o, { onTouchStart: d, onMouseDown: d, className: "react-colorful__interactive", ref: n, onKeyDown: g,
tabIndex: 0, role: "slider" }));
}), gr = /* @__PURE__ */ a(function(e) {
return e.filter(Boolean).join(" ");
}, "g"), fa = /* @__PURE__ */ a(function(e) {
var t = e.color, r = e.left, o = e.top, n = o === void 0 ? 0.5 : o, i = gr(["react-colorful__pointer", e.className]);
return Y.createElement("div", { className: i, style: { top: 100 * n + "%", left: 100 * r + "%" } }, Y.createElement("div", { className: "\
react-colorful__pointer-fill", style: { backgroundColor: t } }));
}, "p"), se = /* @__PURE__ */ a(function(e, t, r) {
return t === void 0 && (t = 0), r === void 0 && (r = Math.pow(10, t)), Math.round(r * e) / r;
}, "b"), Eb = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, Sb = /* @__PURE__ */ a(function(e) {
return xc(ca(e));
}, "x"), ca = /* @__PURE__ */ a(function(e) {
return e[0] === "#" && (e = e.substring(1)), e.length < 6 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] +
e[2], 16), a: e.length === 4 ? se(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : { r: parseInt(e.substring(0, 2), 16), g: parseInt(e.substring(
2, 4), 16), b: parseInt(e.substring(4, 6), 16), a: e.length === 8 ? se(parseInt(e.substring(6, 8), 16) / 255, 2) : 1 };
}, "C"), Cb = /* @__PURE__ */ a(function(e, t) {
return t === void 0 && (t = "deg"), Number(e) * (Eb[t] || 1);
}, "E"), wb = /* @__PURE__ */ a(function(e) {
var t = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(
e);
return t ? Tb({ h: Cb(t[1], t[2]), s: Number(t[3]), l: Number(t[4]), a: t[5] === void 0 ? 1 : Number(t[5]) / (t[6] ? 100 : 1) }) : { h: 0,
s: 0, v: 0, a: 1 };
}, "H"), Tb = /* @__PURE__ */ a(function(e) {
var t = e.s, r = e.l;
return { h: e.h, s: (t *= (r < 50 ? r : 100 - r) / 100) > 0 ? 2 * t / (r + t) * 100 : 0, v: r + t, a: e.a };
}, "N"), Ab = /* @__PURE__ */ a(function(e) {
return Ob(yc(e));
}, "w"), bc = /* @__PURE__ */ a(function(e) {
var t = e.s, r = e.v, o = e.a, n = (200 - t) * r / 100;
return { h: se(e.h), s: se(n > 0 && n < 200 ? t * r / 100 / (n <= 100 ? n : 200 - n) * 100 : 0), l: se(n / 2), a: se(o, 2) };
}, "y"), pa = /* @__PURE__ */ a(function(e) {
var t = bc(e);
return "hsl(" + t.h + ", " + t.s + "%, " + t.l + "%)";
}, "q"), xo = /* @__PURE__ */ a(function(e) {
var t = bc(e);
return "hsla(" + t.h + ", " + t.s + "%, " + t.l + "%, " + t.a + ")";
}, "k"), yc = /* @__PURE__ */ a(function(e) {
var t = e.h, r = e.s, o = e.v, n = e.a;
t = t / 360 * 6, r /= 100, o /= 100;
var i = Math.floor(t), s = o * (1 - r), l = o * (1 - (t - i) * r), c = o * (1 - (1 - t + i) * r), u = i % 6;
return { r: se(255 * [o, l, s, s, c, o][u]), g: se(255 * [c, o, o, l, s, s][u]), b: se(255 * [s, s, c, o, o, l][u]), a: se(n, 2) };
}, "I"), kb = /* @__PURE__ */ a(function(e) {
var t = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);
return t ? xc({ r: Number(t[1]) / (t[2] ? 100 / 255 : 1), g: Number(t[3]) / (t[4] ? 100 / 255 : 1), b: Number(t[5]) / (t[6] ? 100 / 255 :
1), a: t[7] === void 0 ? 1 : Number(t[7]) / (t[8] ? 100 : 1) }) : { h: 0, s: 0, v: 0, a: 1 };
}, "z"), yo = /* @__PURE__ */ a(function(e) {
var t = e.toString(16);
return t.length < 2 ? "0" + t : t;
}, "D"), Ob = /* @__PURE__ */ a(function(e) {
var t = e.r, r = e.g, o = e.b, n = e.a, i = n < 1 ? yo(se(255 * n)) : "";
return "#" + yo(t) + yo(r) + yo(o) + i;
}, "K"), xc = /* @__PURE__ */ a(function(e) {
var t = e.r, r = e.g, o = e.b, n = e.a, i = Math.max(t, r, o), s = i - Math.min(t, r, o), l = s ? i === t ? (r - o) / s : i === r ? 2 + (o -
t) / s : 4 + (t - r) / s : 0;
return { h: se(60 * (l < 0 ? l + 6 : l)), s: se(i ? s / i * 100 : 0), v: se(i / 255 * 100), a: n };
}, "L"), vc = Y.memo(function(e) {
var t = e.hue, r = e.onChange, o = gr(["react-colorful__hue", e.className]);
return Y.createElement("div", { className: o }, Y.createElement(da, { onMove: /* @__PURE__ */ a(function(n) {
r({ h: 360 * n.left });
}, "onMove"), onKey: /* @__PURE__ */ a(function(n) {
r({ h: Wt(t + 360 * n.left, 0, 360) });
}, "onKey"), "aria-label": "Hue", "aria-valuenow": se(t), "aria-valuemax": "360", "aria-valuemin": "0" }, Y.createElement(fa, { className: "\
react-colorful__hue-pointer", left: t / 360, color: pa({ h: t, s: 100, v: 100, a: 1 }) })));
}), Ec = Y.memo(function(e) {
var t = e.hsva, r = e.onChange, o = { backgroundColor: pa({ h: t.h, s: 100, v: 100, a: 1 }) };
return Y.createElement("div", { className: "react-colorful__saturation", style: o }, Y.createElement(da, { onMove: /* @__PURE__ */ a(function(n) {
r({ s: 100 * n.left, v: 100 - 100 * n.top });
}, "onMove"), onKey: /* @__PURE__ */ a(function(n) {
r({ s: Wt(t.s + 100 * n.left, 0, 100), v: Wt(t.v - 100 * n.top, 0, 100) });
}, "onKey"), "aria-label": "Color", "aria-valuetext": "Saturation " + se(t.s) + "%, Brightness " + se(t.v) + "%" }, Y.createElement(fa, {
className: "react-colorful__saturation-pointer", top: 1 - t.v / 100, left: t.s / 100, color: pa(t) })));
}), Sc = /* @__PURE__ */ a(function(e, t) {
if (e === t) return !0;
for (var r in e) if (e[r] !== t[r]) return !1;
return !0;
}, "F"), Cc = /* @__PURE__ */ a(function(e, t) {
return e.replace(/\s/g, "") === t.replace(/\s/g, "");
}, "P"), Ib = /* @__PURE__ */ a(function(e, t) {
return e.toLowerCase() === t.toLowerCase() || Sc(ca(e), ca(t));
}, "X");
a(wc, "Y");
Lb = typeof window < "u" ? vb : vo, Nb = /* @__PURE__ */ a(function() {
return Pb || (typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0);
}, "$"), hc = /* @__PURE__ */ new Map(), Tc = /* @__PURE__ */ a(function(e) {
Lb(function() {
var t = e.current ? e.current.ownerDocument : document;
if (t !== void 0 && !hc.has(t)) {
var r = t.createElement("style");
r.innerHTML = `.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:non\
e;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;borde\
r-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-g\
radient(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-gra\
dient(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{p\
osition:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px soli\
d #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}`, hc.set(t, r);
var o = Nb();
o && r.setAttribute("nonce", o), t.head.appendChild(r);
}
}, []);
}, "Q"), _b = /* @__PURE__ */ a(function(e) {
var t = e.className, r = e.colorModel, o = e.color, n = o === void 0 ? r.defaultColor : o, i = e.onChange, s = ua(e, ["className", "colo\
rModel", "color", "onChange"]), l = pt(null);
Tc(l);
var c = wc(r, n, i), u = c[0], d = c[1], g = gr(["react-colorful", t]);
return Y.createElement("div", It({}, s, { ref: l, className: g }), Y.createElement(Ec, { hsva: u, onChange: d }), Y.createElement(vc, { hue: u.
h, onChange: d, className: "react-colorful__last-control" }));
}, "U"), Db = { defaultColor: "000", toHsva: Sb, fromHsva: /* @__PURE__ */ a(function(e) {
return Ab({ h: e.h, s: e.s, v: e.v, a: 1 });
}, "fromHsva"), equal: Ib }, Ac = /* @__PURE__ */ a(function(e) {
return Y.createElement(_b, It({}, e, { colorModel: Db }));
}, "Z"), Bb = /* @__PURE__ */ a(function(e) {
var t = e.className, r = e.hsva, o = e.onChange, n = { backgroundImage: "linear-gradient(90deg, " + xo(Object.assign({}, r, { a: 0 })) +
", " + xo(Object.assign({}, r, { a: 1 })) + ")" }, i = gr(["react-colorful__alpha", t]), s = se(100 * r.a);
return Y.createElement("div", { className: i }, Y.createElement("div", { className: "react-colorful__alpha-gradient", style: n }), Y.createElement(
da, { onMove: /* @__PURE__ */ a(function(l) {
o({ a: l.left });
}, "onMove"), onKey: /* @__PURE__ */ a(function(l) {
o({ a: Wt(r.a + l.left) });
}, "onKey"), "aria-label": "Alpha", "aria-valuetext": s + "%", "aria-valuenow": s, "aria-valuemin": "0", "aria-valuemax": "100" }, Y.createElement(
fa, { className: "react-colorful__alpha-pointer", left: r.a, color: xo(r) })));
}, "ee"), kc = /* @__PURE__ */ a(function(e) {
var t = e.className, r = e.colorModel, o = e.color, n = o === void 0 ? r.defaultColor : o, i = e.onChange, s = ua(e, ["className", "colo\
rModel", "color", "onChange"]), l = pt(null);
Tc(l);
var c = wc(r, n, i), u = c[0], d = c[1], g = gr(["react-colorful", t]);
return Y.createElement("div", It({}, s, { ref: l, className: g }), Y.createElement(Ec, { hsva: u, onChange: d }), Y.createElement(vc, { hue: u.
h, onChange: d }), Y.createElement(Bb, { hsva: u, onChange: d, className: "react-colorful__last-control" }));
}, "re"), Mb = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: wb, fromHsva: xo, equal: Cc }, Oc = /* @__PURE__ */ a(function(e) {
return Y.createElement(kc, It({}, e, { colorModel: Mb }));
}, "ue"), Fb = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: kb, fromHsva: /* @__PURE__ */ a(function(e) {
var t = yc(e);
return "rgba(" + t.r + ", " + t.g + ", " + t.b + ", " + t.a + ")";
}, "fromHsva"), equal: Cc }, Ic = /* @__PURE__ */ a(function(e) {
return Y.createElement(kc, It({}, e, { colorModel: Fb }));
}, "He");
});
// ../addons/docs/src/blocks/controls/Color.tsx
var jc = {};
cf(jc, {
ColorControl: () => Fc,
default: () => sy
});
import De, { useCallback as Co, useEffect as Nc, useMemo as _c, useState as So } from "react";
import { Form as jb, TooltipNote as Rb, WithTooltip as Dc } from "storybook/internal/components";
import { MarkupIcon as Hb } from "@storybook/icons";
import { styled as ut } from "storybook/theming";
var Ie, Vb, zb, $b, Ub, qb, Wb, Gb, Lc, Jb, Kb, Bc, ma, Yb, Xb, Zb, ga, Qb, ey, Eo, Mc, ty, ry, oy, Gt, ny, ay, wo, iy, Fc, sy, Rc = V(() => {
"use strict";
Ie = Ce(fc());
or();
Pc();
Ne();
Vb = ut.div({
position: "relative",
maxWidth: 250,
'&[aria-readonly="true"]': {
opacity: 0.5
}
}), zb = ut(Dc)({
position: "absolute",
zIndex: 1,
top: 4,
left: 4,
"[aria-readonly=true] &": {
cursor: "not-allowed"
}
}), $b = ut.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"
}
}), Ub = ut(Rb)(({ theme: e }) => ({
fontFamily: e.typography.fonts.base
})), qb = ut.div({
display: "grid",
gridTemplateColumns: "repeat(9, 16px)",
gap: 6,
padding: 3,
marginTop: 5,
width: 200
}), Wb = ut.div(({ theme: e, active: t }) => ({
width: 16,
height: 16,
boxShadow: t ? `${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px` : `${e.appBorderColor} 0 0 0 1px inset`,
borderRadius: e.appBorderRadius
})), Gb = `url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width=