Created 10 detailed GitHub issues covering: - Project activation and management UI (#1-2) - Worker node coordination and visualization (#3-4) - Automated GitHub repository scanning (#5) - Intelligent model-to-issue matching (#6) - Multi-model task execution system (#7) - N8N workflow integration (#8) - Hive-Bzzz P2P bridge (#9) - Peer assistance protocol (#10) Each issue includes detailed specifications, acceptance criteria, technical implementation notes, and dependency mapping. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1101 lines
30 KiB
JavaScript
1101 lines
30 KiB
JavaScript
var se = Object.defineProperty;
|
|
var n = (r, e) => se(r, "name", { value: e, configurable: !0 });
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/extends.js
|
|
function l() {
|
|
return l = Object.assign ? Object.assign.bind() : function(r) {
|
|
for (var e = 1; e < arguments.length; e++) {
|
|
var t = arguments[e];
|
|
for (var a in t) ({}).hasOwnProperty.call(t, a) && (r[a] = t[a]);
|
|
}
|
|
return r;
|
|
}, l.apply(null, arguments);
|
|
}
|
|
n(l, "_extends");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
function V(r) {
|
|
if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
return r;
|
|
}
|
|
n(V, "_assertThisInitialized");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
|
|
function v(r, e) {
|
|
return v = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, a) {
|
|
return t.__proto__ = a, t;
|
|
}, v(r, e);
|
|
}
|
|
n(v, "_setPrototypeOf");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
|
|
function N(r, e) {
|
|
r.prototype = Object.create(e.prototype), r.prototype.constructor = r, v(r, e);
|
|
}
|
|
n(N, "_inheritsLoose");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
|
|
function R(r) {
|
|
return R = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
return e.__proto__ || Object.getPrototypeOf(e);
|
|
}, R(r);
|
|
}
|
|
n(R, "_getPrototypeOf");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
|
|
function G(r) {
|
|
try {
|
|
return Function.toString.call(r).indexOf("[native code]") !== -1;
|
|
} catch {
|
|
return typeof r == "function";
|
|
}
|
|
}
|
|
n(G, "_isNativeFunction");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
|
|
function k() {
|
|
try {
|
|
var r = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
|
|
}));
|
|
} catch {
|
|
}
|
|
return (k = /* @__PURE__ */ n(function() {
|
|
return !!r;
|
|
}, "_isNativeReflectConstruct"))();
|
|
}
|
|
n(k, "_isNativeReflectConstruct");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/construct.js
|
|
function Q(r, e, t) {
|
|
if (k()) return Reflect.construct.apply(null, arguments);
|
|
var a = [null];
|
|
a.push.apply(a, e);
|
|
var i = new (r.bind.apply(r, a))();
|
|
return t && v(i, t.prototype), i;
|
|
}
|
|
n(Q, "_construct");
|
|
|
|
// ../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
|
|
function j(r) {
|
|
var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
|
|
return j = /* @__PURE__ */ n(function(a) {
|
|
if (a === null || !G(a)) return a;
|
|
if (typeof a != "function") throw new TypeError("Super expression must either be null or a function");
|
|
if (e !== void 0) {
|
|
if (e.has(a)) return e.get(a);
|
|
e.set(a, i);
|
|
}
|
|
function i() {
|
|
return Q(a, arguments, R(this).constructor);
|
|
}
|
|
return n(i, "Wrapper"), i.prototype = Object.create(a.prototype, {
|
|
constructor: {
|
|
value: i,
|
|
enumerable: !1,
|
|
writable: !0,
|
|
configurable: !0
|
|
}
|
|
}), v(i, a);
|
|
}, "_wrapNativeSuper"), j(r);
|
|
}
|
|
n(j, "_wrapNativeSuper");
|
|
|
|
// ../node_modules/polished/dist/polished.esm.js
|
|
var fe = {
|
|
1: `Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0\
|
|
.4, lightness: 0.75 }).
|
|
|
|
`,
|
|
2: `Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, satura\
|
|
tion: 0.4, lightness: 0.75, alpha: 0.7 }).
|
|
|
|
`,
|
|
3: `Passed an incorrect argument to a color function, please pass a string representation of a color.
|
|
|
|
`,
|
|
4: `Couldn't generate valid rgb string from %s, it returned %s.
|
|
|
|
`,
|
|
5: `Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.
|
|
|
|
`,
|
|
6: `Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, bl\
|
|
ue: 100 }).
|
|
|
|
`,
|
|
7: `Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: \
|
|
205, blue: 100, alpha: 0.75 }).
|
|
|
|
`,
|
|
8: `Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.
|
|
|
|
`,
|
|
9: `Please provide a number of steps to the modularScale helper.
|
|
|
|
`,
|
|
10: `Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
|
|
|
|
`,
|
|
11: `Invalid value passed as base to modularScale, expected number or em string but got "%s"
|
|
|
|
`,
|
|
12: `Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.
|
|
|
|
`,
|
|
13: `Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.
|
|
|
|
`,
|
|
14: `Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.
|
|
|
|
`,
|
|
15: `Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.
|
|
|
|
`,
|
|
16: `You must provide a template to this method.
|
|
|
|
`,
|
|
17: `You passed an unsupported selector state to this method.
|
|
|
|
`,
|
|
18: `minScreen and maxScreen must be provided as stringified numbers with the same units.
|
|
|
|
`,
|
|
19: `fromSize and toSize must be provided as stringified numbers with the same units.
|
|
|
|
`,
|
|
20: `expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
|
|
|
|
`,
|
|
21: "expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
|
|
22: "expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
|
|
23: `fontFace expects a name of a font-family.
|
|
|
|
`,
|
|
24: `fontFace expects either the path to the font file(s) or a name of a local copy.
|
|
|
|
`,
|
|
25: `fontFace expects localFonts to be an array.
|
|
|
|
`,
|
|
26: `fontFace expects fileFormats to be an array.
|
|
|
|
`,
|
|
27: `radialGradient requries at least 2 color-stops to properly render.
|
|
|
|
`,
|
|
28: `Please supply a filename to retinaImage() as the first argument.
|
|
|
|
`,
|
|
29: `Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
|
|
|
|
`,
|
|
30: "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
|
|
31: `The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation
|
|
|
|
`,
|
|
32: `To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])
|
|
To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')
|
|
|
|
`,
|
|
33: `The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation
|
|
|
|
`,
|
|
34: `borderRadius expects a radius value as a string or number as the second argument.
|
|
|
|
`,
|
|
35: `borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
|
|
|
|
`,
|
|
36: `Property must be a string value.
|
|
|
|
`,
|
|
37: `Syntax Error at %s.
|
|
|
|
`,
|
|
38: `Formula contains a function that needs parentheses at %s.
|
|
|
|
`,
|
|
39: `Formula is missing closing parenthesis at %s.
|
|
|
|
`,
|
|
40: `Formula has too many closing parentheses at %s.
|
|
|
|
`,
|
|
41: `All values in a formula must have the same unit or be unitless.
|
|
|
|
`,
|
|
42: `Please provide a number of steps to the modularScale helper.
|
|
|
|
`,
|
|
43: `Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
|
|
|
|
`,
|
|
44: `Invalid value passed as base to modularScale, expected number or em/rem string but got %s.
|
|
|
|
`,
|
|
45: `Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.
|
|
|
|
`,
|
|
46: `Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.
|
|
|
|
`,
|
|
47: `minScreen and maxScreen must be provided as stringified numbers with the same units.
|
|
|
|
`,
|
|
48: `fromSize and toSize must be provided as stringified numbers with the same units.
|
|
|
|
`,
|
|
49: `Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
|
|
|
|
`,
|
|
50: `Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.
|
|
|
|
`,
|
|
51: `Expects the first argument object to have the properties prop, fromSize, and toSize.
|
|
|
|
`,
|
|
52: `fontFace expects either the path to the font file(s) or a name of a local copy.
|
|
|
|
`,
|
|
53: `fontFace expects localFonts to be an array.
|
|
|
|
`,
|
|
54: `fontFace expects fileFormats to be an array.
|
|
|
|
`,
|
|
55: `fontFace expects a name of a font-family.
|
|
|
|
`,
|
|
56: `linearGradient requries at least 2 color-stops to properly render.
|
|
|
|
`,
|
|
57: `radialGradient requries at least 2 color-stops to properly render.
|
|
|
|
`,
|
|
58: `Please supply a filename to retinaImage() as the first argument.
|
|
|
|
`,
|
|
59: `Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
|
|
|
|
`,
|
|
60: "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
|
|
61: `Property must be a string value.
|
|
|
|
`,
|
|
62: `borderRadius expects a radius value as a string or number as the second argument.
|
|
|
|
`,
|
|
63: `borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
|
|
|
|
`,
|
|
64: `The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.
|
|
|
|
`,
|
|
65: `To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animatio\
|
|
n please supply them in simple values, e.g. animation('rotate', '2s').
|
|
|
|
`,
|
|
66: `The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.
|
|
|
|
`,
|
|
67: `You must provide a template to this method.
|
|
|
|
`,
|
|
68: `You passed an unsupported selector state to this method.
|
|
|
|
`,
|
|
69: `Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.
|
|
|
|
`,
|
|
70: `Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.
|
|
|
|
`,
|
|
71: `Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.
|
|
|
|
`,
|
|
72: `Passed invalid base value %s to %s(), please pass a value like "12px" or 12.
|
|
|
|
`,
|
|
73: `Please provide a valid CSS variable.
|
|
|
|
`,
|
|
74: `CSS variable not found and no default was provided.
|
|
|
|
`,
|
|
75: `important requires a valid style object, got a %s instead.
|
|
|
|
`,
|
|
76: `fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.
|
|
|
|
`,
|
|
77: `remToPx expects a value in "rem" but you provided it in "%s".
|
|
|
|
`,
|
|
78: `base must be set in "px" or "%" but you set it in "%s".
|
|
`
|
|
};
|
|
function pe() {
|
|
for (var r = arguments.length, e = new Array(r), t = 0; t < r; t++)
|
|
e[t] = arguments[t];
|
|
var a = e[0], i = [], o;
|
|
for (o = 1; o < e.length; o += 1)
|
|
i.push(e[o]);
|
|
return i.forEach(function(u) {
|
|
a = a.replace(/%[a-z]/, u);
|
|
}), a;
|
|
}
|
|
n(pe, "format");
|
|
var d = /* @__PURE__ */ function(r) {
|
|
N(e, r);
|
|
function e(t) {
|
|
for (var a, i = arguments.length, o = new Array(i > 1 ? i - 1 : 0), u = 1; u < i; u++)
|
|
o[u - 1] = arguments[u];
|
|
return a = r.call(this, pe.apply(void 0, [fe[t]].concat(o))) || this, V(a);
|
|
}
|
|
return n(e, "PolishedError"), e;
|
|
}(/* @__PURE__ */ j(Error));
|
|
function Y(r, e) {
|
|
return r.substr(-e.length) === e;
|
|
}
|
|
n(Y, "endsWith");
|
|
var le = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;
|
|
function J(r) {
|
|
if (typeof r != "string") return r;
|
|
var e = r.match(le);
|
|
return e ? parseFloat(r) : r;
|
|
}
|
|
n(J, "stripUnit");
|
|
var de = /* @__PURE__ */ n(function(e) {
|
|
return function(t, a) {
|
|
a === void 0 && (a = "16px");
|
|
var i = t, o = a;
|
|
if (typeof t == "string") {
|
|
if (!Y(t, "px"))
|
|
throw new d(69, e, t);
|
|
i = J(t);
|
|
}
|
|
if (typeof a == "string") {
|
|
if (!Y(a, "px"))
|
|
throw new d(70, e, a);
|
|
o = J(a);
|
|
}
|
|
if (typeof i == "string")
|
|
throw new d(71, t, e);
|
|
if (typeof o == "string")
|
|
throw new d(72, a, e);
|
|
return "" + i / o + e;
|
|
};
|
|
}, "pxtoFactory"), X = de, Mr = X("em");
|
|
var Pr = X("rem");
|
|
function $(r) {
|
|
return Math.round(r * 255);
|
|
}
|
|
n($, "colorToInt");
|
|
function ce(r, e, t) {
|
|
return $(r) + "," + $(e) + "," + $(t);
|
|
}
|
|
n(ce, "convertToInt");
|
|
function T(r, e, t, a) {
|
|
if (a === void 0 && (a = ce), e === 0)
|
|
return a(t, t, t);
|
|
var i = (r % 360 + 360) % 360 / 60, o = (1 - Math.abs(2 * t - 1)) * e, u = o * (1 - Math.abs(i % 2 - 1)), f = 0, p = 0, g = 0;
|
|
i >= 0 && i < 1 ? (f = o, p = u) : i >= 1 && i < 2 ? (f = u, p = o) : i >= 2 && i < 3 ? (p = o, g = u) : i >= 3 && i < 4 ? (p = u, g = o) :
|
|
i >= 4 && i < 5 ? (f = u, g = o) : i >= 5 && i < 6 && (f = o, g = u);
|
|
var b = t - o / 2, h = f + b, c = p + b, A = g + b;
|
|
return a(h, c, A);
|
|
}
|
|
n(T, "hslToRgb");
|
|
var Z = {
|
|
aliceblue: "f0f8ff",
|
|
antiquewhite: "faebd7",
|
|
aqua: "00ffff",
|
|
aquamarine: "7fffd4",
|
|
azure: "f0ffff",
|
|
beige: "f5f5dc",
|
|
bisque: "ffe4c4",
|
|
black: "000",
|
|
blanchedalmond: "ffebcd",
|
|
blue: "0000ff",
|
|
blueviolet: "8a2be2",
|
|
brown: "a52a2a",
|
|
burlywood: "deb887",
|
|
cadetblue: "5f9ea0",
|
|
chartreuse: "7fff00",
|
|
chocolate: "d2691e",
|
|
coral: "ff7f50",
|
|
cornflowerblue: "6495ed",
|
|
cornsilk: "fff8dc",
|
|
crimson: "dc143c",
|
|
cyan: "00ffff",
|
|
darkblue: "00008b",
|
|
darkcyan: "008b8b",
|
|
darkgoldenrod: "b8860b",
|
|
darkgray: "a9a9a9",
|
|
darkgreen: "006400",
|
|
darkgrey: "a9a9a9",
|
|
darkkhaki: "bdb76b",
|
|
darkmagenta: "8b008b",
|
|
darkolivegreen: "556b2f",
|
|
darkorange: "ff8c00",
|
|
darkorchid: "9932cc",
|
|
darkred: "8b0000",
|
|
darksalmon: "e9967a",
|
|
darkseagreen: "8fbc8f",
|
|
darkslateblue: "483d8b",
|
|
darkslategray: "2f4f4f",
|
|
darkslategrey: "2f4f4f",
|
|
darkturquoise: "00ced1",
|
|
darkviolet: "9400d3",
|
|
deeppink: "ff1493",
|
|
deepskyblue: "00bfff",
|
|
dimgray: "696969",
|
|
dimgrey: "696969",
|
|
dodgerblue: "1e90ff",
|
|
firebrick: "b22222",
|
|
floralwhite: "fffaf0",
|
|
forestgreen: "228b22",
|
|
fuchsia: "ff00ff",
|
|
gainsboro: "dcdcdc",
|
|
ghostwhite: "f8f8ff",
|
|
gold: "ffd700",
|
|
goldenrod: "daa520",
|
|
gray: "808080",
|
|
green: "008000",
|
|
greenyellow: "adff2f",
|
|
grey: "808080",
|
|
honeydew: "f0fff0",
|
|
hotpink: "ff69b4",
|
|
indianred: "cd5c5c",
|
|
indigo: "4b0082",
|
|
ivory: "fffff0",
|
|
khaki: "f0e68c",
|
|
lavender: "e6e6fa",
|
|
lavenderblush: "fff0f5",
|
|
lawngreen: "7cfc00",
|
|
lemonchiffon: "fffacd",
|
|
lightblue: "add8e6",
|
|
lightcoral: "f08080",
|
|
lightcyan: "e0ffff",
|
|
lightgoldenrodyellow: "fafad2",
|
|
lightgray: "d3d3d3",
|
|
lightgreen: "90ee90",
|
|
lightgrey: "d3d3d3",
|
|
lightpink: "ffb6c1",
|
|
lightsalmon: "ffa07a",
|
|
lightseagreen: "20b2aa",
|
|
lightskyblue: "87cefa",
|
|
lightslategray: "789",
|
|
lightslategrey: "789",
|
|
lightsteelblue: "b0c4de",
|
|
lightyellow: "ffffe0",
|
|
lime: "0f0",
|
|
limegreen: "32cd32",
|
|
linen: "faf0e6",
|
|
magenta: "f0f",
|
|
maroon: "800000",
|
|
mediumaquamarine: "66cdaa",
|
|
mediumblue: "0000cd",
|
|
mediumorchid: "ba55d3",
|
|
mediumpurple: "9370db",
|
|
mediumseagreen: "3cb371",
|
|
mediumslateblue: "7b68ee",
|
|
mediumspringgreen: "00fa9a",
|
|
mediumturquoise: "48d1cc",
|
|
mediumvioletred: "c71585",
|
|
midnightblue: "191970",
|
|
mintcream: "f5fffa",
|
|
mistyrose: "ffe4e1",
|
|
moccasin: "ffe4b5",
|
|
navajowhite: "ffdead",
|
|
navy: "000080",
|
|
oldlace: "fdf5e6",
|
|
olive: "808000",
|
|
olivedrab: "6b8e23",
|
|
orange: "ffa500",
|
|
orangered: "ff4500",
|
|
orchid: "da70d6",
|
|
palegoldenrod: "eee8aa",
|
|
palegreen: "98fb98",
|
|
paleturquoise: "afeeee",
|
|
palevioletred: "db7093",
|
|
papayawhip: "ffefd5",
|
|
peachpuff: "ffdab9",
|
|
peru: "cd853f",
|
|
pink: "ffc0cb",
|
|
plum: "dda0dd",
|
|
powderblue: "b0e0e6",
|
|
purple: "800080",
|
|
rebeccapurple: "639",
|
|
red: "f00",
|
|
rosybrown: "bc8f8f",
|
|
royalblue: "4169e1",
|
|
saddlebrown: "8b4513",
|
|
salmon: "fa8072",
|
|
sandybrown: "f4a460",
|
|
seagreen: "2e8b57",
|
|
seashell: "fff5ee",
|
|
sienna: "a0522d",
|
|
silver: "c0c0c0",
|
|
skyblue: "87ceeb",
|
|
slateblue: "6a5acd",
|
|
slategray: "708090",
|
|
slategrey: "708090",
|
|
snow: "fffafa",
|
|
springgreen: "00ff7f",
|
|
steelblue: "4682b4",
|
|
tan: "d2b48c",
|
|
teal: "008080",
|
|
thistle: "d8bfd8",
|
|
tomato: "ff6347",
|
|
turquoise: "40e0d0",
|
|
violet: "ee82ee",
|
|
wheat: "f5deb3",
|
|
white: "fff",
|
|
whitesmoke: "f5f5f5",
|
|
yellow: "ff0",
|
|
yellowgreen: "9acd32"
|
|
};
|
|
function me(r) {
|
|
if (typeof r != "string") return r;
|
|
var e = r.toLowerCase();
|
|
return Z[e] ? "#" + Z[e] : r;
|
|
}
|
|
n(me, "nameToHex");
|
|
var ge = /^#[a-fA-F0-9]{6}$/, he = /^#[a-fA-F0-9]{8}$/, be = /^#[a-fA-F0-9]{3}$/, ve = /^#[a-fA-F0-9]{4}$/, B = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,
|
|
ye = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, we = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,
|
|
xe = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
|
|
function F(r) {
|
|
if (typeof r != "string")
|
|
throw new d(3);
|
|
var e = me(r);
|
|
if (e.match(ge))
|
|
return {
|
|
red: parseInt("" + e[1] + e[2], 16),
|
|
green: parseInt("" + e[3] + e[4], 16),
|
|
blue: parseInt("" + e[5] + e[6], 16)
|
|
};
|
|
if (e.match(he)) {
|
|
var t = parseFloat((parseInt("" + e[7] + e[8], 16) / 255).toFixed(2));
|
|
return {
|
|
red: parseInt("" + e[1] + e[2], 16),
|
|
green: parseInt("" + e[3] + e[4], 16),
|
|
blue: parseInt("" + e[5] + e[6], 16),
|
|
alpha: t
|
|
};
|
|
}
|
|
if (e.match(be))
|
|
return {
|
|
red: parseInt("" + e[1] + e[1], 16),
|
|
green: parseInt("" + e[2] + e[2], 16),
|
|
blue: parseInt("" + e[3] + e[3], 16)
|
|
};
|
|
if (e.match(ve)) {
|
|
var a = parseFloat((parseInt("" + e[4] + e[4], 16) / 255).toFixed(2));
|
|
return {
|
|
red: parseInt("" + e[1] + e[1], 16),
|
|
green: parseInt("" + e[2] + e[2], 16),
|
|
blue: parseInt("" + e[3] + e[3], 16),
|
|
alpha: a
|
|
};
|
|
}
|
|
var i = B.exec(e);
|
|
if (i)
|
|
return {
|
|
red: parseInt("" + i[1], 10),
|
|
green: parseInt("" + i[2], 10),
|
|
blue: parseInt("" + i[3], 10)
|
|
};
|
|
var o = ye.exec(e.substring(0, 50));
|
|
if (o)
|
|
return {
|
|
red: parseInt("" + o[1], 10),
|
|
green: parseInt("" + o[2], 10),
|
|
blue: parseInt("" + o[3], 10),
|
|
alpha: parseFloat("" + o[4]) > 1 ? parseFloat("" + o[4]) / 100 : parseFloat("" + o[4])
|
|
};
|
|
var u = we.exec(e);
|
|
if (u) {
|
|
var f = parseInt("" + u[1], 10), p = parseInt("" + u[2], 10) / 100, g = parseInt("" + u[3], 10) / 100, b = "rgb(" + T(f, p, g) + ")", h = B.
|
|
exec(b);
|
|
if (!h)
|
|
throw new d(4, e, b);
|
|
return {
|
|
red: parseInt("" + h[1], 10),
|
|
green: parseInt("" + h[2], 10),
|
|
blue: parseInt("" + h[3], 10)
|
|
};
|
|
}
|
|
var c = xe.exec(e.substring(0, 50));
|
|
if (c) {
|
|
var A = parseInt("" + c[1], 10), oe = parseInt("" + c[2], 10) / 100, ue = parseInt("" + c[3], 10) / 100, U = "rgb(" + T(A, oe, ue) + ")",
|
|
I = B.exec(U);
|
|
if (!I)
|
|
throw new d(4, e, U);
|
|
return {
|
|
red: parseInt("" + I[1], 10),
|
|
green: parseInt("" + I[2], 10),
|
|
blue: parseInt("" + I[3], 10),
|
|
alpha: parseFloat("" + c[4]) > 1 ? parseFloat("" + c[4]) / 100 : parseFloat("" + c[4])
|
|
};
|
|
}
|
|
throw new d(5);
|
|
}
|
|
n(F, "parseToRgb");
|
|
function Se(r) {
|
|
var e = r.red / 255, t = r.green / 255, a = r.blue / 255, i = Math.max(e, t, a), o = Math.min(e, t, a), u = (i + o) / 2;
|
|
if (i === o)
|
|
return r.alpha !== void 0 ? {
|
|
hue: 0,
|
|
saturation: 0,
|
|
lightness: u,
|
|
alpha: r.alpha
|
|
} : {
|
|
hue: 0,
|
|
saturation: 0,
|
|
lightness: u
|
|
};
|
|
var f, p = i - o, g = u > 0.5 ? p / (2 - i - o) : p / (i + o);
|
|
switch (i) {
|
|
case e:
|
|
f = (t - a) / p + (t < a ? 6 : 0);
|
|
break;
|
|
case t:
|
|
f = (a - e) / p + 2;
|
|
break;
|
|
default:
|
|
f = (e - t) / p + 4;
|
|
break;
|
|
}
|
|
return f *= 60, r.alpha !== void 0 ? {
|
|
hue: f,
|
|
saturation: g,
|
|
lightness: u,
|
|
alpha: r.alpha
|
|
} : {
|
|
hue: f,
|
|
saturation: g,
|
|
lightness: u
|
|
};
|
|
}
|
|
n(Se, "rgbToHsl");
|
|
function y(r) {
|
|
return Se(F(r));
|
|
}
|
|
n(y, "parseToHsl");
|
|
var Fe = /* @__PURE__ */ n(function(e) {
|
|
return e.length === 7 && e[1] === e[2] && e[3] === e[4] && e[5] === e[6] ? "#" + e[1] + e[3] + e[5] : e;
|
|
}, "reduceHexValue"), P = Fe;
|
|
function x(r) {
|
|
var e = r.toString(16);
|
|
return e.length === 1 ? "0" + e : e;
|
|
}
|
|
n(x, "numberToHex");
|
|
function M(r) {
|
|
return x(Math.round(r * 255));
|
|
}
|
|
n(M, "colorToHex");
|
|
function Ce(r, e, t) {
|
|
return P("#" + M(r) + M(e) + M(t));
|
|
}
|
|
n(Ce, "convertToHex");
|
|
function O(r, e, t) {
|
|
return T(r, e, t, Ce);
|
|
}
|
|
n(O, "hslToHex");
|
|
function ze(r, e, t) {
|
|
if (typeof r == "number" && typeof e == "number" && typeof t == "number")
|
|
return O(r, e, t);
|
|
if (typeof r == "object" && e === void 0 && t === void 0)
|
|
return O(r.hue, r.saturation, r.lightness);
|
|
throw new d(1);
|
|
}
|
|
n(ze, "hsl");
|
|
function Ae(r, e, t, a) {
|
|
if (typeof r == "number" && typeof e == "number" && typeof t == "number" && typeof a == "number")
|
|
return a >= 1 ? O(r, e, t) : "rgba(" + T(r, e, t) + "," + a + ")";
|
|
if (typeof r == "object" && e === void 0 && t === void 0 && a === void 0)
|
|
return r.alpha >= 1 ? O(r.hue, r.saturation, r.lightness) : "rgba(" + T(r.hue, r.saturation, r.lightness) + "," + r.alpha + ")";
|
|
throw new d(2);
|
|
}
|
|
n(Ae, "hsla");
|
|
function E(r, e, t) {
|
|
if (typeof r == "number" && typeof e == "number" && typeof t == "number")
|
|
return P("#" + x(r) + x(e) + x(t));
|
|
if (typeof r == "object" && e === void 0 && t === void 0)
|
|
return P("#" + x(r.red) + x(r.green) + x(r.blue));
|
|
throw new d(6);
|
|
}
|
|
n(E, "rgb");
|
|
function S(r, e, t, a) {
|
|
if (typeof r == "string" && typeof e == "number") {
|
|
var i = F(r);
|
|
return "rgba(" + i.red + "," + i.green + "," + i.blue + "," + e + ")";
|
|
} else {
|
|
if (typeof r == "number" && typeof e == "number" && typeof t == "number" && typeof a == "number")
|
|
return a >= 1 ? E(r, e, t) : "rgba(" + r + "," + e + "," + t + "," + a + ")";
|
|
if (typeof r == "object" && e === void 0 && t === void 0 && a === void 0)
|
|
return r.alpha >= 1 ? E(r.red, r.green, r.blue) : "rgba(" + r.red + "," + r.green + "," + r.blue + "," + r.alpha + ")";
|
|
}
|
|
throw new d(7);
|
|
}
|
|
n(S, "rgba");
|
|
var Te = /* @__PURE__ */ n(function(e) {
|
|
return typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && (typeof e.alpha != "number" || typeof e.alpha >
|
|
"u");
|
|
}, "isRgb"), Ie = /* @__PURE__ */ n(function(e) {
|
|
return typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && typeof e.alpha == "number";
|
|
}, "isRgba"), Re = /* @__PURE__ */ n(function(e) {
|
|
return typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && (typeof e.alpha != "number" || typeof e.
|
|
alpha > "u");
|
|
}, "isHsl"), je = /* @__PURE__ */ n(function(e) {
|
|
return typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && typeof e.alpha == "number";
|
|
}, "isHsla");
|
|
function w(r) {
|
|
if (typeof r != "object") throw new d(8);
|
|
if (Ie(r)) return S(r);
|
|
if (Te(r)) return E(r);
|
|
if (je(r)) return Ae(r);
|
|
if (Re(r)) return ze(r);
|
|
throw new d(8);
|
|
}
|
|
n(w, "toColorString");
|
|
function K(r, e, t) {
|
|
return /* @__PURE__ */ n(function() {
|
|
var i = t.concat(Array.prototype.slice.call(arguments));
|
|
return i.length >= e ? r.apply(this, i) : K(r, e, i);
|
|
}, "fn");
|
|
}
|
|
n(K, "curried");
|
|
function m(r) {
|
|
return K(r, r.length, []);
|
|
}
|
|
n(m, "curry");
|
|
function Oe(r, e) {
|
|
if (e === "transparent") return e;
|
|
var t = y(e);
|
|
return w(l({}, t, {
|
|
hue: t.hue + parseFloat(r)
|
|
}));
|
|
}
|
|
n(Oe, "adjustHue");
|
|
var Er = m(Oe);
|
|
function C(r, e, t) {
|
|
return Math.max(r, Math.min(e, t));
|
|
}
|
|
n(C, "guard");
|
|
function ke(r, e) {
|
|
if (e === "transparent") return e;
|
|
var t = y(e);
|
|
return w(l({}, t, {
|
|
lightness: C(0, 1, t.lightness - parseFloat(r))
|
|
}));
|
|
}
|
|
n(ke, "darken");
|
|
var $e = m(ke), _ = $e;
|
|
function Be(r, e) {
|
|
if (e === "transparent") return e;
|
|
var t = y(e);
|
|
return w(l({}, t, {
|
|
saturation: C(0, 1, t.saturation - parseFloat(r))
|
|
}));
|
|
}
|
|
n(Be, "desaturate");
|
|
var Hr = m(Be);
|
|
function Me(r, e) {
|
|
if (e === "transparent") return e;
|
|
var t = y(e);
|
|
return w(l({}, t, {
|
|
lightness: C(0, 1, t.lightness + parseFloat(r))
|
|
}));
|
|
}
|
|
n(Me, "lighten");
|
|
var Pe = m(Me), ee = Pe;
|
|
function Ee(r, e, t) {
|
|
if (e === "transparent") return t;
|
|
if (t === "transparent") return e;
|
|
if (r === 0) return t;
|
|
var a = F(e), i = l({}, a, {
|
|
alpha: typeof a.alpha == "number" ? a.alpha : 1
|
|
}), o = F(t), u = l({}, o, {
|
|
alpha: typeof o.alpha == "number" ? o.alpha : 1
|
|
}), f = i.alpha - u.alpha, p = parseFloat(r) * 2 - 1, g = p * f === -1 ? p : p + f, b = 1 + p * f, h = (g / b + 1) / 2, c = 1 - h, A = {
|
|
red: Math.floor(i.red * h + u.red * c),
|
|
green: Math.floor(i.green * h + u.green * c),
|
|
blue: Math.floor(i.blue * h + u.blue * c),
|
|
alpha: i.alpha * parseFloat(r) + u.alpha * (1 - parseFloat(r))
|
|
};
|
|
return S(A);
|
|
}
|
|
n(Ee, "mix");
|
|
var He = m(Ee), re = He;
|
|
function Le(r, e) {
|
|
if (e === "transparent") return e;
|
|
var t = F(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = l({}, t, {
|
|
alpha: C(0, 1, (a * 100 + parseFloat(r) * 100) / 100)
|
|
});
|
|
return S(i);
|
|
}
|
|
n(Le, "opacify");
|
|
var Lr = m(Le);
|
|
function De(r, e) {
|
|
if (e === "transparent") return e;
|
|
var t = y(e);
|
|
return w(l({}, t, {
|
|
saturation: C(0, 1, t.saturation + parseFloat(r))
|
|
}));
|
|
}
|
|
n(De, "saturate");
|
|
var Dr = m(De);
|
|
function We(r, e) {
|
|
return e === "transparent" ? e : w(l({}, y(e), {
|
|
hue: parseFloat(r)
|
|
}));
|
|
}
|
|
n(We, "setHue");
|
|
var Wr = m(We);
|
|
function qe(r, e) {
|
|
return e === "transparent" ? e : w(l({}, y(e), {
|
|
lightness: parseFloat(r)
|
|
}));
|
|
}
|
|
n(qe, "setLightness");
|
|
var qr = m(qe);
|
|
function Ue(r, e) {
|
|
return e === "transparent" ? e : w(l({}, y(e), {
|
|
saturation: parseFloat(r)
|
|
}));
|
|
}
|
|
n(Ue, "setSaturation");
|
|
var Ur = m(Ue);
|
|
function Ve(r, e) {
|
|
return e === "transparent" ? e : re(parseFloat(r), "rgb(0, 0, 0)", e);
|
|
}
|
|
n(Ve, "shade");
|
|
var Vr = m(Ve);
|
|
function Ne(r, e) {
|
|
return e === "transparent" ? e : re(parseFloat(r), "rgb(255, 255, 255)", e);
|
|
}
|
|
n(Ne, "tint");
|
|
var Nr = m(Ne);
|
|
function Ge(r, e) {
|
|
if (e === "transparent") return e;
|
|
var t = F(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = l({}, t, {
|
|
alpha: C(0, 1, +(a * 100 - parseFloat(r) * 100).toFixed(2) / 100)
|
|
});
|
|
return S(i);
|
|
}
|
|
n(Ge, "transparentize");
|
|
var Qe = m(Ge), te = Qe;
|
|
|
|
// src/theming/base.ts
|
|
var s = {
|
|
// Official color palette
|
|
primary: "#FF4785",
|
|
// coral
|
|
secondary: "#029CFD",
|
|
// ocean
|
|
tertiary: "#FAFBFC",
|
|
ancillary: "#22a699",
|
|
// Complimentary
|
|
orange: "#FC521F",
|
|
gold: "#FFAE00",
|
|
green: "#66BF3C",
|
|
seafoam: "#37D5D3",
|
|
purple: "#6F2CAC",
|
|
ultraviolet: "#2A0481",
|
|
// Monochrome
|
|
lightest: "#FFFFFF",
|
|
lighter: "#F7FAFC",
|
|
light: "#EEF3F6",
|
|
mediumlight: "#ECF4F9",
|
|
medium: "#D9E8F2",
|
|
mediumdark: "#73828C",
|
|
dark: "#5C6870",
|
|
darker: "#454E54",
|
|
darkest: "#2E3438",
|
|
// For borders
|
|
border: "hsla(203, 50%, 30%, 0.15)",
|
|
// Status
|
|
positive: "#66BF3C",
|
|
negative: "#FF4400",
|
|
warning: "#E69D00",
|
|
critical: "#FFFFFF",
|
|
// Text
|
|
defaultText: "#2E3438",
|
|
inverseText: "#FFFFFF",
|
|
positiveText: "#448028",
|
|
negativeText: "#D43900",
|
|
warningText: "#A15C20"
|
|
}, H = {
|
|
app: "#F6F9FC",
|
|
bar: s.lightest,
|
|
content: s.lightest,
|
|
preview: s.lightest,
|
|
gridCellSize: 10,
|
|
hoverable: te(0.9, s.secondary),
|
|
// hover state for items in a list
|
|
// Notification, error, and warning backgrounds
|
|
positive: "#E1FFD4",
|
|
negative: "#FEDED2",
|
|
warning: "#FFF5CF",
|
|
critical: "#FF4400"
|
|
}, z = {
|
|
fonts: {
|
|
base: [
|
|
'"Nunito Sans"',
|
|
"-apple-system",
|
|
'".SFNSText-Regular"',
|
|
'"San Francisco"',
|
|
"BlinkMacSystemFont",
|
|
'"Segoe UI"',
|
|
'"Helvetica Neue"',
|
|
"Helvetica",
|
|
"Arial",
|
|
"sans-serif"
|
|
].join(", "),
|
|
mono: [
|
|
"ui-monospace",
|
|
"Menlo",
|
|
"Monaco",
|
|
'"Roboto Mono"',
|
|
'"Oxygen Mono"',
|
|
'"Ubuntu Monospace"',
|
|
'"Source Code Pro"',
|
|
'"Droid Sans Mono"',
|
|
'"Courier New"',
|
|
"monospace"
|
|
].join(", ")
|
|
},
|
|
weight: {
|
|
regular: 400,
|
|
bold: 700
|
|
},
|
|
size: {
|
|
s1: 12,
|
|
s2: 14,
|
|
s3: 16,
|
|
m1: 20,
|
|
m2: 24,
|
|
m3: 28,
|
|
l1: 32,
|
|
l2: 40,
|
|
l3: 48,
|
|
code: 90
|
|
}
|
|
};
|
|
|
|
// src/theming/themes/dark.ts
|
|
var Ye = {
|
|
base: "dark",
|
|
// Storybook-specific color palette
|
|
colorPrimary: "#FF4785",
|
|
// coral
|
|
colorSecondary: "#029CFD",
|
|
// ocean
|
|
// UI
|
|
appBg: "#222425",
|
|
appContentBg: "#1B1C1D",
|
|
appPreviewBg: s.lightest,
|
|
appBorderColor: "rgba(255,255,255,.1)",
|
|
appBorderRadius: 4,
|
|
// Fonts
|
|
fontBase: z.fonts.base,
|
|
fontCode: z.fonts.mono,
|
|
// Text colors
|
|
textColor: "#C9CDCF",
|
|
textInverseColor: "#222425",
|
|
textMutedColor: "#798186",
|
|
// Toolbar default and active colors
|
|
barTextColor: s.mediumdark,
|
|
barHoverColor: s.secondary,
|
|
barSelectedColor: s.secondary,
|
|
barBg: "#292C2E",
|
|
// Form colors
|
|
buttonBg: "#222425",
|
|
buttonBorder: "rgba(255,255,255,.1)",
|
|
booleanBg: "#222425",
|
|
booleanSelectedBg: "#2E3438",
|
|
inputBg: "#1B1C1D",
|
|
inputBorder: "rgba(255,255,255,.1)",
|
|
inputTextColor: s.lightest,
|
|
inputBorderRadius: 4
|
|
}, ne = Ye;
|
|
|
|
// src/theming/themes/light.ts
|
|
var Je = {
|
|
base: "light",
|
|
// Storybook-specific color palette
|
|
colorPrimary: "#FF4785",
|
|
// coral
|
|
colorSecondary: "#029CFD",
|
|
// ocean
|
|
// UI
|
|
appBg: H.app,
|
|
appContentBg: s.lightest,
|
|
appPreviewBg: s.lightest,
|
|
appBorderColor: s.border,
|
|
appBorderRadius: 4,
|
|
// Fonts
|
|
fontBase: z.fonts.base,
|
|
fontCode: z.fonts.mono,
|
|
// Text colors
|
|
textColor: s.darkest,
|
|
textInverseColor: s.lightest,
|
|
textMutedColor: s.dark,
|
|
// Toolbar default and active colors
|
|
barTextColor: s.mediumdark,
|
|
barHoverColor: s.secondary,
|
|
barSelectedColor: s.secondary,
|
|
barBg: s.lightest,
|
|
// Form colors
|
|
buttonBg: H.app,
|
|
buttonBorder: s.medium,
|
|
booleanBg: s.mediumlight,
|
|
booleanSelectedBg: s.lightest,
|
|
inputBg: s.lightest,
|
|
inputBorder: s.border,
|
|
inputTextColor: s.darkest,
|
|
inputBorderRadius: 4
|
|
}, L = Je;
|
|
|
|
// src/theming/utils.ts
|
|
import { logger as Ze } from "storybook/internal/client-logger";
|
|
import { global as Xe } from "@storybook/global";
|
|
var { window: D } = Xe;
|
|
var Ke = /* @__PURE__ */ n((r) => typeof r != "string" ? (Ze.warn(
|
|
`Color passed to theme object should be a string. Instead ${r}(${typeof r}) was passed.`
|
|
), !1) : !0, "isColorString"), _e = /* @__PURE__ */ n((r) => !/(gradient|var|calc)/.test(r), "isValidColorForPolished"), er = /* @__PURE__ */ n(
|
|
(r, e) => r === "darken" ? S(`${_(1, e)}`, 0.95) : r === "lighten" ? S(`${ee(1, e)}`, 0.95) : e, "applyPolished"), ae = /* @__PURE__ */ n((r) => (e) => {
|
|
if (!Ke(e) || !_e(e))
|
|
return e;
|
|
try {
|
|
return er(r, e);
|
|
} catch {
|
|
return e;
|
|
}
|
|
}, "colorFactory"), nt = ae("lighten"), at = ae("darken"), ie = /* @__PURE__ */ n(() => !D || !D.matchMedia ? "light" : D.matchMedia("(prefe\
|
|
rs-color-scheme: dark)").matches ? "dark" : "light", "getPreferredColorScheme");
|
|
|
|
// src/theming/create.ts
|
|
var W = {
|
|
light: L,
|
|
dark: ne,
|
|
normal: L
|
|
}, q = ie(), pt = /* @__PURE__ */ n((r = { base: q }, e) => {
|
|
let t = {
|
|
...W[q],
|
|
...W[r.base] || {},
|
|
...r,
|
|
base: W[r.base] ? r.base : q
|
|
};
|
|
return {
|
|
...e,
|
|
...t,
|
|
barSelectedColor: r.barSelectedColor || t.colorSecondary
|
|
};
|
|
}, "create");
|
|
export {
|
|
pt as create,
|
|
W as themes
|
|
};
|